From bd57beb6c5164d99956ff4b8b034b573351e2c8e Mon Sep 17 00:00:00 2001 From: Justin Bennett Date: Tue, 4 Oct 2022 18:28:48 -0400 Subject: [PATCH] Ensure output files are well formatted --- scripts/build_themes.sh | 2 +- styles/dist/blue.css | 724 +++++-------- styles/dist/blue.md | 105 +- styles/dist/main.css | 1121 +++++++++----------- styles/dist/main.md | 105 +- styles/dist/purple.css | 724 +++++-------- styles/dist/purple.md | 105 +- styles/dist/tailwind-tokens.js | 1809 ++++++++++++++++---------------- styles/dist/yellow.css | 724 +++++-------- styles/dist/yellow.md | 105 +- 10 files changed, 2662 insertions(+), 2862 deletions(-) diff --git a/scripts/build_themes.sh b/scripts/build_themes.sh index dcb999e6..3113c8b2 100755 --- a/scripts/build_themes.sh +++ b/scripts/build_themes.sh @@ -16,4 +16,4 @@ npx token-transformer --preserveRawValue $STYLES_PATH/tokens.json $TOKENS_PATH/b # npx token-transformer $STYLES_PATH/tokens.json $TOKENS_PATH/.json colors, node -r esbuild-register scripts/convert-tokens -prettier -w $STYLES_PATH +prettier -w styles diff --git a/styles/dist/blue.css b/styles/dist/blue.css index 69ba985d..b08fc70b 100644 --- a/styles/dist/blue.css +++ b/styles/dist/blue.css @@ -1,587 +1,411 @@ /* THIS FILE IS AUTOGENERATED, DO NOT EDIT */ .blue-theme { - + --surface-default-rgb: var(--base-neutral-0-rgb); + --surface-default: rgb(var(--surface-default-rgb)); + --surface-hover-rgb: var(--base-neutral-50-rgb); + --surface-hover: rgb(var(--surface-hover-rgb)); + --surface-raise-rgb: var(--base-neutral-50-rgb); + --surface-raise: rgb(var(--surface-raise-rgb)); + --surface-raise-hover-rgb: var(--base-neutral-100-rgb); + --surface-raise-hover: rgb(var(--surface-raise-hover-rgb)); + --surface-secondary-rgb: var(--base-neutral-100-rgb); + --surface-secondary: rgb(var(--surface-secondary-rgb)); + --surface-secondary-hover-rgb: var(--base-neutral-200-rgb); + --surface-secondary-hover: rgb(var(--surface-secondary-hover-rgb)); + --surface-tertiary-rgb: var(--base-neutral-200-rgb); + --surface-tertiary: rgb(var(--surface-tertiary-rgb)); + --surface-disabled-rgb: var(--base-neutral-100-rgb); + --surface-disabled: rgb(var(--surface-disabled-rgb)); + --surface-scrim: rgba(var(--base-neutral-0-rgb), 0.6); + --surface-accent-rgb: var(--theme-accent-800-rgb); + --surface-accent: rgb(var(--surface-accent-rgb)); + --surface-accent-hover-rgb: var(--theme-accent-700-rgb); + --surface-accent-hover: rgb(var(--surface-accent-hover-rgb)); + --surface-accent-secondary-rgb: var(--theme-accent-200-rgb); + --surface-accent-secondary: rgb(var(--surface-accent-secondary-rgb)); + --surface-accent-secondary-hover-rgb: var(--theme-accent-300-rgb); + --surface-accent-secondary-hover: rgb(var(--surface-accent-secondary-hover-rgb)); + --surface-destructive-rgb: var(--theme-destructive-800-rgb); + --surface-destructive: rgb(var(--surface-destructive-rgb)); + --surface-destructive-hover-rgb: var(--theme-destructive-700-rgb); + --surface-destructive-hover: rgb(var(--surface-destructive-hover-rgb)); + --surface-destructive-secondary-rgb: var(--theme-destructive-200-rgb); + --surface-destructive-secondary: rgb(var(--surface-destructive-secondary-rgb)); + --surface-destructive-secondary-hover-rgb: var(--theme-destructive-300-rgb); + --surface-destructive-secondary-hover: rgb( + var(--surface-destructive-secondary-hover-rgb) + ); + --surface-notice-rgb: var(--theme-notice-800-rgb); + --surface-notice: rgb(var(--surface-notice-rgb)); + --surface-notice-hover-rgb: var(--theme-notice-700-rgb); + --surface-notice-hover: rgb(var(--surface-notice-hover-rgb)); + --surface-notice-secondary-rgb: var(--theme-notice-200-rgb); + --surface-notice-secondary: rgb(var(--surface-notice-secondary-rgb)); + --surface-notice-secondary-hover-rgb: var(--theme-notice-300-rgb); + --surface-notice-secondary-hover: rgb(var(--surface-notice-secondary-hover-rgb)); + --surface-success-rgb: var(--theme-success-800-rgb); + --surface-success: rgb(var(--surface-success-rgb)); + --surface-success-secondary-rgb: var(--theme-success-200-rgb); + --surface-success-secondary: rgb(var(--surface-success-secondary-rgb)); + --surface-error-rgb: var(--theme-error-800-rgb); + --surface-error: rgb(var(--surface-error-rgb)); + --surface-error-secondary-rgb: var(--theme-error-200-rgb); + --surface-error-secondary: rgb(var(--surface-error-secondary-rgb)); + --surface-inverse-rgb: var(--content-default-rgb); + --surface-inverse: rgb(var(--surface-inverse-rgb)); + --surface-inverse-secondary-rgb: var(--content-secondary-rgb); + --surface-inverse-secondary: rgb(var(--surface-inverse-secondary-rgb)); + --surface-inverse-tertiary-rgb: var(--content-tertiary-rgb); + --surface-inverse-tertiary: rgb(var(--surface-inverse-tertiary-rgb)); + --content-default-rgb: var(--base-neutral-900-rgb); + --content-default: rgb(var(--content-default-rgb)); + --content-secondary-rgb: var(--base-neutral-800-rgb); + --content-secondary: rgb(var(--content-secondary-rgb)); + --content-tertiary-rgb: var(--base-neutral-700-rgb); + --content-tertiary: rgb(var(--content-tertiary-rgb)); + --content-quaternary-rgb: var(--base-neutral-600-rgb); + --content-quaternary: rgb(var(--content-quaternary-rgb)); + --content-quinary-rgb: var(--base-neutral-500-rgb); + --content-quinary: rgb(var(--content-quinary-rgb)); + --content-disabled-rgb: var(--base-neutral-500-rgb); + --content-disabled: rgb(var(--content-disabled-rgb)); + --content-accent-rgb: var(--theme-accent-800-rgb); + --content-accent: rgb(var(--content-accent-rgb)); + --content-accent-secondary-rgb: var(--theme-accent-700-rgb); + --content-accent-secondary: rgb(var(--content-accent-secondary-rgb)); + --content-accent-tertiary-rgb: var(--theme-accent-600-rgb); + --content-accent-tertiary: rgb(var(--content-accent-tertiary-rgb)); + --content-accent-disabled-rgb: var(--theme-accent-500-rgb); + --content-accent-disabled: rgb(var(--content-accent-disabled-rgb)); + --content-destructive-rgb: var(--theme-destructive-800-rgb); + --content-destructive: rgb(var(--content-destructive-rgb)); + --content-destructive-secondary-rgb: var(--theme-destructive-700-rgb); + --content-destructive-secondary: rgb(var(--content-destructive-secondary-rgb)); + --content-destructive-tertiary-rgb: var(--theme-destructive-600-rgb); + --content-destructive-tertiary: rgb(var(--content-destructive-tertiary-rgb)); + --content-destructive-disabled-rgb: var(--theme-destructive-500-rgb); + --content-destructive-disabled: rgb(var(--content-destructive-disabled-rgb)); + --content-success-rgb: var(--theme-success-800-rgb); + --content-success: rgb(var(--content-success-rgb)); + --content-success-secondary-rgb: var(--theme-success-700-rgb); + --content-success-secondary: rgb(var(--content-success-secondary-rgb)); + --content-success-tertiary-rgb: var(--theme-success-600-rgb); + --content-success-tertiary: rgb(var(--content-success-tertiary-rgb)); + --content-success-disabled-rgb: var(--theme-success-500-rgb); + --content-success-disabled: rgb(var(--content-success-disabled-rgb)); + --content-error-rgb: var(--theme-error-800-rgb); + --content-error: rgb(var(--content-error-rgb)); + --content-error-secondary-rgb: var(--theme-error-700-rgb); + --content-error-secondary: rgb(var(--content-error-secondary-rgb)); + --content-error-tertiary-rgb: var(--theme-error-600-rgb); + --content-error-tertiary: rgb(var(--content-error-tertiary-rgb)); + --content-error-disabled-rgb: var(--theme-error-500-rgb); + --content-error-disabled: rgb(var(--content-error-disabled-rgb)); + --content-notice-rgb: var(--theme-notice-800-rgb); + --content-notice: rgb(var(--content-notice-rgb)); - --surface-default-rgb: var(--base-neutral-0-rgb); - --surface-default: rgb(var(--surface-default-rgb)); - + --content-notice-secondary-rgb: var(--theme-notice-700-rgb); + --content-notice-secondary: rgb(var(--content-notice-secondary-rgb)); - --surface-hover-rgb: var(--base-neutral-50-rgb); - --surface-hover: rgb(var(--surface-hover-rgb)); - + --content-notice-tertiary-rgb: var(--theme-notice-600-rgb); + --content-notice-tertiary: rgb(var(--content-notice-tertiary-rgb)); - --surface-raise-rgb: var(--base-neutral-50-rgb); - --surface-raise: rgb(var(--surface-raise-rgb)); - + --content-notice-disabled-rgb: var(--theme-notice-500-rgb); + --content-notice-disabled: rgb(var(--content-notice-disabled-rgb)); - --surface-raise-hover-rgb: var(--base-neutral-100-rgb); - --surface-raise-hover: rgb(var(--surface-raise-hover-rgb)); - + --content-inverse-rgb: var(--surface-default-rgb); + --content-inverse: rgb(var(--content-inverse-rgb)); - --surface-secondary-rgb: var(--base-neutral-100-rgb); - --surface-secondary: rgb(var(--surface-secondary-rgb)); - + --content-inverse-raise-rgb: var(--surface-raise-rgb); + --content-inverse-raise: rgb(var(--content-inverse-raise-rgb)); - --surface-secondary-hover-rgb: var(--base-neutral-200-rgb); - --surface-secondary-hover: rgb(var(--surface-secondary-hover-rgb)); - + --content-inverse-secondary-rgb: var(--surface-secondary-rgb); + --content-inverse-secondary: rgb(var(--content-inverse-secondary-rgb)); - --surface-tertiary-rgb: var(--base-neutral-200-rgb); - --surface-tertiary: rgb(var(--surface-tertiary-rgb)); - + --stroke-default-rgb: var(--base-neutral-300-rgb); + --stroke-default: rgb(var(--stroke-default-rgb)); - --surface-disabled-rgb: var(--base-neutral-100-rgb); - --surface-disabled: rgb(var(--surface-disabled-rgb)); - ---surface-scrim: rgba(var(--base-neutral-0-rgb), 0.6); + --stroke-secondary-rgb: var(--base-neutral-200-rgb); + --stroke-secondary: rgb(var(--stroke-secondary-rgb)); - --surface-accent-rgb: var(--theme-accent-800-rgb); - --surface-accent: rgb(var(--surface-accent-rgb)); - + --stroke-tertiary-rgb: var(--base-neutral-100-rgb); + --stroke-tertiary: rgb(var(--stroke-tertiary-rgb)); - --surface-accent-hover-rgb: var(--theme-accent-700-rgb); - --surface-accent-hover: rgb(var(--surface-accent-hover-rgb)); - + --stroke-raise-rgb: var(--base-neutral-500-rgb); + --stroke-raise: rgb(var(--stroke-raise-rgb)); - --surface-accent-secondary-rgb: var(--theme-accent-200-rgb); - --surface-accent-secondary: rgb(var(--surface-accent-secondary-rgb)); - + --stroke-surface-rgb: var(--surface-default-rgb); + --stroke-surface: rgb(var(--stroke-surface-rgb)); - --surface-accent-secondary-hover-rgb: var(--theme-accent-300-rgb); - --surface-accent-secondary-hover: rgb(var(--surface-accent-secondary-hover-rgb)); - + --stroke-accent-rgb: var(--theme-accent-800-rgb); + --stroke-accent: rgb(var(--stroke-accent-rgb)); - --surface-destructive-rgb: var(--theme-destructive-800-rgb); - --surface-destructive: rgb(var(--surface-destructive-rgb)); - + --stroke-accent-secondary-rgb: var(--theme-accent-600-rgb); + --stroke-accent-secondary: rgb(var(--stroke-accent-secondary-rgb)); - --surface-destructive-hover-rgb: var(--theme-destructive-700-rgb); - --surface-destructive-hover: rgb(var(--surface-destructive-hover-rgb)); - + --stroke-accent-tertiary-rgb: var(--theme-accent-400-rgb); + --stroke-accent-tertiary: rgb(var(--stroke-accent-tertiary-rgb)); - --surface-destructive-secondary-rgb: var(--theme-destructive-200-rgb); - --surface-destructive-secondary: rgb(var(--surface-destructive-secondary-rgb)); - + --stroke-destructive-rgb: var(--theme-destructive-800-rgb); + --stroke-destructive: rgb(var(--stroke-destructive-rgb)); - --surface-destructive-secondary-hover-rgb: var(--theme-destructive-300-rgb); - --surface-destructive-secondary-hover: rgb(var(--surface-destructive-secondary-hover-rgb)); - + --stroke-destructive-secondary-rgb: var(--theme-destructive-600-rgb); + --stroke-destructive-secondary: rgb(var(--stroke-destructive-secondary-rgb)); - --surface-notice-rgb: var(--theme-notice-800-rgb); - --surface-notice: rgb(var(--surface-notice-rgb)); - + --stroke-destructive-tertiary-rgb: var(--theme-destructive-400-rgb); + --stroke-destructive-tertiary: rgb(var(--stroke-destructive-tertiary-rgb)); - --surface-notice-hover-rgb: var(--theme-notice-700-rgb); - --surface-notice-hover: rgb(var(--surface-notice-hover-rgb)); - + --stroke-success-rgb: var(--theme-success-800-rgb); + --stroke-success: rgb(var(--stroke-success-rgb)); - --surface-notice-secondary-rgb: var(--theme-notice-200-rgb); - --surface-notice-secondary: rgb(var(--surface-notice-secondary-rgb)); - + --stroke-success-secondary-rgb: var(--theme-success-600-rgb); + --stroke-success-secondary: rgb(var(--stroke-success-secondary-rgb)); - --surface-notice-secondary-hover-rgb: var(--theme-notice-300-rgb); - --surface-notice-secondary-hover: rgb(var(--surface-notice-secondary-hover-rgb)); - + --stroke-success-tertiary-rgb: var(--theme-success-400-rgb); + --stroke-success-tertiary: rgb(var(--stroke-success-tertiary-rgb)); - --surface-success-rgb: var(--theme-success-800-rgb); - --surface-success: rgb(var(--surface-success-rgb)); - + --stroke-error-rgb: var(--theme-error-800-rgb); + --stroke-error: rgb(var(--stroke-error-rgb)); - --surface-success-secondary-rgb: var(--theme-success-200-rgb); - --surface-success-secondary: rgb(var(--surface-success-secondary-rgb)); - + --stroke-error-secondary-rgb: var(--theme-error-600-rgb); + --stroke-error-secondary: rgb(var(--stroke-error-secondary-rgb)); - --surface-error-rgb: var(--theme-error-800-rgb); - --surface-error: rgb(var(--surface-error-rgb)); - + --stroke-error-tertiary-rgb: var(--theme-error-400-rgb); + --stroke-error-tertiary: rgb(var(--stroke-error-tertiary-rgb)); - --surface-error-secondary-rgb: var(--theme-error-200-rgb); - --surface-error-secondary: rgb(var(--surface-error-secondary-rgb)); - + --stroke-notice-rgb: var(--theme-notice-800-rgb); + --stroke-notice: rgb(var(--stroke-notice-rgb)); - --surface-inverse-rgb: var(--content-default-rgb); - --surface-inverse: rgb(var(--surface-inverse-rgb)); - + --stroke-notice-secondary-rgb: var(--theme-notice-600-rgb); + --stroke-notice-secondary: rgb(var(--stroke-notice-secondary-rgb)); - --surface-inverse-secondary-rgb: var(--content-secondary-rgb); - --surface-inverse-secondary: rgb(var(--surface-inverse-secondary-rgb)); - + --stroke-notice-tertiary-rgb: var(--theme-notice-400-rgb); + --stroke-notice-tertiary: rgb(var(--stroke-notice-tertiary-rgb)); - --surface-inverse-tertiary-rgb: var(--content-tertiary-rgb); - --surface-inverse-tertiary: rgb(var(--surface-inverse-tertiary-rgb)); - + --chart-fill-area-primary: rgba(var(--theme-accent-700-rgb), 0.7019607843137254); + --chart-fill-area-secondary: rgba(var(--theme-accent-600-rgb), 0.7019607843137254); + --chart-fill-area-tertiary: rgba(var(--theme-accent-500-rgb), 0.7019607843137254); + --chart-fill-area-quaternary: rgba(var(--theme-accent-400-rgb), 0.2); - --content-default-rgb: var(--base-neutral-900-rgb); - --content-default: rgb(var(--content-default-rgb)); - + --chart-fill-item-primary-rgb: var(--theme-accent-700-rgb); + --chart-fill-item-primary: rgb(var(--chart-fill-item-primary-rgb)); - --content-secondary-rgb: var(--base-neutral-800-rgb); - --content-secondary: rgb(var(--content-secondary-rgb)); - + --chart-fill-item-secondary-rgb: var(--theme-accent-600-rgb); + --chart-fill-item-secondary: rgb(var(--chart-fill-item-secondary-rgb)); - --content-tertiary-rgb: var(--base-neutral-700-rgb); - --content-tertiary: rgb(var(--content-tertiary-rgb)); - + --chart-fill-item-tertiary-rgb: var(--theme-accent-500-rgb); + --chart-fill-item-tertiary: rgb(var(--chart-fill-item-tertiary-rgb)); - --content-quaternary-rgb: var(--base-neutral-600-rgb); - --content-quaternary: rgb(var(--content-quaternary-rgb)); - + --chart-fill-item-quaternary-rgb: var(--theme-accent-400-rgb); + --chart-fill-item-quaternary: rgb(var(--chart-fill-item-quaternary-rgb)); - --content-quinary-rgb: var(--base-neutral-500-rgb); - --content-quinary: rgb(var(--content-quinary-rgb)); - + --chart-fill-error-primary-rgb: var(--theme-destructive-700-rgb); + --chart-fill-error-primary: rgb(var(--chart-fill-error-primary-rgb)); - --content-disabled-rgb: var(--base-neutral-500-rgb); - --content-disabled: rgb(var(--content-disabled-rgb)); - + --chart-fill-error-secondary-rgb: var(--theme-destructive-600-rgb); + --chart-fill-error-secondary: rgb(var(--chart-fill-error-secondary-rgb)); - --content-accent-rgb: var(--theme-accent-800-rgb); - --content-accent: rgb(var(--content-accent-rgb)); - + --chart-fill-error-tertiary-rgb: var(--theme-destructive-500-rgb); + --chart-fill-error-tertiary: rgb(var(--chart-fill-error-tertiary-rgb)); - --content-accent-secondary-rgb: var(--theme-accent-700-rgb); - --content-accent-secondary: rgb(var(--content-accent-secondary-rgb)); - + --chart-fill-error-quaternary-rgb: var(--theme-destructive-400-rgb); + --chart-fill-error-quaternary: rgb(var(--chart-fill-error-quaternary-rgb)); - --content-accent-tertiary-rgb: var(--theme-accent-600-rgb); - --content-accent-tertiary: rgb(var(--content-accent-tertiary-rgb)); - + --chart-fill-inactive-rgb: var(--base-neutral-50-rgb); + --chart-fill-inactive: rgb(var(--chart-fill-inactive-rgb)); - --content-accent-disabled-rgb: var(--theme-accent-500-rgb); - --content-accent-disabled: rgb(var(--content-accent-disabled-rgb)); - + --chart-stroke-line-rgb: var(--theme-accent-700-rgb); + --chart-stroke-line: rgb(var(--chart-stroke-line-rgb)); - --content-destructive-rgb: var(--theme-destructive-800-rgb); - --content-destructive: rgb(var(--content-destructive-rgb)); - + --chart-stroke-line-secondary-rgb: var(--base-yellow-600-rgb); + --chart-stroke-line-secondary: rgb(var(--chart-stroke-line-secondary-rgb)); - --content-destructive-secondary-rgb: var(--theme-destructive-700-rgb); - --content-destructive-secondary: rgb(var(--content-destructive-secondary-rgb)); - + --chart-stroke-line-tertiary-rgb: var(--base-red-600-rgb); + --chart-stroke-line-tertiary: rgb(var(--chart-stroke-line-tertiary-rgb)); - --content-destructive-tertiary-rgb: var(--theme-destructive-600-rgb); - --content-destructive-tertiary: rgb(var(--content-destructive-tertiary-rgb)); - + --chart-stroke-line-quaternary-rgb: var(--base-blue-600-rgb); + --chart-stroke-line-quaternary: rgb(var(--chart-stroke-line-quaternary-rgb)); - --content-destructive-disabled-rgb: var(--theme-destructive-500-rgb); - --content-destructive-disabled: rgb(var(--content-destructive-disabled-rgb)); - + --chart-stroke-y-axis: rgba(var(--stroke-default-rgb), 0.4); + --chart-stroke-item: rgba(var(--theme-accent-700-rgb), 0.4); - --content-success-rgb: var(--theme-success-800-rgb); - --content-success: rgb(var(--content-success-rgb)); - + --chart-stroke-item-inactive-rgb: var(--base-neutral-200-rgb); + --chart-stroke-item-inactive: rgb(var(--chart-stroke-item-inactive-rgb)); - --content-success-secondary-rgb: var(--theme-success-700-rgb); - --content-success-secondary: rgb(var(--content-success-secondary-rgb)); - + --chart-stroke-error: rgba(var(--theme-destructive-700-rgb), 0.4); - --content-success-tertiary-rgb: var(--theme-success-600-rgb); - --content-success-tertiary: rgb(var(--content-success-tertiary-rgb)); - + --theme-accent-100-rgb: var(--base-blue-100-rgb); + --theme-accent-100: rgb(var(--theme-accent-100-rgb)); - --content-success-disabled-rgb: var(--theme-success-500-rgb); - --content-success-disabled: rgb(var(--content-success-disabled-rgb)); - + --theme-accent-200-rgb: var(--base-blue-200-rgb); + --theme-accent-200: rgb(var(--theme-accent-200-rgb)); - --content-error-rgb: var(--theme-error-800-rgb); - --content-error: rgb(var(--content-error-rgb)); - + --theme-accent-300-rgb: var(--base-blue-300-rgb); + --theme-accent-300: rgb(var(--theme-accent-300-rgb)); - --content-error-secondary-rgb: var(--theme-error-700-rgb); - --content-error-secondary: rgb(var(--content-error-secondary-rgb)); - + --theme-accent-400-rgb: var(--base-blue-400-rgb); + --theme-accent-400: rgb(var(--theme-accent-400-rgb)); - --content-error-tertiary-rgb: var(--theme-error-600-rgb); - --content-error-tertiary: rgb(var(--content-error-tertiary-rgb)); - + --theme-accent-500-rgb: var(--base-blue-500-rgb); + --theme-accent-500: rgb(var(--theme-accent-500-rgb)); - --content-error-disabled-rgb: var(--theme-error-500-rgb); - --content-error-disabled: rgb(var(--content-error-disabled-rgb)); - + --theme-accent-600-rgb: var(--base-blue-600-rgb); + --theme-accent-600: rgb(var(--theme-accent-600-rgb)); - --content-notice-rgb: var(--theme-notice-800-rgb); - --content-notice: rgb(var(--content-notice-rgb)); - + --theme-accent-700-rgb: var(--base-blue-700-rgb); + --theme-accent-700: rgb(var(--theme-accent-700-rgb)); - --content-notice-secondary-rgb: var(--theme-notice-700-rgb); - --content-notice-secondary: rgb(var(--content-notice-secondary-rgb)); - + --theme-accent-800-rgb: var(--base-blue-800-rgb); + --theme-accent-800: rgb(var(--theme-accent-800-rgb)); - --content-notice-tertiary-rgb: var(--theme-notice-600-rgb); - --content-notice-tertiary: rgb(var(--content-notice-tertiary-rgb)); - + --theme-destructive-100-rgb: var(--base-red-100-rgb); + --theme-destructive-100: rgb(var(--theme-destructive-100-rgb)); - --content-notice-disabled-rgb: var(--theme-notice-500-rgb); - --content-notice-disabled: rgb(var(--content-notice-disabled-rgb)); - + --theme-destructive-200-rgb: var(--base-red-200-rgb); + --theme-destructive-200: rgb(var(--theme-destructive-200-rgb)); - --content-inverse-rgb: var(--surface-default-rgb); - --content-inverse: rgb(var(--content-inverse-rgb)); - + --theme-destructive-300-rgb: var(--base-red-300-rgb); + --theme-destructive-300: rgb(var(--theme-destructive-300-rgb)); - --content-inverse-raise-rgb: var(--surface-raise-rgb); - --content-inverse-raise: rgb(var(--content-inverse-raise-rgb)); - + --theme-destructive-400-rgb: var(--base-red-400-rgb); + --theme-destructive-400: rgb(var(--theme-destructive-400-rgb)); - --content-inverse-secondary-rgb: var(--surface-secondary-rgb); - --content-inverse-secondary: rgb(var(--content-inverse-secondary-rgb)); - + --theme-destructive-500-rgb: var(--base-red-500-rgb); + --theme-destructive-500: rgb(var(--theme-destructive-500-rgb)); - --stroke-default-rgb: var(--base-neutral-300-rgb); - --stroke-default: rgb(var(--stroke-default-rgb)); - + --theme-destructive-600-rgb: var(--base-red-600-rgb); + --theme-destructive-600: rgb(var(--theme-destructive-600-rgb)); - --stroke-secondary-rgb: var(--base-neutral-200-rgb); - --stroke-secondary: rgb(var(--stroke-secondary-rgb)); - + --theme-destructive-700-rgb: var(--base-red-700-rgb); + --theme-destructive-700: rgb(var(--theme-destructive-700-rgb)); - --stroke-tertiary-rgb: var(--base-neutral-100-rgb); - --stroke-tertiary: rgb(var(--stroke-tertiary-rgb)); - + --theme-destructive-800-rgb: var(--base-red-800-rgb); + --theme-destructive-800: rgb(var(--theme-destructive-800-rgb)); - --stroke-raise-rgb: var(--base-neutral-500-rgb); - --stroke-raise: rgb(var(--stroke-raise-rgb)); - + --theme-success-100-rgb: var(--base-green-100-rgb); + --theme-success-100: rgb(var(--theme-success-100-rgb)); - --stroke-surface-rgb: var(--surface-default-rgb); - --stroke-surface: rgb(var(--stroke-surface-rgb)); - + --theme-success-200-rgb: var(--base-green-200-rgb); + --theme-success-200: rgb(var(--theme-success-200-rgb)); - --stroke-accent-rgb: var(--theme-accent-800-rgb); - --stroke-accent: rgb(var(--stroke-accent-rgb)); - + --theme-success-300-rgb: var(--base-green-300-rgb); + --theme-success-300: rgb(var(--theme-success-300-rgb)); - --stroke-accent-secondary-rgb: var(--theme-accent-600-rgb); - --stroke-accent-secondary: rgb(var(--stroke-accent-secondary-rgb)); - + --theme-success-400-rgb: var(--base-green-400-rgb); + --theme-success-400: rgb(var(--theme-success-400-rgb)); - --stroke-accent-tertiary-rgb: var(--theme-accent-400-rgb); - --stroke-accent-tertiary: rgb(var(--stroke-accent-tertiary-rgb)); - + --theme-success-500-rgb: var(--base-green-500-rgb); + --theme-success-500: rgb(var(--theme-success-500-rgb)); - --stroke-destructive-rgb: var(--theme-destructive-800-rgb); - --stroke-destructive: rgb(var(--stroke-destructive-rgb)); - - - --stroke-destructive-secondary-rgb: var(--theme-destructive-600-rgb); - --stroke-destructive-secondary: rgb(var(--stroke-destructive-secondary-rgb)); - - - --stroke-destructive-tertiary-rgb: var(--theme-destructive-400-rgb); - --stroke-destructive-tertiary: rgb(var(--stroke-destructive-tertiary-rgb)); - - - --stroke-success-rgb: var(--theme-success-800-rgb); - --stroke-success: rgb(var(--stroke-success-rgb)); - - - --stroke-success-secondary-rgb: var(--theme-success-600-rgb); - --stroke-success-secondary: rgb(var(--stroke-success-secondary-rgb)); - - - --stroke-success-tertiary-rgb: var(--theme-success-400-rgb); - --stroke-success-tertiary: rgb(var(--stroke-success-tertiary-rgb)); - - - --stroke-error-rgb: var(--theme-error-800-rgb); - --stroke-error: rgb(var(--stroke-error-rgb)); - - - --stroke-error-secondary-rgb: var(--theme-error-600-rgb); - --stroke-error-secondary: rgb(var(--stroke-error-secondary-rgb)); - - - --stroke-error-tertiary-rgb: var(--theme-error-400-rgb); - --stroke-error-tertiary: rgb(var(--stroke-error-tertiary-rgb)); - - - --stroke-notice-rgb: var(--theme-notice-800-rgb); - --stroke-notice: rgb(var(--stroke-notice-rgb)); - - - --stroke-notice-secondary-rgb: var(--theme-notice-600-rgb); - --stroke-notice-secondary: rgb(var(--stroke-notice-secondary-rgb)); - - - --stroke-notice-tertiary-rgb: var(--theme-notice-400-rgb); - --stroke-notice-tertiary: rgb(var(--stroke-notice-tertiary-rgb)); - ---chart-fill-area-primary: rgba(var(--theme-accent-700-rgb), 0.7019607843137254); ---chart-fill-area-secondary: rgba(var(--theme-accent-600-rgb), 0.7019607843137254); ---chart-fill-area-tertiary: rgba(var(--theme-accent-500-rgb), 0.7019607843137254); ---chart-fill-area-quaternary: rgba(var(--theme-accent-400-rgb), 0.2); - - --chart-fill-item-primary-rgb: var(--theme-accent-700-rgb); - --chart-fill-item-primary: rgb(var(--chart-fill-item-primary-rgb)); - - - --chart-fill-item-secondary-rgb: var(--theme-accent-600-rgb); - --chart-fill-item-secondary: rgb(var(--chart-fill-item-secondary-rgb)); - - - --chart-fill-item-tertiary-rgb: var(--theme-accent-500-rgb); - --chart-fill-item-tertiary: rgb(var(--chart-fill-item-tertiary-rgb)); - - - --chart-fill-item-quaternary-rgb: var(--theme-accent-400-rgb); - --chart-fill-item-quaternary: rgb(var(--chart-fill-item-quaternary-rgb)); - - - --chart-fill-error-primary-rgb: var(--theme-destructive-700-rgb); - --chart-fill-error-primary: rgb(var(--chart-fill-error-primary-rgb)); - - - --chart-fill-error-secondary-rgb: var(--theme-destructive-600-rgb); - --chart-fill-error-secondary: rgb(var(--chart-fill-error-secondary-rgb)); - - - --chart-fill-error-tertiary-rgb: var(--theme-destructive-500-rgb); - --chart-fill-error-tertiary: rgb(var(--chart-fill-error-tertiary-rgb)); - - - --chart-fill-error-quaternary-rgb: var(--theme-destructive-400-rgb); - --chart-fill-error-quaternary: rgb(var(--chart-fill-error-quaternary-rgb)); - - - --chart-fill-inactive-rgb: var(--base-neutral-50-rgb); - --chart-fill-inactive: rgb(var(--chart-fill-inactive-rgb)); - - - --chart-stroke-line-rgb: var(--theme-accent-700-rgb); - --chart-stroke-line: rgb(var(--chart-stroke-line-rgb)); - - - --chart-stroke-line-secondary-rgb: var(--base-yellow-600-rgb); - --chart-stroke-line-secondary: rgb(var(--chart-stroke-line-secondary-rgb)); - - - --chart-stroke-line-tertiary-rgb: var(--base-red-600-rgb); - --chart-stroke-line-tertiary: rgb(var(--chart-stroke-line-tertiary-rgb)); - - - --chart-stroke-line-quaternary-rgb: var(--base-blue-600-rgb); - --chart-stroke-line-quaternary: rgb(var(--chart-stroke-line-quaternary-rgb)); - ---chart-stroke-y-axis: rgba(var(--stroke-default-rgb), 0.4); ---chart-stroke-item: rgba(var(--theme-accent-700-rgb), 0.4); - - --chart-stroke-item-inactive-rgb: var(--base-neutral-200-rgb); - --chart-stroke-item-inactive: rgb(var(--chart-stroke-item-inactive-rgb)); - ---chart-stroke-error: rgba(var(--theme-destructive-700-rgb), 0.4); - - --theme-accent-100-rgb: var(--base-blue-100-rgb); - --theme-accent-100: rgb(var(--theme-accent-100-rgb)); - - - --theme-accent-200-rgb: var(--base-blue-200-rgb); - --theme-accent-200: rgb(var(--theme-accent-200-rgb)); - - - --theme-accent-300-rgb: var(--base-blue-300-rgb); - --theme-accent-300: rgb(var(--theme-accent-300-rgb)); - - - --theme-accent-400-rgb: var(--base-blue-400-rgb); - --theme-accent-400: rgb(var(--theme-accent-400-rgb)); - - - --theme-accent-500-rgb: var(--base-blue-500-rgb); - --theme-accent-500: rgb(var(--theme-accent-500-rgb)); - - - --theme-accent-600-rgb: var(--base-blue-600-rgb); - --theme-accent-600: rgb(var(--theme-accent-600-rgb)); - - - --theme-accent-700-rgb: var(--base-blue-700-rgb); - --theme-accent-700: rgb(var(--theme-accent-700-rgb)); - - - --theme-accent-800-rgb: var(--base-blue-800-rgb); - --theme-accent-800: rgb(var(--theme-accent-800-rgb)); - - - --theme-destructive-100-rgb: var(--base-red-100-rgb); - --theme-destructive-100: rgb(var(--theme-destructive-100-rgb)); - - - --theme-destructive-200-rgb: var(--base-red-200-rgb); - --theme-destructive-200: rgb(var(--theme-destructive-200-rgb)); - + --theme-success-600-rgb: var(--base-green-600-rgb); + --theme-success-600: rgb(var(--theme-success-600-rgb)); - --theme-destructive-300-rgb: var(--base-red-300-rgb); - --theme-destructive-300: rgb(var(--theme-destructive-300-rgb)); - + --theme-success-700-rgb: var(--base-green-700-rgb); + --theme-success-700: rgb(var(--theme-success-700-rgb)); - --theme-destructive-400-rgb: var(--base-red-400-rgb); - --theme-destructive-400: rgb(var(--theme-destructive-400-rgb)); - + --theme-success-800-rgb: var(--base-green-800-rgb); + --theme-success-800: rgb(var(--theme-success-800-rgb)); - --theme-destructive-500-rgb: var(--base-red-500-rgb); - --theme-destructive-500: rgb(var(--theme-destructive-500-rgb)); - + --theme-error-100-rgb: var(--base-red-100-rgb); + --theme-error-100: rgb(var(--theme-error-100-rgb)); - --theme-destructive-600-rgb: var(--base-red-600-rgb); - --theme-destructive-600: rgb(var(--theme-destructive-600-rgb)); - + --theme-error-200-rgb: var(--base-red-200-rgb); + --theme-error-200: rgb(var(--theme-error-200-rgb)); - --theme-destructive-700-rgb: var(--base-red-700-rgb); - --theme-destructive-700: rgb(var(--theme-destructive-700-rgb)); - + --theme-error-300-rgb: var(--base-red-300-rgb); + --theme-error-300: rgb(var(--theme-error-300-rgb)); - --theme-destructive-800-rgb: var(--base-red-800-rgb); - --theme-destructive-800: rgb(var(--theme-destructive-800-rgb)); - - - --theme-success-100-rgb: var(--base-green-100-rgb); - --theme-success-100: rgb(var(--theme-success-100-rgb)); - - - --theme-success-200-rgb: var(--base-green-200-rgb); - --theme-success-200: rgb(var(--theme-success-200-rgb)); - - - --theme-success-300-rgb: var(--base-green-300-rgb); - --theme-success-300: rgb(var(--theme-success-300-rgb)); - - - --theme-success-400-rgb: var(--base-green-400-rgb); - --theme-success-400: rgb(var(--theme-success-400-rgb)); - - - --theme-success-500-rgb: var(--base-green-500-rgb); - --theme-success-500: rgb(var(--theme-success-500-rgb)); - - - --theme-success-600-rgb: var(--base-green-600-rgb); - --theme-success-600: rgb(var(--theme-success-600-rgb)); - - - --theme-success-700-rgb: var(--base-green-700-rgb); - --theme-success-700: rgb(var(--theme-success-700-rgb)); - - - --theme-success-800-rgb: var(--base-green-800-rgb); - --theme-success-800: rgb(var(--theme-success-800-rgb)); - - - --theme-error-100-rgb: var(--base-red-100-rgb); - --theme-error-100: rgb(var(--theme-error-100-rgb)); - + --theme-error-400-rgb: var(--base-red-400-rgb); + --theme-error-400: rgb(var(--theme-error-400-rgb)); - --theme-error-200-rgb: var(--base-red-200-rgb); - --theme-error-200: rgb(var(--theme-error-200-rgb)); - + --theme-error-500-rgb: var(--base-red-500-rgb); + --theme-error-500: rgb(var(--theme-error-500-rgb)); - --theme-error-300-rgb: var(--base-red-300-rgb); - --theme-error-300: rgb(var(--theme-error-300-rgb)); - + --theme-error-600-rgb: var(--base-red-600-rgb); + --theme-error-600: rgb(var(--theme-error-600-rgb)); - --theme-error-400-rgb: var(--base-red-400-rgb); - --theme-error-400: rgb(var(--theme-error-400-rgb)); - + --theme-error-700-rgb: var(--base-red-700-rgb); + --theme-error-700: rgb(var(--theme-error-700-rgb)); - --theme-error-500-rgb: var(--base-red-500-rgb); - --theme-error-500: rgb(var(--theme-error-500-rgb)); - + --theme-error-800-rgb: var(--base-red-800-rgb); + --theme-error-800: rgb(var(--theme-error-800-rgb)); - --theme-error-600-rgb: var(--base-red-600-rgb); - --theme-error-600: rgb(var(--theme-error-600-rgb)); - + --theme-notice-100-rgb: var(--base-yellow-100-rgb); + --theme-notice-100: rgb(var(--theme-notice-100-rgb)); - --theme-error-700-rgb: var(--base-red-700-rgb); - --theme-error-700: rgb(var(--theme-error-700-rgb)); - + --theme-notice-200-rgb: var(--base-yellow-200-rgb); + --theme-notice-200: rgb(var(--theme-notice-200-rgb)); - --theme-error-800-rgb: var(--base-red-800-rgb); - --theme-error-800: rgb(var(--theme-error-800-rgb)); - + --theme-notice-300-rgb: var(--base-yellow-300-rgb); + --theme-notice-300: rgb(var(--theme-notice-300-rgb)); - --theme-notice-100-rgb: var(--base-yellow-100-rgb); - --theme-notice-100: rgb(var(--theme-notice-100-rgb)); - + --theme-notice-400-rgb: var(--base-yellow-400-rgb); + --theme-notice-400: rgb(var(--theme-notice-400-rgb)); - --theme-notice-200-rgb: var(--base-yellow-200-rgb); - --theme-notice-200: rgb(var(--theme-notice-200-rgb)); - + --theme-notice-500-rgb: var(--base-yellow-500-rgb); + --theme-notice-500: rgb(var(--theme-notice-500-rgb)); - --theme-notice-300-rgb: var(--base-yellow-300-rgb); - --theme-notice-300: rgb(var(--theme-notice-300-rgb)); - + --theme-notice-600-rgb: var(--base-yellow-600-rgb); + --theme-notice-600: rgb(var(--theme-notice-600-rgb)); - --theme-notice-400-rgb: var(--base-yellow-400-rgb); - --theme-notice-400: rgb(var(--theme-notice-400-rgb)); - + --theme-notice-700-rgb: var(--base-yellow-700-rgb); + --theme-notice-700: rgb(var(--theme-notice-700-rgb)); - --theme-notice-500-rgb: var(--base-yellow-500-rgb); - --theme-notice-500: rgb(var(--theme-notice-500-rgb)); - + --theme-notice-800-rgb: var(--base-yellow-800-rgb); + --theme-notice-800: rgb(var(--theme-notice-800-rgb)); - --theme-notice-600-rgb: var(--base-yellow-600-rgb); - --theme-notice-600: rgb(var(--theme-notice-600-rgb)); - - - --theme-notice-700-rgb: var(--base-yellow-700-rgb); - --theme-notice-700: rgb(var(--theme-notice-700-rgb)); - - - --theme-notice-800-rgb: var(--base-yellow-800-rgb); - --theme-notice-800: rgb(var(--theme-notice-800-rgb)); - - - --border-radius-sm: 0.125rem; ---border-radius: 0.1875rem; ---border-radius-full: 624.9375rem; -} \ No newline at end of file + --border-radius-sm: 0.125rem; + --border-radius: 0.1875rem; + --border-radius-full: 624.9375rem; +} diff --git a/styles/dist/blue.md b/styles/dist/blue.md index 4036fdea..76f920fc 100644 --- a/styles/dist/blue.md +++ b/styles/dist/blue.md @@ -1,8 +1,9 @@ # `blue` Theme -This document shows the relationship of colors within the `blue` theme. +This document shows the relationship of colors within the `blue` theme. ## base-green-100 + ```mermaid graph RL base-green-100 --> #131A1C:::base-green-100 @@ -10,7 +11,9 @@ graph RL classDef base-green-100 stroke-width:5,stroke:#131A1C ``` + ## base-green-200 + ```mermaid graph RL base-green-200 --> #162322:::base-green-200 @@ -19,7 +22,9 @@ graph RL classDef base-green-200 stroke-width:5,stroke:#162322 ``` + ## base-green-300 + ```mermaid graph RL base-green-300 --> #1C372E:::base-green-300 @@ -27,7 +32,9 @@ graph RL classDef base-green-300 stroke-width:5,stroke:#1C372E ``` + ## base-green-400 + ```mermaid graph RL base-green-400 --> #204D3B:::base-green-400 @@ -36,7 +43,9 @@ graph RL classDef base-green-400 stroke-width:5,stroke:#204D3B ``` + ## base-green-500 + ```mermaid graph RL base-green-500 --> #236A4C:::base-green-500 @@ -45,7 +54,9 @@ graph RL classDef base-green-500 stroke-width:5,stroke:#236A4C ``` + ## base-green-600 + ```mermaid graph RL base-green-600 --> #238A5E:::base-green-600 @@ -55,7 +66,9 @@ graph RL classDef base-green-600 stroke-width:5,stroke:#238A5E ``` + ## base-green-700 + ```mermaid graph RL base-green-700 --> #20A36C:::base-green-700 @@ -64,7 +77,9 @@ graph RL classDef base-green-700 stroke-width:5,stroke:#20A36C ``` + ## base-green-800 + ```mermaid graph RL base-green-800 --> #48d597:::base-green-800 @@ -75,7 +90,9 @@ graph RL classDef base-green-800 stroke-width:5,stroke:#48d597 ``` + ## base-yellow-100 + ```mermaid graph RL base-yellow-100 --> #20190F:::base-yellow-100 @@ -83,7 +100,9 @@ graph RL classDef base-yellow-100 stroke-width:5,stroke:#20190F ``` + ## base-yellow-200 + ```mermaid graph RL base-yellow-200 --> #292013:::base-yellow-200 @@ -92,7 +111,9 @@ graph RL classDef base-yellow-200 stroke-width:5,stroke:#292013 ``` + ## base-yellow-300 + ```mermaid graph RL base-yellow-300 --> #3D3019:::base-yellow-300 @@ -101,7 +122,9 @@ graph RL classDef base-yellow-300 stroke-width:5,stroke:#3D3019 ``` + ## base-yellow-400 + ```mermaid graph RL base-yellow-400 --> #55421F:::base-yellow-400 @@ -110,7 +133,9 @@ graph RL classDef base-yellow-400 stroke-width:5,stroke:#55421F ``` + ## base-yellow-500 + ```mermaid graph RL base-yellow-500 --> #765A27:::base-yellow-500 @@ -119,7 +144,9 @@ graph RL classDef base-yellow-500 stroke-width:5,stroke:#765A27 ``` + ## base-yellow-600 + ```mermaid graph RL base-yellow-600 --> #997430:::base-yellow-600 @@ -130,7 +157,9 @@ graph RL classDef base-yellow-600 stroke-width:5,stroke:#997430 ``` + ## base-yellow-700 + ```mermaid graph RL base-yellow-700 --> #CA993B:::base-yellow-700 @@ -140,7 +169,9 @@ graph RL classDef base-yellow-700 stroke-width:5,stroke:#CA993B ``` + ## base-yellow-800 + ```mermaid graph RL base-yellow-800 --> #F5B944:::base-yellow-800 @@ -151,7 +182,9 @@ graph RL classDef base-yellow-800 stroke-width:5,stroke:#F5B944 ``` + ## base-red-100 + ```mermaid graph RL base-red-100 --> #1E1314:::base-red-100 @@ -160,7 +193,9 @@ graph RL classDef base-red-100 stroke-width:5,stroke:#1E1314 ``` + ## base-red-200 + ```mermaid graph RL base-red-200 --> #231517:::base-red-200 @@ -171,7 +206,9 @@ graph RL classDef base-red-200 stroke-width:5,stroke:#231517 ``` + ## base-red-300 + ```mermaid graph RL base-red-300 --> #301B1D:::base-red-300 @@ -181,7 +218,9 @@ graph RL classDef base-red-300 stroke-width:5,stroke:#301B1D ``` + ## base-red-400 + ```mermaid graph RL base-red-400 --> #6A343C:::base-red-400 @@ -193,7 +232,9 @@ graph RL classDef base-red-400 stroke-width:5,stroke:#6A343C ``` + ## base-red-500 + ```mermaid graph RL base-red-500 --> #954553:::base-red-500 @@ -205,7 +246,9 @@ graph RL classDef base-red-500 stroke-width:5,stroke:#954553 ``` + ## base-red-600 + ```mermaid graph RL base-red-600 --> #C3576A:::base-red-600 @@ -220,7 +263,9 @@ graph RL classDef base-red-600 stroke-width:5,stroke:#C3576A ``` + ## base-red-700 + ```mermaid graph RL base-red-700 --> #DA6177:::base-red-700 @@ -233,7 +278,9 @@ graph RL classDef base-red-700 stroke-width:5,stroke:#DA6177 ``` + ## base-red-800 + ```mermaid graph RL base-red-800 --> #FB6E88:::base-red-800 @@ -248,63 +295,81 @@ graph RL classDef base-red-800 stroke-width:5,stroke:#FB6E88 ``` + ## base-purple-100 + ```mermaid graph RL base-purple-100 --> #1E1822:::base-purple-100 classDef base-purple-100 stroke-width:5,stroke:#1E1822 ``` + ## base-purple-200 + ```mermaid graph RL base-purple-200 --> #251F2B:::base-purple-200 classDef base-purple-200 stroke-width:5,stroke:#251F2B ``` + ## base-purple-300 + ```mermaid graph RL base-purple-300 --> #382D43:::base-purple-300 classDef base-purple-300 stroke-width:5,stroke:#382D43 ``` + ## base-purple-400 + ```mermaid graph RL base-purple-400 --> #4D3E5E:::base-purple-400 classDef base-purple-400 stroke-width:5,stroke:#4D3E5E ``` + ## base-purple-500 + ```mermaid graph RL base-purple-500 --> #6C5584:::base-purple-500 classDef base-purple-500 stroke-width:5,stroke:#6C5584 ``` + ## base-purple-600 + ```mermaid graph RL base-purple-600 --> #8B6DAC:::base-purple-600 classDef base-purple-600 stroke-width:5,stroke:#8B6DAC ``` + ## base-purple-700 + ```mermaid graph RL base-purple-700 --> #A380CB:::base-purple-700 classDef base-purple-700 stroke-width:5,stroke:#A380CB ``` + ## base-purple-800 + ```mermaid graph RL base-purple-800 --> #BE95EB:::base-purple-800 classDef base-purple-800 stroke-width:5,stroke:#BE95EB ``` + ## base-blue-100 + ```mermaid graph RL base-blue-100 --> #171821:::base-blue-100 @@ -312,7 +377,9 @@ graph RL classDef base-blue-100 stroke-width:5,stroke:#171821 ``` + ## base-blue-200 + ```mermaid graph RL base-blue-200 --> #1E202D:::base-blue-200 @@ -321,7 +388,9 @@ graph RL classDef base-blue-200 stroke-width:5,stroke:#1E202D ``` + ## base-blue-300 + ```mermaid graph RL base-blue-300 --> #2D3048:::base-blue-300 @@ -330,7 +399,9 @@ graph RL classDef base-blue-300 stroke-width:5,stroke:#2D3048 ``` + ## base-blue-400 + ```mermaid graph RL base-blue-400 --> #3C4366:::base-blue-400 @@ -340,7 +411,9 @@ graph RL classDef base-blue-400 stroke-width:5,stroke:#3C4366 ``` + ## base-blue-500 + ```mermaid graph RL base-blue-500 --> #515B8F:::base-blue-500 @@ -350,7 +423,9 @@ graph RL classDef base-blue-500 stroke-width:5,stroke:#515B8F ``` + ## base-blue-600 + ```mermaid graph RL base-blue-600 --> #6776BB:::base-blue-600 @@ -362,7 +437,9 @@ graph RL classDef base-blue-600 stroke-width:5,stroke:#6776BB ``` + ## base-blue-700 + ```mermaid graph RL base-blue-700 --> #788ADD:::base-blue-700 @@ -374,7 +451,9 @@ graph RL classDef base-blue-700 stroke-width:5,stroke:#788ADD ``` + ## base-blue-800 + ```mermaid graph RL base-blue-800 --> #8BA1FF:::base-blue-800 @@ -385,7 +464,9 @@ graph RL classDef base-blue-800 stroke-width:5,stroke:#8BA1FF ``` + ## base-neutral-0 + ```mermaid graph RL base-neutral-0 --> #080F11:::base-neutral-0 @@ -395,7 +476,9 @@ graph RL classDef base-neutral-0 stroke-width:5,stroke:#080F11 ``` + ## base-neutral-50 + ```mermaid graph RL base-neutral-50 --> #101618:::base-neutral-50 @@ -406,7 +489,9 @@ graph RL classDef base-neutral-50 stroke-width:5,stroke:#101618 ``` + ## base-neutral-100 + ```mermaid graph RL base-neutral-100 --> #141B1D:::base-neutral-100 @@ -418,7 +503,9 @@ graph RL classDef base-neutral-100 stroke-width:5,stroke:#141B1D ``` + ## base-neutral-200 + ```mermaid graph RL base-neutral-200 --> #1C2225:::base-neutral-200 @@ -429,7 +516,9 @@ graph RL classDef base-neutral-200 stroke-width:5,stroke:#1C2225 ``` + ## base-neutral-300 + ```mermaid graph RL base-neutral-300 --> #2D3335:::base-neutral-300 @@ -437,14 +526,18 @@ graph RL classDef base-neutral-300 stroke-width:5,stroke:#2D3335 ``` + ## base-neutral-400 + ```mermaid graph RL base-neutral-400 --> #404647:::base-neutral-400 classDef base-neutral-400 stroke-width:5,stroke:#404647 ``` + ## base-neutral-500 + ```mermaid graph RL base-neutral-500 --> #5B5F61:::base-neutral-500 @@ -454,7 +547,9 @@ graph RL classDef base-neutral-500 stroke-width:5,stroke:#5B5F61 ``` + ## base-neutral-600 + ```mermaid graph RL base-neutral-600 --> #7e8385:::base-neutral-600 @@ -462,7 +557,9 @@ graph RL classDef base-neutral-600 stroke-width:5,stroke:#7e8385 ``` + ## base-neutral-700 + ```mermaid graph RL base-neutral-700 --> #A1A4A5:::base-neutral-700 @@ -471,7 +568,9 @@ graph RL classDef base-neutral-700 stroke-width:5,stroke:#A1A4A5 ``` + ## base-neutral-800 + ```mermaid graph RL base-neutral-800 --> #B8BBBC:::base-neutral-800 @@ -480,7 +579,9 @@ graph RL classDef base-neutral-800 stroke-width:5,stroke:#B8BBBC ``` + ## base-neutral-900 + ```mermaid graph RL base-neutral-900 --> #F6F6F7:::base-neutral-900 @@ -488,4 +589,4 @@ graph RL content-default --> base-neutral-900 classDef base-neutral-900 stroke-width:5,stroke:#F6F6F7 -``` \ No newline at end of file +``` diff --git a/styles/dist/main.css b/styles/dist/main.css index 1a1870ff..f5c74340 100644 --- a/styles/dist/main.css +++ b/styles/dist/main.css @@ -1,689 +1,564 @@ /* THIS FILE IS AUTOGENERATED, DO NOT EDIT */ :root { - --base-neutral-900-rgb: 246,246,247; /* #F6F6F7 */ - --base-neutral-900: rgb(var(--base-neutral-900-rgb)); - ---base-neutral-800-rgb: 184,187,188; /* #B8BBBC */ - --base-neutral-800: rgb(var(--base-neutral-800-rgb)); - ---base-neutral-700-rgb: 161,164,165; /* #A1A4A5 */ - --base-neutral-700: rgb(var(--base-neutral-700-rgb)); - ---base-neutral-600-rgb: 126,131,133; /* #7e8385 */ - --base-neutral-600: rgb(var(--base-neutral-600-rgb)); - ---base-neutral-500-rgb: 91,95,97; /* #5B5F61 */ - --base-neutral-500: rgb(var(--base-neutral-500-rgb)); - ---base-neutral-400-rgb: 64,70,71; /* #404647 */ - --base-neutral-400: rgb(var(--base-neutral-400-rgb)); - ---base-neutral-300-rgb: 45,51,53; /* #2D3335 */ - --base-neutral-300: rgb(var(--base-neutral-300-rgb)); - ---base-neutral-200-rgb: 28,34,37; /* #1C2225 */ - --base-neutral-200: rgb(var(--base-neutral-200-rgb)); - ---base-neutral-100-rgb: 20,27,29; /* #141B1D */ - --base-neutral-100: rgb(var(--base-neutral-100-rgb)); - ---base-neutral-50-rgb: 16,22,24; /* #101618 */ - --base-neutral-50: rgb(var(--base-neutral-50-rgb)); - ---base-neutral-0-rgb: 8,15,17; /* #080F11 */ - --base-neutral-0: rgb(var(--base-neutral-0-rgb)); - ---base-blue-800-rgb: 139,161,255; /* #8BA1FF */ - --base-blue-800: rgb(var(--base-blue-800-rgb)); - ---base-blue-700-rgb: 120,138,221; /* #788ADD */ - --base-blue-700: rgb(var(--base-blue-700-rgb)); - ---base-blue-600-rgb: 103,118,187; /* #6776BB */ - --base-blue-600: rgb(var(--base-blue-600-rgb)); - ---base-blue-500-rgb: 81,91,143; /* #515B8F */ - --base-blue-500: rgb(var(--base-blue-500-rgb)); - ---base-blue-400-rgb: 60,67,102; /* #3C4366 */ - --base-blue-400: rgb(var(--base-blue-400-rgb)); - ---base-blue-300-rgb: 45,48,72; /* #2D3048 */ - --base-blue-300: rgb(var(--base-blue-300-rgb)); - ---base-blue-200-rgb: 30,32,45; /* #1E202D */ - --base-blue-200: rgb(var(--base-blue-200-rgb)); - ---base-blue-100-rgb: 23,24,33; /* #171821 */ - --base-blue-100: rgb(var(--base-blue-100-rgb)); - ---base-purple-800-rgb: 190,149,235; /* #BE95EB */ - --base-purple-800: rgb(var(--base-purple-800-rgb)); - ---base-purple-700-rgb: 163,128,203; /* #A380CB */ - --base-purple-700: rgb(var(--base-purple-700-rgb)); - ---base-purple-600-rgb: 139,109,172; /* #8B6DAC */ - --base-purple-600: rgb(var(--base-purple-600-rgb)); - ---base-purple-500-rgb: 108,85,132; /* #6C5584 */ - --base-purple-500: rgb(var(--base-purple-500-rgb)); - ---base-purple-400-rgb: 77,62,94; /* #4D3E5E */ - --base-purple-400: rgb(var(--base-purple-400-rgb)); - ---base-purple-300-rgb: 56,45,67; /* #382D43 */ - --base-purple-300: rgb(var(--base-purple-300-rgb)); - ---base-purple-200-rgb: 37,31,43; /* #251F2B */ - --base-purple-200: rgb(var(--base-purple-200-rgb)); - ---base-purple-100-rgb: 30,24,34; /* #1E1822 */ - --base-purple-100: rgb(var(--base-purple-100-rgb)); - ---base-red-800-rgb: 251,110,136; /* #FB6E88 */ - --base-red-800: rgb(var(--base-red-800-rgb)); - ---base-red-700-rgb: 218,97,119; /* #DA6177 */ - --base-red-700: rgb(var(--base-red-700-rgb)); - ---base-red-600-rgb: 195,87,106; /* #C3576A */ - --base-red-600: rgb(var(--base-red-600-rgb)); - ---base-red-500-rgb: 149,69,83; /* #954553 */ - --base-red-500: rgb(var(--base-red-500-rgb)); - ---base-red-400-rgb: 106,52,60; /* #6A343C */ - --base-red-400: rgb(var(--base-red-400-rgb)); - ---base-red-300-rgb: 48,27,29; /* #301B1D */ - --base-red-300: rgb(var(--base-red-300-rgb)); - ---base-red-200-rgb: 35,21,23; /* #231517 */ - --base-red-200: rgb(var(--base-red-200-rgb)); - ---base-red-100-rgb: 30,19,20; /* #1E1314 */ - --base-red-100: rgb(var(--base-red-100-rgb)); - ---base-yellow-800-rgb: 245,185,68; /* #F5B944 */ - --base-yellow-800: rgb(var(--base-yellow-800-rgb)); - ---base-yellow-700-rgb: 202,153,59; /* #CA993B */ - --base-yellow-700: rgb(var(--base-yellow-700-rgb)); - ---base-yellow-600-rgb: 153,116,48; /* #997430 */ - --base-yellow-600: rgb(var(--base-yellow-600-rgb)); - ---base-yellow-500-rgb: 118,90,39; /* #765A27 */ - --base-yellow-500: rgb(var(--base-yellow-500-rgb)); - ---base-yellow-400-rgb: 85,66,31; /* #55421F */ - --base-yellow-400: rgb(var(--base-yellow-400-rgb)); - ---base-yellow-300-rgb: 61,48,25; /* #3D3019 */ - --base-yellow-300: rgb(var(--base-yellow-300-rgb)); - ---base-yellow-200-rgb: 41,32,19; /* #292013 */ - --base-yellow-200: rgb(var(--base-yellow-200-rgb)); - ---base-yellow-100-rgb: 32,25,15; /* #20190F */ - --base-yellow-100: rgb(var(--base-yellow-100-rgb)); - ---base-green-800-rgb: 72,213,151; /* #48d597 */ - --base-green-800: rgb(var(--base-green-800-rgb)); - ---base-green-700-rgb: 32,163,108; /* #20A36C */ - --base-green-700: rgb(var(--base-green-700-rgb)); - ---base-green-600-rgb: 35,138,94; /* #238A5E */ - --base-green-600: rgb(var(--base-green-600-rgb)); - ---base-green-500-rgb: 35,106,76; /* #236A4C */ - --base-green-500: rgb(var(--base-green-500-rgb)); - ---base-green-400-rgb: 32,77,59; /* #204D3B */ - --base-green-400: rgb(var(--base-green-400-rgb)); - ---base-green-300-rgb: 28,55,46; /* #1C372E */ - --base-green-300: rgb(var(--base-green-300-rgb)); - ---base-green-200-rgb: 22,35,34; /* #162322 */ - --base-green-200: rgb(var(--base-green-200-rgb)); - ---base-green-100-rgb: 19,26,28; /* #131A1C */ - --base-green-100: rgb(var(--base-green-100-rgb)); - - - --surface-default-rgb: var(--base-neutral-0-rgb); - --surface-default: rgb(var(--surface-default-rgb)); - - - --surface-hover-rgb: var(--base-neutral-50-rgb); - --surface-hover: rgb(var(--surface-hover-rgb)); - - - --surface-raise-rgb: var(--base-neutral-50-rgb); - --surface-raise: rgb(var(--surface-raise-rgb)); - - - --surface-raise-hover-rgb: var(--base-neutral-100-rgb); - --surface-raise-hover: rgb(var(--surface-raise-hover-rgb)); - - - --surface-secondary-rgb: var(--base-neutral-100-rgb); - --surface-secondary: rgb(var(--surface-secondary-rgb)); - - - --surface-secondary-hover-rgb: var(--base-neutral-200-rgb); - --surface-secondary-hover: rgb(var(--surface-secondary-hover-rgb)); - - - --surface-tertiary-rgb: var(--base-neutral-200-rgb); - --surface-tertiary: rgb(var(--surface-tertiary-rgb)); - - - --surface-disabled-rgb: var(--base-neutral-100-rgb); - --surface-disabled: rgb(var(--surface-disabled-rgb)); - ---surface-scrim: rgba(var(--base-neutral-0-rgb), 0.6); - - --surface-accent-rgb: var(--theme-accent-800-rgb); - --surface-accent: rgb(var(--surface-accent-rgb)); - - - --surface-accent-hover-rgb: var(--theme-accent-700-rgb); - --surface-accent-hover: rgb(var(--surface-accent-hover-rgb)); - - - --surface-accent-secondary-rgb: var(--theme-accent-200-rgb); - --surface-accent-secondary: rgb(var(--surface-accent-secondary-rgb)); - - - --surface-accent-secondary-hover-rgb: var(--theme-accent-300-rgb); - --surface-accent-secondary-hover: rgb(var(--surface-accent-secondary-hover-rgb)); - - - --surface-destructive-rgb: var(--theme-destructive-800-rgb); - --surface-destructive: rgb(var(--surface-destructive-rgb)); - - - --surface-destructive-hover-rgb: var(--theme-destructive-700-rgb); - --surface-destructive-hover: rgb(var(--surface-destructive-hover-rgb)); - - - --surface-destructive-secondary-rgb: var(--theme-destructive-200-rgb); - --surface-destructive-secondary: rgb(var(--surface-destructive-secondary-rgb)); - - - --surface-destructive-secondary-hover-rgb: var(--theme-destructive-300-rgb); - --surface-destructive-secondary-hover: rgb(var(--surface-destructive-secondary-hover-rgb)); - - - --surface-notice-rgb: var(--theme-notice-800-rgb); - --surface-notice: rgb(var(--surface-notice-rgb)); - - - --surface-notice-hover-rgb: var(--theme-notice-700-rgb); - --surface-notice-hover: rgb(var(--surface-notice-hover-rgb)); - - - --surface-notice-secondary-rgb: var(--theme-notice-200-rgb); - --surface-notice-secondary: rgb(var(--surface-notice-secondary-rgb)); - - - --surface-notice-secondary-hover-rgb: var(--theme-notice-300-rgb); - --surface-notice-secondary-hover: rgb(var(--surface-notice-secondary-hover-rgb)); - - - --surface-success-rgb: var(--theme-success-800-rgb); - --surface-success: rgb(var(--surface-success-rgb)); - - - --surface-success-secondary-rgb: var(--theme-success-200-rgb); - --surface-success-secondary: rgb(var(--surface-success-secondary-rgb)); - - - --surface-error-rgb: var(--theme-error-800-rgb); - --surface-error: rgb(var(--surface-error-rgb)); - - - --surface-error-secondary-rgb: var(--theme-error-200-rgb); - --surface-error-secondary: rgb(var(--surface-error-secondary-rgb)); - + --base-neutral-900-rgb: 246, 246, 247; /* #F6F6F7 */ + --base-neutral-900: rgb(var(--base-neutral-900-rgb)); - --surface-inverse-rgb: var(--content-default-rgb); - --surface-inverse: rgb(var(--surface-inverse-rgb)); - + --base-neutral-800-rgb: 184, 187, 188; /* #B8BBBC */ + --base-neutral-800: rgb(var(--base-neutral-800-rgb)); - --surface-inverse-secondary-rgb: var(--content-secondary-rgb); - --surface-inverse-secondary: rgb(var(--surface-inverse-secondary-rgb)); - + --base-neutral-700-rgb: 161, 164, 165; /* #A1A4A5 */ + --base-neutral-700: rgb(var(--base-neutral-700-rgb)); - --surface-inverse-tertiary-rgb: var(--content-tertiary-rgb); - --surface-inverse-tertiary: rgb(var(--surface-inverse-tertiary-rgb)); - + --base-neutral-600-rgb: 126, 131, 133; /* #7e8385 */ + --base-neutral-600: rgb(var(--base-neutral-600-rgb)); - --content-default-rgb: var(--base-neutral-900-rgb); - --content-default: rgb(var(--content-default-rgb)); - + --base-neutral-500-rgb: 91, 95, 97; /* #5B5F61 */ + --base-neutral-500: rgb(var(--base-neutral-500-rgb)); - --content-secondary-rgb: var(--base-neutral-800-rgb); - --content-secondary: rgb(var(--content-secondary-rgb)); - + --base-neutral-400-rgb: 64, 70, 71; /* #404647 */ + --base-neutral-400: rgb(var(--base-neutral-400-rgb)); - --content-tertiary-rgb: var(--base-neutral-700-rgb); - --content-tertiary: rgb(var(--content-tertiary-rgb)); - + --base-neutral-300-rgb: 45, 51, 53; /* #2D3335 */ + --base-neutral-300: rgb(var(--base-neutral-300-rgb)); - --content-quaternary-rgb: var(--base-neutral-600-rgb); - --content-quaternary: rgb(var(--content-quaternary-rgb)); - + --base-neutral-200-rgb: 28, 34, 37; /* #1C2225 */ + --base-neutral-200: rgb(var(--base-neutral-200-rgb)); - --content-quinary-rgb: var(--base-neutral-500-rgb); - --content-quinary: rgb(var(--content-quinary-rgb)); - + --base-neutral-100-rgb: 20, 27, 29; /* #141B1D */ + --base-neutral-100: rgb(var(--base-neutral-100-rgb)); - --content-disabled-rgb: var(--base-neutral-500-rgb); - --content-disabled: rgb(var(--content-disabled-rgb)); - + --base-neutral-50-rgb: 16, 22, 24; /* #101618 */ + --base-neutral-50: rgb(var(--base-neutral-50-rgb)); - --content-accent-rgb: var(--theme-accent-800-rgb); - --content-accent: rgb(var(--content-accent-rgb)); - + --base-neutral-0-rgb: 8, 15, 17; /* #080F11 */ + --base-neutral-0: rgb(var(--base-neutral-0-rgb)); - --content-accent-secondary-rgb: var(--theme-accent-700-rgb); - --content-accent-secondary: rgb(var(--content-accent-secondary-rgb)); - + --base-blue-800-rgb: 139, 161, 255; /* #8BA1FF */ + --base-blue-800: rgb(var(--base-blue-800-rgb)); - --content-accent-tertiary-rgb: var(--theme-accent-600-rgb); - --content-accent-tertiary: rgb(var(--content-accent-tertiary-rgb)); - + --base-blue-700-rgb: 120, 138, 221; /* #788ADD */ + --base-blue-700: rgb(var(--base-blue-700-rgb)); - --content-accent-disabled-rgb: var(--theme-accent-500-rgb); - --content-accent-disabled: rgb(var(--content-accent-disabled-rgb)); - + --base-blue-600-rgb: 103, 118, 187; /* #6776BB */ + --base-blue-600: rgb(var(--base-blue-600-rgb)); - --content-destructive-rgb: var(--theme-destructive-800-rgb); - --content-destructive: rgb(var(--content-destructive-rgb)); - + --base-blue-500-rgb: 81, 91, 143; /* #515B8F */ + --base-blue-500: rgb(var(--base-blue-500-rgb)); - --content-destructive-secondary-rgb: var(--theme-destructive-700-rgb); - --content-destructive-secondary: rgb(var(--content-destructive-secondary-rgb)); - + --base-blue-400-rgb: 60, 67, 102; /* #3C4366 */ + --base-blue-400: rgb(var(--base-blue-400-rgb)); - --content-destructive-tertiary-rgb: var(--theme-destructive-600-rgb); - --content-destructive-tertiary: rgb(var(--content-destructive-tertiary-rgb)); - + --base-blue-300-rgb: 45, 48, 72; /* #2D3048 */ + --base-blue-300: rgb(var(--base-blue-300-rgb)); - --content-destructive-disabled-rgb: var(--theme-destructive-500-rgb); - --content-destructive-disabled: rgb(var(--content-destructive-disabled-rgb)); - + --base-blue-200-rgb: 30, 32, 45; /* #1E202D */ + --base-blue-200: rgb(var(--base-blue-200-rgb)); - --content-success-rgb: var(--theme-success-800-rgb); - --content-success: rgb(var(--content-success-rgb)); - + --base-blue-100-rgb: 23, 24, 33; /* #171821 */ + --base-blue-100: rgb(var(--base-blue-100-rgb)); - --content-success-secondary-rgb: var(--theme-success-700-rgb); - --content-success-secondary: rgb(var(--content-success-secondary-rgb)); - + --base-purple-800-rgb: 190, 149, 235; /* #BE95EB */ + --base-purple-800: rgb(var(--base-purple-800-rgb)); - --content-success-tertiary-rgb: var(--theme-success-600-rgb); - --content-success-tertiary: rgb(var(--content-success-tertiary-rgb)); - + --base-purple-700-rgb: 163, 128, 203; /* #A380CB */ + --base-purple-700: rgb(var(--base-purple-700-rgb)); - --content-success-disabled-rgb: var(--theme-success-500-rgb); - --content-success-disabled: rgb(var(--content-success-disabled-rgb)); - + --base-purple-600-rgb: 139, 109, 172; /* #8B6DAC */ + --base-purple-600: rgb(var(--base-purple-600-rgb)); - --content-error-rgb: var(--theme-error-800-rgb); - --content-error: rgb(var(--content-error-rgb)); - + --base-purple-500-rgb: 108, 85, 132; /* #6C5584 */ + --base-purple-500: rgb(var(--base-purple-500-rgb)); - --content-error-secondary-rgb: var(--theme-error-700-rgb); - --content-error-secondary: rgb(var(--content-error-secondary-rgb)); - + --base-purple-400-rgb: 77, 62, 94; /* #4D3E5E */ + --base-purple-400: rgb(var(--base-purple-400-rgb)); - --content-error-tertiary-rgb: var(--theme-error-600-rgb); - --content-error-tertiary: rgb(var(--content-error-tertiary-rgb)); - + --base-purple-300-rgb: 56, 45, 67; /* #382D43 */ + --base-purple-300: rgb(var(--base-purple-300-rgb)); - --content-error-disabled-rgb: var(--theme-error-500-rgb); - --content-error-disabled: rgb(var(--content-error-disabled-rgb)); - + --base-purple-200-rgb: 37, 31, 43; /* #251F2B */ + --base-purple-200: rgb(var(--base-purple-200-rgb)); - --content-notice-rgb: var(--theme-notice-800-rgb); - --content-notice: rgb(var(--content-notice-rgb)); - + --base-purple-100-rgb: 30, 24, 34; /* #1E1822 */ + --base-purple-100: rgb(var(--base-purple-100-rgb)); - --content-notice-secondary-rgb: var(--theme-notice-700-rgb); - --content-notice-secondary: rgb(var(--content-notice-secondary-rgb)); - + --base-red-800-rgb: 251, 110, 136; /* #FB6E88 */ + --base-red-800: rgb(var(--base-red-800-rgb)); - --content-notice-tertiary-rgb: var(--theme-notice-600-rgb); - --content-notice-tertiary: rgb(var(--content-notice-tertiary-rgb)); - + --base-red-700-rgb: 218, 97, 119; /* #DA6177 */ + --base-red-700: rgb(var(--base-red-700-rgb)); - --content-notice-disabled-rgb: var(--theme-notice-500-rgb); - --content-notice-disabled: rgb(var(--content-notice-disabled-rgb)); - + --base-red-600-rgb: 195, 87, 106; /* #C3576A */ + --base-red-600: rgb(var(--base-red-600-rgb)); - --content-inverse-rgb: var(--surface-default-rgb); - --content-inverse: rgb(var(--content-inverse-rgb)); - + --base-red-500-rgb: 149, 69, 83; /* #954553 */ + --base-red-500: rgb(var(--base-red-500-rgb)); - --content-inverse-raise-rgb: var(--surface-raise-rgb); - --content-inverse-raise: rgb(var(--content-inverse-raise-rgb)); - + --base-red-400-rgb: 106, 52, 60; /* #6A343C */ + --base-red-400: rgb(var(--base-red-400-rgb)); - --content-inverse-secondary-rgb: var(--surface-secondary-rgb); - --content-inverse-secondary: rgb(var(--content-inverse-secondary-rgb)); - + --base-red-300-rgb: 48, 27, 29; /* #301B1D */ + --base-red-300: rgb(var(--base-red-300-rgb)); - --stroke-default-rgb: var(--base-neutral-300-rgb); - --stroke-default: rgb(var(--stroke-default-rgb)); - + --base-red-200-rgb: 35, 21, 23; /* #231517 */ + --base-red-200: rgb(var(--base-red-200-rgb)); - --stroke-secondary-rgb: var(--base-neutral-200-rgb); - --stroke-secondary: rgb(var(--stroke-secondary-rgb)); - + --base-red-100-rgb: 30, 19, 20; /* #1E1314 */ + --base-red-100: rgb(var(--base-red-100-rgb)); - --stroke-tertiary-rgb: var(--base-neutral-100-rgb); - --stroke-tertiary: rgb(var(--stroke-tertiary-rgb)); - + --base-yellow-800-rgb: 245, 185, 68; /* #F5B944 */ + --base-yellow-800: rgb(var(--base-yellow-800-rgb)); - --stroke-raise-rgb: var(--base-neutral-500-rgb); - --stroke-raise: rgb(var(--stroke-raise-rgb)); - + --base-yellow-700-rgb: 202, 153, 59; /* #CA993B */ + --base-yellow-700: rgb(var(--base-yellow-700-rgb)); - --stroke-surface-rgb: var(--surface-default-rgb); - --stroke-surface: rgb(var(--stroke-surface-rgb)); - + --base-yellow-600-rgb: 153, 116, 48; /* #997430 */ + --base-yellow-600: rgb(var(--base-yellow-600-rgb)); - --stroke-accent-rgb: var(--theme-accent-800-rgb); - --stroke-accent: rgb(var(--stroke-accent-rgb)); - + --base-yellow-500-rgb: 118, 90, 39; /* #765A27 */ + --base-yellow-500: rgb(var(--base-yellow-500-rgb)); - --stroke-accent-secondary-rgb: var(--theme-accent-600-rgb); - --stroke-accent-secondary: rgb(var(--stroke-accent-secondary-rgb)); - + --base-yellow-400-rgb: 85, 66, 31; /* #55421F */ + --base-yellow-400: rgb(var(--base-yellow-400-rgb)); - --stroke-accent-tertiary-rgb: var(--theme-accent-400-rgb); - --stroke-accent-tertiary: rgb(var(--stroke-accent-tertiary-rgb)); - + --base-yellow-300-rgb: 61, 48, 25; /* #3D3019 */ + --base-yellow-300: rgb(var(--base-yellow-300-rgb)); - --stroke-destructive-rgb: var(--theme-destructive-800-rgb); - --stroke-destructive: rgb(var(--stroke-destructive-rgb)); - - - --stroke-destructive-secondary-rgb: var(--theme-destructive-600-rgb); - --stroke-destructive-secondary: rgb(var(--stroke-destructive-secondary-rgb)); - - - --stroke-destructive-tertiary-rgb: var(--theme-destructive-400-rgb); - --stroke-destructive-tertiary: rgb(var(--stroke-destructive-tertiary-rgb)); - - - --stroke-success-rgb: var(--theme-success-800-rgb); - --stroke-success: rgb(var(--stroke-success-rgb)); - - - --stroke-success-secondary-rgb: var(--theme-success-600-rgb); - --stroke-success-secondary: rgb(var(--stroke-success-secondary-rgb)); - - - --stroke-success-tertiary-rgb: var(--theme-success-400-rgb); - --stroke-success-tertiary: rgb(var(--stroke-success-tertiary-rgb)); - - - --stroke-error-rgb: var(--theme-error-800-rgb); - --stroke-error: rgb(var(--stroke-error-rgb)); - - - --stroke-error-secondary-rgb: var(--theme-error-600-rgb); - --stroke-error-secondary: rgb(var(--stroke-error-secondary-rgb)); - - - --stroke-error-tertiary-rgb: var(--theme-error-400-rgb); - --stroke-error-tertiary: rgb(var(--stroke-error-tertiary-rgb)); - - - --stroke-notice-rgb: var(--theme-notice-800-rgb); - --stroke-notice: rgb(var(--stroke-notice-rgb)); - - - --stroke-notice-secondary-rgb: var(--theme-notice-600-rgb); - --stroke-notice-secondary: rgb(var(--stroke-notice-secondary-rgb)); - - - --stroke-notice-tertiary-rgb: var(--theme-notice-400-rgb); - --stroke-notice-tertiary: rgb(var(--stroke-notice-tertiary-rgb)); - ---chart-fill-area-primary: rgba(var(--theme-accent-700-rgb), 0.7019607843137254); ---chart-fill-area-secondary: rgba(var(--theme-accent-600-rgb), 0.7019607843137254); ---chart-fill-area-tertiary: rgba(var(--theme-accent-500-rgb), 0.7019607843137254); ---chart-fill-area-quaternary: rgba(var(--theme-accent-400-rgb), 0.2); - - --chart-fill-item-primary-rgb: var(--theme-accent-700-rgb); - --chart-fill-item-primary: rgb(var(--chart-fill-item-primary-rgb)); - - - --chart-fill-item-secondary-rgb: var(--theme-accent-600-rgb); - --chart-fill-item-secondary: rgb(var(--chart-fill-item-secondary-rgb)); - - - --chart-fill-item-tertiary-rgb: var(--theme-accent-500-rgb); - --chart-fill-item-tertiary: rgb(var(--chart-fill-item-tertiary-rgb)); - - - --chart-fill-item-quaternary-rgb: var(--theme-accent-400-rgb); - --chart-fill-item-quaternary: rgb(var(--chart-fill-item-quaternary-rgb)); - - - --chart-fill-error-primary-rgb: var(--theme-destructive-700-rgb); - --chart-fill-error-primary: rgb(var(--chart-fill-error-primary-rgb)); - - - --chart-fill-error-secondary-rgb: var(--theme-destructive-600-rgb); - --chart-fill-error-secondary: rgb(var(--chart-fill-error-secondary-rgb)); - - - --chart-fill-error-tertiary-rgb: var(--theme-destructive-500-rgb); - --chart-fill-error-tertiary: rgb(var(--chart-fill-error-tertiary-rgb)); - - - --chart-fill-error-quaternary-rgb: var(--theme-destructive-400-rgb); - --chart-fill-error-quaternary: rgb(var(--chart-fill-error-quaternary-rgb)); - - - --chart-fill-inactive-rgb: var(--base-neutral-50-rgb); - --chart-fill-inactive: rgb(var(--chart-fill-inactive-rgb)); - - - --chart-stroke-line-rgb: var(--theme-accent-700-rgb); - --chart-stroke-line: rgb(var(--chart-stroke-line-rgb)); - - - --chart-stroke-line-secondary-rgb: var(--base-yellow-600-rgb); - --chart-stroke-line-secondary: rgb(var(--chart-stroke-line-secondary-rgb)); - - - --chart-stroke-line-tertiary-rgb: var(--base-red-600-rgb); - --chart-stroke-line-tertiary: rgb(var(--chart-stroke-line-tertiary-rgb)); - - - --chart-stroke-line-quaternary-rgb: var(--base-blue-600-rgb); - --chart-stroke-line-quaternary: rgb(var(--chart-stroke-line-quaternary-rgb)); - ---chart-stroke-y-axis: rgba(var(--stroke-default-rgb), 0.4); ---chart-stroke-item: rgba(var(--theme-accent-700-rgb), 0.4); - - --chart-stroke-item-inactive-rgb: var(--base-neutral-200-rgb); - --chart-stroke-item-inactive: rgb(var(--chart-stroke-item-inactive-rgb)); - ---chart-stroke-error: rgba(var(--theme-destructive-700-rgb), 0.4); - - --theme-accent-100-rgb: var(--base-green-100-rgb); - --theme-accent-100: rgb(var(--theme-accent-100-rgb)); - - - --theme-accent-200-rgb: var(--base-green-200-rgb); - --theme-accent-200: rgb(var(--theme-accent-200-rgb)); - - - --theme-accent-300-rgb: var(--base-green-300-rgb); - --theme-accent-300: rgb(var(--theme-accent-300-rgb)); - - - --theme-accent-400-rgb: var(--base-green-400-rgb); - --theme-accent-400: rgb(var(--theme-accent-400-rgb)); - - - --theme-accent-500-rgb: var(--base-green-500-rgb); - --theme-accent-500: rgb(var(--theme-accent-500-rgb)); - - - --theme-accent-600-rgb: var(--base-green-600-rgb); - --theme-accent-600: rgb(var(--theme-accent-600-rgb)); - - - --theme-accent-700-rgb: var(--base-green-700-rgb); - --theme-accent-700: rgb(var(--theme-accent-700-rgb)); - - - --theme-accent-800-rgb: var(--base-green-800-rgb); - --theme-accent-800: rgb(var(--theme-accent-800-rgb)); - - - --theme-destructive-100-rgb: var(--base-red-100-rgb); - --theme-destructive-100: rgb(var(--theme-destructive-100-rgb)); - - - --theme-destructive-200-rgb: var(--base-red-200-rgb); - --theme-destructive-200: rgb(var(--theme-destructive-200-rgb)); - + --base-yellow-200-rgb: 41, 32, 19; /* #292013 */ + --base-yellow-200: rgb(var(--base-yellow-200-rgb)); - --theme-destructive-300-rgb: var(--base-red-300-rgb); - --theme-destructive-300: rgb(var(--theme-destructive-300-rgb)); - + --base-yellow-100-rgb: 32, 25, 15; /* #20190F */ + --base-yellow-100: rgb(var(--base-yellow-100-rgb)); - --theme-destructive-400-rgb: var(--base-red-400-rgb); - --theme-destructive-400: rgb(var(--theme-destructive-400-rgb)); - + --base-green-800-rgb: 72, 213, 151; /* #48d597 */ + --base-green-800: rgb(var(--base-green-800-rgb)); - --theme-destructive-500-rgb: var(--base-red-500-rgb); - --theme-destructive-500: rgb(var(--theme-destructive-500-rgb)); - + --base-green-700-rgb: 32, 163, 108; /* #20A36C */ + --base-green-700: rgb(var(--base-green-700-rgb)); - --theme-destructive-600-rgb: var(--base-red-600-rgb); - --theme-destructive-600: rgb(var(--theme-destructive-600-rgb)); - + --base-green-600-rgb: 35, 138, 94; /* #238A5E */ + --base-green-600: rgb(var(--base-green-600-rgb)); - --theme-destructive-700-rgb: var(--base-red-700-rgb); - --theme-destructive-700: rgb(var(--theme-destructive-700-rgb)); - + --base-green-500-rgb: 35, 106, 76; /* #236A4C */ + --base-green-500: rgb(var(--base-green-500-rgb)); - --theme-destructive-800-rgb: var(--base-red-800-rgb); - --theme-destructive-800: rgb(var(--theme-destructive-800-rgb)); - - - --theme-success-100-rgb: var(--base-green-100-rgb); - --theme-success-100: rgb(var(--theme-success-100-rgb)); - - - --theme-success-200-rgb: var(--base-green-200-rgb); - --theme-success-200: rgb(var(--theme-success-200-rgb)); - - - --theme-success-300-rgb: var(--base-green-300-rgb); - --theme-success-300: rgb(var(--theme-success-300-rgb)); - - - --theme-success-400-rgb: var(--base-green-400-rgb); - --theme-success-400: rgb(var(--theme-success-400-rgb)); - - - --theme-success-500-rgb: var(--base-green-500-rgb); - --theme-success-500: rgb(var(--theme-success-500-rgb)); - - - --theme-success-600-rgb: var(--base-green-600-rgb); - --theme-success-600: rgb(var(--theme-success-600-rgb)); - - - --theme-success-700-rgb: var(--base-green-700-rgb); - --theme-success-700: rgb(var(--theme-success-700-rgb)); - - - --theme-success-800-rgb: var(--base-green-800-rgb); - --theme-success-800: rgb(var(--theme-success-800-rgb)); - - - --theme-error-100-rgb: var(--base-red-100-rgb); - --theme-error-100: rgb(var(--theme-error-100-rgb)); - + --base-green-400-rgb: 32, 77, 59; /* #204D3B */ + --base-green-400: rgb(var(--base-green-400-rgb)); - --theme-error-200-rgb: var(--base-red-200-rgb); - --theme-error-200: rgb(var(--theme-error-200-rgb)); - + --base-green-300-rgb: 28, 55, 46; /* #1C372E */ + --base-green-300: rgb(var(--base-green-300-rgb)); - --theme-error-300-rgb: var(--base-red-300-rgb); - --theme-error-300: rgb(var(--theme-error-300-rgb)); - + --base-green-200-rgb: 22, 35, 34; /* #162322 */ + --base-green-200: rgb(var(--base-green-200-rgb)); - --theme-error-400-rgb: var(--base-red-400-rgb); - --theme-error-400: rgb(var(--theme-error-400-rgb)); - + --base-green-100-rgb: 19, 26, 28; /* #131A1C */ + --base-green-100: rgb(var(--base-green-100-rgb)); - --theme-error-500-rgb: var(--base-red-500-rgb); - --theme-error-500: rgb(var(--theme-error-500-rgb)); - + --surface-default-rgb: var(--base-neutral-0-rgb); + --surface-default: rgb(var(--surface-default-rgb)); - --theme-error-600-rgb: var(--base-red-600-rgb); - --theme-error-600: rgb(var(--theme-error-600-rgb)); - + --surface-hover-rgb: var(--base-neutral-50-rgb); + --surface-hover: rgb(var(--surface-hover-rgb)); - --theme-error-700-rgb: var(--base-red-700-rgb); - --theme-error-700: rgb(var(--theme-error-700-rgb)); - + --surface-raise-rgb: var(--base-neutral-50-rgb); + --surface-raise: rgb(var(--surface-raise-rgb)); - --theme-error-800-rgb: var(--base-red-800-rgb); - --theme-error-800: rgb(var(--theme-error-800-rgb)); - + --surface-raise-hover-rgb: var(--base-neutral-100-rgb); + --surface-raise-hover: rgb(var(--surface-raise-hover-rgb)); - --theme-notice-100-rgb: var(--base-yellow-100-rgb); - --theme-notice-100: rgb(var(--theme-notice-100-rgb)); - + --surface-secondary-rgb: var(--base-neutral-100-rgb); + --surface-secondary: rgb(var(--surface-secondary-rgb)); - --theme-notice-200-rgb: var(--base-yellow-200-rgb); - --theme-notice-200: rgb(var(--theme-notice-200-rgb)); - + --surface-secondary-hover-rgb: var(--base-neutral-200-rgb); + --surface-secondary-hover: rgb(var(--surface-secondary-hover-rgb)); - --theme-notice-300-rgb: var(--base-yellow-300-rgb); - --theme-notice-300: rgb(var(--theme-notice-300-rgb)); - + --surface-tertiary-rgb: var(--base-neutral-200-rgb); + --surface-tertiary: rgb(var(--surface-tertiary-rgb)); - --theme-notice-400-rgb: var(--base-yellow-400-rgb); - --theme-notice-400: rgb(var(--theme-notice-400-rgb)); - + --surface-disabled-rgb: var(--base-neutral-100-rgb); + --surface-disabled: rgb(var(--surface-disabled-rgb)); - --theme-notice-500-rgb: var(--base-yellow-500-rgb); - --theme-notice-500: rgb(var(--theme-notice-500-rgb)); - + --surface-scrim: rgba(var(--base-neutral-0-rgb), 0.6); - --theme-notice-600-rgb: var(--base-yellow-600-rgb); - --theme-notice-600: rgb(var(--theme-notice-600-rgb)); - + --surface-accent-rgb: var(--theme-accent-800-rgb); + --surface-accent: rgb(var(--surface-accent-rgb)); - --theme-notice-700-rgb: var(--base-yellow-700-rgb); - --theme-notice-700: rgb(var(--theme-notice-700-rgb)); - + --surface-accent-hover-rgb: var(--theme-accent-700-rgb); + --surface-accent-hover: rgb(var(--surface-accent-hover-rgb)); - --theme-notice-800-rgb: var(--base-yellow-800-rgb); - --theme-notice-800: rgb(var(--theme-notice-800-rgb)); - + --surface-accent-secondary-rgb: var(--theme-accent-200-rgb); + --surface-accent-secondary: rgb(var(--surface-accent-secondary-rgb)); - --border-radius-sm: 0.125rem; ---border-radius: 0.1875rem; ---border-radius-full: 624.9375rem; -} \ No newline at end of file + --surface-accent-secondary-hover-rgb: var(--theme-accent-300-rgb); + --surface-accent-secondary-hover: rgb(var(--surface-accent-secondary-hover-rgb)); + + --surface-destructive-rgb: var(--theme-destructive-800-rgb); + --surface-destructive: rgb(var(--surface-destructive-rgb)); + + --surface-destructive-hover-rgb: var(--theme-destructive-700-rgb); + --surface-destructive-hover: rgb(var(--surface-destructive-hover-rgb)); + + --surface-destructive-secondary-rgb: var(--theme-destructive-200-rgb); + --surface-destructive-secondary: rgb(var(--surface-destructive-secondary-rgb)); + + --surface-destructive-secondary-hover-rgb: var(--theme-destructive-300-rgb); + --surface-destructive-secondary-hover: rgb( + var(--surface-destructive-secondary-hover-rgb) + ); + + --surface-notice-rgb: var(--theme-notice-800-rgb); + --surface-notice: rgb(var(--surface-notice-rgb)); + + --surface-notice-hover-rgb: var(--theme-notice-700-rgb); + --surface-notice-hover: rgb(var(--surface-notice-hover-rgb)); + + --surface-notice-secondary-rgb: var(--theme-notice-200-rgb); + --surface-notice-secondary: rgb(var(--surface-notice-secondary-rgb)); + + --surface-notice-secondary-hover-rgb: var(--theme-notice-300-rgb); + --surface-notice-secondary-hover: rgb(var(--surface-notice-secondary-hover-rgb)); + + --surface-success-rgb: var(--theme-success-800-rgb); + --surface-success: rgb(var(--surface-success-rgb)); + + --surface-success-secondary-rgb: var(--theme-success-200-rgb); + --surface-success-secondary: rgb(var(--surface-success-secondary-rgb)); + + --surface-error-rgb: var(--theme-error-800-rgb); + --surface-error: rgb(var(--surface-error-rgb)); + + --surface-error-secondary-rgb: var(--theme-error-200-rgb); + --surface-error-secondary: rgb(var(--surface-error-secondary-rgb)); + + --surface-inverse-rgb: var(--content-default-rgb); + --surface-inverse: rgb(var(--surface-inverse-rgb)); + + --surface-inverse-secondary-rgb: var(--content-secondary-rgb); + --surface-inverse-secondary: rgb(var(--surface-inverse-secondary-rgb)); + + --surface-inverse-tertiary-rgb: var(--content-tertiary-rgb); + --surface-inverse-tertiary: rgb(var(--surface-inverse-tertiary-rgb)); + + --content-default-rgb: var(--base-neutral-900-rgb); + --content-default: rgb(var(--content-default-rgb)); + + --content-secondary-rgb: var(--base-neutral-800-rgb); + --content-secondary: rgb(var(--content-secondary-rgb)); + + --content-tertiary-rgb: var(--base-neutral-700-rgb); + --content-tertiary: rgb(var(--content-tertiary-rgb)); + + --content-quaternary-rgb: var(--base-neutral-600-rgb); + --content-quaternary: rgb(var(--content-quaternary-rgb)); + + --content-quinary-rgb: var(--base-neutral-500-rgb); + --content-quinary: rgb(var(--content-quinary-rgb)); + + --content-disabled-rgb: var(--base-neutral-500-rgb); + --content-disabled: rgb(var(--content-disabled-rgb)); + + --content-accent-rgb: var(--theme-accent-800-rgb); + --content-accent: rgb(var(--content-accent-rgb)); + + --content-accent-secondary-rgb: var(--theme-accent-700-rgb); + --content-accent-secondary: rgb(var(--content-accent-secondary-rgb)); + + --content-accent-tertiary-rgb: var(--theme-accent-600-rgb); + --content-accent-tertiary: rgb(var(--content-accent-tertiary-rgb)); + + --content-accent-disabled-rgb: var(--theme-accent-500-rgb); + --content-accent-disabled: rgb(var(--content-accent-disabled-rgb)); + + --content-destructive-rgb: var(--theme-destructive-800-rgb); + --content-destructive: rgb(var(--content-destructive-rgb)); + + --content-destructive-secondary-rgb: var(--theme-destructive-700-rgb); + --content-destructive-secondary: rgb(var(--content-destructive-secondary-rgb)); + + --content-destructive-tertiary-rgb: var(--theme-destructive-600-rgb); + --content-destructive-tertiary: rgb(var(--content-destructive-tertiary-rgb)); + + --content-destructive-disabled-rgb: var(--theme-destructive-500-rgb); + --content-destructive-disabled: rgb(var(--content-destructive-disabled-rgb)); + + --content-success-rgb: var(--theme-success-800-rgb); + --content-success: rgb(var(--content-success-rgb)); + + --content-success-secondary-rgb: var(--theme-success-700-rgb); + --content-success-secondary: rgb(var(--content-success-secondary-rgb)); + + --content-success-tertiary-rgb: var(--theme-success-600-rgb); + --content-success-tertiary: rgb(var(--content-success-tertiary-rgb)); + + --content-success-disabled-rgb: var(--theme-success-500-rgb); + --content-success-disabled: rgb(var(--content-success-disabled-rgb)); + + --content-error-rgb: var(--theme-error-800-rgb); + --content-error: rgb(var(--content-error-rgb)); + + --content-error-secondary-rgb: var(--theme-error-700-rgb); + --content-error-secondary: rgb(var(--content-error-secondary-rgb)); + + --content-error-tertiary-rgb: var(--theme-error-600-rgb); + --content-error-tertiary: rgb(var(--content-error-tertiary-rgb)); + + --content-error-disabled-rgb: var(--theme-error-500-rgb); + --content-error-disabled: rgb(var(--content-error-disabled-rgb)); + + --content-notice-rgb: var(--theme-notice-800-rgb); + --content-notice: rgb(var(--content-notice-rgb)); + + --content-notice-secondary-rgb: var(--theme-notice-700-rgb); + --content-notice-secondary: rgb(var(--content-notice-secondary-rgb)); + + --content-notice-tertiary-rgb: var(--theme-notice-600-rgb); + --content-notice-tertiary: rgb(var(--content-notice-tertiary-rgb)); + + --content-notice-disabled-rgb: var(--theme-notice-500-rgb); + --content-notice-disabled: rgb(var(--content-notice-disabled-rgb)); + + --content-inverse-rgb: var(--surface-default-rgb); + --content-inverse: rgb(var(--content-inverse-rgb)); + + --content-inverse-raise-rgb: var(--surface-raise-rgb); + --content-inverse-raise: rgb(var(--content-inverse-raise-rgb)); + + --content-inverse-secondary-rgb: var(--surface-secondary-rgb); + --content-inverse-secondary: rgb(var(--content-inverse-secondary-rgb)); + + --stroke-default-rgb: var(--base-neutral-300-rgb); + --stroke-default: rgb(var(--stroke-default-rgb)); + + --stroke-secondary-rgb: var(--base-neutral-200-rgb); + --stroke-secondary: rgb(var(--stroke-secondary-rgb)); + + --stroke-tertiary-rgb: var(--base-neutral-100-rgb); + --stroke-tertiary: rgb(var(--stroke-tertiary-rgb)); + + --stroke-raise-rgb: var(--base-neutral-500-rgb); + --stroke-raise: rgb(var(--stroke-raise-rgb)); + + --stroke-surface-rgb: var(--surface-default-rgb); + --stroke-surface: rgb(var(--stroke-surface-rgb)); + + --stroke-accent-rgb: var(--theme-accent-800-rgb); + --stroke-accent: rgb(var(--stroke-accent-rgb)); + + --stroke-accent-secondary-rgb: var(--theme-accent-600-rgb); + --stroke-accent-secondary: rgb(var(--stroke-accent-secondary-rgb)); + + --stroke-accent-tertiary-rgb: var(--theme-accent-400-rgb); + --stroke-accent-tertiary: rgb(var(--stroke-accent-tertiary-rgb)); + + --stroke-destructive-rgb: var(--theme-destructive-800-rgb); + --stroke-destructive: rgb(var(--stroke-destructive-rgb)); + + --stroke-destructive-secondary-rgb: var(--theme-destructive-600-rgb); + --stroke-destructive-secondary: rgb(var(--stroke-destructive-secondary-rgb)); + + --stroke-destructive-tertiary-rgb: var(--theme-destructive-400-rgb); + --stroke-destructive-tertiary: rgb(var(--stroke-destructive-tertiary-rgb)); + + --stroke-success-rgb: var(--theme-success-800-rgb); + --stroke-success: rgb(var(--stroke-success-rgb)); + + --stroke-success-secondary-rgb: var(--theme-success-600-rgb); + --stroke-success-secondary: rgb(var(--stroke-success-secondary-rgb)); + + --stroke-success-tertiary-rgb: var(--theme-success-400-rgb); + --stroke-success-tertiary: rgb(var(--stroke-success-tertiary-rgb)); + + --stroke-error-rgb: var(--theme-error-800-rgb); + --stroke-error: rgb(var(--stroke-error-rgb)); + + --stroke-error-secondary-rgb: var(--theme-error-600-rgb); + --stroke-error-secondary: rgb(var(--stroke-error-secondary-rgb)); + + --stroke-error-tertiary-rgb: var(--theme-error-400-rgb); + --stroke-error-tertiary: rgb(var(--stroke-error-tertiary-rgb)); + + --stroke-notice-rgb: var(--theme-notice-800-rgb); + --stroke-notice: rgb(var(--stroke-notice-rgb)); + + --stroke-notice-secondary-rgb: var(--theme-notice-600-rgb); + --stroke-notice-secondary: rgb(var(--stroke-notice-secondary-rgb)); + + --stroke-notice-tertiary-rgb: var(--theme-notice-400-rgb); + --stroke-notice-tertiary: rgb(var(--stroke-notice-tertiary-rgb)); + + --chart-fill-area-primary: rgba(var(--theme-accent-700-rgb), 0.7019607843137254); + --chart-fill-area-secondary: rgba(var(--theme-accent-600-rgb), 0.7019607843137254); + --chart-fill-area-tertiary: rgba(var(--theme-accent-500-rgb), 0.7019607843137254); + --chart-fill-area-quaternary: rgba(var(--theme-accent-400-rgb), 0.2); + + --chart-fill-item-primary-rgb: var(--theme-accent-700-rgb); + --chart-fill-item-primary: rgb(var(--chart-fill-item-primary-rgb)); + + --chart-fill-item-secondary-rgb: var(--theme-accent-600-rgb); + --chart-fill-item-secondary: rgb(var(--chart-fill-item-secondary-rgb)); + + --chart-fill-item-tertiary-rgb: var(--theme-accent-500-rgb); + --chart-fill-item-tertiary: rgb(var(--chart-fill-item-tertiary-rgb)); + + --chart-fill-item-quaternary-rgb: var(--theme-accent-400-rgb); + --chart-fill-item-quaternary: rgb(var(--chart-fill-item-quaternary-rgb)); + + --chart-fill-error-primary-rgb: var(--theme-destructive-700-rgb); + --chart-fill-error-primary: rgb(var(--chart-fill-error-primary-rgb)); + + --chart-fill-error-secondary-rgb: var(--theme-destructive-600-rgb); + --chart-fill-error-secondary: rgb(var(--chart-fill-error-secondary-rgb)); + + --chart-fill-error-tertiary-rgb: var(--theme-destructive-500-rgb); + --chart-fill-error-tertiary: rgb(var(--chart-fill-error-tertiary-rgb)); + + --chart-fill-error-quaternary-rgb: var(--theme-destructive-400-rgb); + --chart-fill-error-quaternary: rgb(var(--chart-fill-error-quaternary-rgb)); + + --chart-fill-inactive-rgb: var(--base-neutral-50-rgb); + --chart-fill-inactive: rgb(var(--chart-fill-inactive-rgb)); + + --chart-stroke-line-rgb: var(--theme-accent-700-rgb); + --chart-stroke-line: rgb(var(--chart-stroke-line-rgb)); + + --chart-stroke-line-secondary-rgb: var(--base-yellow-600-rgb); + --chart-stroke-line-secondary: rgb(var(--chart-stroke-line-secondary-rgb)); + + --chart-stroke-line-tertiary-rgb: var(--base-red-600-rgb); + --chart-stroke-line-tertiary: rgb(var(--chart-stroke-line-tertiary-rgb)); + + --chart-stroke-line-quaternary-rgb: var(--base-blue-600-rgb); + --chart-stroke-line-quaternary: rgb(var(--chart-stroke-line-quaternary-rgb)); + + --chart-stroke-y-axis: rgba(var(--stroke-default-rgb), 0.4); + --chart-stroke-item: rgba(var(--theme-accent-700-rgb), 0.4); + + --chart-stroke-item-inactive-rgb: var(--base-neutral-200-rgb); + --chart-stroke-item-inactive: rgb(var(--chart-stroke-item-inactive-rgb)); + + --chart-stroke-error: rgba(var(--theme-destructive-700-rgb), 0.4); + + --theme-accent-100-rgb: var(--base-green-100-rgb); + --theme-accent-100: rgb(var(--theme-accent-100-rgb)); + + --theme-accent-200-rgb: var(--base-green-200-rgb); + --theme-accent-200: rgb(var(--theme-accent-200-rgb)); + + --theme-accent-300-rgb: var(--base-green-300-rgb); + --theme-accent-300: rgb(var(--theme-accent-300-rgb)); + + --theme-accent-400-rgb: var(--base-green-400-rgb); + --theme-accent-400: rgb(var(--theme-accent-400-rgb)); + + --theme-accent-500-rgb: var(--base-green-500-rgb); + --theme-accent-500: rgb(var(--theme-accent-500-rgb)); + + --theme-accent-600-rgb: var(--base-green-600-rgb); + --theme-accent-600: rgb(var(--theme-accent-600-rgb)); + + --theme-accent-700-rgb: var(--base-green-700-rgb); + --theme-accent-700: rgb(var(--theme-accent-700-rgb)); + + --theme-accent-800-rgb: var(--base-green-800-rgb); + --theme-accent-800: rgb(var(--theme-accent-800-rgb)); + + --theme-destructive-100-rgb: var(--base-red-100-rgb); + --theme-destructive-100: rgb(var(--theme-destructive-100-rgb)); + + --theme-destructive-200-rgb: var(--base-red-200-rgb); + --theme-destructive-200: rgb(var(--theme-destructive-200-rgb)); + + --theme-destructive-300-rgb: var(--base-red-300-rgb); + --theme-destructive-300: rgb(var(--theme-destructive-300-rgb)); + + --theme-destructive-400-rgb: var(--base-red-400-rgb); + --theme-destructive-400: rgb(var(--theme-destructive-400-rgb)); + + --theme-destructive-500-rgb: var(--base-red-500-rgb); + --theme-destructive-500: rgb(var(--theme-destructive-500-rgb)); + + --theme-destructive-600-rgb: var(--base-red-600-rgb); + --theme-destructive-600: rgb(var(--theme-destructive-600-rgb)); + + --theme-destructive-700-rgb: var(--base-red-700-rgb); + --theme-destructive-700: rgb(var(--theme-destructive-700-rgb)); + + --theme-destructive-800-rgb: var(--base-red-800-rgb); + --theme-destructive-800: rgb(var(--theme-destructive-800-rgb)); + + --theme-success-100-rgb: var(--base-green-100-rgb); + --theme-success-100: rgb(var(--theme-success-100-rgb)); + + --theme-success-200-rgb: var(--base-green-200-rgb); + --theme-success-200: rgb(var(--theme-success-200-rgb)); + + --theme-success-300-rgb: var(--base-green-300-rgb); + --theme-success-300: rgb(var(--theme-success-300-rgb)); + + --theme-success-400-rgb: var(--base-green-400-rgb); + --theme-success-400: rgb(var(--theme-success-400-rgb)); + + --theme-success-500-rgb: var(--base-green-500-rgb); + --theme-success-500: rgb(var(--theme-success-500-rgb)); + + --theme-success-600-rgb: var(--base-green-600-rgb); + --theme-success-600: rgb(var(--theme-success-600-rgb)); + + --theme-success-700-rgb: var(--base-green-700-rgb); + --theme-success-700: rgb(var(--theme-success-700-rgb)); + + --theme-success-800-rgb: var(--base-green-800-rgb); + --theme-success-800: rgb(var(--theme-success-800-rgb)); + + --theme-error-100-rgb: var(--base-red-100-rgb); + --theme-error-100: rgb(var(--theme-error-100-rgb)); + + --theme-error-200-rgb: var(--base-red-200-rgb); + --theme-error-200: rgb(var(--theme-error-200-rgb)); + + --theme-error-300-rgb: var(--base-red-300-rgb); + --theme-error-300: rgb(var(--theme-error-300-rgb)); + + --theme-error-400-rgb: var(--base-red-400-rgb); + --theme-error-400: rgb(var(--theme-error-400-rgb)); + + --theme-error-500-rgb: var(--base-red-500-rgb); + --theme-error-500: rgb(var(--theme-error-500-rgb)); + + --theme-error-600-rgb: var(--base-red-600-rgb); + --theme-error-600: rgb(var(--theme-error-600-rgb)); + + --theme-error-700-rgb: var(--base-red-700-rgb); + --theme-error-700: rgb(var(--theme-error-700-rgb)); + + --theme-error-800-rgb: var(--base-red-800-rgb); + --theme-error-800: rgb(var(--theme-error-800-rgb)); + + --theme-notice-100-rgb: var(--base-yellow-100-rgb); + --theme-notice-100: rgb(var(--theme-notice-100-rgb)); + + --theme-notice-200-rgb: var(--base-yellow-200-rgb); + --theme-notice-200: rgb(var(--theme-notice-200-rgb)); + + --theme-notice-300-rgb: var(--base-yellow-300-rgb); + --theme-notice-300: rgb(var(--theme-notice-300-rgb)); + + --theme-notice-400-rgb: var(--base-yellow-400-rgb); + --theme-notice-400: rgb(var(--theme-notice-400-rgb)); + + --theme-notice-500-rgb: var(--base-yellow-500-rgb); + --theme-notice-500: rgb(var(--theme-notice-500-rgb)); + + --theme-notice-600-rgb: var(--base-yellow-600-rgb); + --theme-notice-600: rgb(var(--theme-notice-600-rgb)); + + --theme-notice-700-rgb: var(--base-yellow-700-rgb); + --theme-notice-700: rgb(var(--theme-notice-700-rgb)); + + --theme-notice-800-rgb: var(--base-yellow-800-rgb); + --theme-notice-800: rgb(var(--theme-notice-800-rgb)); + + --border-radius-sm: 0.125rem; + --border-radius: 0.1875rem; + --border-radius-full: 624.9375rem; +} diff --git a/styles/dist/main.md b/styles/dist/main.md index ad450c0b..7710bcb5 100644 --- a/styles/dist/main.md +++ b/styles/dist/main.md @@ -1,8 +1,9 @@ # `main` Theme -This document shows the relationship of colors within the `main` theme. +This document shows the relationship of colors within the `main` theme. ## base-green-100 + ```mermaid graph RL base-green-100 --> #131A1C:::base-green-100 @@ -11,7 +12,9 @@ graph RL classDef base-green-100 stroke-width:5,stroke:#131A1C ``` + ## base-green-200 + ```mermaid graph RL base-green-200 --> #162322:::base-green-200 @@ -22,7 +25,9 @@ graph RL classDef base-green-200 stroke-width:5,stroke:#162322 ``` + ## base-green-300 + ```mermaid graph RL base-green-300 --> #1C372E:::base-green-300 @@ -32,7 +37,9 @@ graph RL classDef base-green-300 stroke-width:5,stroke:#1C372E ``` + ## base-green-400 + ```mermaid graph RL base-green-400 --> #204D3B:::base-green-400 @@ -44,7 +51,9 @@ graph RL classDef base-green-400 stroke-width:5,stroke:#204D3B ``` + ## base-green-500 + ```mermaid graph RL base-green-500 --> #236A4C:::base-green-500 @@ -56,7 +65,9 @@ graph RL classDef base-green-500 stroke-width:5,stroke:#236A4C ``` + ## base-green-600 + ```mermaid graph RL base-green-600 --> #238A5E:::base-green-600 @@ -70,7 +81,9 @@ graph RL classDef base-green-600 stroke-width:5,stroke:#238A5E ``` + ## base-green-700 + ```mermaid graph RL base-green-700 --> #20A36C:::base-green-700 @@ -84,7 +97,9 @@ graph RL classDef base-green-700 stroke-width:5,stroke:#20A36C ``` + ## base-green-800 + ```mermaid graph RL base-green-800 --> #48d597:::base-green-800 @@ -99,7 +114,9 @@ graph RL classDef base-green-800 stroke-width:5,stroke:#48d597 ``` + ## base-yellow-100 + ```mermaid graph RL base-yellow-100 --> #20190F:::base-yellow-100 @@ -107,7 +124,9 @@ graph RL classDef base-yellow-100 stroke-width:5,stroke:#20190F ``` + ## base-yellow-200 + ```mermaid graph RL base-yellow-200 --> #292013:::base-yellow-200 @@ -116,7 +135,9 @@ graph RL classDef base-yellow-200 stroke-width:5,stroke:#292013 ``` + ## base-yellow-300 + ```mermaid graph RL base-yellow-300 --> #3D3019:::base-yellow-300 @@ -125,7 +146,9 @@ graph RL classDef base-yellow-300 stroke-width:5,stroke:#3D3019 ``` + ## base-yellow-400 + ```mermaid graph RL base-yellow-400 --> #55421F:::base-yellow-400 @@ -134,7 +157,9 @@ graph RL classDef base-yellow-400 stroke-width:5,stroke:#55421F ``` + ## base-yellow-500 + ```mermaid graph RL base-yellow-500 --> #765A27:::base-yellow-500 @@ -143,7 +168,9 @@ graph RL classDef base-yellow-500 stroke-width:5,stroke:#765A27 ``` + ## base-yellow-600 + ```mermaid graph RL base-yellow-600 --> #997430:::base-yellow-600 @@ -154,7 +181,9 @@ graph RL classDef base-yellow-600 stroke-width:5,stroke:#997430 ``` + ## base-yellow-700 + ```mermaid graph RL base-yellow-700 --> #CA993B:::base-yellow-700 @@ -164,7 +193,9 @@ graph RL classDef base-yellow-700 stroke-width:5,stroke:#CA993B ``` + ## base-yellow-800 + ```mermaid graph RL base-yellow-800 --> #F5B944:::base-yellow-800 @@ -175,7 +206,9 @@ graph RL classDef base-yellow-800 stroke-width:5,stroke:#F5B944 ``` + ## base-red-100 + ```mermaid graph RL base-red-100 --> #1E1314:::base-red-100 @@ -184,7 +217,9 @@ graph RL classDef base-red-100 stroke-width:5,stroke:#1E1314 ``` + ## base-red-200 + ```mermaid graph RL base-red-200 --> #231517:::base-red-200 @@ -195,7 +230,9 @@ graph RL classDef base-red-200 stroke-width:5,stroke:#231517 ``` + ## base-red-300 + ```mermaid graph RL base-red-300 --> #301B1D:::base-red-300 @@ -205,7 +242,9 @@ graph RL classDef base-red-300 stroke-width:5,stroke:#301B1D ``` + ## base-red-400 + ```mermaid graph RL base-red-400 --> #6A343C:::base-red-400 @@ -217,7 +256,9 @@ graph RL classDef base-red-400 stroke-width:5,stroke:#6A343C ``` + ## base-red-500 + ```mermaid graph RL base-red-500 --> #954553:::base-red-500 @@ -229,7 +270,9 @@ graph RL classDef base-red-500 stroke-width:5,stroke:#954553 ``` + ## base-red-600 + ```mermaid graph RL base-red-600 --> #C3576A:::base-red-600 @@ -244,7 +287,9 @@ graph RL classDef base-red-600 stroke-width:5,stroke:#C3576A ``` + ## base-red-700 + ```mermaid graph RL base-red-700 --> #DA6177:::base-red-700 @@ -257,7 +302,9 @@ graph RL classDef base-red-700 stroke-width:5,stroke:#DA6177 ``` + ## base-red-800 + ```mermaid graph RL base-red-800 --> #FB6E88:::base-red-800 @@ -272,98 +319,126 @@ graph RL classDef base-red-800 stroke-width:5,stroke:#FB6E88 ``` + ## base-purple-100 + ```mermaid graph RL base-purple-100 --> #1E1822:::base-purple-100 classDef base-purple-100 stroke-width:5,stroke:#1E1822 ``` + ## base-purple-200 + ```mermaid graph RL base-purple-200 --> #251F2B:::base-purple-200 classDef base-purple-200 stroke-width:5,stroke:#251F2B ``` + ## base-purple-300 + ```mermaid graph RL base-purple-300 --> #382D43:::base-purple-300 classDef base-purple-300 stroke-width:5,stroke:#382D43 ``` + ## base-purple-400 + ```mermaid graph RL base-purple-400 --> #4D3E5E:::base-purple-400 classDef base-purple-400 stroke-width:5,stroke:#4D3E5E ``` + ## base-purple-500 + ```mermaid graph RL base-purple-500 --> #6C5584:::base-purple-500 classDef base-purple-500 stroke-width:5,stroke:#6C5584 ``` + ## base-purple-600 + ```mermaid graph RL base-purple-600 --> #8B6DAC:::base-purple-600 classDef base-purple-600 stroke-width:5,stroke:#8B6DAC ``` + ## base-purple-700 + ```mermaid graph RL base-purple-700 --> #A380CB:::base-purple-700 classDef base-purple-700 stroke-width:5,stroke:#A380CB ``` + ## base-purple-800 + ```mermaid graph RL base-purple-800 --> #BE95EB:::base-purple-800 classDef base-purple-800 stroke-width:5,stroke:#BE95EB ``` + ## base-blue-100 + ```mermaid graph RL base-blue-100 --> #171821:::base-blue-100 classDef base-blue-100 stroke-width:5,stroke:#171821 ``` + ## base-blue-200 + ```mermaid graph RL base-blue-200 --> #1E202D:::base-blue-200 classDef base-blue-200 stroke-width:5,stroke:#1E202D ``` + ## base-blue-300 + ```mermaid graph RL base-blue-300 --> #2D3048:::base-blue-300 classDef base-blue-300 stroke-width:5,stroke:#2D3048 ``` + ## base-blue-400 + ```mermaid graph RL base-blue-400 --> #3C4366:::base-blue-400 classDef base-blue-400 stroke-width:5,stroke:#3C4366 ``` + ## base-blue-500 + ```mermaid graph RL base-blue-500 --> #515B8F:::base-blue-500 classDef base-blue-500 stroke-width:5,stroke:#515B8F ``` + ## base-blue-600 + ```mermaid graph RL base-blue-600 --> #6776BB:::base-blue-600 @@ -371,21 +446,27 @@ graph RL classDef base-blue-600 stroke-width:5,stroke:#6776BB ``` + ## base-blue-700 + ```mermaid graph RL base-blue-700 --> #788ADD:::base-blue-700 classDef base-blue-700 stroke-width:5,stroke:#788ADD ``` + ## base-blue-800 + ```mermaid graph RL base-blue-800 --> #8BA1FF:::base-blue-800 classDef base-blue-800 stroke-width:5,stroke:#8BA1FF ``` + ## base-neutral-0 + ```mermaid graph RL base-neutral-0 --> #080F11:::base-neutral-0 @@ -395,7 +476,9 @@ graph RL classDef base-neutral-0 stroke-width:5,stroke:#080F11 ``` + ## base-neutral-50 + ```mermaid graph RL base-neutral-50 --> #101618:::base-neutral-50 @@ -406,7 +489,9 @@ graph RL classDef base-neutral-50 stroke-width:5,stroke:#101618 ``` + ## base-neutral-100 + ```mermaid graph RL base-neutral-100 --> #141B1D:::base-neutral-100 @@ -418,7 +503,9 @@ graph RL classDef base-neutral-100 stroke-width:5,stroke:#141B1D ``` + ## base-neutral-200 + ```mermaid graph RL base-neutral-200 --> #1C2225:::base-neutral-200 @@ -429,7 +516,9 @@ graph RL classDef base-neutral-200 stroke-width:5,stroke:#1C2225 ``` + ## base-neutral-300 + ```mermaid graph RL base-neutral-300 --> #2D3335:::base-neutral-300 @@ -437,14 +526,18 @@ graph RL classDef base-neutral-300 stroke-width:5,stroke:#2D3335 ``` + ## base-neutral-400 + ```mermaid graph RL base-neutral-400 --> #404647:::base-neutral-400 classDef base-neutral-400 stroke-width:5,stroke:#404647 ``` + ## base-neutral-500 + ```mermaid graph RL base-neutral-500 --> #5B5F61:::base-neutral-500 @@ -454,7 +547,9 @@ graph RL classDef base-neutral-500 stroke-width:5,stroke:#5B5F61 ``` + ## base-neutral-600 + ```mermaid graph RL base-neutral-600 --> #7e8385:::base-neutral-600 @@ -462,7 +557,9 @@ graph RL classDef base-neutral-600 stroke-width:5,stroke:#7e8385 ``` + ## base-neutral-700 + ```mermaid graph RL base-neutral-700 --> #A1A4A5:::base-neutral-700 @@ -471,7 +568,9 @@ graph RL classDef base-neutral-700 stroke-width:5,stroke:#A1A4A5 ``` + ## base-neutral-800 + ```mermaid graph RL base-neutral-800 --> #B8BBBC:::base-neutral-800 @@ -480,7 +579,9 @@ graph RL classDef base-neutral-800 stroke-width:5,stroke:#B8BBBC ``` + ## base-neutral-900 + ```mermaid graph RL base-neutral-900 --> #F6F6F7:::base-neutral-900 @@ -488,4 +589,4 @@ graph RL content-default --> base-neutral-900 classDef base-neutral-900 stroke-width:5,stroke:#F6F6F7 -``` \ No newline at end of file +``` diff --git a/styles/dist/purple.css b/styles/dist/purple.css index dbce50bc..ba0433db 100644 --- a/styles/dist/purple.css +++ b/styles/dist/purple.css @@ -1,587 +1,411 @@ /* THIS FILE IS AUTOGENERATED, DO NOT EDIT */ .purple-theme { - + --surface-default-rgb: var(--base-neutral-0-rgb); + --surface-default: rgb(var(--surface-default-rgb)); + --surface-hover-rgb: var(--base-neutral-50-rgb); + --surface-hover: rgb(var(--surface-hover-rgb)); + --surface-raise-rgb: var(--base-neutral-50-rgb); + --surface-raise: rgb(var(--surface-raise-rgb)); + --surface-raise-hover-rgb: var(--base-neutral-100-rgb); + --surface-raise-hover: rgb(var(--surface-raise-hover-rgb)); + --surface-secondary-rgb: var(--base-neutral-100-rgb); + --surface-secondary: rgb(var(--surface-secondary-rgb)); + --surface-secondary-hover-rgb: var(--base-neutral-200-rgb); + --surface-secondary-hover: rgb(var(--surface-secondary-hover-rgb)); + --surface-tertiary-rgb: var(--base-neutral-200-rgb); + --surface-tertiary: rgb(var(--surface-tertiary-rgb)); + --surface-disabled-rgb: var(--base-neutral-100-rgb); + --surface-disabled: rgb(var(--surface-disabled-rgb)); + --surface-scrim: rgba(var(--base-neutral-0-rgb), 0.6); + --surface-accent-rgb: var(--theme-accent-800-rgb); + --surface-accent: rgb(var(--surface-accent-rgb)); + --surface-accent-hover-rgb: var(--theme-accent-700-rgb); + --surface-accent-hover: rgb(var(--surface-accent-hover-rgb)); + --surface-accent-secondary-rgb: var(--theme-accent-200-rgb); + --surface-accent-secondary: rgb(var(--surface-accent-secondary-rgb)); + --surface-accent-secondary-hover-rgb: var(--theme-accent-300-rgb); + --surface-accent-secondary-hover: rgb(var(--surface-accent-secondary-hover-rgb)); + --surface-destructive-rgb: var(--theme-destructive-800-rgb); + --surface-destructive: rgb(var(--surface-destructive-rgb)); + --surface-destructive-hover-rgb: var(--theme-destructive-700-rgb); + --surface-destructive-hover: rgb(var(--surface-destructive-hover-rgb)); + --surface-destructive-secondary-rgb: var(--theme-destructive-200-rgb); + --surface-destructive-secondary: rgb(var(--surface-destructive-secondary-rgb)); + --surface-destructive-secondary-hover-rgb: var(--theme-destructive-300-rgb); + --surface-destructive-secondary-hover: rgb( + var(--surface-destructive-secondary-hover-rgb) + ); + --surface-notice-rgb: var(--theme-notice-800-rgb); + --surface-notice: rgb(var(--surface-notice-rgb)); + --surface-notice-hover-rgb: var(--theme-notice-700-rgb); + --surface-notice-hover: rgb(var(--surface-notice-hover-rgb)); + --surface-notice-secondary-rgb: var(--theme-notice-200-rgb); + --surface-notice-secondary: rgb(var(--surface-notice-secondary-rgb)); + --surface-notice-secondary-hover-rgb: var(--theme-notice-300-rgb); + --surface-notice-secondary-hover: rgb(var(--surface-notice-secondary-hover-rgb)); + --surface-success-rgb: var(--theme-success-800-rgb); + --surface-success: rgb(var(--surface-success-rgb)); + --surface-success-secondary-rgb: var(--theme-success-200-rgb); + --surface-success-secondary: rgb(var(--surface-success-secondary-rgb)); + --surface-error-rgb: var(--theme-error-800-rgb); + --surface-error: rgb(var(--surface-error-rgb)); + --surface-error-secondary-rgb: var(--theme-error-200-rgb); + --surface-error-secondary: rgb(var(--surface-error-secondary-rgb)); + --surface-inverse-rgb: var(--content-default-rgb); + --surface-inverse: rgb(var(--surface-inverse-rgb)); + --surface-inverse-secondary-rgb: var(--content-secondary-rgb); + --surface-inverse-secondary: rgb(var(--surface-inverse-secondary-rgb)); + --surface-inverse-tertiary-rgb: var(--content-tertiary-rgb); + --surface-inverse-tertiary: rgb(var(--surface-inverse-tertiary-rgb)); + --content-default-rgb: var(--base-neutral-900-rgb); + --content-default: rgb(var(--content-default-rgb)); + --content-secondary-rgb: var(--base-neutral-800-rgb); + --content-secondary: rgb(var(--content-secondary-rgb)); + --content-tertiary-rgb: var(--base-neutral-700-rgb); + --content-tertiary: rgb(var(--content-tertiary-rgb)); + --content-quaternary-rgb: var(--base-neutral-600-rgb); + --content-quaternary: rgb(var(--content-quaternary-rgb)); + --content-quinary-rgb: var(--base-neutral-500-rgb); + --content-quinary: rgb(var(--content-quinary-rgb)); + --content-disabled-rgb: var(--base-neutral-500-rgb); + --content-disabled: rgb(var(--content-disabled-rgb)); + --content-accent-rgb: var(--theme-accent-800-rgb); + --content-accent: rgb(var(--content-accent-rgb)); + --content-accent-secondary-rgb: var(--theme-accent-700-rgb); + --content-accent-secondary: rgb(var(--content-accent-secondary-rgb)); + --content-accent-tertiary-rgb: var(--theme-accent-600-rgb); + --content-accent-tertiary: rgb(var(--content-accent-tertiary-rgb)); + --content-accent-disabled-rgb: var(--theme-accent-500-rgb); + --content-accent-disabled: rgb(var(--content-accent-disabled-rgb)); + --content-destructive-rgb: var(--theme-destructive-800-rgb); + --content-destructive: rgb(var(--content-destructive-rgb)); + --content-destructive-secondary-rgb: var(--theme-destructive-700-rgb); + --content-destructive-secondary: rgb(var(--content-destructive-secondary-rgb)); + --content-destructive-tertiary-rgb: var(--theme-destructive-600-rgb); + --content-destructive-tertiary: rgb(var(--content-destructive-tertiary-rgb)); + --content-destructive-disabled-rgb: var(--theme-destructive-500-rgb); + --content-destructive-disabled: rgb(var(--content-destructive-disabled-rgb)); + --content-success-rgb: var(--theme-success-800-rgb); + --content-success: rgb(var(--content-success-rgb)); + --content-success-secondary-rgb: var(--theme-success-700-rgb); + --content-success-secondary: rgb(var(--content-success-secondary-rgb)); + --content-success-tertiary-rgb: var(--theme-success-600-rgb); + --content-success-tertiary: rgb(var(--content-success-tertiary-rgb)); + --content-success-disabled-rgb: var(--theme-success-500-rgb); + --content-success-disabled: rgb(var(--content-success-disabled-rgb)); + --content-error-rgb: var(--theme-error-800-rgb); + --content-error: rgb(var(--content-error-rgb)); + --content-error-secondary-rgb: var(--theme-error-700-rgb); + --content-error-secondary: rgb(var(--content-error-secondary-rgb)); + --content-error-tertiary-rgb: var(--theme-error-600-rgb); + --content-error-tertiary: rgb(var(--content-error-tertiary-rgb)); + --content-error-disabled-rgb: var(--theme-error-500-rgb); + --content-error-disabled: rgb(var(--content-error-disabled-rgb)); + --content-notice-rgb: var(--theme-notice-800-rgb); + --content-notice: rgb(var(--content-notice-rgb)); - --surface-default-rgb: var(--base-neutral-0-rgb); - --surface-default: rgb(var(--surface-default-rgb)); - + --content-notice-secondary-rgb: var(--theme-notice-700-rgb); + --content-notice-secondary: rgb(var(--content-notice-secondary-rgb)); - --surface-hover-rgb: var(--base-neutral-50-rgb); - --surface-hover: rgb(var(--surface-hover-rgb)); - + --content-notice-tertiary-rgb: var(--theme-notice-600-rgb); + --content-notice-tertiary: rgb(var(--content-notice-tertiary-rgb)); - --surface-raise-rgb: var(--base-neutral-50-rgb); - --surface-raise: rgb(var(--surface-raise-rgb)); - + --content-notice-disabled-rgb: var(--theme-notice-500-rgb); + --content-notice-disabled: rgb(var(--content-notice-disabled-rgb)); - --surface-raise-hover-rgb: var(--base-neutral-100-rgb); - --surface-raise-hover: rgb(var(--surface-raise-hover-rgb)); - + --content-inverse-rgb: var(--surface-default-rgb); + --content-inverse: rgb(var(--content-inverse-rgb)); - --surface-secondary-rgb: var(--base-neutral-100-rgb); - --surface-secondary: rgb(var(--surface-secondary-rgb)); - + --content-inverse-raise-rgb: var(--surface-raise-rgb); + --content-inverse-raise: rgb(var(--content-inverse-raise-rgb)); - --surface-secondary-hover-rgb: var(--base-neutral-200-rgb); - --surface-secondary-hover: rgb(var(--surface-secondary-hover-rgb)); - + --content-inverse-secondary-rgb: var(--surface-secondary-rgb); + --content-inverse-secondary: rgb(var(--content-inverse-secondary-rgb)); - --surface-tertiary-rgb: var(--base-neutral-200-rgb); - --surface-tertiary: rgb(var(--surface-tertiary-rgb)); - + --stroke-default-rgb: var(--base-neutral-300-rgb); + --stroke-default: rgb(var(--stroke-default-rgb)); - --surface-disabled-rgb: var(--base-neutral-100-rgb); - --surface-disabled: rgb(var(--surface-disabled-rgb)); - ---surface-scrim: rgba(var(--base-neutral-0-rgb), 0.6); + --stroke-secondary-rgb: var(--base-neutral-200-rgb); + --stroke-secondary: rgb(var(--stroke-secondary-rgb)); - --surface-accent-rgb: var(--theme-accent-800-rgb); - --surface-accent: rgb(var(--surface-accent-rgb)); - + --stroke-tertiary-rgb: var(--base-neutral-100-rgb); + --stroke-tertiary: rgb(var(--stroke-tertiary-rgb)); - --surface-accent-hover-rgb: var(--theme-accent-700-rgb); - --surface-accent-hover: rgb(var(--surface-accent-hover-rgb)); - + --stroke-raise-rgb: var(--base-neutral-500-rgb); + --stroke-raise: rgb(var(--stroke-raise-rgb)); - --surface-accent-secondary-rgb: var(--theme-accent-200-rgb); - --surface-accent-secondary: rgb(var(--surface-accent-secondary-rgb)); - + --stroke-surface-rgb: var(--surface-default-rgb); + --stroke-surface: rgb(var(--stroke-surface-rgb)); - --surface-accent-secondary-hover-rgb: var(--theme-accent-300-rgb); - --surface-accent-secondary-hover: rgb(var(--surface-accent-secondary-hover-rgb)); - + --stroke-accent-rgb: var(--theme-accent-800-rgb); + --stroke-accent: rgb(var(--stroke-accent-rgb)); - --surface-destructive-rgb: var(--theme-destructive-800-rgb); - --surface-destructive: rgb(var(--surface-destructive-rgb)); - + --stroke-accent-secondary-rgb: var(--theme-accent-600-rgb); + --stroke-accent-secondary: rgb(var(--stroke-accent-secondary-rgb)); - --surface-destructive-hover-rgb: var(--theme-destructive-700-rgb); - --surface-destructive-hover: rgb(var(--surface-destructive-hover-rgb)); - + --stroke-accent-tertiary-rgb: var(--theme-accent-400-rgb); + --stroke-accent-tertiary: rgb(var(--stroke-accent-tertiary-rgb)); - --surface-destructive-secondary-rgb: var(--theme-destructive-200-rgb); - --surface-destructive-secondary: rgb(var(--surface-destructive-secondary-rgb)); - + --stroke-destructive-rgb: var(--theme-destructive-800-rgb); + --stroke-destructive: rgb(var(--stroke-destructive-rgb)); - --surface-destructive-secondary-hover-rgb: var(--theme-destructive-300-rgb); - --surface-destructive-secondary-hover: rgb(var(--surface-destructive-secondary-hover-rgb)); - + --stroke-destructive-secondary-rgb: var(--theme-destructive-600-rgb); + --stroke-destructive-secondary: rgb(var(--stroke-destructive-secondary-rgb)); - --surface-notice-rgb: var(--theme-notice-800-rgb); - --surface-notice: rgb(var(--surface-notice-rgb)); - + --stroke-destructive-tertiary-rgb: var(--theme-destructive-400-rgb); + --stroke-destructive-tertiary: rgb(var(--stroke-destructive-tertiary-rgb)); - --surface-notice-hover-rgb: var(--theme-notice-700-rgb); - --surface-notice-hover: rgb(var(--surface-notice-hover-rgb)); - + --stroke-success-rgb: var(--theme-success-800-rgb); + --stroke-success: rgb(var(--stroke-success-rgb)); - --surface-notice-secondary-rgb: var(--theme-notice-200-rgb); - --surface-notice-secondary: rgb(var(--surface-notice-secondary-rgb)); - + --stroke-success-secondary-rgb: var(--theme-success-600-rgb); + --stroke-success-secondary: rgb(var(--stroke-success-secondary-rgb)); - --surface-notice-secondary-hover-rgb: var(--theme-notice-300-rgb); - --surface-notice-secondary-hover: rgb(var(--surface-notice-secondary-hover-rgb)); - + --stroke-success-tertiary-rgb: var(--theme-success-400-rgb); + --stroke-success-tertiary: rgb(var(--stroke-success-tertiary-rgb)); - --surface-success-rgb: var(--theme-success-800-rgb); - --surface-success: rgb(var(--surface-success-rgb)); - + --stroke-error-rgb: var(--theme-error-800-rgb); + --stroke-error: rgb(var(--stroke-error-rgb)); - --surface-success-secondary-rgb: var(--theme-success-200-rgb); - --surface-success-secondary: rgb(var(--surface-success-secondary-rgb)); - + --stroke-error-secondary-rgb: var(--theme-error-600-rgb); + --stroke-error-secondary: rgb(var(--stroke-error-secondary-rgb)); - --surface-error-rgb: var(--theme-error-800-rgb); - --surface-error: rgb(var(--surface-error-rgb)); - + --stroke-error-tertiary-rgb: var(--theme-error-400-rgb); + --stroke-error-tertiary: rgb(var(--stroke-error-tertiary-rgb)); - --surface-error-secondary-rgb: var(--theme-error-200-rgb); - --surface-error-secondary: rgb(var(--surface-error-secondary-rgb)); - + --stroke-notice-rgb: var(--theme-notice-800-rgb); + --stroke-notice: rgb(var(--stroke-notice-rgb)); - --surface-inverse-rgb: var(--content-default-rgb); - --surface-inverse: rgb(var(--surface-inverse-rgb)); - + --stroke-notice-secondary-rgb: var(--theme-notice-600-rgb); + --stroke-notice-secondary: rgb(var(--stroke-notice-secondary-rgb)); - --surface-inverse-secondary-rgb: var(--content-secondary-rgb); - --surface-inverse-secondary: rgb(var(--surface-inverse-secondary-rgb)); - + --stroke-notice-tertiary-rgb: var(--theme-notice-400-rgb); + --stroke-notice-tertiary: rgb(var(--stroke-notice-tertiary-rgb)); - --surface-inverse-tertiary-rgb: var(--content-tertiary-rgb); - --surface-inverse-tertiary: rgb(var(--surface-inverse-tertiary-rgb)); - + --chart-fill-area-primary: rgba(var(--theme-accent-700-rgb), 0.7019607843137254); + --chart-fill-area-secondary: rgba(var(--theme-accent-600-rgb), 0.7019607843137254); + --chart-fill-area-tertiary: rgba(var(--theme-accent-500-rgb), 0.7019607843137254); + --chart-fill-area-quaternary: rgba(var(--theme-accent-400-rgb), 0.2); - --content-default-rgb: var(--base-neutral-900-rgb); - --content-default: rgb(var(--content-default-rgb)); - + --chart-fill-item-primary-rgb: var(--theme-accent-700-rgb); + --chart-fill-item-primary: rgb(var(--chart-fill-item-primary-rgb)); - --content-secondary-rgb: var(--base-neutral-800-rgb); - --content-secondary: rgb(var(--content-secondary-rgb)); - + --chart-fill-item-secondary-rgb: var(--theme-accent-600-rgb); + --chart-fill-item-secondary: rgb(var(--chart-fill-item-secondary-rgb)); - --content-tertiary-rgb: var(--base-neutral-700-rgb); - --content-tertiary: rgb(var(--content-tertiary-rgb)); - + --chart-fill-item-tertiary-rgb: var(--theme-accent-500-rgb); + --chart-fill-item-tertiary: rgb(var(--chart-fill-item-tertiary-rgb)); - --content-quaternary-rgb: var(--base-neutral-600-rgb); - --content-quaternary: rgb(var(--content-quaternary-rgb)); - + --chart-fill-item-quaternary-rgb: var(--theme-accent-400-rgb); + --chart-fill-item-quaternary: rgb(var(--chart-fill-item-quaternary-rgb)); - --content-quinary-rgb: var(--base-neutral-500-rgb); - --content-quinary: rgb(var(--content-quinary-rgb)); - + --chart-fill-error-primary-rgb: var(--theme-destructive-700-rgb); + --chart-fill-error-primary: rgb(var(--chart-fill-error-primary-rgb)); - --content-disabled-rgb: var(--base-neutral-500-rgb); - --content-disabled: rgb(var(--content-disabled-rgb)); - + --chart-fill-error-secondary-rgb: var(--theme-destructive-600-rgb); + --chart-fill-error-secondary: rgb(var(--chart-fill-error-secondary-rgb)); - --content-accent-rgb: var(--theme-accent-800-rgb); - --content-accent: rgb(var(--content-accent-rgb)); - + --chart-fill-error-tertiary-rgb: var(--theme-destructive-500-rgb); + --chart-fill-error-tertiary: rgb(var(--chart-fill-error-tertiary-rgb)); - --content-accent-secondary-rgb: var(--theme-accent-700-rgb); - --content-accent-secondary: rgb(var(--content-accent-secondary-rgb)); - + --chart-fill-error-quaternary-rgb: var(--theme-destructive-400-rgb); + --chart-fill-error-quaternary: rgb(var(--chart-fill-error-quaternary-rgb)); - --content-accent-tertiary-rgb: var(--theme-accent-600-rgb); - --content-accent-tertiary: rgb(var(--content-accent-tertiary-rgb)); - + --chart-fill-inactive-rgb: var(--base-neutral-50-rgb); + --chart-fill-inactive: rgb(var(--chart-fill-inactive-rgb)); - --content-accent-disabled-rgb: var(--theme-accent-500-rgb); - --content-accent-disabled: rgb(var(--content-accent-disabled-rgb)); - + --chart-stroke-line-rgb: var(--theme-accent-700-rgb); + --chart-stroke-line: rgb(var(--chart-stroke-line-rgb)); - --content-destructive-rgb: var(--theme-destructive-800-rgb); - --content-destructive: rgb(var(--content-destructive-rgb)); - + --chart-stroke-line-secondary-rgb: var(--base-yellow-600-rgb); + --chart-stroke-line-secondary: rgb(var(--chart-stroke-line-secondary-rgb)); - --content-destructive-secondary-rgb: var(--theme-destructive-700-rgb); - --content-destructive-secondary: rgb(var(--content-destructive-secondary-rgb)); - + --chart-stroke-line-tertiary-rgb: var(--base-red-600-rgb); + --chart-stroke-line-tertiary: rgb(var(--chart-stroke-line-tertiary-rgb)); - --content-destructive-tertiary-rgb: var(--theme-destructive-600-rgb); - --content-destructive-tertiary: rgb(var(--content-destructive-tertiary-rgb)); - + --chart-stroke-line-quaternary-rgb: var(--base-blue-600-rgb); + --chart-stroke-line-quaternary: rgb(var(--chart-stroke-line-quaternary-rgb)); - --content-destructive-disabled-rgb: var(--theme-destructive-500-rgb); - --content-destructive-disabled: rgb(var(--content-destructive-disabled-rgb)); - + --chart-stroke-y-axis: rgba(var(--stroke-default-rgb), 0.4); + --chart-stroke-item: rgba(var(--theme-accent-700-rgb), 0.4); - --content-success-rgb: var(--theme-success-800-rgb); - --content-success: rgb(var(--content-success-rgb)); - + --chart-stroke-item-inactive-rgb: var(--base-neutral-200-rgb); + --chart-stroke-item-inactive: rgb(var(--chart-stroke-item-inactive-rgb)); - --content-success-secondary-rgb: var(--theme-success-700-rgb); - --content-success-secondary: rgb(var(--content-success-secondary-rgb)); - + --chart-stroke-error: rgba(var(--theme-destructive-700-rgb), 0.4); - --content-success-tertiary-rgb: var(--theme-success-600-rgb); - --content-success-tertiary: rgb(var(--content-success-tertiary-rgb)); - + --theme-accent-100-rgb: var(--base-purple-100-rgb); + --theme-accent-100: rgb(var(--theme-accent-100-rgb)); - --content-success-disabled-rgb: var(--theme-success-500-rgb); - --content-success-disabled: rgb(var(--content-success-disabled-rgb)); - + --theme-accent-200-rgb: var(--base-purple-200-rgb); + --theme-accent-200: rgb(var(--theme-accent-200-rgb)); - --content-error-rgb: var(--theme-error-800-rgb); - --content-error: rgb(var(--content-error-rgb)); - + --theme-accent-300-rgb: var(--base-purple-300-rgb); + --theme-accent-300: rgb(var(--theme-accent-300-rgb)); - --content-error-secondary-rgb: var(--theme-error-700-rgb); - --content-error-secondary: rgb(var(--content-error-secondary-rgb)); - + --theme-accent-400-rgb: var(--base-purple-400-rgb); + --theme-accent-400: rgb(var(--theme-accent-400-rgb)); - --content-error-tertiary-rgb: var(--theme-error-600-rgb); - --content-error-tertiary: rgb(var(--content-error-tertiary-rgb)); - + --theme-accent-500-rgb: var(--base-purple-500-rgb); + --theme-accent-500: rgb(var(--theme-accent-500-rgb)); - --content-error-disabled-rgb: var(--theme-error-500-rgb); - --content-error-disabled: rgb(var(--content-error-disabled-rgb)); - + --theme-accent-600-rgb: var(--base-purple-600-rgb); + --theme-accent-600: rgb(var(--theme-accent-600-rgb)); - --content-notice-rgb: var(--theme-notice-800-rgb); - --content-notice: rgb(var(--content-notice-rgb)); - + --theme-accent-700-rgb: var(--base-purple-700-rgb); + --theme-accent-700: rgb(var(--theme-accent-700-rgb)); - --content-notice-secondary-rgb: var(--theme-notice-700-rgb); - --content-notice-secondary: rgb(var(--content-notice-secondary-rgb)); - + --theme-accent-800-rgb: var(--base-purple-800-rgb); + --theme-accent-800: rgb(var(--theme-accent-800-rgb)); - --content-notice-tertiary-rgb: var(--theme-notice-600-rgb); - --content-notice-tertiary: rgb(var(--content-notice-tertiary-rgb)); - + --theme-destructive-100-rgb: var(--base-red-100-rgb); + --theme-destructive-100: rgb(var(--theme-destructive-100-rgb)); - --content-notice-disabled-rgb: var(--theme-notice-500-rgb); - --content-notice-disabled: rgb(var(--content-notice-disabled-rgb)); - + --theme-destructive-200-rgb: var(--base-red-200-rgb); + --theme-destructive-200: rgb(var(--theme-destructive-200-rgb)); - --content-inverse-rgb: var(--surface-default-rgb); - --content-inverse: rgb(var(--content-inverse-rgb)); - + --theme-destructive-300-rgb: var(--base-red-300-rgb); + --theme-destructive-300: rgb(var(--theme-destructive-300-rgb)); - --content-inverse-raise-rgb: var(--surface-raise-rgb); - --content-inverse-raise: rgb(var(--content-inverse-raise-rgb)); - + --theme-destructive-400-rgb: var(--base-red-400-rgb); + --theme-destructive-400: rgb(var(--theme-destructive-400-rgb)); - --content-inverse-secondary-rgb: var(--surface-secondary-rgb); - --content-inverse-secondary: rgb(var(--content-inverse-secondary-rgb)); - + --theme-destructive-500-rgb: var(--base-red-500-rgb); + --theme-destructive-500: rgb(var(--theme-destructive-500-rgb)); - --stroke-default-rgb: var(--base-neutral-300-rgb); - --stroke-default: rgb(var(--stroke-default-rgb)); - + --theme-destructive-600-rgb: var(--base-red-600-rgb); + --theme-destructive-600: rgb(var(--theme-destructive-600-rgb)); - --stroke-secondary-rgb: var(--base-neutral-200-rgb); - --stroke-secondary: rgb(var(--stroke-secondary-rgb)); - + --theme-destructive-700-rgb: var(--base-red-700-rgb); + --theme-destructive-700: rgb(var(--theme-destructive-700-rgb)); - --stroke-tertiary-rgb: var(--base-neutral-100-rgb); - --stroke-tertiary: rgb(var(--stroke-tertiary-rgb)); - + --theme-destructive-800-rgb: var(--base-red-800-rgb); + --theme-destructive-800: rgb(var(--theme-destructive-800-rgb)); - --stroke-raise-rgb: var(--base-neutral-500-rgb); - --stroke-raise: rgb(var(--stroke-raise-rgb)); - + --theme-success-100-rgb: var(--base-green-100-rgb); + --theme-success-100: rgb(var(--theme-success-100-rgb)); - --stroke-surface-rgb: var(--surface-default-rgb); - --stroke-surface: rgb(var(--stroke-surface-rgb)); - + --theme-success-200-rgb: var(--base-green-200-rgb); + --theme-success-200: rgb(var(--theme-success-200-rgb)); - --stroke-accent-rgb: var(--theme-accent-800-rgb); - --stroke-accent: rgb(var(--stroke-accent-rgb)); - + --theme-success-300-rgb: var(--base-green-300-rgb); + --theme-success-300: rgb(var(--theme-success-300-rgb)); - --stroke-accent-secondary-rgb: var(--theme-accent-600-rgb); - --stroke-accent-secondary: rgb(var(--stroke-accent-secondary-rgb)); - + --theme-success-400-rgb: var(--base-green-400-rgb); + --theme-success-400: rgb(var(--theme-success-400-rgb)); - --stroke-accent-tertiary-rgb: var(--theme-accent-400-rgb); - --stroke-accent-tertiary: rgb(var(--stroke-accent-tertiary-rgb)); - + --theme-success-500-rgb: var(--base-green-500-rgb); + --theme-success-500: rgb(var(--theme-success-500-rgb)); - --stroke-destructive-rgb: var(--theme-destructive-800-rgb); - --stroke-destructive: rgb(var(--stroke-destructive-rgb)); - - - --stroke-destructive-secondary-rgb: var(--theme-destructive-600-rgb); - --stroke-destructive-secondary: rgb(var(--stroke-destructive-secondary-rgb)); - - - --stroke-destructive-tertiary-rgb: var(--theme-destructive-400-rgb); - --stroke-destructive-tertiary: rgb(var(--stroke-destructive-tertiary-rgb)); - - - --stroke-success-rgb: var(--theme-success-800-rgb); - --stroke-success: rgb(var(--stroke-success-rgb)); - - - --stroke-success-secondary-rgb: var(--theme-success-600-rgb); - --stroke-success-secondary: rgb(var(--stroke-success-secondary-rgb)); - - - --stroke-success-tertiary-rgb: var(--theme-success-400-rgb); - --stroke-success-tertiary: rgb(var(--stroke-success-tertiary-rgb)); - - - --stroke-error-rgb: var(--theme-error-800-rgb); - --stroke-error: rgb(var(--stroke-error-rgb)); - - - --stroke-error-secondary-rgb: var(--theme-error-600-rgb); - --stroke-error-secondary: rgb(var(--stroke-error-secondary-rgb)); - - - --stroke-error-tertiary-rgb: var(--theme-error-400-rgb); - --stroke-error-tertiary: rgb(var(--stroke-error-tertiary-rgb)); - - - --stroke-notice-rgb: var(--theme-notice-800-rgb); - --stroke-notice: rgb(var(--stroke-notice-rgb)); - - - --stroke-notice-secondary-rgb: var(--theme-notice-600-rgb); - --stroke-notice-secondary: rgb(var(--stroke-notice-secondary-rgb)); - - - --stroke-notice-tertiary-rgb: var(--theme-notice-400-rgb); - --stroke-notice-tertiary: rgb(var(--stroke-notice-tertiary-rgb)); - ---chart-fill-area-primary: rgba(var(--theme-accent-700-rgb), 0.7019607843137254); ---chart-fill-area-secondary: rgba(var(--theme-accent-600-rgb), 0.7019607843137254); ---chart-fill-area-tertiary: rgba(var(--theme-accent-500-rgb), 0.7019607843137254); ---chart-fill-area-quaternary: rgba(var(--theme-accent-400-rgb), 0.2); - - --chart-fill-item-primary-rgb: var(--theme-accent-700-rgb); - --chart-fill-item-primary: rgb(var(--chart-fill-item-primary-rgb)); - - - --chart-fill-item-secondary-rgb: var(--theme-accent-600-rgb); - --chart-fill-item-secondary: rgb(var(--chart-fill-item-secondary-rgb)); - - - --chart-fill-item-tertiary-rgb: var(--theme-accent-500-rgb); - --chart-fill-item-tertiary: rgb(var(--chart-fill-item-tertiary-rgb)); - - - --chart-fill-item-quaternary-rgb: var(--theme-accent-400-rgb); - --chart-fill-item-quaternary: rgb(var(--chart-fill-item-quaternary-rgb)); - - - --chart-fill-error-primary-rgb: var(--theme-destructive-700-rgb); - --chart-fill-error-primary: rgb(var(--chart-fill-error-primary-rgb)); - - - --chart-fill-error-secondary-rgb: var(--theme-destructive-600-rgb); - --chart-fill-error-secondary: rgb(var(--chart-fill-error-secondary-rgb)); - - - --chart-fill-error-tertiary-rgb: var(--theme-destructive-500-rgb); - --chart-fill-error-tertiary: rgb(var(--chart-fill-error-tertiary-rgb)); - - - --chart-fill-error-quaternary-rgb: var(--theme-destructive-400-rgb); - --chart-fill-error-quaternary: rgb(var(--chart-fill-error-quaternary-rgb)); - - - --chart-fill-inactive-rgb: var(--base-neutral-50-rgb); - --chart-fill-inactive: rgb(var(--chart-fill-inactive-rgb)); - - - --chart-stroke-line-rgb: var(--theme-accent-700-rgb); - --chart-stroke-line: rgb(var(--chart-stroke-line-rgb)); - - - --chart-stroke-line-secondary-rgb: var(--base-yellow-600-rgb); - --chart-stroke-line-secondary: rgb(var(--chart-stroke-line-secondary-rgb)); - - - --chart-stroke-line-tertiary-rgb: var(--base-red-600-rgb); - --chart-stroke-line-tertiary: rgb(var(--chart-stroke-line-tertiary-rgb)); - - - --chart-stroke-line-quaternary-rgb: var(--base-blue-600-rgb); - --chart-stroke-line-quaternary: rgb(var(--chart-stroke-line-quaternary-rgb)); - ---chart-stroke-y-axis: rgba(var(--stroke-default-rgb), 0.4); ---chart-stroke-item: rgba(var(--theme-accent-700-rgb), 0.4); - - --chart-stroke-item-inactive-rgb: var(--base-neutral-200-rgb); - --chart-stroke-item-inactive: rgb(var(--chart-stroke-item-inactive-rgb)); - ---chart-stroke-error: rgba(var(--theme-destructive-700-rgb), 0.4); - - --theme-accent-100-rgb: var(--base-purple-100-rgb); - --theme-accent-100: rgb(var(--theme-accent-100-rgb)); - - - --theme-accent-200-rgb: var(--base-purple-200-rgb); - --theme-accent-200: rgb(var(--theme-accent-200-rgb)); - - - --theme-accent-300-rgb: var(--base-purple-300-rgb); - --theme-accent-300: rgb(var(--theme-accent-300-rgb)); - - - --theme-accent-400-rgb: var(--base-purple-400-rgb); - --theme-accent-400: rgb(var(--theme-accent-400-rgb)); - - - --theme-accent-500-rgb: var(--base-purple-500-rgb); - --theme-accent-500: rgb(var(--theme-accent-500-rgb)); - - - --theme-accent-600-rgb: var(--base-purple-600-rgb); - --theme-accent-600: rgb(var(--theme-accent-600-rgb)); - - - --theme-accent-700-rgb: var(--base-purple-700-rgb); - --theme-accent-700: rgb(var(--theme-accent-700-rgb)); - - - --theme-accent-800-rgb: var(--base-purple-800-rgb); - --theme-accent-800: rgb(var(--theme-accent-800-rgb)); - - - --theme-destructive-100-rgb: var(--base-red-100-rgb); - --theme-destructive-100: rgb(var(--theme-destructive-100-rgb)); - - - --theme-destructive-200-rgb: var(--base-red-200-rgb); - --theme-destructive-200: rgb(var(--theme-destructive-200-rgb)); - + --theme-success-600-rgb: var(--base-green-600-rgb); + --theme-success-600: rgb(var(--theme-success-600-rgb)); - --theme-destructive-300-rgb: var(--base-red-300-rgb); - --theme-destructive-300: rgb(var(--theme-destructive-300-rgb)); - + --theme-success-700-rgb: var(--base-green-700-rgb); + --theme-success-700: rgb(var(--theme-success-700-rgb)); - --theme-destructive-400-rgb: var(--base-red-400-rgb); - --theme-destructive-400: rgb(var(--theme-destructive-400-rgb)); - + --theme-success-800-rgb: var(--base-green-800-rgb); + --theme-success-800: rgb(var(--theme-success-800-rgb)); - --theme-destructive-500-rgb: var(--base-red-500-rgb); - --theme-destructive-500: rgb(var(--theme-destructive-500-rgb)); - + --theme-error-100-rgb: var(--base-red-100-rgb); + --theme-error-100: rgb(var(--theme-error-100-rgb)); - --theme-destructive-600-rgb: var(--base-red-600-rgb); - --theme-destructive-600: rgb(var(--theme-destructive-600-rgb)); - + --theme-error-200-rgb: var(--base-red-200-rgb); + --theme-error-200: rgb(var(--theme-error-200-rgb)); - --theme-destructive-700-rgb: var(--base-red-700-rgb); - --theme-destructive-700: rgb(var(--theme-destructive-700-rgb)); - + --theme-error-300-rgb: var(--base-red-300-rgb); + --theme-error-300: rgb(var(--theme-error-300-rgb)); - --theme-destructive-800-rgb: var(--base-red-800-rgb); - --theme-destructive-800: rgb(var(--theme-destructive-800-rgb)); - - - --theme-success-100-rgb: var(--base-green-100-rgb); - --theme-success-100: rgb(var(--theme-success-100-rgb)); - - - --theme-success-200-rgb: var(--base-green-200-rgb); - --theme-success-200: rgb(var(--theme-success-200-rgb)); - - - --theme-success-300-rgb: var(--base-green-300-rgb); - --theme-success-300: rgb(var(--theme-success-300-rgb)); - - - --theme-success-400-rgb: var(--base-green-400-rgb); - --theme-success-400: rgb(var(--theme-success-400-rgb)); - - - --theme-success-500-rgb: var(--base-green-500-rgb); - --theme-success-500: rgb(var(--theme-success-500-rgb)); - - - --theme-success-600-rgb: var(--base-green-600-rgb); - --theme-success-600: rgb(var(--theme-success-600-rgb)); - - - --theme-success-700-rgb: var(--base-green-700-rgb); - --theme-success-700: rgb(var(--theme-success-700-rgb)); - - - --theme-success-800-rgb: var(--base-green-800-rgb); - --theme-success-800: rgb(var(--theme-success-800-rgb)); - - - --theme-error-100-rgb: var(--base-red-100-rgb); - --theme-error-100: rgb(var(--theme-error-100-rgb)); - + --theme-error-400-rgb: var(--base-red-400-rgb); + --theme-error-400: rgb(var(--theme-error-400-rgb)); - --theme-error-200-rgb: var(--base-red-200-rgb); - --theme-error-200: rgb(var(--theme-error-200-rgb)); - + --theme-error-500-rgb: var(--base-red-500-rgb); + --theme-error-500: rgb(var(--theme-error-500-rgb)); - --theme-error-300-rgb: var(--base-red-300-rgb); - --theme-error-300: rgb(var(--theme-error-300-rgb)); - + --theme-error-600-rgb: var(--base-red-600-rgb); + --theme-error-600: rgb(var(--theme-error-600-rgb)); - --theme-error-400-rgb: var(--base-red-400-rgb); - --theme-error-400: rgb(var(--theme-error-400-rgb)); - + --theme-error-700-rgb: var(--base-red-700-rgb); + --theme-error-700: rgb(var(--theme-error-700-rgb)); - --theme-error-500-rgb: var(--base-red-500-rgb); - --theme-error-500: rgb(var(--theme-error-500-rgb)); - + --theme-error-800-rgb: var(--base-red-800-rgb); + --theme-error-800: rgb(var(--theme-error-800-rgb)); - --theme-error-600-rgb: var(--base-red-600-rgb); - --theme-error-600: rgb(var(--theme-error-600-rgb)); - + --theme-notice-100-rgb: var(--base-yellow-100-rgb); + --theme-notice-100: rgb(var(--theme-notice-100-rgb)); - --theme-error-700-rgb: var(--base-red-700-rgb); - --theme-error-700: rgb(var(--theme-error-700-rgb)); - + --theme-notice-200-rgb: var(--base-yellow-200-rgb); + --theme-notice-200: rgb(var(--theme-notice-200-rgb)); - --theme-error-800-rgb: var(--base-red-800-rgb); - --theme-error-800: rgb(var(--theme-error-800-rgb)); - + --theme-notice-300-rgb: var(--base-yellow-300-rgb); + --theme-notice-300: rgb(var(--theme-notice-300-rgb)); - --theme-notice-100-rgb: var(--base-yellow-100-rgb); - --theme-notice-100: rgb(var(--theme-notice-100-rgb)); - + --theme-notice-400-rgb: var(--base-yellow-400-rgb); + --theme-notice-400: rgb(var(--theme-notice-400-rgb)); - --theme-notice-200-rgb: var(--base-yellow-200-rgb); - --theme-notice-200: rgb(var(--theme-notice-200-rgb)); - + --theme-notice-500-rgb: var(--base-yellow-500-rgb); + --theme-notice-500: rgb(var(--theme-notice-500-rgb)); - --theme-notice-300-rgb: var(--base-yellow-300-rgb); - --theme-notice-300: rgb(var(--theme-notice-300-rgb)); - + --theme-notice-600-rgb: var(--base-yellow-600-rgb); + --theme-notice-600: rgb(var(--theme-notice-600-rgb)); - --theme-notice-400-rgb: var(--base-yellow-400-rgb); - --theme-notice-400: rgb(var(--theme-notice-400-rgb)); - + --theme-notice-700-rgb: var(--base-yellow-700-rgb); + --theme-notice-700: rgb(var(--theme-notice-700-rgb)); - --theme-notice-500-rgb: var(--base-yellow-500-rgb); - --theme-notice-500: rgb(var(--theme-notice-500-rgb)); - + --theme-notice-800-rgb: var(--base-yellow-800-rgb); + --theme-notice-800: rgb(var(--theme-notice-800-rgb)); - --theme-notice-600-rgb: var(--base-yellow-600-rgb); - --theme-notice-600: rgb(var(--theme-notice-600-rgb)); - - - --theme-notice-700-rgb: var(--base-yellow-700-rgb); - --theme-notice-700: rgb(var(--theme-notice-700-rgb)); - - - --theme-notice-800-rgb: var(--base-yellow-800-rgb); - --theme-notice-800: rgb(var(--theme-notice-800-rgb)); - - - --border-radius-sm: 0.125rem; ---border-radius: 0.1875rem; ---border-radius-full: 624.9375rem; -} \ No newline at end of file + --border-radius-sm: 0.125rem; + --border-radius: 0.1875rem; + --border-radius-full: 624.9375rem; +} diff --git a/styles/dist/purple.md b/styles/dist/purple.md index 7467a264..84a23bbd 100644 --- a/styles/dist/purple.md +++ b/styles/dist/purple.md @@ -1,8 +1,9 @@ # `purple` Theme -This document shows the relationship of colors within the `purple` theme. +This document shows the relationship of colors within the `purple` theme. ## base-green-100 + ```mermaid graph RL base-green-100 --> #131A1C:::base-green-100 @@ -10,7 +11,9 @@ graph RL classDef base-green-100 stroke-width:5,stroke:#131A1C ``` + ## base-green-200 + ```mermaid graph RL base-green-200 --> #162322:::base-green-200 @@ -19,7 +22,9 @@ graph RL classDef base-green-200 stroke-width:5,stroke:#162322 ``` + ## base-green-300 + ```mermaid graph RL base-green-300 --> #1C372E:::base-green-300 @@ -27,7 +32,9 @@ graph RL classDef base-green-300 stroke-width:5,stroke:#1C372E ``` + ## base-green-400 + ```mermaid graph RL base-green-400 --> #204D3B:::base-green-400 @@ -36,7 +43,9 @@ graph RL classDef base-green-400 stroke-width:5,stroke:#204D3B ``` + ## base-green-500 + ```mermaid graph RL base-green-500 --> #236A4C:::base-green-500 @@ -45,7 +54,9 @@ graph RL classDef base-green-500 stroke-width:5,stroke:#236A4C ``` + ## base-green-600 + ```mermaid graph RL base-green-600 --> #238A5E:::base-green-600 @@ -55,7 +66,9 @@ graph RL classDef base-green-600 stroke-width:5,stroke:#238A5E ``` + ## base-green-700 + ```mermaid graph RL base-green-700 --> #20A36C:::base-green-700 @@ -64,7 +77,9 @@ graph RL classDef base-green-700 stroke-width:5,stroke:#20A36C ``` + ## base-green-800 + ```mermaid graph RL base-green-800 --> #48d597:::base-green-800 @@ -75,7 +90,9 @@ graph RL classDef base-green-800 stroke-width:5,stroke:#48d597 ``` + ## base-yellow-100 + ```mermaid graph RL base-yellow-100 --> #20190F:::base-yellow-100 @@ -83,7 +100,9 @@ graph RL classDef base-yellow-100 stroke-width:5,stroke:#20190F ``` + ## base-yellow-200 + ```mermaid graph RL base-yellow-200 --> #292013:::base-yellow-200 @@ -92,7 +111,9 @@ graph RL classDef base-yellow-200 stroke-width:5,stroke:#292013 ``` + ## base-yellow-300 + ```mermaid graph RL base-yellow-300 --> #3D3019:::base-yellow-300 @@ -101,7 +122,9 @@ graph RL classDef base-yellow-300 stroke-width:5,stroke:#3D3019 ``` + ## base-yellow-400 + ```mermaid graph RL base-yellow-400 --> #55421F:::base-yellow-400 @@ -110,7 +133,9 @@ graph RL classDef base-yellow-400 stroke-width:5,stroke:#55421F ``` + ## base-yellow-500 + ```mermaid graph RL base-yellow-500 --> #765A27:::base-yellow-500 @@ -119,7 +144,9 @@ graph RL classDef base-yellow-500 stroke-width:5,stroke:#765A27 ``` + ## base-yellow-600 + ```mermaid graph RL base-yellow-600 --> #997430:::base-yellow-600 @@ -130,7 +157,9 @@ graph RL classDef base-yellow-600 stroke-width:5,stroke:#997430 ``` + ## base-yellow-700 + ```mermaid graph RL base-yellow-700 --> #CA993B:::base-yellow-700 @@ -140,7 +169,9 @@ graph RL classDef base-yellow-700 stroke-width:5,stroke:#CA993B ``` + ## base-yellow-800 + ```mermaid graph RL base-yellow-800 --> #F5B944:::base-yellow-800 @@ -151,7 +182,9 @@ graph RL classDef base-yellow-800 stroke-width:5,stroke:#F5B944 ``` + ## base-red-100 + ```mermaid graph RL base-red-100 --> #1E1314:::base-red-100 @@ -160,7 +193,9 @@ graph RL classDef base-red-100 stroke-width:5,stroke:#1E1314 ``` + ## base-red-200 + ```mermaid graph RL base-red-200 --> #231517:::base-red-200 @@ -171,7 +206,9 @@ graph RL classDef base-red-200 stroke-width:5,stroke:#231517 ``` + ## base-red-300 + ```mermaid graph RL base-red-300 --> #301B1D:::base-red-300 @@ -181,7 +218,9 @@ graph RL classDef base-red-300 stroke-width:5,stroke:#301B1D ``` + ## base-red-400 + ```mermaid graph RL base-red-400 --> #6A343C:::base-red-400 @@ -193,7 +232,9 @@ graph RL classDef base-red-400 stroke-width:5,stroke:#6A343C ``` + ## base-red-500 + ```mermaid graph RL base-red-500 --> #954553:::base-red-500 @@ -205,7 +246,9 @@ graph RL classDef base-red-500 stroke-width:5,stroke:#954553 ``` + ## base-red-600 + ```mermaid graph RL base-red-600 --> #C3576A:::base-red-600 @@ -220,7 +263,9 @@ graph RL classDef base-red-600 stroke-width:5,stroke:#C3576A ``` + ## base-red-700 + ```mermaid graph RL base-red-700 --> #DA6177:::base-red-700 @@ -233,7 +278,9 @@ graph RL classDef base-red-700 stroke-width:5,stroke:#DA6177 ``` + ## base-red-800 + ```mermaid graph RL base-red-800 --> #FB6E88:::base-red-800 @@ -248,7 +295,9 @@ graph RL classDef base-red-800 stroke-width:5,stroke:#FB6E88 ``` + ## base-purple-100 + ```mermaid graph RL base-purple-100 --> #1E1822:::base-purple-100 @@ -256,7 +305,9 @@ graph RL classDef base-purple-100 stroke-width:5,stroke:#1E1822 ``` + ## base-purple-200 + ```mermaid graph RL base-purple-200 --> #251F2B:::base-purple-200 @@ -265,7 +316,9 @@ graph RL classDef base-purple-200 stroke-width:5,stroke:#251F2B ``` + ## base-purple-300 + ```mermaid graph RL base-purple-300 --> #382D43:::base-purple-300 @@ -274,7 +327,9 @@ graph RL classDef base-purple-300 stroke-width:5,stroke:#382D43 ``` + ## base-purple-400 + ```mermaid graph RL base-purple-400 --> #4D3E5E:::base-purple-400 @@ -284,7 +339,9 @@ graph RL classDef base-purple-400 stroke-width:5,stroke:#4D3E5E ``` + ## base-purple-500 + ```mermaid graph RL base-purple-500 --> #6C5584:::base-purple-500 @@ -294,7 +351,9 @@ graph RL classDef base-purple-500 stroke-width:5,stroke:#6C5584 ``` + ## base-purple-600 + ```mermaid graph RL base-purple-600 --> #8B6DAC:::base-purple-600 @@ -305,7 +364,9 @@ graph RL classDef base-purple-600 stroke-width:5,stroke:#8B6DAC ``` + ## base-purple-700 + ```mermaid graph RL base-purple-700 --> #A380CB:::base-purple-700 @@ -317,7 +378,9 @@ graph RL classDef base-purple-700 stroke-width:5,stroke:#A380CB ``` + ## base-purple-800 + ```mermaid graph RL base-purple-800 --> #BE95EB:::base-purple-800 @@ -328,42 +391,54 @@ graph RL classDef base-purple-800 stroke-width:5,stroke:#BE95EB ``` + ## base-blue-100 + ```mermaid graph RL base-blue-100 --> #171821:::base-blue-100 classDef base-blue-100 stroke-width:5,stroke:#171821 ``` + ## base-blue-200 + ```mermaid graph RL base-blue-200 --> #1E202D:::base-blue-200 classDef base-blue-200 stroke-width:5,stroke:#1E202D ``` + ## base-blue-300 + ```mermaid graph RL base-blue-300 --> #2D3048:::base-blue-300 classDef base-blue-300 stroke-width:5,stroke:#2D3048 ``` + ## base-blue-400 + ```mermaid graph RL base-blue-400 --> #3C4366:::base-blue-400 classDef base-blue-400 stroke-width:5,stroke:#3C4366 ``` + ## base-blue-500 + ```mermaid graph RL base-blue-500 --> #515B8F:::base-blue-500 classDef base-blue-500 stroke-width:5,stroke:#515B8F ``` + ## base-blue-600 + ```mermaid graph RL base-blue-600 --> #6776BB:::base-blue-600 @@ -371,21 +446,27 @@ graph RL classDef base-blue-600 stroke-width:5,stroke:#6776BB ``` + ## base-blue-700 + ```mermaid graph RL base-blue-700 --> #788ADD:::base-blue-700 classDef base-blue-700 stroke-width:5,stroke:#788ADD ``` + ## base-blue-800 + ```mermaid graph RL base-blue-800 --> #8BA1FF:::base-blue-800 classDef base-blue-800 stroke-width:5,stroke:#8BA1FF ``` + ## base-neutral-0 + ```mermaid graph RL base-neutral-0 --> #080F11:::base-neutral-0 @@ -395,7 +476,9 @@ graph RL classDef base-neutral-0 stroke-width:5,stroke:#080F11 ``` + ## base-neutral-50 + ```mermaid graph RL base-neutral-50 --> #101618:::base-neutral-50 @@ -406,7 +489,9 @@ graph RL classDef base-neutral-50 stroke-width:5,stroke:#101618 ``` + ## base-neutral-100 + ```mermaid graph RL base-neutral-100 --> #141B1D:::base-neutral-100 @@ -418,7 +503,9 @@ graph RL classDef base-neutral-100 stroke-width:5,stroke:#141B1D ``` + ## base-neutral-200 + ```mermaid graph RL base-neutral-200 --> #1C2225:::base-neutral-200 @@ -429,7 +516,9 @@ graph RL classDef base-neutral-200 stroke-width:5,stroke:#1C2225 ``` + ## base-neutral-300 + ```mermaid graph RL base-neutral-300 --> #2D3335:::base-neutral-300 @@ -437,14 +526,18 @@ graph RL classDef base-neutral-300 stroke-width:5,stroke:#2D3335 ``` + ## base-neutral-400 + ```mermaid graph RL base-neutral-400 --> #404647:::base-neutral-400 classDef base-neutral-400 stroke-width:5,stroke:#404647 ``` + ## base-neutral-500 + ```mermaid graph RL base-neutral-500 --> #5B5F61:::base-neutral-500 @@ -454,7 +547,9 @@ graph RL classDef base-neutral-500 stroke-width:5,stroke:#5B5F61 ``` + ## base-neutral-600 + ```mermaid graph RL base-neutral-600 --> #7e8385:::base-neutral-600 @@ -462,7 +557,9 @@ graph RL classDef base-neutral-600 stroke-width:5,stroke:#7e8385 ``` + ## base-neutral-700 + ```mermaid graph RL base-neutral-700 --> #A1A4A5:::base-neutral-700 @@ -471,7 +568,9 @@ graph RL classDef base-neutral-700 stroke-width:5,stroke:#A1A4A5 ``` + ## base-neutral-800 + ```mermaid graph RL base-neutral-800 --> #B8BBBC:::base-neutral-800 @@ -480,7 +579,9 @@ graph RL classDef base-neutral-800 stroke-width:5,stroke:#B8BBBC ``` + ## base-neutral-900 + ```mermaid graph RL base-neutral-900 --> #F6F6F7:::base-neutral-900 @@ -488,4 +589,4 @@ graph RL content-default --> base-neutral-900 classDef base-neutral-900 stroke-width:5,stroke:#F6F6F7 -``` \ No newline at end of file +``` diff --git a/styles/dist/tailwind-tokens.js b/styles/dist/tailwind-tokens.js index 40e0c64a..cb8cc262 100644 --- a/styles/dist/tailwind-tokens.js +++ b/styles/dist/tailwind-tokens.js @@ -1,883 +1,932 @@ +/* THIS FILE IS AUTOGENERATED, DO NOT EDIT */ - /* THIS FILE IS AUTOGENERATED, DO NOT EDIT */ +module.exports.textUtilities = { + '.text-mono-xs': { + 'font-family': '"GT America Mono", monospace', + 'font-weight': 400, + 'line-height': '1rem', + 'font-size': '0.6875rem', + 'letter-spacing': '0.04rem', + 'text-transform': 'uppercase', + }, + '.text-mono-sm': { + 'font-family': '"GT America Mono", monospace', + 'font-weight': 400, + 'line-height': '1rem', + 'font-size': '0.75rem', + 'letter-spacing': '0.04rem', + 'text-transform': 'uppercase', + }, + '.text-mono-md': { + 'font-family': '"GT America Mono", monospace', + 'font-weight': 400, + 'line-height': '1.25rem', + 'font-size': '0.875rem', + 'letter-spacing': '0.04rem', + 'text-transform': 'uppercase', + }, + '.text-sans-light-3xl': { + 'font-family': + 'SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif', + 'font-weight': 300, + 'line-height': '3rem', + 'font-size': '2.5rem', + 'letter-spacing': '0.015rem', + }, + '.text-sans-light-2xl': { + 'font-family': + 'SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif', + 'font-weight': 300, + 'line-height': '2rem', + 'font-size': '1.5625rem', + 'letter-spacing': '0.015rem', + }, + '.text-sans-sm': { + 'font-family': + 'SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif', + 'font-weight': 400, + 'line-height': '1rem', + 'font-size': '0.75rem', + 'letter-spacing': '0.04rem', + }, + '.text-sans-md': { + 'font-family': + 'SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif', + 'font-weight': 400, + 'line-height': '1.125rem', + 'font-size': '0.875rem', + 'letter-spacing': '0.04rem', + }, + '.text-sans-lg': { + 'font-family': + 'SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif', + 'font-weight': 400, + 'line-height': '1.5rem', + 'font-size': '1rem', + 'letter-spacing': '0.03rem', + }, + '.text-sans-xl': { + 'font-family': + 'SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif', + 'font-weight': 400, + 'line-height': '1.75rem', + 'font-size': '1.125rem', + 'letter-spacing': '0.02rem', + }, + '.text-sans-2xl': { + 'font-family': + 'SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif', + 'font-weight': 400, + 'line-height': '2rem', + 'font-size': '1.5625rem', + 'letter-spacing': '0.015rem', + }, + '.text-sans-semi-sm': { + 'font-family': + 'SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif', + 'font-weight': 400, + 'line-height': '1rem', + 'font-size': '0.75rem', + 'letter-spacing': '0.04rem', + }, + '.text-sans-semi-md': { + 'font-family': + 'SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif', + 'font-weight': 400, + 'line-height': '1.125rem', + 'font-size': '0.875rem', + 'letter-spacing': '0.04rem', + }, + '.text-sans-semi-lg': { + 'font-family': + 'SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif', + 'font-weight': 400, + 'line-height': '1.5rem', + 'font-size': '1rem', + 'letter-spacing': '0.03rem', + }, +} - module.exports.textUtilities = { - - '.text-mono-xs': { - 'font-family': "\"GT America Mono\", monospace", -'font-weight': 400, -'line-height': "1rem", -'font-size': "0.6875rem", -'letter-spacing': "0.04rem", -'text-transform': "uppercase", - }, - '.text-mono-sm': { - 'font-family': "\"GT America Mono\", monospace", -'font-weight': 400, -'line-height': "1rem", -'font-size': "0.75rem", -'letter-spacing': "0.04rem", -'text-transform': "uppercase", - }, - '.text-mono-md': { - 'font-family': "\"GT America Mono\", monospace", -'font-weight': 400, -'line-height': "1.25rem", -'font-size': "0.875rem", -'letter-spacing': "0.04rem", -'text-transform': "uppercase", - }, - '.text-sans-light-3xl': { - 'font-family': "SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif", -'font-weight': 300, -'line-height': "3rem", -'font-size': "2.5rem", -'letter-spacing': "0.015rem", - }, - '.text-sans-light-2xl': { - 'font-family': "SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif", -'font-weight': 300, -'line-height': "2rem", -'font-size': "1.5625rem", -'letter-spacing': "0.015rem", - }, - '.text-sans-sm': { - 'font-family': "SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif", -'font-weight': 400, -'line-height': "1rem", -'font-size': "0.75rem", -'letter-spacing': "0.04rem", - }, - '.text-sans-md': { - 'font-family': "SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif", -'font-weight': 400, -'line-height': "1.125rem", -'font-size': "0.875rem", -'letter-spacing': "0.04rem", - }, - '.text-sans-lg': { - 'font-family': "SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif", -'font-weight': 400, -'line-height': "1.5rem", -'font-size': "1rem", -'letter-spacing': "0.03rem", - }, - '.text-sans-xl': { - 'font-family': "SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif", -'font-weight': 400, -'line-height': "1.75rem", -'font-size': "1.125rem", -'letter-spacing': "0.02rem", - }, - '.text-sans-2xl': { - 'font-family': "SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif", -'font-weight': 400, -'line-height': "2rem", -'font-size': "1.5625rem", -'letter-spacing': "0.015rem", - }, - '.text-sans-semi-sm': { - 'font-family': "SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif", -'font-weight': 400, -'line-height': "1rem", -'font-size': "0.75rem", -'letter-spacing': "0.04rem", - }, - '.text-sans-semi-md': { - 'font-family': "SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif", -'font-weight': 400, -'line-height': "1.125rem", -'font-size': "0.875rem", -'letter-spacing': "0.04rem", - }, - '.text-sans-semi-lg': { - 'font-family': "SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif", -'font-weight': 400, -'line-height': "1.5rem", -'font-size': "1rem", -'letter-spacing': "0.03rem", - } - } +module.exports.colorUtilities = { + '.text-default': { + color: 'var(--content-default)', + }, + '.text-secondary': { + color: 'var(--content-secondary)', + }, + '.text-tertiary': { + color: 'var(--content-tertiary)', + }, + '.text-quaternary': { + color: 'var(--content-quaternary)', + }, + '.text-quinary': { + color: 'var(--content-quinary)', + }, + '.text-disabled': { + color: 'var(--content-disabled)', + }, + '.text-accent': { + color: 'var(--content-accent)', + }, + '.text-accent-secondary': { + color: 'var(--content-accent-secondary)', + }, + '.text-accent-tertiary': { + color: 'var(--content-accent-tertiary)', + }, + '.text-accent-disabled': { + color: 'var(--content-accent-disabled)', + }, + '.text-destructive': { + color: 'var(--content-destructive)', + }, + '.text-destructive-secondary': { + color: 'var(--content-destructive-secondary)', + }, + '.text-destructive-tertiary': { + color: 'var(--content-destructive-tertiary)', + }, + '.text-destructive-disabled': { + color: 'var(--content-destructive-disabled)', + }, + '.text-success': { + color: 'var(--content-success)', + }, + '.text-success-secondary': { + color: 'var(--content-success-secondary)', + }, + '.text-success-tertiary': { + color: 'var(--content-success-tertiary)', + }, + '.text-success-disabled': { + color: 'var(--content-success-disabled)', + }, + '.text-error': { + color: 'var(--content-error)', + }, + '.text-error-secondary': { + color: 'var(--content-error-secondary)', + }, + '.text-error-tertiary': { + color: 'var(--content-error-tertiary)', + }, + '.text-error-disabled': { + color: 'var(--content-error-disabled)', + }, + '.text-notice': { + color: 'var(--content-notice)', + }, + '.text-notice-secondary': { + color: 'var(--content-notice-secondary)', + }, + '.text-notice-tertiary': { + color: 'var(--content-notice-tertiary)', + }, + '.text-notice-disabled': { + color: 'var(--content-notice-disabled)', + }, + '.text-inverse': { + color: 'var(--content-inverse)', + }, + '.text-inverse-raise': { + color: 'var(--content-inverse-raise)', + }, + '.text-inverse-secondary': { + color: 'var(--content-inverse-secondary)', + }, + '.bg-default': { + 'background-color': 'var(--surface-default)', + }, + '.bg-hover': { + 'background-color': 'var(--surface-hover)', + }, + '.bg-raise': { + 'background-color': 'var(--surface-raise)', + }, + '.bg-raise-hover': { + 'background-color': 'var(--surface-raise-hover)', + }, + '.bg-secondary': { + 'background-color': 'var(--surface-secondary)', + }, + '.bg-secondary-hover': { + 'background-color': 'var(--surface-secondary-hover)', + }, + '.bg-tertiary': { + 'background-color': 'var(--surface-tertiary)', + }, + '.bg-disabled': { + 'background-color': 'var(--surface-disabled)', + }, + '/* Command menu backdrop */ \n.bg-scrim': { + 'background-color': 'var(--surface-scrim)', + }, + '.bg-accent': { + 'background-color': 'var(--surface-accent)', + }, + '.bg-accent-hover': { + 'background-color': 'var(--surface-accent-hover)', + }, + '.bg-accent-secondary': { + 'background-color': 'var(--surface-accent-secondary)', + }, + '.bg-accent-secondary-hover': { + 'background-color': 'var(--surface-accent-secondary-hover)', + }, + '.bg-destructive': { + 'background-color': 'var(--surface-destructive)', + }, + '.bg-destructive-hover': { + 'background-color': 'var(--surface-destructive-hover)', + }, + '.bg-destructive-secondary': { + 'background-color': 'var(--surface-destructive-secondary)', + }, + '.bg-destructive-secondary-hover': { + 'background-color': 'var(--surface-destructive-secondary-hover)', + }, + '.bg-notice': { + 'background-color': 'var(--surface-notice)', + }, + '.bg-notice-hover': { + 'background-color': 'var(--surface-notice-hover)', + }, + '.bg-notice-secondary': { + 'background-color': 'var(--surface-notice-secondary)', + }, + '.bg-notice-secondary-hover': { + 'background-color': 'var(--surface-notice-secondary-hover)', + }, + '.bg-success': { + 'background-color': 'var(--surface-success)', + }, + '.bg-success-secondary': { + 'background-color': 'var(--surface-success-secondary)', + }, + '.bg-error': { + 'background-color': 'var(--surface-error)', + }, + '.bg-error-secondary': { + 'background-color': 'var(--surface-error-secondary)', + }, + '.bg-inverse': { + 'background-color': 'var(--surface-inverse)', + }, + '.bg-inverse-secondary': { + 'background-color': 'var(--surface-inverse-secondary)', + }, + '.bg-inverse-tertiary': { + 'background-color': 'var(--surface-inverse-tertiary)', + }, + '.border-default': { + 'border-color': 'var(--stroke-default)', + }, + '.border-secondary': { + 'border-color': 'var(--stroke-secondary)', + }, + '.border-tertiary': { + 'border-color': 'var(--stroke-tertiary)', + }, + '.border-raise': { + 'border-color': 'var(--stroke-raise)', + }, + '/* Matches the default surface color */ \n.border-surface': { + 'border-color': 'var(--stroke-surface)', + }, + '.border-accent': { + 'border-color': 'var(--stroke-accent)', + }, + '.border-accent-secondary': { + 'border-color': 'var(--stroke-accent-secondary)', + }, + '.border-accent-tertiary': { + 'border-color': 'var(--stroke-accent-tertiary)', + }, + '.border-destructive': { + 'border-color': 'var(--stroke-destructive)', + }, + '.border-destructive-secondary': { + 'border-color': 'var(--stroke-destructive-secondary)', + }, + '.border-destructive-tertiary': { + 'border-color': 'var(--stroke-destructive-tertiary)', + }, + '.border-success': { + 'border-color': 'var(--stroke-success)', + }, + '.border-success-secondary': { + 'border-color': 'var(--stroke-success-secondary)', + }, + '.border-success-tertiary': { + 'border-color': 'var(--stroke-success-tertiary)', + }, + '.border-error': { + 'border-color': 'var(--stroke-error)', + }, + '.border-error-secondary': { + 'border-color': 'var(--stroke-error-secondary)', + }, + '.border-error-tertiary': { + 'border-color': 'var(--stroke-error-tertiary)', + }, + '.border-notice': { + 'border-color': 'var(--stroke-notice)', + }, + '.border-notice-secondary': { + 'border-color': 'var(--stroke-notice-secondary)', + }, + '.border-notice-tertiary': { + 'border-color': 'var(--stroke-notice-tertiary)', + }, + '.border-l-default': { + 'border-left-color': 'var(--stroke-default)', + }, + '.border-l-secondary': { + 'border-left-color': 'var(--stroke-secondary)', + }, + '.border-l-tertiary': { + 'border-left-color': 'var(--stroke-tertiary)', + }, + '.border-l-raise': { + 'border-left-color': 'var(--stroke-raise)', + }, + '/* Matches the default surface color */ \n.border-l-surface': { + 'border-left-color': 'var(--stroke-surface)', + }, + '.border-l-accent': { + 'border-left-color': 'var(--stroke-accent)', + }, + '.border-l-accent-secondary': { + 'border-left-color': 'var(--stroke-accent-secondary)', + }, + '.border-l-accent-tertiary': { + 'border-left-color': 'var(--stroke-accent-tertiary)', + }, + '.border-l-destructive': { + 'border-left-color': 'var(--stroke-destructive)', + }, + '.border-l-destructive-secondary': { + 'border-left-color': 'var(--stroke-destructive-secondary)', + }, + '.border-l-destructive-tertiary': { + 'border-left-color': 'var(--stroke-destructive-tertiary)', + }, + '.border-l-success': { + 'border-left-color': 'var(--stroke-success)', + }, + '.border-l-success-secondary': { + 'border-left-color': 'var(--stroke-success-secondary)', + }, + '.border-l-success-tertiary': { + 'border-left-color': 'var(--stroke-success-tertiary)', + }, + '.border-l-error': { + 'border-left-color': 'var(--stroke-error)', + }, + '.border-l-error-secondary': { + 'border-left-color': 'var(--stroke-error-secondary)', + }, + '.border-l-error-tertiary': { + 'border-left-color': 'var(--stroke-error-tertiary)', + }, + '.border-l-notice': { + 'border-left-color': 'var(--stroke-notice)', + }, + '.border-l-notice-secondary': { + 'border-left-color': 'var(--stroke-notice-secondary)', + }, + '.border-l-notice-tertiary': { + 'border-left-color': 'var(--stroke-notice-tertiary)', + }, + '.border-r-default': { + 'border-right-color': 'var(--stroke-default)', + }, + '.border-r-secondary': { + 'border-right-color': 'var(--stroke-secondary)', + }, + '.border-r-tertiary': { + 'border-right-color': 'var(--stroke-tertiary)', + }, + '.border-r-raise': { + 'border-right-color': 'var(--stroke-raise)', + }, + '/* Matches the default surface color */ \n.border-r-surface': { + 'border-right-color': 'var(--stroke-surface)', + }, + '.border-r-accent': { + 'border-right-color': 'var(--stroke-accent)', + }, + '.border-r-accent-secondary': { + 'border-right-color': 'var(--stroke-accent-secondary)', + }, + '.border-r-accent-tertiary': { + 'border-right-color': 'var(--stroke-accent-tertiary)', + }, + '.border-r-destructive': { + 'border-right-color': 'var(--stroke-destructive)', + }, + '.border-r-destructive-secondary': { + 'border-right-color': 'var(--stroke-destructive-secondary)', + }, + '.border-r-destructive-tertiary': { + 'border-right-color': 'var(--stroke-destructive-tertiary)', + }, + '.border-r-success': { + 'border-right-color': 'var(--stroke-success)', + }, + '.border-r-success-secondary': { + 'border-right-color': 'var(--stroke-success-secondary)', + }, + '.border-r-success-tertiary': { + 'border-right-color': 'var(--stroke-success-tertiary)', + }, + '.border-r-error': { + 'border-right-color': 'var(--stroke-error)', + }, + '.border-r-error-secondary': { + 'border-right-color': 'var(--stroke-error-secondary)', + }, + '.border-r-error-tertiary': { + 'border-right-color': 'var(--stroke-error-tertiary)', + }, + '.border-r-notice': { + 'border-right-color': 'var(--stroke-notice)', + }, + '.border-r-notice-secondary': { + 'border-right-color': 'var(--stroke-notice-secondary)', + }, + '.border-r-notice-tertiary': { + 'border-right-color': 'var(--stroke-notice-tertiary)', + }, + '.border-t-default': { + 'border-top-color': 'var(--stroke-default)', + }, + '.border-t-secondary': { + 'border-top-color': 'var(--stroke-secondary)', + }, + '.border-t-tertiary': { + 'border-top-color': 'var(--stroke-tertiary)', + }, + '.border-t-raise': { + 'border-top-color': 'var(--stroke-raise)', + }, + '/* Matches the default surface color */ \n.border-t-surface': { + 'border-top-color': 'var(--stroke-surface)', + }, + '.border-t-accent': { + 'border-top-color': 'var(--stroke-accent)', + }, + '.border-t-accent-secondary': { + 'border-top-color': 'var(--stroke-accent-secondary)', + }, + '.border-t-accent-tertiary': { + 'border-top-color': 'var(--stroke-accent-tertiary)', + }, + '.border-t-destructive': { + 'border-top-color': 'var(--stroke-destructive)', + }, + '.border-t-destructive-secondary': { + 'border-top-color': 'var(--stroke-destructive-secondary)', + }, + '.border-t-destructive-tertiary': { + 'border-top-color': 'var(--stroke-destructive-tertiary)', + }, + '.border-t-success': { + 'border-top-color': 'var(--stroke-success)', + }, + '.border-t-success-secondary': { + 'border-top-color': 'var(--stroke-success-secondary)', + }, + '.border-t-success-tertiary': { + 'border-top-color': 'var(--stroke-success-tertiary)', + }, + '.border-t-error': { + 'border-top-color': 'var(--stroke-error)', + }, + '.border-t-error-secondary': { + 'border-top-color': 'var(--stroke-error-secondary)', + }, + '.border-t-error-tertiary': { + 'border-top-color': 'var(--stroke-error-tertiary)', + }, + '.border-t-notice': { + 'border-top-color': 'var(--stroke-notice)', + }, + '.border-t-notice-secondary': { + 'border-top-color': 'var(--stroke-notice-secondary)', + }, + '.border-t-notice-tertiary': { + 'border-top-color': 'var(--stroke-notice-tertiary)', + }, + '.border-b-default': { + 'border-bottom-color': 'var(--stroke-default)', + }, + '.border-b-secondary': { + 'border-bottom-color': 'var(--stroke-secondary)', + }, + '.border-b-tertiary': { + 'border-bottom-color': 'var(--stroke-tertiary)', + }, + '.border-b-raise': { + 'border-bottom-color': 'var(--stroke-raise)', + }, + '/* Matches the default surface color */ \n.border-b-surface': { + 'border-bottom-color': 'var(--stroke-surface)', + }, + '.border-b-accent': { + 'border-bottom-color': 'var(--stroke-accent)', + }, + '.border-b-accent-secondary': { + 'border-bottom-color': 'var(--stroke-accent-secondary)', + }, + '.border-b-accent-tertiary': { + 'border-bottom-color': 'var(--stroke-accent-tertiary)', + }, + '.border-b-destructive': { + 'border-bottom-color': 'var(--stroke-destructive)', + }, + '.border-b-destructive-secondary': { + 'border-bottom-color': 'var(--stroke-destructive-secondary)', + }, + '.border-b-destructive-tertiary': { + 'border-bottom-color': 'var(--stroke-destructive-tertiary)', + }, + '.border-b-success': { + 'border-bottom-color': 'var(--stroke-success)', + }, + '.border-b-success-secondary': { + 'border-bottom-color': 'var(--stroke-success-secondary)', + }, + '.border-b-success-tertiary': { + 'border-bottom-color': 'var(--stroke-success-tertiary)', + }, + '.border-b-error': { + 'border-bottom-color': 'var(--stroke-error)', + }, + '.border-b-error-secondary': { + 'border-bottom-color': 'var(--stroke-error-secondary)', + }, + '.border-b-error-tertiary': { + 'border-bottom-color': 'var(--stroke-error-tertiary)', + }, + '.border-b-notice': { + 'border-bottom-color': 'var(--stroke-notice)', + }, + '.border-b-notice-secondary': { + 'border-bottom-color': 'var(--stroke-notice-secondary)', + }, + '.border-b-notice-tertiary': { + 'border-bottom-color': 'var(--stroke-notice-tertiary)', + }, + '.border-x-default': { + 'border-left-color': 'var(--stroke-default)', + 'border-right-color': 'var(--stroke-default)', + }, + '.border-x-secondary': { + 'border-left-color': 'var(--stroke-secondary)', + 'border-right-color': 'var(--stroke-secondary)', + }, + '.border-x-tertiary': { + 'border-left-color': 'var(--stroke-tertiary)', + 'border-right-color': 'var(--stroke-tertiary)', + }, + '.border-x-raise': { + 'border-left-color': 'var(--stroke-raise)', + 'border-right-color': 'var(--stroke-raise)', + }, + '/* Matches the default surface color */ \n.border-x-surface': { + 'border-left-color': 'var(--stroke-surface)', + 'border-right-color': 'var(--stroke-surface)', + }, + '.border-x-accent': { + 'border-left-color': 'var(--stroke-accent)', + 'border-right-color': 'var(--stroke-accent)', + }, + '.border-x-accent-secondary': { + 'border-left-color': 'var(--stroke-accent-secondary)', + 'border-right-color': 'var(--stroke-accent-secondary)', + }, + '.border-x-accent-tertiary': { + 'border-left-color': 'var(--stroke-accent-tertiary)', + 'border-right-color': 'var(--stroke-accent-tertiary)', + }, + '.border-x-destructive': { + 'border-left-color': 'var(--stroke-destructive)', + 'border-right-color': 'var(--stroke-destructive)', + }, + '.border-x-destructive-secondary': { + 'border-left-color': 'var(--stroke-destructive-secondary)', + 'border-right-color': 'var(--stroke-destructive-secondary)', + }, + '.border-x-destructive-tertiary': { + 'border-left-color': 'var(--stroke-destructive-tertiary)', + 'border-right-color': 'var(--stroke-destructive-tertiary)', + }, + '.border-x-success': { + 'border-left-color': 'var(--stroke-success)', + 'border-right-color': 'var(--stroke-success)', + }, + '.border-x-success-secondary': { + 'border-left-color': 'var(--stroke-success-secondary)', + 'border-right-color': 'var(--stroke-success-secondary)', + }, + '.border-x-success-tertiary': { + 'border-left-color': 'var(--stroke-success-tertiary)', + 'border-right-color': 'var(--stroke-success-tertiary)', + }, + '.border-x-error': { + 'border-left-color': 'var(--stroke-error)', + 'border-right-color': 'var(--stroke-error)', + }, + '.border-x-error-secondary': { + 'border-left-color': 'var(--stroke-error-secondary)', + 'border-right-color': 'var(--stroke-error-secondary)', + }, + '.border-x-error-tertiary': { + 'border-left-color': 'var(--stroke-error-tertiary)', + 'border-right-color': 'var(--stroke-error-tertiary)', + }, + '.border-x-notice': { + 'border-left-color': 'var(--stroke-notice)', + 'border-right-color': 'var(--stroke-notice)', + }, + '.border-x-notice-secondary': { + 'border-left-color': 'var(--stroke-notice-secondary)', + 'border-right-color': 'var(--stroke-notice-secondary)', + }, + '.border-x-notice-tertiary': { + 'border-left-color': 'var(--stroke-notice-tertiary)', + 'border-right-color': 'var(--stroke-notice-tertiary)', + }, + '.border-y-default': { + 'border-top-color': 'var(--stroke-default)', + 'border-bottom-color': 'var(--stroke-default)', + }, + '.border-y-secondary': { + 'border-top-color': 'var(--stroke-secondary)', + 'border-bottom-color': 'var(--stroke-secondary)', + }, + '.border-y-tertiary': { + 'border-top-color': 'var(--stroke-tertiary)', + 'border-bottom-color': 'var(--stroke-tertiary)', + }, + '.border-y-raise': { + 'border-top-color': 'var(--stroke-raise)', + 'border-bottom-color': 'var(--stroke-raise)', + }, + '/* Matches the default surface color */ \n.border-y-surface': { + 'border-top-color': 'var(--stroke-surface)', + 'border-bottom-color': 'var(--stroke-surface)', + }, + '.border-y-accent': { + 'border-top-color': 'var(--stroke-accent)', + 'border-bottom-color': 'var(--stroke-accent)', + }, + '.border-y-accent-secondary': { + 'border-top-color': 'var(--stroke-accent-secondary)', + 'border-bottom-color': 'var(--stroke-accent-secondary)', + }, + '.border-y-accent-tertiary': { + 'border-top-color': 'var(--stroke-accent-tertiary)', + 'border-bottom-color': 'var(--stroke-accent-tertiary)', + }, + '.border-y-destructive': { + 'border-top-color': 'var(--stroke-destructive)', + 'border-bottom-color': 'var(--stroke-destructive)', + }, + '.border-y-destructive-secondary': { + 'border-top-color': 'var(--stroke-destructive-secondary)', + 'border-bottom-color': 'var(--stroke-destructive-secondary)', + }, + '.border-y-destructive-tertiary': { + 'border-top-color': 'var(--stroke-destructive-tertiary)', + 'border-bottom-color': 'var(--stroke-destructive-tertiary)', + }, + '.border-y-success': { + 'border-top-color': 'var(--stroke-success)', + 'border-bottom-color': 'var(--stroke-success)', + }, + '.border-y-success-secondary': { + 'border-top-color': 'var(--stroke-success-secondary)', + 'border-bottom-color': 'var(--stroke-success-secondary)', + }, + '.border-y-success-tertiary': { + 'border-top-color': 'var(--stroke-success-tertiary)', + 'border-bottom-color': 'var(--stroke-success-tertiary)', + }, + '.border-y-error': { + 'border-top-color': 'var(--stroke-error)', + 'border-bottom-color': 'var(--stroke-error)', + }, + '.border-y-error-secondary': { + 'border-top-color': 'var(--stroke-error-secondary)', + 'border-bottom-color': 'var(--stroke-error-secondary)', + }, + '.border-y-error-tertiary': { + 'border-top-color': 'var(--stroke-error-tertiary)', + 'border-bottom-color': 'var(--stroke-error-tertiary)', + }, + '.border-y-notice': { + 'border-top-color': 'var(--stroke-notice)', + 'border-bottom-color': 'var(--stroke-notice)', + }, + '.border-y-notice-secondary': { + 'border-top-color': 'var(--stroke-notice-secondary)', + 'border-bottom-color': 'var(--stroke-notice-secondary)', + }, + '.border-y-notice-tertiary': { + 'border-top-color': 'var(--stroke-notice-tertiary)', + 'border-bottom-color': 'var(--stroke-notice-tertiary)', + }, + '.ring-default': { + '--tw-ring-color': 'var(--stroke-default)', + }, + '.ring-secondary': { + '--tw-ring-color': 'var(--stroke-secondary)', + }, + '.ring-tertiary': { + '--tw-ring-color': 'var(--stroke-tertiary)', + }, + '.ring-raise': { + '--tw-ring-color': 'var(--stroke-raise)', + }, + '/* Matches the default surface color */ \n.ring-surface': { + '--tw-ring-color': 'var(--stroke-surface)', + }, + '.ring-accent': { + '--tw-ring-color': 'var(--stroke-accent)', + }, + '.ring-accent-secondary': { + '--tw-ring-color': 'var(--stroke-accent-secondary)', + }, + '.ring-accent-tertiary': { + '--tw-ring-color': 'var(--stroke-accent-tertiary)', + }, + '.ring-destructive': { + '--tw-ring-color': 'var(--stroke-destructive)', + }, + '.ring-destructive-secondary': { + '--tw-ring-color': 'var(--stroke-destructive-secondary)', + }, + '.ring-destructive-tertiary': { + '--tw-ring-color': 'var(--stroke-destructive-tertiary)', + }, + '.ring-success': { + '--tw-ring-color': 'var(--stroke-success)', + }, + '.ring-success-secondary': { + '--tw-ring-color': 'var(--stroke-success-secondary)', + }, + '.ring-success-tertiary': { + '--tw-ring-color': 'var(--stroke-success-tertiary)', + }, + '.ring-error': { + '--tw-ring-color': 'var(--stroke-error)', + }, + '.ring-error-secondary': { + '--tw-ring-color': 'var(--stroke-error-secondary)', + }, + '.ring-error-tertiary': { + '--tw-ring-color': 'var(--stroke-error-tertiary)', + }, + '.ring-notice': { + '--tw-ring-color': 'var(--stroke-notice)', + }, + '.ring-notice-secondary': { + '--tw-ring-color': 'var(--stroke-notice-secondary)', + }, + '.ring-notice-tertiary': { + '--tw-ring-color': 'var(--stroke-notice-tertiary)', + }, + '.outline-default': { + 'outline-color': 'var(--stroke-default)', + }, + '.outline-secondary': { + 'outline-color': 'var(--stroke-secondary)', + }, + '.outline-tertiary': { + 'outline-color': 'var(--stroke-tertiary)', + }, + '.outline-raise': { + 'outline-color': 'var(--stroke-raise)', + }, + '/* Matches the default surface color */ \n.outline-surface': { + 'outline-color': 'var(--stroke-surface)', + }, + '.outline-accent': { + 'outline-color': 'var(--stroke-accent)', + }, + '.outline-accent-secondary': { + 'outline-color': 'var(--stroke-accent-secondary)', + }, + '.outline-accent-tertiary': { + 'outline-color': 'var(--stroke-accent-tertiary)', + }, + '.outline-destructive': { + 'outline-color': 'var(--stroke-destructive)', + }, + '.outline-destructive-secondary': { + 'outline-color': 'var(--stroke-destructive-secondary)', + }, + '.outline-destructive-tertiary': { + 'outline-color': 'var(--stroke-destructive-tertiary)', + }, + '.outline-success': { + 'outline-color': 'var(--stroke-success)', + }, + '.outline-success-secondary': { + 'outline-color': 'var(--stroke-success-secondary)', + }, + '.outline-success-tertiary': { + 'outline-color': 'var(--stroke-success-tertiary)', + }, + '.outline-error': { + 'outline-color': 'var(--stroke-error)', + }, + '.outline-error-secondary': { + 'outline-color': 'var(--stroke-error-secondary)', + }, + '.outline-error-tertiary': { + 'outline-color': 'var(--stroke-error-tertiary)', + }, + '.outline-notice': { + 'outline-color': 'var(--stroke-notice)', + }, + '.outline-notice-secondary': { + 'outline-color': 'var(--stroke-notice-secondary)', + }, + '.outline-notice-tertiary': { + 'outline-color': 'var(--stroke-notice-tertiary)', + }, + '.chart-fill-area-primary': { + fill: 'var(--chart-fill-area-primary)', + }, + '.chart-fill-area-secondary': { + fill: 'var(--chart-fill-area-secondary)', + }, + '.chart-fill-area-tertiary': { + fill: 'var(--chart-fill-area-tertiary)', + }, + '.chart-fill-area-quaternary': { + fill: 'var(--chart-fill-area-quaternary)', + }, + '.chart-fill-item-primary': { + fill: 'var(--chart-fill-item-primary)', + }, + '.chart-fill-item-secondary': { + fill: 'var(--chart-fill-item-secondary)', + }, + '.chart-fill-item-tertiary': { + fill: 'var(--chart-fill-item-tertiary)', + }, + '.chart-fill-item-quaternary': { + fill: 'var(--chart-fill-item-quaternary)', + }, + '.chart-fill-error-primary': { + fill: 'var(--chart-fill-error-primary)', + }, + '.chart-fill-error-secondary': { + fill: 'var(--chart-fill-error-secondary)', + }, + '.chart-fill-error-tertiary': { + fill: 'var(--chart-fill-error-tertiary)', + }, + '.chart-fill-error-quaternary': { + fill: 'var(--chart-fill-error-quaternary)', + }, + '.chart-fill-inactive': { + fill: 'var(--chart-fill-inactive)', + }, + '.chart-stroke-line': { + stroke: 'var(--chart-stroke-line)', + }, + '.chart-stroke-line-secondary': { + stroke: 'var(--chart-stroke-line-secondary)', + }, + '.chart-stroke-line-tertiary': { + stroke: 'var(--chart-stroke-line-tertiary)', + }, + '.chart-stroke-line-quaternary': { + stroke: 'var(--chart-stroke-line-quaternary)', + }, + '.chart-stroke-y-axis': { + stroke: 'var(--chart-stroke-y-axis)', + }, + '/* Used as a stroke in conjuction with a fill. For discrete shapes e.g. bar charts; pie charts; tree maps. */ \n.chart-stroke-item': + { + stroke: 'var(--chart-stroke-item)', + }, + '.chart-stroke-item-inactive': { + stroke: 'var(--chart-stroke-item-inactive)', + }, + '.chart-stroke-error': { + stroke: 'var(--chart-stroke-error)', + }, +} - module.exports.colorUtilities = { - - '.text-default': { - 'color': 'var(--content-default)' - }, - '.text-secondary': { - 'color': 'var(--content-secondary)' - }, - '.text-tertiary': { - 'color': 'var(--content-tertiary)' - }, - '.text-quaternary': { - 'color': 'var(--content-quaternary)' - }, - '.text-quinary': { - 'color': 'var(--content-quinary)' - }, - '.text-disabled': { - 'color': 'var(--content-disabled)' - }, - '.text-accent': { - 'color': 'var(--content-accent)' - }, - '.text-accent-secondary': { - 'color': 'var(--content-accent-secondary)' - }, - '.text-accent-tertiary': { - 'color': 'var(--content-accent-tertiary)' - }, - '.text-accent-disabled': { - 'color': 'var(--content-accent-disabled)' - }, - '.text-destructive': { - 'color': 'var(--content-destructive)' - }, - '.text-destructive-secondary': { - 'color': 'var(--content-destructive-secondary)' - }, - '.text-destructive-tertiary': { - 'color': 'var(--content-destructive-tertiary)' - }, - '.text-destructive-disabled': { - 'color': 'var(--content-destructive-disabled)' - }, - '.text-success': { - 'color': 'var(--content-success)' - }, - '.text-success-secondary': { - 'color': 'var(--content-success-secondary)' - }, - '.text-success-tertiary': { - 'color': 'var(--content-success-tertiary)' - }, - '.text-success-disabled': { - 'color': 'var(--content-success-disabled)' - }, - '.text-error': { - 'color': 'var(--content-error)' - }, - '.text-error-secondary': { - 'color': 'var(--content-error-secondary)' - }, - '.text-error-tertiary': { - 'color': 'var(--content-error-tertiary)' - }, - '.text-error-disabled': { - 'color': 'var(--content-error-disabled)' - }, - '.text-notice': { - 'color': 'var(--content-notice)' - }, - '.text-notice-secondary': { - 'color': 'var(--content-notice-secondary)' - }, - '.text-notice-tertiary': { - 'color': 'var(--content-notice-tertiary)' - }, - '.text-notice-disabled': { - 'color': 'var(--content-notice-disabled)' - }, - '.text-inverse': { - 'color': 'var(--content-inverse)' - }, - '.text-inverse-raise': { - 'color': 'var(--content-inverse-raise)' - }, - '.text-inverse-secondary': { - 'color': 'var(--content-inverse-secondary)' - }, - '.bg-default': { - 'background-color': 'var(--surface-default)' - }, - '.bg-hover': { - 'background-color': 'var(--surface-hover)' - }, - '.bg-raise': { - 'background-color': 'var(--surface-raise)' - }, - '.bg-raise-hover': { - 'background-color': 'var(--surface-raise-hover)' - }, - '.bg-secondary': { - 'background-color': 'var(--surface-secondary)' - }, - '.bg-secondary-hover': { - 'background-color': 'var(--surface-secondary-hover)' - }, - '.bg-tertiary': { - 'background-color': 'var(--surface-tertiary)' - }, - '.bg-disabled': { - 'background-color': 'var(--surface-disabled)' - }, - '/* Command menu backdrop */ \n.bg-scrim': { - 'background-color': 'var(--surface-scrim)' - }, - '.bg-accent': { - 'background-color': 'var(--surface-accent)' - }, - '.bg-accent-hover': { - 'background-color': 'var(--surface-accent-hover)' - }, - '.bg-accent-secondary': { - 'background-color': 'var(--surface-accent-secondary)' - }, - '.bg-accent-secondary-hover': { - 'background-color': 'var(--surface-accent-secondary-hover)' - }, - '.bg-destructive': { - 'background-color': 'var(--surface-destructive)' - }, - '.bg-destructive-hover': { - 'background-color': 'var(--surface-destructive-hover)' - }, - '.bg-destructive-secondary': { - 'background-color': 'var(--surface-destructive-secondary)' - }, - '.bg-destructive-secondary-hover': { - 'background-color': 'var(--surface-destructive-secondary-hover)' - }, - '.bg-notice': { - 'background-color': 'var(--surface-notice)' - }, - '.bg-notice-hover': { - 'background-color': 'var(--surface-notice-hover)' - }, - '.bg-notice-secondary': { - 'background-color': 'var(--surface-notice-secondary)' - }, - '.bg-notice-secondary-hover': { - 'background-color': 'var(--surface-notice-secondary-hover)' - }, - '.bg-success': { - 'background-color': 'var(--surface-success)' - }, - '.bg-success-secondary': { - 'background-color': 'var(--surface-success-secondary)' - }, - '.bg-error': { - 'background-color': 'var(--surface-error)' - }, - '.bg-error-secondary': { - 'background-color': 'var(--surface-error-secondary)' - }, - '.bg-inverse': { - 'background-color': 'var(--surface-inverse)' - }, - '.bg-inverse-secondary': { - 'background-color': 'var(--surface-inverse-secondary)' - }, - '.bg-inverse-tertiary': { - 'background-color': 'var(--surface-inverse-tertiary)' - }, - '.border-default': { - 'border-color': 'var(--stroke-default)' - }, - '.border-secondary': { - 'border-color': 'var(--stroke-secondary)' - }, - '.border-tertiary': { - 'border-color': 'var(--stroke-tertiary)' - }, - '.border-raise': { - 'border-color': 'var(--stroke-raise)' - }, - '/* Matches the default surface color */ \n.border-surface': { - 'border-color': 'var(--stroke-surface)' - }, - '.border-accent': { - 'border-color': 'var(--stroke-accent)' - }, - '.border-accent-secondary': { - 'border-color': 'var(--stroke-accent-secondary)' - }, - '.border-accent-tertiary': { - 'border-color': 'var(--stroke-accent-tertiary)' - }, - '.border-destructive': { - 'border-color': 'var(--stroke-destructive)' - }, - '.border-destructive-secondary': { - 'border-color': 'var(--stroke-destructive-secondary)' - }, - '.border-destructive-tertiary': { - 'border-color': 'var(--stroke-destructive-tertiary)' - }, - '.border-success': { - 'border-color': 'var(--stroke-success)' - }, - '.border-success-secondary': { - 'border-color': 'var(--stroke-success-secondary)' - }, - '.border-success-tertiary': { - 'border-color': 'var(--stroke-success-tertiary)' - }, - '.border-error': { - 'border-color': 'var(--stroke-error)' - }, - '.border-error-secondary': { - 'border-color': 'var(--stroke-error-secondary)' - }, - '.border-error-tertiary': { - 'border-color': 'var(--stroke-error-tertiary)' - }, - '.border-notice': { - 'border-color': 'var(--stroke-notice)' - }, - '.border-notice-secondary': { - 'border-color': 'var(--stroke-notice-secondary)' - }, - '.border-notice-tertiary': { - 'border-color': 'var(--stroke-notice-tertiary)' - }, - '.border-l-default': { - 'border-left-color': 'var(--stroke-default)' - }, - '.border-l-secondary': { - 'border-left-color': 'var(--stroke-secondary)' - }, - '.border-l-tertiary': { - 'border-left-color': 'var(--stroke-tertiary)' - }, - '.border-l-raise': { - 'border-left-color': 'var(--stroke-raise)' - }, - '/* Matches the default surface color */ \n.border-l-surface': { - 'border-left-color': 'var(--stroke-surface)' - }, - '.border-l-accent': { - 'border-left-color': 'var(--stroke-accent)' - }, - '.border-l-accent-secondary': { - 'border-left-color': 'var(--stroke-accent-secondary)' - }, - '.border-l-accent-tertiary': { - 'border-left-color': 'var(--stroke-accent-tertiary)' - }, - '.border-l-destructive': { - 'border-left-color': 'var(--stroke-destructive)' - }, - '.border-l-destructive-secondary': { - 'border-left-color': 'var(--stroke-destructive-secondary)' - }, - '.border-l-destructive-tertiary': { - 'border-left-color': 'var(--stroke-destructive-tertiary)' - }, - '.border-l-success': { - 'border-left-color': 'var(--stroke-success)' - }, - '.border-l-success-secondary': { - 'border-left-color': 'var(--stroke-success-secondary)' - }, - '.border-l-success-tertiary': { - 'border-left-color': 'var(--stroke-success-tertiary)' - }, - '.border-l-error': { - 'border-left-color': 'var(--stroke-error)' - }, - '.border-l-error-secondary': { - 'border-left-color': 'var(--stroke-error-secondary)' - }, - '.border-l-error-tertiary': { - 'border-left-color': 'var(--stroke-error-tertiary)' - }, - '.border-l-notice': { - 'border-left-color': 'var(--stroke-notice)' - }, - '.border-l-notice-secondary': { - 'border-left-color': 'var(--stroke-notice-secondary)' - }, - '.border-l-notice-tertiary': { - 'border-left-color': 'var(--stroke-notice-tertiary)' - }, - '.border-r-default': { - 'border-right-color': 'var(--stroke-default)' - }, - '.border-r-secondary': { - 'border-right-color': 'var(--stroke-secondary)' - }, - '.border-r-tertiary': { - 'border-right-color': 'var(--stroke-tertiary)' - }, - '.border-r-raise': { - 'border-right-color': 'var(--stroke-raise)' - }, - '/* Matches the default surface color */ \n.border-r-surface': { - 'border-right-color': 'var(--stroke-surface)' - }, - '.border-r-accent': { - 'border-right-color': 'var(--stroke-accent)' - }, - '.border-r-accent-secondary': { - 'border-right-color': 'var(--stroke-accent-secondary)' - }, - '.border-r-accent-tertiary': { - 'border-right-color': 'var(--stroke-accent-tertiary)' - }, - '.border-r-destructive': { - 'border-right-color': 'var(--stroke-destructive)' - }, - '.border-r-destructive-secondary': { - 'border-right-color': 'var(--stroke-destructive-secondary)' - }, - '.border-r-destructive-tertiary': { - 'border-right-color': 'var(--stroke-destructive-tertiary)' - }, - '.border-r-success': { - 'border-right-color': 'var(--stroke-success)' - }, - '.border-r-success-secondary': { - 'border-right-color': 'var(--stroke-success-secondary)' - }, - '.border-r-success-tertiary': { - 'border-right-color': 'var(--stroke-success-tertiary)' - }, - '.border-r-error': { - 'border-right-color': 'var(--stroke-error)' - }, - '.border-r-error-secondary': { - 'border-right-color': 'var(--stroke-error-secondary)' - }, - '.border-r-error-tertiary': { - 'border-right-color': 'var(--stroke-error-tertiary)' - }, - '.border-r-notice': { - 'border-right-color': 'var(--stroke-notice)' - }, - '.border-r-notice-secondary': { - 'border-right-color': 'var(--stroke-notice-secondary)' - }, - '.border-r-notice-tertiary': { - 'border-right-color': 'var(--stroke-notice-tertiary)' - }, - '.border-t-default': { - 'border-top-color': 'var(--stroke-default)' - }, - '.border-t-secondary': { - 'border-top-color': 'var(--stroke-secondary)' - }, - '.border-t-tertiary': { - 'border-top-color': 'var(--stroke-tertiary)' - }, - '.border-t-raise': { - 'border-top-color': 'var(--stroke-raise)' - }, - '/* Matches the default surface color */ \n.border-t-surface': { - 'border-top-color': 'var(--stroke-surface)' - }, - '.border-t-accent': { - 'border-top-color': 'var(--stroke-accent)' - }, - '.border-t-accent-secondary': { - 'border-top-color': 'var(--stroke-accent-secondary)' - }, - '.border-t-accent-tertiary': { - 'border-top-color': 'var(--stroke-accent-tertiary)' - }, - '.border-t-destructive': { - 'border-top-color': 'var(--stroke-destructive)' - }, - '.border-t-destructive-secondary': { - 'border-top-color': 'var(--stroke-destructive-secondary)' - }, - '.border-t-destructive-tertiary': { - 'border-top-color': 'var(--stroke-destructive-tertiary)' - }, - '.border-t-success': { - 'border-top-color': 'var(--stroke-success)' - }, - '.border-t-success-secondary': { - 'border-top-color': 'var(--stroke-success-secondary)' - }, - '.border-t-success-tertiary': { - 'border-top-color': 'var(--stroke-success-tertiary)' - }, - '.border-t-error': { - 'border-top-color': 'var(--stroke-error)' - }, - '.border-t-error-secondary': { - 'border-top-color': 'var(--stroke-error-secondary)' - }, - '.border-t-error-tertiary': { - 'border-top-color': 'var(--stroke-error-tertiary)' - }, - '.border-t-notice': { - 'border-top-color': 'var(--stroke-notice)' - }, - '.border-t-notice-secondary': { - 'border-top-color': 'var(--stroke-notice-secondary)' - }, - '.border-t-notice-tertiary': { - 'border-top-color': 'var(--stroke-notice-tertiary)' - }, - '.border-b-default': { - 'border-bottom-color': 'var(--stroke-default)' - }, - '.border-b-secondary': { - 'border-bottom-color': 'var(--stroke-secondary)' - }, - '.border-b-tertiary': { - 'border-bottom-color': 'var(--stroke-tertiary)' - }, - '.border-b-raise': { - 'border-bottom-color': 'var(--stroke-raise)' - }, - '/* Matches the default surface color */ \n.border-b-surface': { - 'border-bottom-color': 'var(--stroke-surface)' - }, - '.border-b-accent': { - 'border-bottom-color': 'var(--stroke-accent)' - }, - '.border-b-accent-secondary': { - 'border-bottom-color': 'var(--stroke-accent-secondary)' - }, - '.border-b-accent-tertiary': { - 'border-bottom-color': 'var(--stroke-accent-tertiary)' - }, - '.border-b-destructive': { - 'border-bottom-color': 'var(--stroke-destructive)' - }, - '.border-b-destructive-secondary': { - 'border-bottom-color': 'var(--stroke-destructive-secondary)' - }, - '.border-b-destructive-tertiary': { - 'border-bottom-color': 'var(--stroke-destructive-tertiary)' - }, - '.border-b-success': { - 'border-bottom-color': 'var(--stroke-success)' - }, - '.border-b-success-secondary': { - 'border-bottom-color': 'var(--stroke-success-secondary)' - }, - '.border-b-success-tertiary': { - 'border-bottom-color': 'var(--stroke-success-tertiary)' - }, - '.border-b-error': { - 'border-bottom-color': 'var(--stroke-error)' - }, - '.border-b-error-secondary': { - 'border-bottom-color': 'var(--stroke-error-secondary)' - }, - '.border-b-error-tertiary': { - 'border-bottom-color': 'var(--stroke-error-tertiary)' - }, - '.border-b-notice': { - 'border-bottom-color': 'var(--stroke-notice)' - }, - '.border-b-notice-secondary': { - 'border-bottom-color': 'var(--stroke-notice-secondary)' - }, - '.border-b-notice-tertiary': { - 'border-bottom-color': 'var(--stroke-notice-tertiary)' - }, - '.border-x-default': { - 'border-left-color': 'var(--stroke-default)','border-right-color': 'var(--stroke-default)' - }, - '.border-x-secondary': { - 'border-left-color': 'var(--stroke-secondary)','border-right-color': 'var(--stroke-secondary)' - }, - '.border-x-tertiary': { - 'border-left-color': 'var(--stroke-tertiary)','border-right-color': 'var(--stroke-tertiary)' - }, - '.border-x-raise': { - 'border-left-color': 'var(--stroke-raise)','border-right-color': 'var(--stroke-raise)' - }, - '/* Matches the default surface color */ \n.border-x-surface': { - 'border-left-color': 'var(--stroke-surface)','border-right-color': 'var(--stroke-surface)' - }, - '.border-x-accent': { - 'border-left-color': 'var(--stroke-accent)','border-right-color': 'var(--stroke-accent)' - }, - '.border-x-accent-secondary': { - 'border-left-color': 'var(--stroke-accent-secondary)','border-right-color': 'var(--stroke-accent-secondary)' - }, - '.border-x-accent-tertiary': { - 'border-left-color': 'var(--stroke-accent-tertiary)','border-right-color': 'var(--stroke-accent-tertiary)' - }, - '.border-x-destructive': { - 'border-left-color': 'var(--stroke-destructive)','border-right-color': 'var(--stroke-destructive)' - }, - '.border-x-destructive-secondary': { - 'border-left-color': 'var(--stroke-destructive-secondary)','border-right-color': 'var(--stroke-destructive-secondary)' - }, - '.border-x-destructive-tertiary': { - 'border-left-color': 'var(--stroke-destructive-tertiary)','border-right-color': 'var(--stroke-destructive-tertiary)' - }, - '.border-x-success': { - 'border-left-color': 'var(--stroke-success)','border-right-color': 'var(--stroke-success)' - }, - '.border-x-success-secondary': { - 'border-left-color': 'var(--stroke-success-secondary)','border-right-color': 'var(--stroke-success-secondary)' - }, - '.border-x-success-tertiary': { - 'border-left-color': 'var(--stroke-success-tertiary)','border-right-color': 'var(--stroke-success-tertiary)' - }, - '.border-x-error': { - 'border-left-color': 'var(--stroke-error)','border-right-color': 'var(--stroke-error)' - }, - '.border-x-error-secondary': { - 'border-left-color': 'var(--stroke-error-secondary)','border-right-color': 'var(--stroke-error-secondary)' - }, - '.border-x-error-tertiary': { - 'border-left-color': 'var(--stroke-error-tertiary)','border-right-color': 'var(--stroke-error-tertiary)' - }, - '.border-x-notice': { - 'border-left-color': 'var(--stroke-notice)','border-right-color': 'var(--stroke-notice)' - }, - '.border-x-notice-secondary': { - 'border-left-color': 'var(--stroke-notice-secondary)','border-right-color': 'var(--stroke-notice-secondary)' - }, - '.border-x-notice-tertiary': { - 'border-left-color': 'var(--stroke-notice-tertiary)','border-right-color': 'var(--stroke-notice-tertiary)' - }, - '.border-y-default': { - 'border-top-color': 'var(--stroke-default)','border-bottom-color': 'var(--stroke-default)' - }, - '.border-y-secondary': { - 'border-top-color': 'var(--stroke-secondary)','border-bottom-color': 'var(--stroke-secondary)' - }, - '.border-y-tertiary': { - 'border-top-color': 'var(--stroke-tertiary)','border-bottom-color': 'var(--stroke-tertiary)' - }, - '.border-y-raise': { - 'border-top-color': 'var(--stroke-raise)','border-bottom-color': 'var(--stroke-raise)' - }, - '/* Matches the default surface color */ \n.border-y-surface': { - 'border-top-color': 'var(--stroke-surface)','border-bottom-color': 'var(--stroke-surface)' - }, - '.border-y-accent': { - 'border-top-color': 'var(--stroke-accent)','border-bottom-color': 'var(--stroke-accent)' - }, - '.border-y-accent-secondary': { - 'border-top-color': 'var(--stroke-accent-secondary)','border-bottom-color': 'var(--stroke-accent-secondary)' - }, - '.border-y-accent-tertiary': { - 'border-top-color': 'var(--stroke-accent-tertiary)','border-bottom-color': 'var(--stroke-accent-tertiary)' - }, - '.border-y-destructive': { - 'border-top-color': 'var(--stroke-destructive)','border-bottom-color': 'var(--stroke-destructive)' - }, - '.border-y-destructive-secondary': { - 'border-top-color': 'var(--stroke-destructive-secondary)','border-bottom-color': 'var(--stroke-destructive-secondary)' - }, - '.border-y-destructive-tertiary': { - 'border-top-color': 'var(--stroke-destructive-tertiary)','border-bottom-color': 'var(--stroke-destructive-tertiary)' - }, - '.border-y-success': { - 'border-top-color': 'var(--stroke-success)','border-bottom-color': 'var(--stroke-success)' - }, - '.border-y-success-secondary': { - 'border-top-color': 'var(--stroke-success-secondary)','border-bottom-color': 'var(--stroke-success-secondary)' - }, - '.border-y-success-tertiary': { - 'border-top-color': 'var(--stroke-success-tertiary)','border-bottom-color': 'var(--stroke-success-tertiary)' - }, - '.border-y-error': { - 'border-top-color': 'var(--stroke-error)','border-bottom-color': 'var(--stroke-error)' - }, - '.border-y-error-secondary': { - 'border-top-color': 'var(--stroke-error-secondary)','border-bottom-color': 'var(--stroke-error-secondary)' - }, - '.border-y-error-tertiary': { - 'border-top-color': 'var(--stroke-error-tertiary)','border-bottom-color': 'var(--stroke-error-tertiary)' - }, - '.border-y-notice': { - 'border-top-color': 'var(--stroke-notice)','border-bottom-color': 'var(--stroke-notice)' - }, - '.border-y-notice-secondary': { - 'border-top-color': 'var(--stroke-notice-secondary)','border-bottom-color': 'var(--stroke-notice-secondary)' - }, - '.border-y-notice-tertiary': { - 'border-top-color': 'var(--stroke-notice-tertiary)','border-bottom-color': 'var(--stroke-notice-tertiary)' - }, - '.ring-default': { - '--tw-ring-color': 'var(--stroke-default)' - }, - '.ring-secondary': { - '--tw-ring-color': 'var(--stroke-secondary)' - }, - '.ring-tertiary': { - '--tw-ring-color': 'var(--stroke-tertiary)' - }, - '.ring-raise': { - '--tw-ring-color': 'var(--stroke-raise)' - }, - '/* Matches the default surface color */ \n.ring-surface': { - '--tw-ring-color': 'var(--stroke-surface)' - }, - '.ring-accent': { - '--tw-ring-color': 'var(--stroke-accent)' - }, - '.ring-accent-secondary': { - '--tw-ring-color': 'var(--stroke-accent-secondary)' - }, - '.ring-accent-tertiary': { - '--tw-ring-color': 'var(--stroke-accent-tertiary)' - }, - '.ring-destructive': { - '--tw-ring-color': 'var(--stroke-destructive)' - }, - '.ring-destructive-secondary': { - '--tw-ring-color': 'var(--stroke-destructive-secondary)' - }, - '.ring-destructive-tertiary': { - '--tw-ring-color': 'var(--stroke-destructive-tertiary)' - }, - '.ring-success': { - '--tw-ring-color': 'var(--stroke-success)' - }, - '.ring-success-secondary': { - '--tw-ring-color': 'var(--stroke-success-secondary)' - }, - '.ring-success-tertiary': { - '--tw-ring-color': 'var(--stroke-success-tertiary)' - }, - '.ring-error': { - '--tw-ring-color': 'var(--stroke-error)' - }, - '.ring-error-secondary': { - '--tw-ring-color': 'var(--stroke-error-secondary)' - }, - '.ring-error-tertiary': { - '--tw-ring-color': 'var(--stroke-error-tertiary)' - }, - '.ring-notice': { - '--tw-ring-color': 'var(--stroke-notice)' - }, - '.ring-notice-secondary': { - '--tw-ring-color': 'var(--stroke-notice-secondary)' - }, - '.ring-notice-tertiary': { - '--tw-ring-color': 'var(--stroke-notice-tertiary)' - }, - '.outline-default': { - 'outline-color': 'var(--stroke-default)' - }, - '.outline-secondary': { - 'outline-color': 'var(--stroke-secondary)' - }, - '.outline-tertiary': { - 'outline-color': 'var(--stroke-tertiary)' - }, - '.outline-raise': { - 'outline-color': 'var(--stroke-raise)' - }, - '/* Matches the default surface color */ \n.outline-surface': { - 'outline-color': 'var(--stroke-surface)' - }, - '.outline-accent': { - 'outline-color': 'var(--stroke-accent)' - }, - '.outline-accent-secondary': { - 'outline-color': 'var(--stroke-accent-secondary)' - }, - '.outline-accent-tertiary': { - 'outline-color': 'var(--stroke-accent-tertiary)' - }, - '.outline-destructive': { - 'outline-color': 'var(--stroke-destructive)' - }, - '.outline-destructive-secondary': { - 'outline-color': 'var(--stroke-destructive-secondary)' - }, - '.outline-destructive-tertiary': { - 'outline-color': 'var(--stroke-destructive-tertiary)' - }, - '.outline-success': { - 'outline-color': 'var(--stroke-success)' - }, - '.outline-success-secondary': { - 'outline-color': 'var(--stroke-success-secondary)' - }, - '.outline-success-tertiary': { - 'outline-color': 'var(--stroke-success-tertiary)' - }, - '.outline-error': { - 'outline-color': 'var(--stroke-error)' - }, - '.outline-error-secondary': { - 'outline-color': 'var(--stroke-error-secondary)' - }, - '.outline-error-tertiary': { - 'outline-color': 'var(--stroke-error-tertiary)' - }, - '.outline-notice': { - 'outline-color': 'var(--stroke-notice)' - }, - '.outline-notice-secondary': { - 'outline-color': 'var(--stroke-notice-secondary)' - }, - '.outline-notice-tertiary': { - 'outline-color': 'var(--stroke-notice-tertiary)' - }, - '.chart-fill-area-primary': { - 'fill': 'var(--chart-fill-area-primary)' - }, - '.chart-fill-area-secondary': { - 'fill': 'var(--chart-fill-area-secondary)' - }, - '.chart-fill-area-tertiary': { - 'fill': 'var(--chart-fill-area-tertiary)' - }, - '.chart-fill-area-quaternary': { - 'fill': 'var(--chart-fill-area-quaternary)' - }, - '.chart-fill-item-primary': { - 'fill': 'var(--chart-fill-item-primary)' - }, - '.chart-fill-item-secondary': { - 'fill': 'var(--chart-fill-item-secondary)' - }, - '.chart-fill-item-tertiary': { - 'fill': 'var(--chart-fill-item-tertiary)' - }, - '.chart-fill-item-quaternary': { - 'fill': 'var(--chart-fill-item-quaternary)' - }, - '.chart-fill-error-primary': { - 'fill': 'var(--chart-fill-error-primary)' - }, - '.chart-fill-error-secondary': { - 'fill': 'var(--chart-fill-error-secondary)' - }, - '.chart-fill-error-tertiary': { - 'fill': 'var(--chart-fill-error-tertiary)' - }, - '.chart-fill-error-quaternary': { - 'fill': 'var(--chart-fill-error-quaternary)' - }, - '.chart-fill-inactive': { - 'fill': 'var(--chart-fill-inactive)' - }, - '.chart-stroke-line': { - 'stroke': 'var(--chart-stroke-line)' - }, - '.chart-stroke-line-secondary': { - 'stroke': 'var(--chart-stroke-line-secondary)' - }, - '.chart-stroke-line-tertiary': { - 'stroke': 'var(--chart-stroke-line-tertiary)' - }, - '.chart-stroke-line-quaternary': { - 'stroke': 'var(--chart-stroke-line-quaternary)' - }, - '.chart-stroke-y-axis': { - 'stroke': 'var(--chart-stroke-y-axis)' - }, - '/* Used as a stroke in conjuction with a fill. For discrete shapes e.g. bar charts; pie charts; tree maps. */ \n.chart-stroke-item': { - 'stroke': 'var(--chart-stroke-item)' - }, - '.chart-stroke-item-inactive': { - 'stroke': 'var(--chart-stroke-item-inactive)' - }, - '.chart-stroke-error': { - 'stroke': 'var(--chart-stroke-error)' - } - } - - module.exports.borderRadiusTokens = { - 'sm': 'var(--border-radius-sm)','DEFAULT': 'var(--border-radius)','full': 'var(--border-radius-full)' - } - \ No newline at end of file +module.exports.borderRadiusTokens = { + sm: 'var(--border-radius-sm)', + DEFAULT: 'var(--border-radius)', + full: 'var(--border-radius-full)', +} diff --git a/styles/dist/yellow.css b/styles/dist/yellow.css index 63ee0a04..cbea8e99 100644 --- a/styles/dist/yellow.css +++ b/styles/dist/yellow.css @@ -1,587 +1,411 @@ /* THIS FILE IS AUTOGENERATED, DO NOT EDIT */ .yellow-theme { - + --surface-default-rgb: var(--base-neutral-0-rgb); + --surface-default: rgb(var(--surface-default-rgb)); + --surface-hover-rgb: var(--base-neutral-50-rgb); + --surface-hover: rgb(var(--surface-hover-rgb)); + --surface-raise-rgb: var(--base-neutral-50-rgb); + --surface-raise: rgb(var(--surface-raise-rgb)); + --surface-raise-hover-rgb: var(--base-neutral-100-rgb); + --surface-raise-hover: rgb(var(--surface-raise-hover-rgb)); + --surface-secondary-rgb: var(--base-neutral-100-rgb); + --surface-secondary: rgb(var(--surface-secondary-rgb)); + --surface-secondary-hover-rgb: var(--base-neutral-200-rgb); + --surface-secondary-hover: rgb(var(--surface-secondary-hover-rgb)); + --surface-tertiary-rgb: var(--base-neutral-200-rgb); + --surface-tertiary: rgb(var(--surface-tertiary-rgb)); + --surface-disabled-rgb: var(--base-neutral-100-rgb); + --surface-disabled: rgb(var(--surface-disabled-rgb)); + --surface-scrim: rgba(var(--base-neutral-0-rgb), 0.6); + --surface-accent-rgb: var(--theme-accent-800-rgb); + --surface-accent: rgb(var(--surface-accent-rgb)); + --surface-accent-hover-rgb: var(--theme-accent-700-rgb); + --surface-accent-hover: rgb(var(--surface-accent-hover-rgb)); + --surface-accent-secondary-rgb: var(--theme-accent-200-rgb); + --surface-accent-secondary: rgb(var(--surface-accent-secondary-rgb)); + --surface-accent-secondary-hover-rgb: var(--theme-accent-300-rgb); + --surface-accent-secondary-hover: rgb(var(--surface-accent-secondary-hover-rgb)); + --surface-destructive-rgb: var(--theme-destructive-800-rgb); + --surface-destructive: rgb(var(--surface-destructive-rgb)); + --surface-destructive-hover-rgb: var(--theme-destructive-700-rgb); + --surface-destructive-hover: rgb(var(--surface-destructive-hover-rgb)); + --surface-destructive-secondary-rgb: var(--theme-destructive-200-rgb); + --surface-destructive-secondary: rgb(var(--surface-destructive-secondary-rgb)); + --surface-destructive-secondary-hover-rgb: var(--theme-destructive-300-rgb); + --surface-destructive-secondary-hover: rgb( + var(--surface-destructive-secondary-hover-rgb) + ); + --surface-notice-rgb: var(--theme-notice-800-rgb); + --surface-notice: rgb(var(--surface-notice-rgb)); + --surface-notice-hover-rgb: var(--theme-notice-700-rgb); + --surface-notice-hover: rgb(var(--surface-notice-hover-rgb)); + --surface-notice-secondary-rgb: var(--theme-notice-200-rgb); + --surface-notice-secondary: rgb(var(--surface-notice-secondary-rgb)); + --surface-notice-secondary-hover-rgb: var(--theme-notice-300-rgb); + --surface-notice-secondary-hover: rgb(var(--surface-notice-secondary-hover-rgb)); + --surface-success-rgb: var(--theme-success-800-rgb); + --surface-success: rgb(var(--surface-success-rgb)); + --surface-success-secondary-rgb: var(--theme-success-200-rgb); + --surface-success-secondary: rgb(var(--surface-success-secondary-rgb)); + --surface-error-rgb: var(--theme-error-800-rgb); + --surface-error: rgb(var(--surface-error-rgb)); + --surface-error-secondary-rgb: var(--theme-error-200-rgb); + --surface-error-secondary: rgb(var(--surface-error-secondary-rgb)); + --surface-inverse-rgb: var(--content-default-rgb); + --surface-inverse: rgb(var(--surface-inverse-rgb)); + --surface-inverse-secondary-rgb: var(--content-secondary-rgb); + --surface-inverse-secondary: rgb(var(--surface-inverse-secondary-rgb)); + --surface-inverse-tertiary-rgb: var(--content-tertiary-rgb); + --surface-inverse-tertiary: rgb(var(--surface-inverse-tertiary-rgb)); + --content-default-rgb: var(--base-neutral-900-rgb); + --content-default: rgb(var(--content-default-rgb)); + --content-secondary-rgb: var(--base-neutral-800-rgb); + --content-secondary: rgb(var(--content-secondary-rgb)); + --content-tertiary-rgb: var(--base-neutral-700-rgb); + --content-tertiary: rgb(var(--content-tertiary-rgb)); + --content-quaternary-rgb: var(--base-neutral-600-rgb); + --content-quaternary: rgb(var(--content-quaternary-rgb)); + --content-quinary-rgb: var(--base-neutral-500-rgb); + --content-quinary: rgb(var(--content-quinary-rgb)); + --content-disabled-rgb: var(--base-neutral-500-rgb); + --content-disabled: rgb(var(--content-disabled-rgb)); + --content-accent-rgb: var(--theme-accent-800-rgb); + --content-accent: rgb(var(--content-accent-rgb)); + --content-accent-secondary-rgb: var(--theme-accent-700-rgb); + --content-accent-secondary: rgb(var(--content-accent-secondary-rgb)); + --content-accent-tertiary-rgb: var(--theme-accent-600-rgb); + --content-accent-tertiary: rgb(var(--content-accent-tertiary-rgb)); + --content-accent-disabled-rgb: var(--theme-accent-500-rgb); + --content-accent-disabled: rgb(var(--content-accent-disabled-rgb)); + --content-destructive-rgb: var(--theme-destructive-800-rgb); + --content-destructive: rgb(var(--content-destructive-rgb)); + --content-destructive-secondary-rgb: var(--theme-destructive-700-rgb); + --content-destructive-secondary: rgb(var(--content-destructive-secondary-rgb)); + --content-destructive-tertiary-rgb: var(--theme-destructive-600-rgb); + --content-destructive-tertiary: rgb(var(--content-destructive-tertiary-rgb)); + --content-destructive-disabled-rgb: var(--theme-destructive-500-rgb); + --content-destructive-disabled: rgb(var(--content-destructive-disabled-rgb)); + --content-success-rgb: var(--theme-success-800-rgb); + --content-success: rgb(var(--content-success-rgb)); + --content-success-secondary-rgb: var(--theme-success-700-rgb); + --content-success-secondary: rgb(var(--content-success-secondary-rgb)); + --content-success-tertiary-rgb: var(--theme-success-600-rgb); + --content-success-tertiary: rgb(var(--content-success-tertiary-rgb)); + --content-success-disabled-rgb: var(--theme-success-500-rgb); + --content-success-disabled: rgb(var(--content-success-disabled-rgb)); + --content-error-rgb: var(--theme-error-800-rgb); + --content-error: rgb(var(--content-error-rgb)); + --content-error-secondary-rgb: var(--theme-error-700-rgb); + --content-error-secondary: rgb(var(--content-error-secondary-rgb)); + --content-error-tertiary-rgb: var(--theme-error-600-rgb); + --content-error-tertiary: rgb(var(--content-error-tertiary-rgb)); + --content-error-disabled-rgb: var(--theme-error-500-rgb); + --content-error-disabled: rgb(var(--content-error-disabled-rgb)); + --content-notice-rgb: var(--theme-notice-800-rgb); + --content-notice: rgb(var(--content-notice-rgb)); - --surface-default-rgb: var(--base-neutral-0-rgb); - --surface-default: rgb(var(--surface-default-rgb)); - + --content-notice-secondary-rgb: var(--theme-notice-700-rgb); + --content-notice-secondary: rgb(var(--content-notice-secondary-rgb)); - --surface-hover-rgb: var(--base-neutral-50-rgb); - --surface-hover: rgb(var(--surface-hover-rgb)); - + --content-notice-tertiary-rgb: var(--theme-notice-600-rgb); + --content-notice-tertiary: rgb(var(--content-notice-tertiary-rgb)); - --surface-raise-rgb: var(--base-neutral-50-rgb); - --surface-raise: rgb(var(--surface-raise-rgb)); - + --content-notice-disabled-rgb: var(--theme-notice-500-rgb); + --content-notice-disabled: rgb(var(--content-notice-disabled-rgb)); - --surface-raise-hover-rgb: var(--base-neutral-100-rgb); - --surface-raise-hover: rgb(var(--surface-raise-hover-rgb)); - + --content-inverse-rgb: var(--surface-default-rgb); + --content-inverse: rgb(var(--content-inverse-rgb)); - --surface-secondary-rgb: var(--base-neutral-100-rgb); - --surface-secondary: rgb(var(--surface-secondary-rgb)); - + --content-inverse-raise-rgb: var(--surface-raise-rgb); + --content-inverse-raise: rgb(var(--content-inverse-raise-rgb)); - --surface-secondary-hover-rgb: var(--base-neutral-200-rgb); - --surface-secondary-hover: rgb(var(--surface-secondary-hover-rgb)); - + --content-inverse-secondary-rgb: var(--surface-secondary-rgb); + --content-inverse-secondary: rgb(var(--content-inverse-secondary-rgb)); - --surface-tertiary-rgb: var(--base-neutral-200-rgb); - --surface-tertiary: rgb(var(--surface-tertiary-rgb)); - + --stroke-default-rgb: var(--base-neutral-300-rgb); + --stroke-default: rgb(var(--stroke-default-rgb)); - --surface-disabled-rgb: var(--base-neutral-100-rgb); - --surface-disabled: rgb(var(--surface-disabled-rgb)); - ---surface-scrim: rgba(var(--base-neutral-0-rgb), 0.6); + --stroke-secondary-rgb: var(--base-neutral-200-rgb); + --stroke-secondary: rgb(var(--stroke-secondary-rgb)); - --surface-accent-rgb: var(--theme-accent-800-rgb); - --surface-accent: rgb(var(--surface-accent-rgb)); - + --stroke-tertiary-rgb: var(--base-neutral-100-rgb); + --stroke-tertiary: rgb(var(--stroke-tertiary-rgb)); - --surface-accent-hover-rgb: var(--theme-accent-700-rgb); - --surface-accent-hover: rgb(var(--surface-accent-hover-rgb)); - + --stroke-raise-rgb: var(--base-neutral-500-rgb); + --stroke-raise: rgb(var(--stroke-raise-rgb)); - --surface-accent-secondary-rgb: var(--theme-accent-200-rgb); - --surface-accent-secondary: rgb(var(--surface-accent-secondary-rgb)); - + --stroke-surface-rgb: var(--surface-default-rgb); + --stroke-surface: rgb(var(--stroke-surface-rgb)); - --surface-accent-secondary-hover-rgb: var(--theme-accent-300-rgb); - --surface-accent-secondary-hover: rgb(var(--surface-accent-secondary-hover-rgb)); - + --stroke-accent-rgb: var(--theme-accent-800-rgb); + --stroke-accent: rgb(var(--stroke-accent-rgb)); - --surface-destructive-rgb: var(--theme-destructive-800-rgb); - --surface-destructive: rgb(var(--surface-destructive-rgb)); - + --stroke-accent-secondary-rgb: var(--theme-accent-600-rgb); + --stroke-accent-secondary: rgb(var(--stroke-accent-secondary-rgb)); - --surface-destructive-hover-rgb: var(--theme-destructive-700-rgb); - --surface-destructive-hover: rgb(var(--surface-destructive-hover-rgb)); - + --stroke-accent-tertiary-rgb: var(--theme-accent-400-rgb); + --stroke-accent-tertiary: rgb(var(--stroke-accent-tertiary-rgb)); - --surface-destructive-secondary-rgb: var(--theme-destructive-200-rgb); - --surface-destructive-secondary: rgb(var(--surface-destructive-secondary-rgb)); - + --stroke-destructive-rgb: var(--theme-destructive-800-rgb); + --stroke-destructive: rgb(var(--stroke-destructive-rgb)); - --surface-destructive-secondary-hover-rgb: var(--theme-destructive-300-rgb); - --surface-destructive-secondary-hover: rgb(var(--surface-destructive-secondary-hover-rgb)); - + --stroke-destructive-secondary-rgb: var(--theme-destructive-600-rgb); + --stroke-destructive-secondary: rgb(var(--stroke-destructive-secondary-rgb)); - --surface-notice-rgb: var(--theme-notice-800-rgb); - --surface-notice: rgb(var(--surface-notice-rgb)); - + --stroke-destructive-tertiary-rgb: var(--theme-destructive-400-rgb); + --stroke-destructive-tertiary: rgb(var(--stroke-destructive-tertiary-rgb)); - --surface-notice-hover-rgb: var(--theme-notice-700-rgb); - --surface-notice-hover: rgb(var(--surface-notice-hover-rgb)); - + --stroke-success-rgb: var(--theme-success-800-rgb); + --stroke-success: rgb(var(--stroke-success-rgb)); - --surface-notice-secondary-rgb: var(--theme-notice-200-rgb); - --surface-notice-secondary: rgb(var(--surface-notice-secondary-rgb)); - + --stroke-success-secondary-rgb: var(--theme-success-600-rgb); + --stroke-success-secondary: rgb(var(--stroke-success-secondary-rgb)); - --surface-notice-secondary-hover-rgb: var(--theme-notice-300-rgb); - --surface-notice-secondary-hover: rgb(var(--surface-notice-secondary-hover-rgb)); - + --stroke-success-tertiary-rgb: var(--theme-success-400-rgb); + --stroke-success-tertiary: rgb(var(--stroke-success-tertiary-rgb)); - --surface-success-rgb: var(--theme-success-800-rgb); - --surface-success: rgb(var(--surface-success-rgb)); - + --stroke-error-rgb: var(--theme-error-800-rgb); + --stroke-error: rgb(var(--stroke-error-rgb)); - --surface-success-secondary-rgb: var(--theme-success-200-rgb); - --surface-success-secondary: rgb(var(--surface-success-secondary-rgb)); - + --stroke-error-secondary-rgb: var(--theme-error-600-rgb); + --stroke-error-secondary: rgb(var(--stroke-error-secondary-rgb)); - --surface-error-rgb: var(--theme-error-800-rgb); - --surface-error: rgb(var(--surface-error-rgb)); - + --stroke-error-tertiary-rgb: var(--theme-error-400-rgb); + --stroke-error-tertiary: rgb(var(--stroke-error-tertiary-rgb)); - --surface-error-secondary-rgb: var(--theme-error-200-rgb); - --surface-error-secondary: rgb(var(--surface-error-secondary-rgb)); - + --stroke-notice-rgb: var(--theme-notice-800-rgb); + --stroke-notice: rgb(var(--stroke-notice-rgb)); - --surface-inverse-rgb: var(--content-default-rgb); - --surface-inverse: rgb(var(--surface-inverse-rgb)); - + --stroke-notice-secondary-rgb: var(--theme-notice-600-rgb); + --stroke-notice-secondary: rgb(var(--stroke-notice-secondary-rgb)); - --surface-inverse-secondary-rgb: var(--content-secondary-rgb); - --surface-inverse-secondary: rgb(var(--surface-inverse-secondary-rgb)); - + --stroke-notice-tertiary-rgb: var(--theme-notice-400-rgb); + --stroke-notice-tertiary: rgb(var(--stroke-notice-tertiary-rgb)); - --surface-inverse-tertiary-rgb: var(--content-tertiary-rgb); - --surface-inverse-tertiary: rgb(var(--surface-inverse-tertiary-rgb)); - + --chart-fill-area-primary: rgba(var(--theme-accent-700-rgb), 0.7019607843137254); + --chart-fill-area-secondary: rgba(var(--theme-accent-600-rgb), 0.7019607843137254); + --chart-fill-area-tertiary: rgba(var(--theme-accent-500-rgb), 0.7019607843137254); + --chart-fill-area-quaternary: rgba(var(--theme-accent-400-rgb), 0.2); - --content-default-rgb: var(--base-neutral-900-rgb); - --content-default: rgb(var(--content-default-rgb)); - + --chart-fill-item-primary-rgb: var(--theme-accent-700-rgb); + --chart-fill-item-primary: rgb(var(--chart-fill-item-primary-rgb)); - --content-secondary-rgb: var(--base-neutral-800-rgb); - --content-secondary: rgb(var(--content-secondary-rgb)); - + --chart-fill-item-secondary-rgb: var(--theme-accent-600-rgb); + --chart-fill-item-secondary: rgb(var(--chart-fill-item-secondary-rgb)); - --content-tertiary-rgb: var(--base-neutral-700-rgb); - --content-tertiary: rgb(var(--content-tertiary-rgb)); - + --chart-fill-item-tertiary-rgb: var(--theme-accent-500-rgb); + --chart-fill-item-tertiary: rgb(var(--chart-fill-item-tertiary-rgb)); - --content-quaternary-rgb: var(--base-neutral-600-rgb); - --content-quaternary: rgb(var(--content-quaternary-rgb)); - + --chart-fill-item-quaternary-rgb: var(--theme-accent-400-rgb); + --chart-fill-item-quaternary: rgb(var(--chart-fill-item-quaternary-rgb)); - --content-quinary-rgb: var(--base-neutral-500-rgb); - --content-quinary: rgb(var(--content-quinary-rgb)); - + --chart-fill-error-primary-rgb: var(--theme-destructive-700-rgb); + --chart-fill-error-primary: rgb(var(--chart-fill-error-primary-rgb)); - --content-disabled-rgb: var(--base-neutral-500-rgb); - --content-disabled: rgb(var(--content-disabled-rgb)); - + --chart-fill-error-secondary-rgb: var(--theme-destructive-600-rgb); + --chart-fill-error-secondary: rgb(var(--chart-fill-error-secondary-rgb)); - --content-accent-rgb: var(--theme-accent-800-rgb); - --content-accent: rgb(var(--content-accent-rgb)); - + --chart-fill-error-tertiary-rgb: var(--theme-destructive-500-rgb); + --chart-fill-error-tertiary: rgb(var(--chart-fill-error-tertiary-rgb)); - --content-accent-secondary-rgb: var(--theme-accent-700-rgb); - --content-accent-secondary: rgb(var(--content-accent-secondary-rgb)); - + --chart-fill-error-quaternary-rgb: var(--theme-destructive-400-rgb); + --chart-fill-error-quaternary: rgb(var(--chart-fill-error-quaternary-rgb)); - --content-accent-tertiary-rgb: var(--theme-accent-600-rgb); - --content-accent-tertiary: rgb(var(--content-accent-tertiary-rgb)); - + --chart-fill-inactive-rgb: var(--base-neutral-50-rgb); + --chart-fill-inactive: rgb(var(--chart-fill-inactive-rgb)); - --content-accent-disabled-rgb: var(--theme-accent-500-rgb); - --content-accent-disabled: rgb(var(--content-accent-disabled-rgb)); - + --chart-stroke-line-rgb: var(--theme-accent-700-rgb); + --chart-stroke-line: rgb(var(--chart-stroke-line-rgb)); - --content-destructive-rgb: var(--theme-destructive-800-rgb); - --content-destructive: rgb(var(--content-destructive-rgb)); - + --chart-stroke-line-secondary-rgb: var(--base-yellow-600-rgb); + --chart-stroke-line-secondary: rgb(var(--chart-stroke-line-secondary-rgb)); - --content-destructive-secondary-rgb: var(--theme-destructive-700-rgb); - --content-destructive-secondary: rgb(var(--content-destructive-secondary-rgb)); - + --chart-stroke-line-tertiary-rgb: var(--base-red-600-rgb); + --chart-stroke-line-tertiary: rgb(var(--chart-stroke-line-tertiary-rgb)); - --content-destructive-tertiary-rgb: var(--theme-destructive-600-rgb); - --content-destructive-tertiary: rgb(var(--content-destructive-tertiary-rgb)); - + --chart-stroke-line-quaternary-rgb: var(--base-blue-600-rgb); + --chart-stroke-line-quaternary: rgb(var(--chart-stroke-line-quaternary-rgb)); - --content-destructive-disabled-rgb: var(--theme-destructive-500-rgb); - --content-destructive-disabled: rgb(var(--content-destructive-disabled-rgb)); - + --chart-stroke-y-axis: rgba(var(--stroke-default-rgb), 0.4); + --chart-stroke-item: rgba(var(--theme-accent-700-rgb), 0.4); - --content-success-rgb: var(--theme-success-800-rgb); - --content-success: rgb(var(--content-success-rgb)); - + --chart-stroke-item-inactive-rgb: var(--base-neutral-200-rgb); + --chart-stroke-item-inactive: rgb(var(--chart-stroke-item-inactive-rgb)); - --content-success-secondary-rgb: var(--theme-success-700-rgb); - --content-success-secondary: rgb(var(--content-success-secondary-rgb)); - + --chart-stroke-error: rgba(var(--theme-destructive-700-rgb), 0.4); - --content-success-tertiary-rgb: var(--theme-success-600-rgb); - --content-success-tertiary: rgb(var(--content-success-tertiary-rgb)); - + --theme-accent-100-rgb: var(--base-yellow-100-rgb); + --theme-accent-100: rgb(var(--theme-accent-100-rgb)); - --content-success-disabled-rgb: var(--theme-success-500-rgb); - --content-success-disabled: rgb(var(--content-success-disabled-rgb)); - + --theme-accent-200-rgb: var(--base-yellow-200-rgb); + --theme-accent-200: rgb(var(--theme-accent-200-rgb)); - --content-error-rgb: var(--theme-error-800-rgb); - --content-error: rgb(var(--content-error-rgb)); - + --theme-accent-300-rgb: var(--base-yellow-300-rgb); + --theme-accent-300: rgb(var(--theme-accent-300-rgb)); - --content-error-secondary-rgb: var(--theme-error-700-rgb); - --content-error-secondary: rgb(var(--content-error-secondary-rgb)); - + --theme-accent-400-rgb: var(--base-yellow-400-rgb); + --theme-accent-400: rgb(var(--theme-accent-400-rgb)); - --content-error-tertiary-rgb: var(--theme-error-600-rgb); - --content-error-tertiary: rgb(var(--content-error-tertiary-rgb)); - + --theme-accent-500-rgb: var(--base-yellow-500-rgb); + --theme-accent-500: rgb(var(--theme-accent-500-rgb)); - --content-error-disabled-rgb: var(--theme-error-500-rgb); - --content-error-disabled: rgb(var(--content-error-disabled-rgb)); - + --theme-accent-600-rgb: var(--base-yellow-600-rgb); + --theme-accent-600: rgb(var(--theme-accent-600-rgb)); - --content-notice-rgb: var(--theme-notice-800-rgb); - --content-notice: rgb(var(--content-notice-rgb)); - + --theme-accent-700-rgb: var(--base-yellow-700-rgb); + --theme-accent-700: rgb(var(--theme-accent-700-rgb)); - --content-notice-secondary-rgb: var(--theme-notice-700-rgb); - --content-notice-secondary: rgb(var(--content-notice-secondary-rgb)); - + --theme-accent-800-rgb: var(--base-yellow-800-rgb); + --theme-accent-800: rgb(var(--theme-accent-800-rgb)); - --content-notice-tertiary-rgb: var(--theme-notice-600-rgb); - --content-notice-tertiary: rgb(var(--content-notice-tertiary-rgb)); - + --theme-destructive-100-rgb: var(--base-red-100-rgb); + --theme-destructive-100: rgb(var(--theme-destructive-100-rgb)); - --content-notice-disabled-rgb: var(--theme-notice-500-rgb); - --content-notice-disabled: rgb(var(--content-notice-disabled-rgb)); - + --theme-destructive-200-rgb: var(--base-red-200-rgb); + --theme-destructive-200: rgb(var(--theme-destructive-200-rgb)); - --content-inverse-rgb: var(--surface-default-rgb); - --content-inverse: rgb(var(--content-inverse-rgb)); - + --theme-destructive-300-rgb: var(--base-red-300-rgb); + --theme-destructive-300: rgb(var(--theme-destructive-300-rgb)); - --content-inverse-raise-rgb: var(--surface-raise-rgb); - --content-inverse-raise: rgb(var(--content-inverse-raise-rgb)); - + --theme-destructive-400-rgb: var(--base-red-400-rgb); + --theme-destructive-400: rgb(var(--theme-destructive-400-rgb)); - --content-inverse-secondary-rgb: var(--surface-secondary-rgb); - --content-inverse-secondary: rgb(var(--content-inverse-secondary-rgb)); - + --theme-destructive-500-rgb: var(--base-red-500-rgb); + --theme-destructive-500: rgb(var(--theme-destructive-500-rgb)); - --stroke-default-rgb: var(--base-neutral-300-rgb); - --stroke-default: rgb(var(--stroke-default-rgb)); - + --theme-destructive-600-rgb: var(--base-red-600-rgb); + --theme-destructive-600: rgb(var(--theme-destructive-600-rgb)); - --stroke-secondary-rgb: var(--base-neutral-200-rgb); - --stroke-secondary: rgb(var(--stroke-secondary-rgb)); - + --theme-destructive-700-rgb: var(--base-red-700-rgb); + --theme-destructive-700: rgb(var(--theme-destructive-700-rgb)); - --stroke-tertiary-rgb: var(--base-neutral-100-rgb); - --stroke-tertiary: rgb(var(--stroke-tertiary-rgb)); - + --theme-destructive-800-rgb: var(--base-red-800-rgb); + --theme-destructive-800: rgb(var(--theme-destructive-800-rgb)); - --stroke-raise-rgb: var(--base-neutral-500-rgb); - --stroke-raise: rgb(var(--stroke-raise-rgb)); - + --theme-success-100-rgb: var(--base-green-100-rgb); + --theme-success-100: rgb(var(--theme-success-100-rgb)); - --stroke-surface-rgb: var(--surface-default-rgb); - --stroke-surface: rgb(var(--stroke-surface-rgb)); - + --theme-success-200-rgb: var(--base-green-200-rgb); + --theme-success-200: rgb(var(--theme-success-200-rgb)); - --stroke-accent-rgb: var(--theme-accent-800-rgb); - --stroke-accent: rgb(var(--stroke-accent-rgb)); - + --theme-success-300-rgb: var(--base-green-300-rgb); + --theme-success-300: rgb(var(--theme-success-300-rgb)); - --stroke-accent-secondary-rgb: var(--theme-accent-600-rgb); - --stroke-accent-secondary: rgb(var(--stroke-accent-secondary-rgb)); - + --theme-success-400-rgb: var(--base-green-400-rgb); + --theme-success-400: rgb(var(--theme-success-400-rgb)); - --stroke-accent-tertiary-rgb: var(--theme-accent-400-rgb); - --stroke-accent-tertiary: rgb(var(--stroke-accent-tertiary-rgb)); - + --theme-success-500-rgb: var(--base-green-500-rgb); + --theme-success-500: rgb(var(--theme-success-500-rgb)); - --stroke-destructive-rgb: var(--theme-destructive-800-rgb); - --stroke-destructive: rgb(var(--stroke-destructive-rgb)); - - - --stroke-destructive-secondary-rgb: var(--theme-destructive-600-rgb); - --stroke-destructive-secondary: rgb(var(--stroke-destructive-secondary-rgb)); - - - --stroke-destructive-tertiary-rgb: var(--theme-destructive-400-rgb); - --stroke-destructive-tertiary: rgb(var(--stroke-destructive-tertiary-rgb)); - - - --stroke-success-rgb: var(--theme-success-800-rgb); - --stroke-success: rgb(var(--stroke-success-rgb)); - - - --stroke-success-secondary-rgb: var(--theme-success-600-rgb); - --stroke-success-secondary: rgb(var(--stroke-success-secondary-rgb)); - - - --stroke-success-tertiary-rgb: var(--theme-success-400-rgb); - --stroke-success-tertiary: rgb(var(--stroke-success-tertiary-rgb)); - - - --stroke-error-rgb: var(--theme-error-800-rgb); - --stroke-error: rgb(var(--stroke-error-rgb)); - - - --stroke-error-secondary-rgb: var(--theme-error-600-rgb); - --stroke-error-secondary: rgb(var(--stroke-error-secondary-rgb)); - - - --stroke-error-tertiary-rgb: var(--theme-error-400-rgb); - --stroke-error-tertiary: rgb(var(--stroke-error-tertiary-rgb)); - - - --stroke-notice-rgb: var(--theme-notice-800-rgb); - --stroke-notice: rgb(var(--stroke-notice-rgb)); - - - --stroke-notice-secondary-rgb: var(--theme-notice-600-rgb); - --stroke-notice-secondary: rgb(var(--stroke-notice-secondary-rgb)); - - - --stroke-notice-tertiary-rgb: var(--theme-notice-400-rgb); - --stroke-notice-tertiary: rgb(var(--stroke-notice-tertiary-rgb)); - ---chart-fill-area-primary: rgba(var(--theme-accent-700-rgb), 0.7019607843137254); ---chart-fill-area-secondary: rgba(var(--theme-accent-600-rgb), 0.7019607843137254); ---chart-fill-area-tertiary: rgba(var(--theme-accent-500-rgb), 0.7019607843137254); ---chart-fill-area-quaternary: rgba(var(--theme-accent-400-rgb), 0.2); - - --chart-fill-item-primary-rgb: var(--theme-accent-700-rgb); - --chart-fill-item-primary: rgb(var(--chart-fill-item-primary-rgb)); - - - --chart-fill-item-secondary-rgb: var(--theme-accent-600-rgb); - --chart-fill-item-secondary: rgb(var(--chart-fill-item-secondary-rgb)); - - - --chart-fill-item-tertiary-rgb: var(--theme-accent-500-rgb); - --chart-fill-item-tertiary: rgb(var(--chart-fill-item-tertiary-rgb)); - - - --chart-fill-item-quaternary-rgb: var(--theme-accent-400-rgb); - --chart-fill-item-quaternary: rgb(var(--chart-fill-item-quaternary-rgb)); - - - --chart-fill-error-primary-rgb: var(--theme-destructive-700-rgb); - --chart-fill-error-primary: rgb(var(--chart-fill-error-primary-rgb)); - - - --chart-fill-error-secondary-rgb: var(--theme-destructive-600-rgb); - --chart-fill-error-secondary: rgb(var(--chart-fill-error-secondary-rgb)); - - - --chart-fill-error-tertiary-rgb: var(--theme-destructive-500-rgb); - --chart-fill-error-tertiary: rgb(var(--chart-fill-error-tertiary-rgb)); - - - --chart-fill-error-quaternary-rgb: var(--theme-destructive-400-rgb); - --chart-fill-error-quaternary: rgb(var(--chart-fill-error-quaternary-rgb)); - - - --chart-fill-inactive-rgb: var(--base-neutral-50-rgb); - --chart-fill-inactive: rgb(var(--chart-fill-inactive-rgb)); - - - --chart-stroke-line-rgb: var(--theme-accent-700-rgb); - --chart-stroke-line: rgb(var(--chart-stroke-line-rgb)); - - - --chart-stroke-line-secondary-rgb: var(--base-yellow-600-rgb); - --chart-stroke-line-secondary: rgb(var(--chart-stroke-line-secondary-rgb)); - - - --chart-stroke-line-tertiary-rgb: var(--base-red-600-rgb); - --chart-stroke-line-tertiary: rgb(var(--chart-stroke-line-tertiary-rgb)); - - - --chart-stroke-line-quaternary-rgb: var(--base-blue-600-rgb); - --chart-stroke-line-quaternary: rgb(var(--chart-stroke-line-quaternary-rgb)); - ---chart-stroke-y-axis: rgba(var(--stroke-default-rgb), 0.4); ---chart-stroke-item: rgba(var(--theme-accent-700-rgb), 0.4); - - --chart-stroke-item-inactive-rgb: var(--base-neutral-200-rgb); - --chart-stroke-item-inactive: rgb(var(--chart-stroke-item-inactive-rgb)); - ---chart-stroke-error: rgba(var(--theme-destructive-700-rgb), 0.4); - - --theme-accent-100-rgb: var(--base-yellow-100-rgb); - --theme-accent-100: rgb(var(--theme-accent-100-rgb)); - - - --theme-accent-200-rgb: var(--base-yellow-200-rgb); - --theme-accent-200: rgb(var(--theme-accent-200-rgb)); - - - --theme-accent-300-rgb: var(--base-yellow-300-rgb); - --theme-accent-300: rgb(var(--theme-accent-300-rgb)); - - - --theme-accent-400-rgb: var(--base-yellow-400-rgb); - --theme-accent-400: rgb(var(--theme-accent-400-rgb)); - - - --theme-accent-500-rgb: var(--base-yellow-500-rgb); - --theme-accent-500: rgb(var(--theme-accent-500-rgb)); - - - --theme-accent-600-rgb: var(--base-yellow-600-rgb); - --theme-accent-600: rgb(var(--theme-accent-600-rgb)); - - - --theme-accent-700-rgb: var(--base-yellow-700-rgb); - --theme-accent-700: rgb(var(--theme-accent-700-rgb)); - - - --theme-accent-800-rgb: var(--base-yellow-800-rgb); - --theme-accent-800: rgb(var(--theme-accent-800-rgb)); - - - --theme-destructive-100-rgb: var(--base-red-100-rgb); - --theme-destructive-100: rgb(var(--theme-destructive-100-rgb)); - - - --theme-destructive-200-rgb: var(--base-red-200-rgb); - --theme-destructive-200: rgb(var(--theme-destructive-200-rgb)); - + --theme-success-600-rgb: var(--base-green-600-rgb); + --theme-success-600: rgb(var(--theme-success-600-rgb)); - --theme-destructive-300-rgb: var(--base-red-300-rgb); - --theme-destructive-300: rgb(var(--theme-destructive-300-rgb)); - + --theme-success-700-rgb: var(--base-green-700-rgb); + --theme-success-700: rgb(var(--theme-success-700-rgb)); - --theme-destructive-400-rgb: var(--base-red-400-rgb); - --theme-destructive-400: rgb(var(--theme-destructive-400-rgb)); - + --theme-success-800-rgb: var(--base-green-800-rgb); + --theme-success-800: rgb(var(--theme-success-800-rgb)); - --theme-destructive-500-rgb: var(--base-red-500-rgb); - --theme-destructive-500: rgb(var(--theme-destructive-500-rgb)); - + --theme-error-100-rgb: var(--base-red-100-rgb); + --theme-error-100: rgb(var(--theme-error-100-rgb)); - --theme-destructive-600-rgb: var(--base-red-600-rgb); - --theme-destructive-600: rgb(var(--theme-destructive-600-rgb)); - + --theme-error-200-rgb: var(--base-red-200-rgb); + --theme-error-200: rgb(var(--theme-error-200-rgb)); - --theme-destructive-700-rgb: var(--base-red-700-rgb); - --theme-destructive-700: rgb(var(--theme-destructive-700-rgb)); - + --theme-error-300-rgb: var(--base-red-300-rgb); + --theme-error-300: rgb(var(--theme-error-300-rgb)); - --theme-destructive-800-rgb: var(--base-red-800-rgb); - --theme-destructive-800: rgb(var(--theme-destructive-800-rgb)); - - - --theme-success-100-rgb: var(--base-green-100-rgb); - --theme-success-100: rgb(var(--theme-success-100-rgb)); - - - --theme-success-200-rgb: var(--base-green-200-rgb); - --theme-success-200: rgb(var(--theme-success-200-rgb)); - - - --theme-success-300-rgb: var(--base-green-300-rgb); - --theme-success-300: rgb(var(--theme-success-300-rgb)); - - - --theme-success-400-rgb: var(--base-green-400-rgb); - --theme-success-400: rgb(var(--theme-success-400-rgb)); - - - --theme-success-500-rgb: var(--base-green-500-rgb); - --theme-success-500: rgb(var(--theme-success-500-rgb)); - - - --theme-success-600-rgb: var(--base-green-600-rgb); - --theme-success-600: rgb(var(--theme-success-600-rgb)); - - - --theme-success-700-rgb: var(--base-green-700-rgb); - --theme-success-700: rgb(var(--theme-success-700-rgb)); - - - --theme-success-800-rgb: var(--base-green-800-rgb); - --theme-success-800: rgb(var(--theme-success-800-rgb)); - - - --theme-error-100-rgb: var(--base-red-100-rgb); - --theme-error-100: rgb(var(--theme-error-100-rgb)); - + --theme-error-400-rgb: var(--base-red-400-rgb); + --theme-error-400: rgb(var(--theme-error-400-rgb)); - --theme-error-200-rgb: var(--base-red-200-rgb); - --theme-error-200: rgb(var(--theme-error-200-rgb)); - + --theme-error-500-rgb: var(--base-red-500-rgb); + --theme-error-500: rgb(var(--theme-error-500-rgb)); - --theme-error-300-rgb: var(--base-red-300-rgb); - --theme-error-300: rgb(var(--theme-error-300-rgb)); - + --theme-error-600-rgb: var(--base-red-600-rgb); + --theme-error-600: rgb(var(--theme-error-600-rgb)); - --theme-error-400-rgb: var(--base-red-400-rgb); - --theme-error-400: rgb(var(--theme-error-400-rgb)); - + --theme-error-700-rgb: var(--base-red-700-rgb); + --theme-error-700: rgb(var(--theme-error-700-rgb)); - --theme-error-500-rgb: var(--base-red-500-rgb); - --theme-error-500: rgb(var(--theme-error-500-rgb)); - + --theme-error-800-rgb: var(--base-red-800-rgb); + --theme-error-800: rgb(var(--theme-error-800-rgb)); - --theme-error-600-rgb: var(--base-red-600-rgb); - --theme-error-600: rgb(var(--theme-error-600-rgb)); - + --theme-notice-100-rgb: var(--base-yellow-100-rgb); + --theme-notice-100: rgb(var(--theme-notice-100-rgb)); - --theme-error-700-rgb: var(--base-red-700-rgb); - --theme-error-700: rgb(var(--theme-error-700-rgb)); - + --theme-notice-200-rgb: var(--base-yellow-200-rgb); + --theme-notice-200: rgb(var(--theme-notice-200-rgb)); - --theme-error-800-rgb: var(--base-red-800-rgb); - --theme-error-800: rgb(var(--theme-error-800-rgb)); - + --theme-notice-300-rgb: var(--base-yellow-300-rgb); + --theme-notice-300: rgb(var(--theme-notice-300-rgb)); - --theme-notice-100-rgb: var(--base-yellow-100-rgb); - --theme-notice-100: rgb(var(--theme-notice-100-rgb)); - + --theme-notice-400-rgb: var(--base-yellow-400-rgb); + --theme-notice-400: rgb(var(--theme-notice-400-rgb)); - --theme-notice-200-rgb: var(--base-yellow-200-rgb); - --theme-notice-200: rgb(var(--theme-notice-200-rgb)); - + --theme-notice-500-rgb: var(--base-yellow-500-rgb); + --theme-notice-500: rgb(var(--theme-notice-500-rgb)); - --theme-notice-300-rgb: var(--base-yellow-300-rgb); - --theme-notice-300: rgb(var(--theme-notice-300-rgb)); - + --theme-notice-600-rgb: var(--base-yellow-600-rgb); + --theme-notice-600: rgb(var(--theme-notice-600-rgb)); - --theme-notice-400-rgb: var(--base-yellow-400-rgb); - --theme-notice-400: rgb(var(--theme-notice-400-rgb)); - + --theme-notice-700-rgb: var(--base-yellow-700-rgb); + --theme-notice-700: rgb(var(--theme-notice-700-rgb)); - --theme-notice-500-rgb: var(--base-yellow-500-rgb); - --theme-notice-500: rgb(var(--theme-notice-500-rgb)); - + --theme-notice-800-rgb: var(--base-yellow-800-rgb); + --theme-notice-800: rgb(var(--theme-notice-800-rgb)); - --theme-notice-600-rgb: var(--base-yellow-600-rgb); - --theme-notice-600: rgb(var(--theme-notice-600-rgb)); - - - --theme-notice-700-rgb: var(--base-yellow-700-rgb); - --theme-notice-700: rgb(var(--theme-notice-700-rgb)); - - - --theme-notice-800-rgb: var(--base-yellow-800-rgb); - --theme-notice-800: rgb(var(--theme-notice-800-rgb)); - - - --border-radius-sm: 0.125rem; ---border-radius: 0.1875rem; ---border-radius-full: 624.9375rem; -} \ No newline at end of file + --border-radius-sm: 0.125rem; + --border-radius: 0.1875rem; + --border-radius-full: 624.9375rem; +} diff --git a/styles/dist/yellow.md b/styles/dist/yellow.md index e1e461ac..5cf41b28 100644 --- a/styles/dist/yellow.md +++ b/styles/dist/yellow.md @@ -1,8 +1,9 @@ # `yellow` Theme -This document shows the relationship of colors within the `yellow` theme. +This document shows the relationship of colors within the `yellow` theme. ## base-green-100 + ```mermaid graph RL base-green-100 --> #131A1C:::base-green-100 @@ -10,7 +11,9 @@ graph RL classDef base-green-100 stroke-width:5,stroke:#131A1C ``` + ## base-green-200 + ```mermaid graph RL base-green-200 --> #162322:::base-green-200 @@ -19,7 +22,9 @@ graph RL classDef base-green-200 stroke-width:5,stroke:#162322 ``` + ## base-green-300 + ```mermaid graph RL base-green-300 --> #1C372E:::base-green-300 @@ -27,7 +32,9 @@ graph RL classDef base-green-300 stroke-width:5,stroke:#1C372E ``` + ## base-green-400 + ```mermaid graph RL base-green-400 --> #204D3B:::base-green-400 @@ -36,7 +43,9 @@ graph RL classDef base-green-400 stroke-width:5,stroke:#204D3B ``` + ## base-green-500 + ```mermaid graph RL base-green-500 --> #236A4C:::base-green-500 @@ -45,7 +54,9 @@ graph RL classDef base-green-500 stroke-width:5,stroke:#236A4C ``` + ## base-green-600 + ```mermaid graph RL base-green-600 --> #238A5E:::base-green-600 @@ -55,7 +66,9 @@ graph RL classDef base-green-600 stroke-width:5,stroke:#238A5E ``` + ## base-green-700 + ```mermaid graph RL base-green-700 --> #20A36C:::base-green-700 @@ -64,7 +77,9 @@ graph RL classDef base-green-700 stroke-width:5,stroke:#20A36C ``` + ## base-green-800 + ```mermaid graph RL base-green-800 --> #48d597:::base-green-800 @@ -75,7 +90,9 @@ graph RL classDef base-green-800 stroke-width:5,stroke:#48d597 ``` + ## base-yellow-100 + ```mermaid graph RL base-yellow-100 --> #20190F:::base-yellow-100 @@ -84,7 +101,9 @@ graph RL classDef base-yellow-100 stroke-width:5,stroke:#20190F ``` + ## base-yellow-200 + ```mermaid graph RL base-yellow-200 --> #292013:::base-yellow-200 @@ -95,7 +114,9 @@ graph RL classDef base-yellow-200 stroke-width:5,stroke:#292013 ``` + ## base-yellow-300 + ```mermaid graph RL base-yellow-300 --> #3D3019:::base-yellow-300 @@ -106,7 +127,9 @@ graph RL classDef base-yellow-300 stroke-width:5,stroke:#3D3019 ``` + ## base-yellow-400 + ```mermaid graph RL base-yellow-400 --> #55421F:::base-yellow-400 @@ -118,7 +141,9 @@ graph RL classDef base-yellow-400 stroke-width:5,stroke:#55421F ``` + ## base-yellow-500 + ```mermaid graph RL base-yellow-500 --> #765A27:::base-yellow-500 @@ -130,7 +155,9 @@ graph RL classDef base-yellow-500 stroke-width:5,stroke:#765A27 ``` + ## base-yellow-600 + ```mermaid graph RL base-yellow-600 --> #997430:::base-yellow-600 @@ -145,7 +172,9 @@ graph RL classDef base-yellow-600 stroke-width:5,stroke:#997430 ``` + ## base-yellow-700 + ```mermaid graph RL base-yellow-700 --> #CA993B:::base-yellow-700 @@ -160,7 +189,9 @@ graph RL classDef base-yellow-700 stroke-width:5,stroke:#CA993B ``` + ## base-yellow-800 + ```mermaid graph RL base-yellow-800 --> #F5B944:::base-yellow-800 @@ -175,7 +206,9 @@ graph RL classDef base-yellow-800 stroke-width:5,stroke:#F5B944 ``` + ## base-red-100 + ```mermaid graph RL base-red-100 --> #1E1314:::base-red-100 @@ -184,7 +217,9 @@ graph RL classDef base-red-100 stroke-width:5,stroke:#1E1314 ``` + ## base-red-200 + ```mermaid graph RL base-red-200 --> #231517:::base-red-200 @@ -195,7 +230,9 @@ graph RL classDef base-red-200 stroke-width:5,stroke:#231517 ``` + ## base-red-300 + ```mermaid graph RL base-red-300 --> #301B1D:::base-red-300 @@ -205,7 +242,9 @@ graph RL classDef base-red-300 stroke-width:5,stroke:#301B1D ``` + ## base-red-400 + ```mermaid graph RL base-red-400 --> #6A343C:::base-red-400 @@ -217,7 +256,9 @@ graph RL classDef base-red-400 stroke-width:5,stroke:#6A343C ``` + ## base-red-500 + ```mermaid graph RL base-red-500 --> #954553:::base-red-500 @@ -229,7 +270,9 @@ graph RL classDef base-red-500 stroke-width:5,stroke:#954553 ``` + ## base-red-600 + ```mermaid graph RL base-red-600 --> #C3576A:::base-red-600 @@ -244,7 +287,9 @@ graph RL classDef base-red-600 stroke-width:5,stroke:#C3576A ``` + ## base-red-700 + ```mermaid graph RL base-red-700 --> #DA6177:::base-red-700 @@ -257,7 +302,9 @@ graph RL classDef base-red-700 stroke-width:5,stroke:#DA6177 ``` + ## base-red-800 + ```mermaid graph RL base-red-800 --> #FB6E88:::base-red-800 @@ -272,98 +319,126 @@ graph RL classDef base-red-800 stroke-width:5,stroke:#FB6E88 ``` + ## base-purple-100 + ```mermaid graph RL base-purple-100 --> #1E1822:::base-purple-100 classDef base-purple-100 stroke-width:5,stroke:#1E1822 ``` + ## base-purple-200 + ```mermaid graph RL base-purple-200 --> #251F2B:::base-purple-200 classDef base-purple-200 stroke-width:5,stroke:#251F2B ``` + ## base-purple-300 + ```mermaid graph RL base-purple-300 --> #382D43:::base-purple-300 classDef base-purple-300 stroke-width:5,stroke:#382D43 ``` + ## base-purple-400 + ```mermaid graph RL base-purple-400 --> #4D3E5E:::base-purple-400 classDef base-purple-400 stroke-width:5,stroke:#4D3E5E ``` + ## base-purple-500 + ```mermaid graph RL base-purple-500 --> #6C5584:::base-purple-500 classDef base-purple-500 stroke-width:5,stroke:#6C5584 ``` + ## base-purple-600 + ```mermaid graph RL base-purple-600 --> #8B6DAC:::base-purple-600 classDef base-purple-600 stroke-width:5,stroke:#8B6DAC ``` + ## base-purple-700 + ```mermaid graph RL base-purple-700 --> #A380CB:::base-purple-700 classDef base-purple-700 stroke-width:5,stroke:#A380CB ``` + ## base-purple-800 + ```mermaid graph RL base-purple-800 --> #BE95EB:::base-purple-800 classDef base-purple-800 stroke-width:5,stroke:#BE95EB ``` + ## base-blue-100 + ```mermaid graph RL base-blue-100 --> #171821:::base-blue-100 classDef base-blue-100 stroke-width:5,stroke:#171821 ``` + ## base-blue-200 + ```mermaid graph RL base-blue-200 --> #1E202D:::base-blue-200 classDef base-blue-200 stroke-width:5,stroke:#1E202D ``` + ## base-blue-300 + ```mermaid graph RL base-blue-300 --> #2D3048:::base-blue-300 classDef base-blue-300 stroke-width:5,stroke:#2D3048 ``` + ## base-blue-400 + ```mermaid graph RL base-blue-400 --> #3C4366:::base-blue-400 classDef base-blue-400 stroke-width:5,stroke:#3C4366 ``` + ## base-blue-500 + ```mermaid graph RL base-blue-500 --> #515B8F:::base-blue-500 classDef base-blue-500 stroke-width:5,stroke:#515B8F ``` + ## base-blue-600 + ```mermaid graph RL base-blue-600 --> #6776BB:::base-blue-600 @@ -371,21 +446,27 @@ graph RL classDef base-blue-600 stroke-width:5,stroke:#6776BB ``` + ## base-blue-700 + ```mermaid graph RL base-blue-700 --> #788ADD:::base-blue-700 classDef base-blue-700 stroke-width:5,stroke:#788ADD ``` + ## base-blue-800 + ```mermaid graph RL base-blue-800 --> #8BA1FF:::base-blue-800 classDef base-blue-800 stroke-width:5,stroke:#8BA1FF ``` + ## base-neutral-0 + ```mermaid graph RL base-neutral-0 --> #080F11:::base-neutral-0 @@ -395,7 +476,9 @@ graph RL classDef base-neutral-0 stroke-width:5,stroke:#080F11 ``` + ## base-neutral-50 + ```mermaid graph RL base-neutral-50 --> #101618:::base-neutral-50 @@ -406,7 +489,9 @@ graph RL classDef base-neutral-50 stroke-width:5,stroke:#101618 ``` + ## base-neutral-100 + ```mermaid graph RL base-neutral-100 --> #141B1D:::base-neutral-100 @@ -418,7 +503,9 @@ graph RL classDef base-neutral-100 stroke-width:5,stroke:#141B1D ``` + ## base-neutral-200 + ```mermaid graph RL base-neutral-200 --> #1C2225:::base-neutral-200 @@ -429,7 +516,9 @@ graph RL classDef base-neutral-200 stroke-width:5,stroke:#1C2225 ``` + ## base-neutral-300 + ```mermaid graph RL base-neutral-300 --> #2D3335:::base-neutral-300 @@ -437,14 +526,18 @@ graph RL classDef base-neutral-300 stroke-width:5,stroke:#2D3335 ``` + ## base-neutral-400 + ```mermaid graph RL base-neutral-400 --> #404647:::base-neutral-400 classDef base-neutral-400 stroke-width:5,stroke:#404647 ``` + ## base-neutral-500 + ```mermaid graph RL base-neutral-500 --> #5B5F61:::base-neutral-500 @@ -454,7 +547,9 @@ graph RL classDef base-neutral-500 stroke-width:5,stroke:#5B5F61 ``` + ## base-neutral-600 + ```mermaid graph RL base-neutral-600 --> #7e8385:::base-neutral-600 @@ -462,7 +557,9 @@ graph RL classDef base-neutral-600 stroke-width:5,stroke:#7e8385 ``` + ## base-neutral-700 + ```mermaid graph RL base-neutral-700 --> #A1A4A5:::base-neutral-700 @@ -471,7 +568,9 @@ graph RL classDef base-neutral-700 stroke-width:5,stroke:#A1A4A5 ``` + ## base-neutral-800 + ```mermaid graph RL base-neutral-800 --> #B8BBBC:::base-neutral-800 @@ -480,7 +579,9 @@ graph RL classDef base-neutral-800 stroke-width:5,stroke:#B8BBBC ``` + ## base-neutral-900 + ```mermaid graph RL base-neutral-900 --> #F6F6F7:::base-neutral-900 @@ -488,4 +589,4 @@ graph RL content-default --> base-neutral-900 classDef base-neutral-900 stroke-width:5,stroke:#F6F6F7 -``` \ No newline at end of file +```