diff --git a/README.md b/README.md index aadbe5fe..4326a2ed 100644 --- a/README.md +++ b/README.md @@ -6,6 +6,8 @@ Conduction's design tokens theme - **Version 1** + - 1.0.59: Updated radio-button tokens in Rotterdam theme. + - 1.0.58: Added radio-button tokens in all themes. - 1.0.57: Added navbar to logo tokens in all themes. - 1.0.56: - Added DownloadCard tokens to all themes. diff --git a/conduction-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/conduction-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json new file mode 100644 index 00000000..13adf1e2 --- /dev/null +++ b/conduction-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json @@ -0,0 +1,14 @@ +{ + "utrecht": { + "radio-button": { + "min-block-size": { "value": "16px" }, + "min-inline-size": { "value": "16px" }, + "checked-disabled": { + "border-color": { "value": "{conduction.color.grey.82}" }, + "border-width": { "value": "{conduction.size.4xs}" }, + "background-color": { "value": "{conduction.color.white.100}" }, + "color": { "value": "{conduction.color.grey.82}" } + } + } + } +} diff --git a/conduction-design-tokens/src/component/utrecht/radio-button.tokens.json b/conduction-design-tokens/src/component/utrecht/radio-button.tokens.json new file mode 100644 index 00000000..2cd1277f --- /dev/null +++ b/conduction-design-tokens/src/component/utrecht/radio-button.tokens.json @@ -0,0 +1,68 @@ +{ + "utrecht": { + "radio-button": { + "background-color": { "value": "{conduction.color.white.100}" }, + "border-color": { "value": "{conduction.color.grey.46}" }, + "border-width": { "value": "{conduction.size.4xs}" }, + "size": {}, + "margin-block-start": {}, + "icon": { + "size": { "value": "5px" } + }, + "active": { + "border-color": {}, + "border-width": {}, + "background-color": {}, + "color": {} + }, + "checked": { + "border-color": { "value": "{conduction.color.primary}" }, + "border-width": { "value": "{conduction.size.4xs}" }, + "background-color": { "value": "{conduction.color.white.100}" }, + "color": { "value": "{conduction.color.primary}" }, + "active": { + "border-color": { "value": "{conduction.color.primary}" }, + "border-width": { "value": "{conduction.size.4xs}" }, + "background-color": { "value": "{conduction.color.white.100}" }, + "color": { "value": "{conduction.color.primary}" } + }, + "hover": { + "border-color": { "value": "{conduction.color.primary-hover}" }, + "border-width": { "value": "{conduction.size.4xs}" }, + "background-color": { "value": "{conduction.color.white.100}" }, + "color": { "value": "{conduction.color.primary-hover}" } + }, + "focus": { + "border-color": { "value": "{conduction.color.primary}" }, + "border-width": { "value": "{conduction.size.4xs}" }, + "background-color": { "value": "{conduction.color.white.100}" }, + "color": { "value": "{conduction.color.primary}" } + } + }, + "hover": { + "border-color": { "value": "{conduction.color.grey.31}" }, + "border-width": { "value": "{conduction.size.4xs}" }, + "background-color": { "value": "{conduction.color.white.100}" }, + "color": {} + }, + "focus": { + "border-color": { "value": "{conduction.color.primary}" }, + "border-width": { "value": "{conduction.size.4xs}" }, + "background-color": { "value": "{conduction.color.white.100}" }, + "color": { "value": "{conduction.color.primary}" } + }, + "disabled": { + "border-color": { "value": "{conduction.color.grey.82}" }, + "border-width": { "value": "{conduction.size.4xs}" }, + "background-color": { "value": "{conduction.color.grey.97}" }, + "color": { "value": "{conduction.color.grey.82}" } + }, + "invalid": { + "border-color": { "value": "{conduction.color.error}" }, + "border-width": { "value": "{conduction.size.4xs}" }, + "background-color": { "value": "{conduction.color.white.100}" }, + "color": { "value": "{conduction.color.error}" } + } + } + } +} diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json new file mode 100644 index 00000000..78c745fa --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json @@ -0,0 +1,14 @@ +{ + "utrecht": { + "radio-button": { + "min-block-size": { "value": "16px" }, + "min-inline-size": { "value": "16px" }, + "checked-disabled": { + "border-color": { "value": "{commonground.color.grey.82}" }, + "border-width": { "value": "{commonground.size.4xs}" }, + "background-color": { "value": "{commonground.color.white.100}" }, + "color": { "value": "{commonground.color.grey.82}" } + } + } + } +} diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/radio-button.tokens.json new file mode 100644 index 00000000..acf7cf61 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/utrecht/radio-button.tokens.json @@ -0,0 +1,68 @@ +{ + "utrecht": { + "radio-button": { + "background-color": { "value": "{commonground.color.white.100}" }, + "border-color": { "value": "{commonground.color.grey.46}" }, + "border-width": { "value": "{commonground.size.4xs}" }, + "size": {}, + "margin-block-start": {}, + "icon": { + "size": { "value": "5px" } + }, + "active": { + "border-color": {}, + "border-width": {}, + "background-color": {}, + "color": {} + }, + "checked": { + "border-color": { "value": "{commonground.color.primary}" }, + "border-width": { "value": "{commonground.size.4xs}" }, + "background-color": { "value": "{commonground.color.white.100}" }, + "color": { "value": "{commonground.color.primary}" }, + "active": { + "border-color": { "value": "{commonground.color.primary}" }, + "border-width": { "value": "{commonground.size.4xs}" }, + "background-color": { "value": "{commonground.color.white.100}" }, + "color": { "value": "{commonground.color.primary}" } + }, + "hover": { + "border-color": { "value": "{commonground.color.primary-hover}" }, + "border-width": { "value": "{commonground.size.4xs}" }, + "background-color": { "value": "{commonground.color.white.100}" }, + "color": { "value": "{commonground.color.primary-hover}" } + }, + "focus": { + "border-color": { "value": "{commonground.color.primary}" }, + "border-width": { "value": "{commonground.size.4xs}" }, + "background-color": { "value": "{commonground.color.white.100}" }, + "color": { "value": "{commonground.color.primary}" } + } + }, + "hover": { + "border-color": { "value": "{commonground.color.grey.31}" }, + "border-width": { "value": "{commonground.size.4xs}" }, + "background-color": { "value": "{commonground.color.white.100}" }, + "color": {} + }, + "focus": { + "border-color": { "value": "{commonground.color.primary}" }, + "border-width": { "value": "{commonground.size.4xs}" }, + "background-color": { "value": "{commonground.color.white.100}" }, + "color": { "value": "{commonground.color.primary}" } + }, + "disabled": { + "border-color": { "value": "{commonground.color.grey.82}" }, + "border-width": { "value": "{commonground.size.4xs}" }, + "background-color": { "value": "{commonground.color.grey.97}" }, + "color": { "value": "{commonground.color.grey.82}" } + }, + "invalid": { + "border-color": { "value": "{commonground.color.error}" }, + "border-width": { "value": "{commonground.size.4xs}" }, + "background-color": { "value": "{commonground.color.white.100}" }, + "color": { "value": "{commonground.color.error}" } + } + } + } +} diff --git a/municipalities/dimpact-design-tokens/src/brand/dimpact/color.tokens.json b/municipalities/dimpact-design-tokens/src/brand/dimpact/color.tokens.json index 1ddc4934..66852692 100644 --- a/municipalities/dimpact-design-tokens/src/brand/dimpact/color.tokens.json +++ b/municipalities/dimpact-design-tokens/src/brand/dimpact/color.tokens.json @@ -71,6 +71,9 @@ }, "93": { "value": "#eeeeee" + }, + "97": { + "value": "#f7f7f7" } }, "light-grey": { diff --git a/municipalities/dimpact-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/dimpact-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json new file mode 100644 index 00000000..1888bdda --- /dev/null +++ b/municipalities/dimpact-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json @@ -0,0 +1,14 @@ +{ + "utrecht": { + "radio-button": { + "min-block-size": { "value": "16px" }, + "min-inline-size": { "value": "16px" }, + "checked-disabled": { + "border-color": { "value": "{dimpact.color.grey.82}" }, + "border-width": { "value": "{dimpact.size.4xs}" }, + "background-color": { "value": "{dimpact.color.white.100}" }, + "color": { "value": "{dimpact.color.grey.82}" } + } + } + } +} diff --git a/municipalities/dimpact-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/dimpact-design-tokens/src/component/utrecht/radio-button.tokens.json new file mode 100644 index 00000000..dbda27ea --- /dev/null +++ b/municipalities/dimpact-design-tokens/src/component/utrecht/radio-button.tokens.json @@ -0,0 +1,68 @@ +{ + "utrecht": { + "radio-button": { + "background-color": { "value": "{dimpact.color.white.100}" }, + "border-color": { "value": "{dimpact.color.grey.46}" }, + "border-width": { "value": "{dimpact.size.4xs}" }, + "size": {}, + "margin-block-start": {}, + "icon": { + "size": { "value": "5px" } + }, + "active": { + "border-color": {}, + "border-width": {}, + "background-color": {}, + "color": {} + }, + "checked": { + "border-color": { "value": "{dimpact.color.primary}" }, + "border-width": { "value": "{dimpact.size.4xs}" }, + "background-color": { "value": "{dimpact.color.white.100}" }, + "color": { "value": "{dimpact.color.primary}" }, + "active": { + "border-color": { "value": "{dimpact.color.primary}" }, + "border-width": { "value": "{dimpact.size.4xs}" }, + "background-color": { "value": "{dimpact.color.white.100}" }, + "color": { "value": "{dimpact.color.primary}" } + }, + "hover": { + "border-color": { "value": "{dimpact.color.primary-hover}" }, + "border-width": { "value": "{dimpact.size.4xs}" }, + "background-color": { "value": "{dimpact.color.white.100}" }, + "color": { "value": "{dimpact.color.primary-hover}" } + }, + "focus": { + "border-color": { "value": "{dimpact.color.primary}" }, + "border-width": { "value": "{dimpact.size.4xs}" }, + "background-color": { "value": "{dimpact.color.white.100}" }, + "color": { "value": "{dimpact.color.primary}" } + } + }, + "hover": { + "border-color": { "value": "{dimpact.color.grey.31}" }, + "border-width": { "value": "{dimpact.size.4xs}" }, + "background-color": { "value": "{dimpact.color.white.100}" }, + "color": {} + }, + "focus": { + "border-color": { "value": "{dimpact.color.primary}" }, + "border-width": { "value": "{dimpact.size.4xs}" }, + "background-color": { "value": "{dimpact.color.white.100}" }, + "color": { "value": "{dimpact.color.primary}" } + }, + "disabled": { + "border-color": { "value": "{dimpact.color.grey.82}" }, + "border-width": { "value": "{dimpact.size.4xs}" }, + "background-color": { "value": "{dimpact.color.grey.97}" }, + "color": { "value": "{dimpact.color.grey.82}" } + }, + "invalid": { + "border-color": { "value": "{dimpact.color.error}" }, + "border-width": { "value": "{dimpact.size.4xs}" }, + "background-color": { "value": "{dimpact.color.white.100}" }, + "color": { "value": "{dimpact.color.error}" } + } + } + } +} diff --git a/municipalities/dinkelland-design-tokens/src/brand/dinkelland/color.tokens.json b/municipalities/dinkelland-design-tokens/src/brand/dinkelland/color.tokens.json index fefbbc63..13af6f50 100644 --- a/municipalities/dinkelland-design-tokens/src/brand/dinkelland/color.tokens.json +++ b/municipalities/dinkelland-design-tokens/src/brand/dinkelland/color.tokens.json @@ -98,6 +98,9 @@ }, "94": { "value": "#edeff2" + }, + "97": { + "value": "#f7f7f7" } }, "lightgrey": { diff --git a/municipalities/dinkelland-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/dinkelland-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json new file mode 100644 index 00000000..85d46a90 --- /dev/null +++ b/municipalities/dinkelland-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json @@ -0,0 +1,14 @@ +{ + "utrecht": { + "radio-button": { + "min-block-size": { "value": "16px" }, + "min-inline-size": { "value": "16px" }, + "checked-disabled": { + "border-color": { "value": "{dinkelland.color.grey.82}" }, + "border-width": { "value": "{dinkelland.size.4xs}" }, + "background-color": { "value": "{dinkelland.color.white.100}" }, + "color": { "value": "{dinkelland.color.grey.82}" } + } + } + } +} diff --git a/municipalities/dinkelland-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/dinkelland-design-tokens/src/component/utrecht/radio-button.tokens.json new file mode 100644 index 00000000..3247fbc9 --- /dev/null +++ b/municipalities/dinkelland-design-tokens/src/component/utrecht/radio-button.tokens.json @@ -0,0 +1,68 @@ +{ + "utrecht": { + "radio-button": { + "background-color": { "value": "{dinkelland.color.white.100}" }, + "border-color": { "value": "{dinkelland.color.grey.46}" }, + "border-width": { "value": "{dinkelland.size.4xs}" }, + "size": {}, + "margin-block-start": {}, + "icon": { + "size": { "value": "5px" } + }, + "active": { + "border-color": {}, + "border-width": {}, + "background-color": {}, + "color": {} + }, + "checked": { + "border-color": { "value": "{dinkelland.color.primary}" }, + "border-width": { "value": "{dinkelland.size.4xs}" }, + "background-color": { "value": "{dinkelland.color.white.100}" }, + "color": { "value": "{dinkelland.color.primary}" }, + "active": { + "border-color": { "value": "{dinkelland.color.primary}" }, + "border-width": { "value": "{dinkelland.size.4xs}" }, + "background-color": { "value": "{dinkelland.color.white.100}" }, + "color": { "value": "{dinkelland.color.primary}" } + }, + "hover": { + "border-color": { "value": "{dinkelland.color.primary-hover}" }, + "border-width": { "value": "{dinkelland.size.4xs}" }, + "background-color": { "value": "{dinkelland.color.white.100}" }, + "color": { "value": "{dinkelland.color.primary-hover}" } + }, + "focus": { + "border-color": { "value": "{dinkelland.color.primary}" }, + "border-width": { "value": "{dinkelland.size.4xs}" }, + "background-color": { "value": "{dinkelland.color.white.100}" }, + "color": { "value": "{dinkelland.color.primary}" } + } + }, + "hover": { + "border-color": { "value": "{dinkelland.color.grey.31}" }, + "border-width": { "value": "{dinkelland.size.4xs}" }, + "background-color": { "value": "{dinkelland.color.white.100}" }, + "color": {} + }, + "focus": { + "border-color": { "value": "{dinkelland.color.primary}" }, + "border-width": { "value": "{dinkelland.size.4xs}" }, + "background-color": { "value": "{dinkelland.color.white.100}" }, + "color": { "value": "{dinkelland.color.primary}" } + }, + "disabled": { + "border-color": { "value": "{dinkelland.color.grey.82}" }, + "border-width": { "value": "{dinkelland.size.4xs}" }, + "background-color": { "value": "{dinkelland.color.grey.97}" }, + "color": { "value": "{dinkelland.color.grey.82}" } + }, + "invalid": { + "border-color": { "value": "{dinkelland.color.error}" }, + "border-width": { "value": "{dinkelland.size.4xs}" }, + "background-color": { "value": "{dinkelland.color.white.100}" }, + "color": { "value": "{dinkelland.color.error}" } + } + } + } +} diff --git a/municipalities/epe-design-tokens/src/brand/epe/color.tokens.json b/municipalities/epe-design-tokens/src/brand/epe/color.tokens.json index d38b7ac9..c4e59459 100644 --- a/municipalities/epe-design-tokens/src/brand/epe/color.tokens.json +++ b/municipalities/epe-design-tokens/src/brand/epe/color.tokens.json @@ -77,6 +77,9 @@ }, "90": { "value": "#e6e6e6" + }, + "97": { + "value": "#f7f7f7" } }, "white": { diff --git a/municipalities/epe-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/epe-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json new file mode 100644 index 00000000..51450890 --- /dev/null +++ b/municipalities/epe-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json @@ -0,0 +1,14 @@ +{ + "utrecht": { + "radio-button": { + "min-block-size": { "value": "16px" }, + "min-inline-size": { "value": "16px" }, + "checked-disabled": { + "border-color": { "value": "{epe.color.grey.82}" }, + "border-width": { "value": "{epe.size.4xs}" }, + "background-color": { "value": "{epe.color.white.100}" }, + "color": { "value": "{epe.color.grey.82}" } + } + } + } +} diff --git a/municipalities/epe-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/epe-design-tokens/src/component/utrecht/radio-button.tokens.json new file mode 100644 index 00000000..27ede386 --- /dev/null +++ b/municipalities/epe-design-tokens/src/component/utrecht/radio-button.tokens.json @@ -0,0 +1,68 @@ +{ + "utrecht": { + "radio-button": { + "background-color": { "value": "{epe.color.white.100}" }, + "border-color": { "value": "{epe.color.grey.46}" }, + "border-width": { "value": "{epe.size.4xs}" }, + "size": {}, + "margin-block-start": {}, + "icon": { + "size": { "value": "5px" } + }, + "active": { + "border-color": {}, + "border-width": {}, + "background-color": {}, + "color": {} + }, + "checked": { + "border-color": { "value": "{epe.color.primary}" }, + "border-width": { "value": "{epe.size.4xs}" }, + "background-color": { "value": "{epe.color.white.100}" }, + "color": { "value": "{epe.color.primary}" }, + "active": { + "border-color": { "value": "{epe.color.primary}" }, + "border-width": { "value": "{epe.size.4xs}" }, + "background-color": { "value": "{epe.color.white.100}" }, + "color": { "value": "{epe.color.primary}" } + }, + "hover": { + "border-color": { "value": "{epe.color.primary-hover}" }, + "border-width": { "value": "{epe.size.4xs}" }, + "background-color": { "value": "{epe.color.white.100}" }, + "color": { "value": "{epe.color.primary-hover}" } + }, + "focus": { + "border-color": { "value": "{epe.color.primary}" }, + "border-width": { "value": "{epe.size.4xs}" }, + "background-color": { "value": "{epe.color.white.100}" }, + "color": { "value": "{epe.color.primary}" } + } + }, + "hover": { + "border-color": { "value": "{epe.color.grey.31}" }, + "border-width": { "value": "{epe.size.4xs}" }, + "background-color": { "value": "{epe.color.white.100}" }, + "color": {} + }, + "focus": { + "border-color": { "value": "{epe.color.primary}" }, + "border-width": { "value": "{epe.size.4xs}" }, + "background-color": { "value": "{epe.color.white.100}" }, + "color": { "value": "{epe.color.primary}" } + }, + "disabled": { + "border-color": { "value": "{epe.color.grey.82}" }, + "border-width": { "value": "{epe.size.4xs}" }, + "background-color": { "value": "{epe.color.grey.97}" }, + "color": { "value": "{epe.color.grey.82}" } + }, + "invalid": { + "border-color": { "value": "{epe.color.error}" }, + "border-width": { "value": "{epe.size.4xs}" }, + "background-color": { "value": "{epe.color.white.100}" }, + "color": { "value": "{epe.color.error}" } + } + } + } +} diff --git a/municipalities/leiden-design-tokens/src/brand/leiden/color.tokens.json b/municipalities/leiden-design-tokens/src/brand/leiden/color.tokens.json index 0fdf66df..090e18b8 100644 --- a/municipalities/leiden-design-tokens/src/brand/leiden/color.tokens.json +++ b/municipalities/leiden-design-tokens/src/brand/leiden/color.tokens.json @@ -35,6 +35,9 @@ }, "82": { "value": "#d1d1d1" + }, + "97": { + "value": "#f7f7f7" } }, "lightgrey": { diff --git a/municipalities/leiden-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/leiden-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json new file mode 100644 index 00000000..6680bfb3 --- /dev/null +++ b/municipalities/leiden-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json @@ -0,0 +1,14 @@ +{ + "utrecht": { + "radio-button": { + "min-block-size": { "value": "16px" }, + "min-inline-size": { "value": "16px" }, + "checked-disabled": { + "border-color": { "value": "{leiden.color.grey.82}" }, + "border-width": { "value": "{leiden.size.4xs}" }, + "background-color": { "value": "{leiden.color.white.100}" }, + "color": { "value": "{leiden.color.grey.82}" } + } + } + } +} diff --git a/municipalities/leiden-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/leiden-design-tokens/src/component/utrecht/radio-button.tokens.json new file mode 100644 index 00000000..e32006c3 --- /dev/null +++ b/municipalities/leiden-design-tokens/src/component/utrecht/radio-button.tokens.json @@ -0,0 +1,68 @@ +{ + "utrecht": { + "radio-button": { + "background-color": { "value": "{leiden.color.white.100}" }, + "border-color": { "value": "{leiden.color.grey.46}" }, + "border-width": { "value": "{leiden.size.4xs}" }, + "size": {}, + "margin-block-start": {}, + "icon": { + "size": { "value": "5px" } + }, + "active": { + "border-color": {}, + "border-width": {}, + "background-color": {}, + "color": {} + }, + "checked": { + "border-color": { "value": "{leiden.color.primary}" }, + "border-width": { "value": "{leiden.size.4xs}" }, + "background-color": { "value": "{leiden.color.white.100}" }, + "color": { "value": "{leiden.color.primary}" }, + "active": { + "border-color": { "value": "{leiden.color.primary}" }, + "border-width": { "value": "{leiden.size.4xs}" }, + "background-color": { "value": "{leiden.color.white.100}" }, + "color": { "value": "{leiden.color.primary}" } + }, + "hover": { + "border-color": { "value": "{leiden.color.primary-hover}" }, + "border-width": { "value": "{leiden.size.4xs}" }, + "background-color": { "value": "{leiden.color.white.100}" }, + "color": { "value": "{leiden.color.primary-hover}" } + }, + "focus": { + "border-color": { "value": "{leiden.color.primary}" }, + "border-width": { "value": "{leiden.size.4xs}" }, + "background-color": { "value": "{leiden.color.white.100}" }, + "color": { "value": "{leiden.color.primary}" } + } + }, + "hover": { + "border-color": { "value": "{leiden.color.grey.31}" }, + "border-width": { "value": "{leiden.size.4xs}" }, + "background-color": { "value": "{leiden.color.white.100}" }, + "color": {} + }, + "focus": { + "border-color": { "value": "{leiden.color.primary}" }, + "border-width": { "value": "{leiden.size.4xs}" }, + "background-color": { "value": "{leiden.color.white.100}" }, + "color": { "value": "{leiden.color.primary}" } + }, + "disabled": { + "border-color": { "value": "{leiden.color.grey.82}" }, + "border-width": { "value": "{leiden.size.4xs}" }, + "background-color": { "value": "{leiden.color.grey.97}" }, + "color": { "value": "{leiden.color.grey.82}" } + }, + "invalid": { + "border-color": { "value": "{leiden.color.error}" }, + "border-width": { "value": "{leiden.size.4xs}" }, + "background-color": { "value": "{leiden.color.white.100}" }, + "color": { "value": "{leiden.color.error}" } + } + } + } +} diff --git a/municipalities/noaberkracht-design-tokens/src/brand/noaberkracht/color.tokens.json b/municipalities/noaberkracht-design-tokens/src/brand/noaberkracht/color.tokens.json index 20fc5c99..27ed75a3 100644 --- a/municipalities/noaberkracht-design-tokens/src/brand/noaberkracht/color.tokens.json +++ b/municipalities/noaberkracht-design-tokens/src/brand/noaberkracht/color.tokens.json @@ -69,6 +69,9 @@ }, "82": { "value": "#d1d1d1" + }, + "97": { + "value": "#f7f7f7" } }, "lightgrey": { diff --git a/municipalities/noaberkracht-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/noaberkracht-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json new file mode 100644 index 00000000..a92e15e7 --- /dev/null +++ b/municipalities/noaberkracht-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json @@ -0,0 +1,14 @@ +{ + "utrecht": { + "radio-button": { + "min-block-size": { "value": "16px" }, + "min-inline-size": { "value": "16px" }, + "checked-disabled": { + "border-color": { "value": "{noaberkracht.color.grey.82}" }, + "border-width": { "value": "{noaberkracht.size.4xs}" }, + "background-color": { "value": "{noaberkracht.color.white.100}" }, + "color": { "value": "{noaberkracht.color.grey.82}" } + } + } + } +} diff --git a/municipalities/noaberkracht-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/noaberkracht-design-tokens/src/component/utrecht/radio-button.tokens.json new file mode 100644 index 00000000..db9bb4ed --- /dev/null +++ b/municipalities/noaberkracht-design-tokens/src/component/utrecht/radio-button.tokens.json @@ -0,0 +1,68 @@ +{ + "utrecht": { + "radio-button": { + "background-color": { "value": "{noaberkracht.color.white.100}" }, + "border-color": { "value": "{noaberkracht.color.grey.46}" }, + "border-width": { "value": "{noaberkracht.size.4xs}" }, + "size": {}, + "margin-block-start": {}, + "icon": { + "size": { "value": "5px" } + }, + "active": { + "border-color": {}, + "border-width": {}, + "background-color": {}, + "color": {} + }, + "checked": { + "border-color": { "value": "{noaberkracht.color.primary}" }, + "border-width": { "value": "{noaberkracht.size.4xs}" }, + "background-color": { "value": "{noaberkracht.color.white.100}" }, + "color": { "value": "{noaberkracht.color.primary}" }, + "active": { + "border-color": { "value": "{noaberkracht.color.primary}" }, + "border-width": { "value": "{noaberkracht.size.4xs}" }, + "background-color": { "value": "{noaberkracht.color.white.100}" }, + "color": { "value": "{noaberkracht.color.primary}" } + }, + "hover": { + "border-color": { "value": "{noaberkracht.color.primary-hover}" }, + "border-width": { "value": "{noaberkracht.size.4xs}" }, + "background-color": { "value": "{noaberkracht.color.white.100}" }, + "color": { "value": "{noaberkracht.color.primary-hover}" } + }, + "focus": { + "border-color": { "value": "{noaberkracht.color.primary}" }, + "border-width": { "value": "{noaberkracht.size.4xs}" }, + "background-color": { "value": "{noaberkracht.color.white.100}" }, + "color": { "value": "{noaberkracht.color.primary}" } + } + }, + "hover": { + "border-color": { "value": "{noaberkracht.color.grey.31}" }, + "border-width": { "value": "{noaberkracht.size.4xs}" }, + "background-color": { "value": "{noaberkracht.color.white.100}" }, + "color": {} + }, + "focus": { + "border-color": { "value": "{noaberkracht.color.primary}" }, + "border-width": { "value": "{noaberkracht.size.4xs}" }, + "background-color": { "value": "{noaberkracht.color.white.100}" }, + "color": { "value": "{noaberkracht.color.primary}" } + }, + "disabled": { + "border-color": { "value": "{noaberkracht.color.grey.82}" }, + "border-width": { "value": "{noaberkracht.size.4xs}" }, + "background-color": { "value": "{noaberkracht.color.grey.97}" }, + "color": { "value": "{noaberkracht.color.grey.82}" } + }, + "invalid": { + "border-color": { "value": "{noaberkracht.color.error}" }, + "border-width": { "value": "{noaberkracht.size.4xs}" }, + "background-color": { "value": "{noaberkracht.color.white.100}" }, + "color": { "value": "{noaberkracht.color.error}" } + } + } + } +} diff --git a/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json new file mode 100644 index 00000000..f6a88724 --- /dev/null +++ b/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json @@ -0,0 +1,14 @@ +{ + "utrecht": { + "radio-button": { + "min-block-size": { "value": "16px" }, + "min-inline-size": { "value": "16px" }, + "checked-disabled": { + "border-color": { "value": "{noordwijk.color.grey.82}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "background-color": { "value": "{noordwijk.color.white.100}" }, + "color": { "value": "{noordwijk.color.grey.82}" } + } + } + } +} diff --git a/municipalities/noordwijk-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/noordwijk-design-tokens/src/component/utrecht/radio-button.tokens.json new file mode 100644 index 00000000..18f17cce --- /dev/null +++ b/municipalities/noordwijk-design-tokens/src/component/utrecht/radio-button.tokens.json @@ -0,0 +1,68 @@ +{ + "utrecht": { + "radio-button": { + "background-color": { "value": "{noordwijk.color.white.100}" }, + "border-color": { "value": "{noordwijk.color.grey.46}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "size": {}, + "margin-block-start": {}, + "icon": { + "size": { "value": "5px" } + }, + "active": { + "border-color": {}, + "border-width": {}, + "background-color": {}, + "color": {} + }, + "checked": { + "border-color": { "value": "{noordwijk.color.primary}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "background-color": { "value": "{noordwijk.color.white.100}" }, + "color": { "value": "{noordwijk.color.primary}" }, + "active": { + "border-color": { "value": "{noordwijk.color.primary}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "background-color": { "value": "{noordwijk.color.white.100}" }, + "color": { "value": "{noordwijk.color.primary}" } + }, + "hover": { + "border-color": { "value": "{noordwijk.color.primary-hover}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "background-color": { "value": "{noordwijk.color.white.100}" }, + "color": { "value": "{noordwijk.color.primary-hover}" } + }, + "focus": { + "border-color": { "value": "{noordwijk.color.primary}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "background-color": { "value": "{noordwijk.color.white.100}" }, + "color": { "value": "{noordwijk.color.primary}" } + } + }, + "hover": { + "border-color": { "value": "{noordwijk.color.grey.31}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "background-color": { "value": "{noordwijk.color.white.100}" }, + "color": {} + }, + "focus": { + "border-color": { "value": "{noordwijk.color.primary}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "background-color": { "value": "{noordwijk.color.white.100}" }, + "color": { "value": "{noordwijk.color.primary}" } + }, + "disabled": { + "border-color": { "value": "{noordwijk.color.grey.82}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "background-color": { "value": "{noordwijk.color.grey.97}" }, + "color": { "value": "{noordwijk.color.grey.82}" } + }, + "invalid": { + "border-color": { "value": "{noordwijk.color.error}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "background-color": { "value": "{noordwijk.color.white.100}" }, + "color": { "value": "{noordwijk.color.error}" } + } + } + } +} diff --git a/municipalities/open-webconcept-design-tokens/src/brand/open-webconcept/color.tokens.json b/municipalities/open-webconcept-design-tokens/src/brand/open-webconcept/color.tokens.json index 94b8c7e4..2aa2d7de 100644 --- a/municipalities/open-webconcept-design-tokens/src/brand/open-webconcept/color.tokens.json +++ b/municipalities/open-webconcept-design-tokens/src/brand/open-webconcept/color.tokens.json @@ -86,11 +86,15 @@ "90": { "value": "#e5e5e5" }, + "93": { "value": "#eeeeee" }, "96": { "value": "#f5f5f5" + }, + "97": { + "value": "#f7f7f7" } } } diff --git a/municipalities/open-webconcept-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/open-webconcept-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json new file mode 100644 index 00000000..8c97fb70 --- /dev/null +++ b/municipalities/open-webconcept-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json @@ -0,0 +1,14 @@ +{ + "utrecht": { + "radio-button": { + "min-block-size": { "value": "16px" }, + "min-inline-size": { "value": "16px" }, + "checked-disabled": { + "border-color": { "value": "{open-webconcept.color.grey.82}" }, + "border-width": { "value": "{open-webconcept.size.4xs}" }, + "background-color": { "value": "{open-webconcept.color.white.100}" }, + "color": { "value": "{open-webconcept.color.grey.82}" } + } + } + } +} diff --git a/municipalities/open-webconcept-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/open-webconcept-design-tokens/src/component/utrecht/radio-button.tokens.json new file mode 100644 index 00000000..8db2fe41 --- /dev/null +++ b/municipalities/open-webconcept-design-tokens/src/component/utrecht/radio-button.tokens.json @@ -0,0 +1,68 @@ +{ + "utrecht": { + "radio-button": { + "background-color": { "value": "{open-webconcept.color.white.100}" }, + "border-color": { "value": "{open-webconcept.color.grey.46}" }, + "border-width": { "value": "{open-webconcept.size.4xs}" }, + "size": {}, + "margin-block-start": {}, + "icon": { + "size": { "value": "5px" } + }, + "active": { + "border-color": {}, + "border-width": {}, + "background-color": {}, + "color": {} + }, + "checked": { + "border-color": { "value": "{open-webconcept.color.primary}" }, + "border-width": { "value": "{open-webconcept.size.4xs}" }, + "background-color": { "value": "{open-webconcept.color.white.100}" }, + "color": { "value": "{open-webconcept.color.primary}" }, + "active": { + "border-color": { "value": "{open-webconcept.color.primary}" }, + "border-width": { "value": "{open-webconcept.size.4xs}" }, + "background-color": { "value": "{open-webconcept.color.white.100}" }, + "color": { "value": "{open-webconcept.color.primary}" } + }, + "hover": { + "border-color": { "value": "{open-webconcept.color.primary-hover}" }, + "border-width": { "value": "{open-webconcept.size.4xs}" }, + "background-color": { "value": "{open-webconcept.color.white.100}" }, + "color": { "value": "{open-webconcept.color.primary-hover}" } + }, + "focus": { + "border-color": { "value": "{open-webconcept.color.primary}" }, + "border-width": { "value": "{open-webconcept.size.4xs}" }, + "background-color": { "value": "{open-webconcept.color.white.100}" }, + "color": { "value": "{open-webconcept.color.primary}" } + } + }, + "hover": { + "border-color": { "value": "{open-webconcept.color.grey.31}" }, + "border-width": { "value": "{open-webconcept.size.4xs}" }, + "background-color": { "value": "{open-webconcept.color.white.100}" }, + "color": {} + }, + "focus": { + "border-color": { "value": "{open-webconcept.color.primary}" }, + "border-width": { "value": "{open-webconcept.size.4xs}" }, + "background-color": { "value": "{open-webconcept.color.white.100}" }, + "color": { "value": "{open-webconcept.color.primary}" } + }, + "disabled": { + "border-color": { "value": "{open-webconcept.color.grey.82}" }, + "border-width": { "value": "{open-webconcept.size.4xs}" }, + "background-color": { "value": "{open-webconcept.color.grey.97}" }, + "color": { "value": "{open-webconcept.color.grey.82}" } + }, + "invalid": { + "border-color": { "value": "{open-webconcept.color.error}" }, + "border-width": { "value": "{open-webconcept.size.4xs}" }, + "background-color": { "value": "{open-webconcept.color.white.100}" }, + "color": { "value": "{open-webconcept.color.error}" } + } + } + } +} diff --git a/municipalities/rotterdam-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/rotterdam-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json new file mode 100644 index 00000000..a13fa513 --- /dev/null +++ b/municipalities/rotterdam-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json @@ -0,0 +1,14 @@ +{ + "utrecht": { + "radio-button": { + "min-block-size": { "value": "16px" }, + "min-inline-size": { "value": "16px" }, + "checked-disabled": { + "border-color": { "value": "var(--rotterdam-color-gray-tint-08)" }, + "border-width": { "value": "1px" }, + "background-color": { "value": "var(--rotterdam-color-gray-tint-08)" }, + "color": { "value": "var(--rotterdam-color-gray-tint-08)" } + } + } + } +} diff --git a/municipalities/rotterdam-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/rotterdam-design-tokens/src/component/utrecht/radio-button.tokens.json new file mode 100644 index 00000000..fa3656bd --- /dev/null +++ b/municipalities/rotterdam-design-tokens/src/component/utrecht/radio-button.tokens.json @@ -0,0 +1,68 @@ +{ + "utrecht": { + "radio-button": { + "background-color": { "value": "var(--rotterdam-color-base-white)" }, + "border-color": { "value": "var(--rotterdam-color-gray-tint-08)" }, + "border-width": { "value": "1px" }, + "size": {}, + "margin-block-start": {}, + "icon": { + "size": {} + }, + "active": { + "border-color": {}, + "border-width": {}, + "background-color": {}, + "color": {} + }, + "checked": { + "border-color": { "value": "var(--rotterdam-color-base-green)" }, + "border-width": { "value": "5px" }, + "background-color": { "value": "var(--rotterdam-color-base-white)" }, + "color": { "value": "var(--rotterdam-color-base-white)" }, + "active": { + "border-color": { "value": "var(--rotterdam-color-base-green)" }, + "border-width": { "value": "1px" }, + "background-color": { "value": "var(--rotterdam-color-base-white)" }, + "color": { "value": "var(--rotterdam-color-base-white)" } + }, + "hover": { + "border-color": { "value": "var(--rotterdam-color-base-black)" }, + "border-width": { "value": "5px" }, + "background-color": { "value": "var(--rotterdam-color-base-white)" }, + "color": { "value": "var(--rotterdam-color-base-white)" } + }, + "focus": { + "border-color": { "value": "var(--rotterdam-color-base-green)" }, + "border-width": { "value": "1px" }, + "background-color": { "value": "var(--rotterdam-color-base-white)" }, + "color": { "value": "var(--rotterdam-color-base-white)" } + } + }, + "hover": { + "border-color": { "value": "var(--rotterdam-color-base-green)" }, + "border-width": { "value": "2px" }, + "background-color": { "value": "var(--rotterdam-color-base-white)" }, + "color": {} + }, + "focus": { + "border-color": { "value": "var(--rotterdam-color-base-green)" }, + "border-width": { "value": "5px" }, + "background-color": { "value": "var(--rotterdam-color-base-white)" }, + "color": { "value": "var(--rotterdam-color-base-white)" } + }, + "disabled": { + "border-color": { "value": "var(--rotterdam-color-gray-tint-08)" }, + "border-width": { "value": "1px" }, + "background-color": { "value": "var(--rotterdam-color-gray-tint-01)" }, + "color": { "value": "var(--rotterdam-color-gray-tint-08)" } + }, + "invalid": { + "border-color": { "value": "#FE1818" }, + "border-width": { "value": "1px" }, + "background-color": { "value": "var(--rotterdam-color-base-white)" }, + "color": { "value": "#FE1818" } + } + } + } +} diff --git a/municipalities/tubbergen-design-tokens/src/brand/tubbergen/color.tokens.json b/municipalities/tubbergen-design-tokens/src/brand/tubbergen/color.tokens.json index eb881fe0..6c803fd1 100644 --- a/municipalities/tubbergen-design-tokens/src/brand/tubbergen/color.tokens.json +++ b/municipalities/tubbergen-design-tokens/src/brand/tubbergen/color.tokens.json @@ -110,6 +110,9 @@ }, "82": { "value": "#d1d1d1" + }, + "97": { + "value": "#f7f7f7" } }, "lightgrey": { diff --git a/municipalities/tubbergen-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/tubbergen-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json new file mode 100644 index 00000000..61be2f63 --- /dev/null +++ b/municipalities/tubbergen-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json @@ -0,0 +1,14 @@ +{ + "utrecht": { + "radio-button": { + "min-block-size": { "value": "16px" }, + "min-inline-size": { "value": "16px" }, + "checked-disabled": { + "border-color": { "value": "{tubbergen.color.grey.82}" }, + "border-width": { "value": "{tubbergen.size.4xs}" }, + "background-color": { "value": "{tubbergen.color.white.100}" }, + "color": { "value": "{tubbergen.color.grey.82}" } + } + } + } +} diff --git a/municipalities/tubbergen-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/tubbergen-design-tokens/src/component/utrecht/radio-button.tokens.json new file mode 100644 index 00000000..ed250d73 --- /dev/null +++ b/municipalities/tubbergen-design-tokens/src/component/utrecht/radio-button.tokens.json @@ -0,0 +1,68 @@ +{ + "utrecht": { + "radio-button": { + "background-color": { "value": "{tubbergen.color.white.100}" }, + "border-color": { "value": "{tubbergen.color.grey.46}" }, + "border-width": { "value": "{tubbergen.size.4xs}" }, + "size": {}, + "margin-block-start": {}, + "icon": { + "size": { "value": "5px" } + }, + "active": { + "border-color": {}, + "border-width": {}, + "background-color": {}, + "color": {} + }, + "checked": { + "border-color": { "value": "{tubbergen.color.primary}" }, + "border-width": { "value": "{tubbergen.size.4xs}" }, + "background-color": { "value": "{tubbergen.color.white.100}" }, + "color": { "value": "{tubbergen.color.primary}" }, + "active": { + "border-color": { "value": "{tubbergen.color.primary}" }, + "border-width": { "value": "{tubbergen.size.4xs}" }, + "background-color": { "value": "{tubbergen.color.white.100}" }, + "color": { "value": "{tubbergen.color.primary}" } + }, + "hover": { + "border-color": { "value": "{tubbergen.color.primary-hover}" }, + "border-width": { "value": "{tubbergen.size.4xs}" }, + "background-color": { "value": "{tubbergen.color.white.100}" }, + "color": { "value": "{tubbergen.color.primary-hover}" } + }, + "focus": { + "border-color": { "value": "{tubbergen.color.primary}" }, + "border-width": { "value": "{tubbergen.size.4xs}" }, + "background-color": { "value": "{tubbergen.color.white.100}" }, + "color": { "value": "{tubbergen.color.primary}" } + } + }, + "hover": { + "border-color": { "value": "{tubbergen.color.grey.31}" }, + "border-width": { "value": "{tubbergen.size.4xs}" }, + "background-color": { "value": "{tubbergen.color.white.100}" }, + "color": {} + }, + "focus": { + "border-color": { "value": "{tubbergen.color.primary}" }, + "border-width": { "value": "{tubbergen.size.4xs}" }, + "background-color": { "value": "{tubbergen.color.white.100}" }, + "color": { "value": "{tubbergen.color.primary}" } + }, + "disabled": { + "border-color": { "value": "{tubbergen.color.grey.82}" }, + "border-width": { "value": "{tubbergen.size.4xs}" }, + "background-color": { "value": "{tubbergen.color.grey.97}" }, + "color": { "value": "{tubbergen.color.grey.82}" } + }, + "invalid": { + "border-color": { "value": "{tubbergen.color.error}" }, + "border-width": { "value": "{tubbergen.size.4xs}" }, + "background-color": { "value": "{tubbergen.color.white.100}" }, + "color": { "value": "{tubbergen.color.error}" } + } + } + } +} diff --git a/municipalities/xxllnc-design-tokens/src/brand/xxllnc/color.tokens.json b/municipalities/xxllnc-design-tokens/src/brand/xxllnc/color.tokens.json index 91c92d45..4719d472 100644 --- a/municipalities/xxllnc-design-tokens/src/brand/xxllnc/color.tokens.json +++ b/municipalities/xxllnc-design-tokens/src/brand/xxllnc/color.tokens.json @@ -96,6 +96,9 @@ "92": { "value": "#eaeaea", "comment": "Base/Grey" + }, + "97": { + "value": "#f7f7f7" } }, "lightgrey": { diff --git a/municipalities/xxllnc-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/xxllnc-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json new file mode 100644 index 00000000..b04fb088 --- /dev/null +++ b/municipalities/xxllnc-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json @@ -0,0 +1,14 @@ +{ + "utrecht": { + "radio-button": { + "min-block-size": { "value": "16px" }, + "min-inline-size": { "value": "16px" }, + "checked-disabled": { + "border-color": { "value": "{xxllnc.color.grey.82}" }, + "border-width": { "value": "{xxllnc.size.4xs}" }, + "background-color": { "value": "{xxllnc.color.white.100}" }, + "color": { "value": "{xxllnc.color.grey.82}" } + } + } + } +} diff --git a/municipalities/xxllnc-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/xxllnc-design-tokens/src/component/utrecht/radio-button.tokens.json new file mode 100644 index 00000000..eeab837c --- /dev/null +++ b/municipalities/xxllnc-design-tokens/src/component/utrecht/radio-button.tokens.json @@ -0,0 +1,68 @@ +{ + "utrecht": { + "radio-button": { + "background-color": { "value": "{xxllnc.color.white.100}" }, + "border-color": { "value": "{xxllnc.color.grey.46}" }, + "border-width": { "value": "{xxllnc.size.4xs}" }, + "size": {}, + "margin-block-start": {}, + "icon": { + "size": { "value": "5px" } + }, + "active": { + "border-color": {}, + "border-width": {}, + "background-color": {}, + "color": {} + }, + "checked": { + "border-color": { "value": "{xxllnc.color.primary}" }, + "border-width": { "value": "{xxllnc.size.4xs}" }, + "background-color": { "value": "{xxllnc.color.white.100}" }, + "color": { "value": "{xxllnc.color.primary}" }, + "active": { + "border-color": { "value": "{xxllnc.color.primary}" }, + "border-width": { "value": "{xxllnc.size.4xs}" }, + "background-color": { "value": "{xxllnc.color.white.100}" }, + "color": { "value": "{xxllnc.color.primary}" } + }, + "hover": { + "border-color": { "value": "{xxllnc.color.primary-hover}" }, + "border-width": { "value": "{xxllnc.size.4xs}" }, + "background-color": { "value": "{xxllnc.color.white.100}" }, + "color": { "value": "{xxllnc.color.primary-hover}" } + }, + "focus": { + "border-color": { "value": "{xxllnc.color.primary}" }, + "border-width": { "value": "{xxllnc.size.4xs}" }, + "background-color": { "value": "{xxllnc.color.white.100}" }, + "color": { "value": "{xxllnc.color.primary}" } + } + }, + "hover": { + "border-color": { "value": "{xxllnc.color.grey.31}" }, + "border-width": { "value": "{xxllnc.size.4xs}" }, + "background-color": { "value": "{xxllnc.color.white.100}" }, + "color": {} + }, + "focus": { + "border-color": { "value": "{xxllnc.color.primary}" }, + "border-width": { "value": "{xxllnc.size.4xs}" }, + "background-color": { "value": "{xxllnc.color.white.100}" }, + "color": { "value": "{xxllnc.color.primary}" } + }, + "disabled": { + "border-color": { "value": "{xxllnc.color.grey.82}" }, + "border-width": { "value": "{xxllnc.size.4xs}" }, + "background-color": { "value": "{xxllnc.color.grey.97}" }, + "color": { "value": "{xxllnc.color.grey.82}" } + }, + "invalid": { + "border-color": { "value": "{xxllnc.color.error}" }, + "border-width": { "value": "{xxllnc.size.4xs}" }, + "background-color": { "value": "{xxllnc.color.white.100}" }, + "color": { "value": "{xxllnc.color.error}" } + } + } + } +} diff --git a/package.json b/package.json index 9709048f..b6af8a0d 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@conduction/theme", - "version": "1.0.57", + "version": "1.0.59", "description": "Conduction's design tokens theme", "main": "index.js", "repository": {