diff --git a/.changeset/odd-bags-unite.md b/.changeset/odd-bags-unite.md new file mode 100644 index 000000000..6721e9879 --- /dev/null +++ b/.changeset/odd-bags-unite.md @@ -0,0 +1,8 @@ +--- +'@channel.io/bezier-tokens': patch +--- + +Changes in alpha color tokens. +- `color-fg(bg)-grey-grey-alpha-*` are renamed to `color-fg(bg)-grey-alpha-*`. +- `color-fg(bg)-white-white-alpha-*` are renamed to `color-fg(bg)-white-alpha-*`. +- add `color-fg-grey-darkest` token. diff --git a/packages/bezier-tokens/src/alpha/functional/dark-theme/color.json b/packages/bezier-tokens/src/alpha/functional/dark-theme/color.json index dea05cd46..aa77ec1cc 100644 --- a/packages/bezier-tokens/src/alpha/functional/dark-theme/color.json +++ b/packages/bezier-tokens/src/alpha/functional/dark-theme/color.json @@ -234,6 +234,10 @@ } }, "grey": { + "darkest": { + "value": "{color.white.100}", + "type": "color" + }, "dark": { "value": "{color.grey.500}", "type": "color" @@ -253,20 +257,20 @@ "lightest": { "value": "{color.grey.850}", "type": "color" + } + }, + "grey-alpha": { + "darker": { + "value": "{color.grey-alpha.800-90}", + "type": "color" }, - "grey-alpha": { - "darker": { - "value": "{color.grey-alpha.800-90}", - "type": "color" - }, - "dark": { - "value": "{color.grey-alpha.800-80}", - "type": "color" - }, - "light": { - "value": "{color.grey-alpha.850-80}", - "type": "color" - } + "dark": { + "value": "{color.grey-alpha.800-80}", + "type": "color" + }, + "light": { + "value": "{color.grey-alpha.850-80}", + "type": "color" } } }, @@ -326,29 +330,29 @@ "value": "{color.white.0}", "type": "color" }, - "grey-alpha": { - "darkest": { - "value": "{color.grey-alpha.700-80}", - "type": "color" - }, - "darker": { - "value": "{color.grey-alpha.800-90}", - "type": "color" - }, - "dark": { - "value": "{color.grey-alpha.800-80}", - "type": "color" - }, - "light": { - "value": "{color.grey-alpha.850-80}", - "type": "color" - } - }, "normal": { "value": "{color.grey.600}", "type": "color" } }, + "grey-alpha": { + "darkest": { + "value": "{color.grey-alpha.700-80}", + "type": "color" + }, + "darker": { + "value": "{color.grey-alpha.800-90}", + "type": "color" + }, + "dark": { + "value": "{color.grey-alpha.800-80}", + "type": "color" + }, + "light": { + "value": "{color.grey-alpha.850-80}", + "type": "color" + } + }, "white": { "highest": { "value": "{color.grey.700}", @@ -365,24 +369,24 @@ "transparent": { "value": "{color.white.0}", "type": "color" + } + }, + "white-alpha": { + "lightest": { + "value": "{color.grey-alpha.800-80}", + "type": "color" }, - "white-alpha": { - "lightest": { - "value": "{color.grey-alpha.800-80}", - "type": "color" - }, - "lighter": { - "value": "{color.black.60}", - "type": "color" - }, - "light": { - "value": "{color.black.20}", - "type": "color" - }, - "transparent": { - "value": "{color.black.0}", - "type": "color" - } + "lighter": { + "value": "{color.black.60}", + "type": "color" + }, + "light": { + "value": "{color.black.20}", + "type": "color" + }, + "transparent": { + "value": "{color.black.0}", + "type": "color" } }, "blue": { diff --git a/packages/bezier-tokens/src/alpha/functional/light-theme/color.json b/packages/bezier-tokens/src/alpha/functional/light-theme/color.json index dc063dc45..1df4d8d39 100644 --- a/packages/bezier-tokens/src/alpha/functional/light-theme/color.json +++ b/packages/bezier-tokens/src/alpha/functional/light-theme/color.json @@ -234,6 +234,10 @@ } }, "grey": { + "darkest": { + "value": "{color.grey.900}", + "type": "color" + }, "dark": { "value": "{color.grey.500}", "type": "color" @@ -253,20 +257,20 @@ "lightest": { "value": "{color.grey.50}", "type": "color" + } + }, + "grey-alpha": { + "darker": { + "value": "{color.grey-alpha.200-80}", + "type": "color" }, - "grey-alpha": { - "darker": { - "value": "{color.grey-alpha.200-80}", - "type": "color" - }, - "dark": { - "value": "{color.grey-alpha.100-80}", - "type": "color" - }, - "light": { - "value": "{color.grey-alpha.50-80}", - "type": "color" - } + "dark": { + "value": "{color.grey-alpha.100-80}", + "type": "color" + }, + "light": { + "value": "{color.grey-alpha.50-80}", + "type": "color" } } }, @@ -326,29 +330,29 @@ "value": "{color.grey.900-0}", "type": "color" }, - "grey-alpha": { - "darkest": { - "value": "{color.grey-alpha.200-80}", - "type": "color" - }, - "darker": { - "value": "{color.grey-alpha.100-90}", - "type": "color" - }, - "dark": { - "value": "{color.grey-alpha.100-80}", - "type": "color" - }, - "light": { - "value": "{color.grey-alpha.50-80}", - "type": "color" - } - }, "normal": { "value": "{color.grey.400}", "type": "color" } }, + "grey-alpha": { + "darkest": { + "value": "{color.grey-alpha.200-80}", + "type": "color" + }, + "darker": { + "value": "{color.grey-alpha.100-90}", + "type": "color" + }, + "dark": { + "value": "{color.grey-alpha.100-80}", + "type": "color" + }, + "light": { + "value": "{color.grey-alpha.50-80}", + "type": "color" + } + }, "white": { "highest": { "value": "{color.white.100}", @@ -365,24 +369,24 @@ "transparent": { "value": "{color.white.0}", "type": "color" + } + }, + "white-alpha": { + "lightest": { + "value": "{color.white.90}", + "type": "color" }, - "white-alpha": { - "lightest": { - "value": "{color.white.90}", - "type": "color" - }, - "lighter": { - "value": "{color.white.60}", - "type": "color" - }, - "light": { - "value": "{color.white.20}", - "type": "color" - }, - "transparent": { - "value": "{color.white.0}", - "type": "color" - } + "lighter": { + "value": "{color.white.60}", + "type": "color" + }, + "light": { + "value": "{color.white.20}", + "type": "color" + }, + "transparent": { + "value": "{color.white.0}", + "type": "color" } }, "blue": {