{
	"frontendTokenCategories": [
		{
			"frontendTokenSets": [
				{
					"frontendTokens": [
						{
							"defaultValue": "8px",
							"editorType": "Length",
							"label": "border-radius",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-border-radius"
								}
							],
							"name": "btnBorderRadius",
							"type": "String"
						},
						{
							"defaultValue": "0",
							"editorType": "Length",
							"label": "border-width",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-border-width"
								}
							],
							"name": "btnBorderWidth",
							"type": "String"
						},
						{
							"defaultValue": "none",
							"label": "box-shadow",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-box-shadow"
								}
							],
							"name": "btnBoxShadow",
							"type": "String"
						},
						{
							"defaultValue": "13px",
							"editorType": "Length",
							"label": "font-size",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-font-size"
								}
							],
							"name": "btnFontSize",
							"type": "String"
						},
						{
							"defaultValue": "600",
							"label": "font-weight",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-font-weight"
								}
							],
							"name": "btnFontWeight",
							"type": "String"
						},
						{
							"defaultValue": "16px",
							"editorType": "Length",
							"label": "line-height",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-line-height"
								}
							],
							"name": "btnLineHeight",
							"type": "String"
						},
						{
							"defaultValue": "12px",
							"editorType": "Length",
							"label": "padding-x",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-padding-x"
								}
							],
							"name": "btnPaddingX",
							"type": "String"
						},
						{
							"defaultValue": "6px",
							"editorType": "Length",
							"label": "padding-y",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-padding-y"
								}
							],
							"name": "btnPaddingY",
							"type": "String"
						},
						{
							"defaultValue": "none",
							"label": "transition",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-transition"
								}
							],
							"name": "btnTransition",
							"type": "String"
						},
						{
							"defaultValue": "none",
							"label": "focus-box-shadow",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-focus-box-shadow"
								}
							],
							"name": "btnFocusBoxShadow",
							"type": "String"
						},
						{
							"defaultValue": "2px solid #0e5fd0",
							"label": "focus-outline",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-focus-outline"
								}
							],
							"name": "btnFocusOutline",
							"type": "String"
						},
						{
							"defaultValue": "1px",
							"editorType": "Length",
							"label": "focus-outline-offset",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-focus-outline-offset"
								}
							],
							"name": "btnFocusOutlineOffset",
							"type": "String"
						},
						{
							"defaultValue": "1",
							"label": "disabled-opacity",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-disabled-opacity"
								}
							],
							"name": "btnDisabledOpacity",
							"type": "String"
						}
					],
					"label": "btn",
					"name": "btn"
				},
				{
					"frontendTokens": [
						{
							"defaultValue": "#3f3f3f",
							"editorType": "ColorPicker",
							"label": "background-color",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-primary-background-color"
								}
							],
							"name": "btnPrimaryBackgroundColor",
							"type": "String"
						},
						{
							"defaultValue": "linear-gradient(180deg, rgba(48, 48, 48, 0) 63.53%, hsla(0, 0%, 100%, .15))",
							"label": "background-image",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-primary-background-image"
								}
							],
							"name": "btnPrimaryBackgroundImage",
							"type": "String"
						},
						{
							"defaultValue": "transparent",
							"editorType": "ColorPicker",
							"label": "border-color",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-primary-border-color"
								}
							],
							"name": "btnPrimaryBorderColor",
							"type": "String"
						},
						{
							"defaultValue": "inset 0px 0px 0 1px #3f3f3f,inset 1px 1px 0 1px rgba(129, 129, 129, 0.5), inset -1px 1px 0 1px rgba(129, 129, 129, 0.5)",
							"label": "box-shadow",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-primary-box-shadow"
								}
							],
							"name": "btnPrimaryBoxShadow",
							"type": "String"
						},
						{
							"defaultValue": "#fff",
							"editorType": "ColorPicker",
							"label": "color",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-primary-color"
								}
							],
							"name": "btnPrimaryColor",
							"type": "String"
						},
						{
							"defaultValue": "#1a1a1a",
							"editorType": "ColorPicker",
							"label": "hover-background-color",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-primary-hover-background-color"
								}
							],
							"name": "btnPrimaryHoverBackgroundColor",
							"type": "String"
						},
						{
							"defaultValue": "linear-gradient(180deg, rgba(48, 48, 48, 0) 63.53%, hsla(0, 0%, 100%, .15))",
							"label": "hover-background-image",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-primary-hover-background-image"
								}
							],
							"name": "btnPrimaryHoverBackgroundImage",
							"type": "String"
						},
						{
							"defaultValue": "transparent",
							"editorType": "ColorPicker",
							"label": "hover-border-color",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-primary-hover-border-color"
								}
							],
							"name": "btnPrimaryHoverBorderColor",
							"type": "String"
						},
						{
							"defaultValue": "0rem -0.0625rem 0rem 0.0625rem rgba(0, 0, 0, .8) inset, 0rem 0rem 0rem 0.0625rem #303030 inset, 0rem 0.03125rem 0rem 0.09375rem hsla(0, 0%, 100%, .25)",
							"label": "hover-box-shadow",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-primary-hover-box-shadow"
								}
							],
							"name": "btnPrimaryHoverBoxShadow",
							"type": "String"
						},
						{
							"defaultValue": "#fff",
							"editorType": "ColorPicker",
							"label": "hover-color",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-primary-hover-color"
								}
							],
							"name": "btnPrimaryHoverColor",
							"type": "String"
						},
						{
							"defaultValue": "#1a1a1a",
							"editorType": "ColorPicker",
							"label": "focus-background-color",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-primary-focus-background-color"
								}
							],
							"name": "btnPrimaryFocusBackgroundColor",
							"type": "String"
						},
						{
							"defaultValue": "linear-gradient(180deg, rgba(48, 48, 48, 0) 63.53%, hsla(0, 0%, 100%, .15))",
							"label": "focus-background-image",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-primary-focus-background-image"
								}
							],
							"name": "btnPrimaryFocusBackgroundImage",
							"type": "String"
						},
						{
							"defaultValue": "0rem -0.0625rem 0rem 0.0625rem rgba(0, 0, 0, .8) inset, 0rem 0rem 0rem 0.0625rem #303030 inset, 0rem 0.03125rem 0rem 0.09375rem hsla(0, 0%, 100%, .25) inset",
							"label": "focus-box-shadow",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-primary-focus-box-shadow"
								}
							],
							"name": "btnPrimaryFocusBoxShadow",
							"type": "String"
						},
						{
							"defaultValue": "transparent",
							"editorType": "ColorPicker",
							"label": "focus-border-color",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-primary-focus-border-color"
								}
							],
							"name": "btnPrimaryFocusBorderColor",
							"type": "String"
						},
						{
							"defaultValue": "#fff",
							"editorType": "ColorPicker",
							"label": "focus-color",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-primary-focus-color"
								}
							],
							"name": "btnPrimaryFocusColor",
							"type": "String"
						},
						{
							"defaultValue": "#303030",
							"editorType": "ColorPicker",
							"label": "active-background-color",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-primary-active-background-color"
								}
							],
							"name": "btnPrimaryActiveBackgroundColor",
							"type": "String"
						},
						{
							"defaultValue": "inset 0 3px 0 0 #000",
							"label": "active-box-shadow",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-primary-active-box-shadow"
								}
							],
							"name": "btnPrimaryActiveBoxShadow",
							"type": "String"
						},
						{
							"defaultValue": "transparent",
							"editorType": "ColorPicker",
							"label": "active-border-color",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-primary-active-border-color"
								}
							],
							"name": "btnPrimaryActiveBorderColor",
							"type": "String"
						},
						{
							"defaultValue": "#fff",
							"editorType": "ColorPicker",
							"label": "active-color",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-primary-active-color"
								}
							],
							"name": "btnPrimaryActiveColor",
							"type": "String"
						},
						{
							"defaultValue": "#c8c8c8",
							"editorType": "ColorPicker",
							"label": "disabled-background-color",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-primary-disabled-background-color"
								}
							],
							"name": "btnPrimaryDisabledBackgroundColor",
							"type": "String"
						},
						{
							"defaultValue": "transparent",
							"editorType": "ColorPicker",
							"label": "disabled-border-color",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-primary-disabled-border-color"
								}
							],
							"name": "btnPrimaryDisabledBorderColor",
							"type": "String"
						},
						{
							"defaultValue": "#fff",
							"editorType": "ColorPicker",
							"label": "disabled-color",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-primary-disabled-color"
								}
							],
							"name": "btnPrimaryDisabledColor",
							"type": "String"
						}
					],
					"label": "btn-primary",
					"name": "btnPrimary"
				},
				{
					"frontendTokens": [
						{
							"defaultValue": "#fff",
							"editorType": "ColorPicker",
							"label": "background-color",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-secondary-background-color"
								}
							],
							"name": "btnSecondaryBackgroundColor",
							"type": "String"
						},
						{
							"defaultValue": "transparent",
							"editorType": "ColorPicker",
							"label": "border-color",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-secondary-border-color"
								}
							],
							"name": "btnSecondaryBorderColor",
							"type": "String"
						},
						{
							"defaultValue": "0rem -0.0625rem 0rem 0rem #b5b5b5 inset, 0rem 0rem 0rem 0.0625rem rgba(0, 0, 0, .1) inset, 0rem 0.03125rem 0rem 0.09375rem #fff inset",
							"label": "box-shadow",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-secondary-box-shadow"
								}
							],
							"name": "btnSecondaryBoxShadow",
							"type": "String"
						},
						{
							"defaultValue": "#303030",
							"editorType": "ColorPicker",
							"label": "color",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-secondary-color"
								}
							],
							"name": "btnSecondaryColor",
							"type": "String"
						},
						{
							"defaultValue": "#fafafa",
							"editorType": "ColorPicker",
							"label": "hover-background-color",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-secondary-hover-background-color"
								}
							],
							"name": "btnSecondaryHoverBackgroundColor",
							"type": "String"
						},
						{
							"defaultValue": "transparent",
							"editorType": "ColorPicker",
							"label": "hover-border-color",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-secondary-hover-border-color"
								}
							],
							"name": "btnSecondaryHoverBorderColor",
							"type": "String"
						},
						{
							"defaultValue": "0rem -0.0625rem 0rem 0rem #b5b5b5 inset, 0rem 0rem 0rem 0.0625rem rgba(0, 0, 0, .1) inset, 0rem 0.03125rem 0rem 0.09375rem #fff inset",
							"label": "hover-box-shadow",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-secondary-hover-box-shadow"
								}
							],
							"name": "btnSecondaryHoverBoxShadow",
							"type": "String"
						},
						{
							"defaultValue": "#303030",
							"editorType": "ColorPicker",
							"label": "hover-color",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-secondary-hover-color"
								}
							],
							"name": "btnSecondaryHoverColor",
							"type": "String"
						},
						{
							"defaultValue": "#fafafa",
							"editorType": "ColorPicker",
							"label": "focus-background-color",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-secondary-focus-background-color"
								}
							],
							"name": "btnSecondaryFocusBackgroundColor",
							"type": "String"
						},
						{
							"defaultValue": "transparent",
							"editorType": "ColorPicker",
							"label": "focus-border-color",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-secondary-focus-border-color"
								}
							],
							"name": "btnSecondaryFocusBorderColor",
							"type": "String"
						},
						{
							"defaultValue": "0rem -0.0625rem 0rem 0rem #b5b5b5 inset, 0rem 0rem 0rem 0.0625rem rgba(0, 0, 0, .1) inset, 0rem 0.03125rem 0rem 0.09375rem #fff inset",
							"label": "focus-box-shadow",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-secondary-focus-box-shadow"
								}
							],
							"name": "btnSecondaryFocusBoxShadow",
							"type": "String"
						},
						{
							"defaultValue": "#303030",
							"editorType": "ColorPicker",
							"label": "focus-color",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-secondary-focus-color"
								}
							],
							"name": "btnSecondaryFocusColor",
							"type": "String"
						},
						{
							"defaultValue": "#f7f7f7",
							"editorType": "ColorPicker",
							"label": "active-background-color",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-secondary-active-background-color"
								}
							],
							"name": "btnSecondaryActiveBackgroundColor",
							"type": "String"
						},
						{
							"defaultValue": "transparent",
							"editorType": "ColorPicker",
							"label": "active-border-color",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-secondary-active-border-color"
								}
							],
							"name": "btnSecondaryActiveBorderColor",
							"type": "String"
						},
						{
							"defaultValue": "-0.0625rem 0rem 0.0625rem 0rem rgba(26, 26, 26, .122) inset, 0.0625rem 0rem 0.0625rem 0rem rgba(26, 26, 26, .122) inset, 0rem 0.125rem 0.0625rem 0rem rgba(26, 26, 26, .2) inset",
							"label": "active-box-shadow",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-secondary-active-box-shadow"
								}
							],
							"name": "btnSecondaryActiveBoxShadow",
							"type": "String"
						},
						{
							"defaultValue": "#303030",
							"editorType": "ColorPicker",
							"label": "active-color",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-secondary-active-color"
								}
							],
							"name": "btnSecondaryActiveColor",
							"type": "String"
						},
						{
							"defaultValue": "#e5e5e5",
							"editorType": "ColorPicker",
							"label": "disabled-background-color",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-secondary-disabled-background-color"
								}
							],
							"name": "btnSecondaryDisabledBackgroundColor",
							"type": "String"
						},
						{
							"defaultValue": "transparent",
							"editorType": "ColorPicker",
							"label": "disabled-border-color",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-secondary-disabled-border-color"
								}
							],
							"name": "btnSecondaryDisabledBorderColor",
							"type": "String"
						},
						{
							"defaultValue": "none",
							"label": "disabled-box-shadow",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-secondary-disabled-box-shadow"
								}
							],
							"name": "btnSecondaryDisabledBoxShadow",
							"type": "String"
						},
						{
							"defaultValue": "#b5b5b5",
							"editorType": "ColorPicker",
							"label": "disabled-color",
							"mappings": [
								{
									"type": "cssVariable",
									"value": "btn-secondary-disabled-color"
								}
							],
							"name": "btnSecondaryDisabledColor",
							"type": "String"
						}
					],
					"label": "btn-secondary",
					"name": "btnSecondary"
				}
			],
			"label": "buttons",
			"name": "buttons"
		}
	]
}