From 4180cd63b50b9c18315b3bc7fc708c2340f97a7e Mon Sep 17 00:00:00 2001 From: "zigma-by-nextui[bot]" <180685992+zigma-by-nextui[bot]@users.noreply.github.com> Date: Wed, 11 Sep 2024 19:46:14 +0000 Subject: [PATCH] chore: synchronized design tokens --- borders.css | 20 +++++++++ colors.css | 117 +++++++++++++++++++++++++++++++++++++++++++++++++ typography.css | 34 ++++++++++++++ 3 files changed, 171 insertions(+) create mode 100644 borders.css create mode 100644 colors.css create mode 100644 typography.css diff --git a/borders.css b/borders.css new file mode 100644 index 0000000..dd89466 --- /dev/null +++ b/borders.css @@ -0,0 +1,20 @@ +/** + * ************************************************************** + * WARNING: DO NOT EDIT THIS FILE. * + * THIS FILE WAS AUTO-GENERATED ON https://app.zigma.io. * + * ************************************************************** + */ + +:root { + --borders-border-width-borders-width-thin: 1px; + --borders-border-width-borders-width-medium: 2px; + --borders-border-width-borders-width-thick: 4px; + --borders-border-width-borders-width-extra-thick: 8px; + --borders-border-width-borders-width-button: 2px; + --borders-border-radius-borders-radius-none: 0px; + --borders-border-radius-borders-radius-small: 2px; + --borders-border-radius-borders-radius-medium: 4px; + --borders-border-radius-borders-radius-large: 8px; + --borders-border-radius-borders-radius-extra-large: 16px; + --borders-border-radius-borders-radius-button: 4px; +} diff --git a/colors.css b/colors.css new file mode 100644 index 0000000..faa33ba --- /dev/null +++ b/colors.css @@ -0,0 +1,117 @@ +/** + * ************************************************************** + * WARNING: DO NOT EDIT THIS FILE. * + * THIS FILE WAS AUTO-GENERATED ON https://app.zigma.io. * + * ************************************************************** + */ + +:root { + --colors-base-common-white: #ffffff; + --colors-base-common-black: #000000; + --colors-base-common-colors-3: #000000; + --colors-base-blue-50: #e7f3ff; + --colors-base-blue-100: #c4e1ff; + --colors-base-blue-200: #91caff; + --colors-base-blue-300: #5db3ff; + --colors-base-blue-400: #338aff; + --colors-base-blue-500: #007bff; + --colors-base-blue-600: #006edb; + --colors-base-blue-700: #0059b3; + --colors-base-blue-800: #004493; + --colors-base-blue-900: #002e66; + --colors-base-blue-950: #001f47; + --colors-base-purple-50: #f3e7ff; + --colors-base-purple-100: #e1c4ff; + --colors-base-purple-200: #ca91ff; + --colors-base-purple-300: #b35dff; + --colors-base-purple-400: #8a33ff; + --colors-base-purple-500: #5d37ff; + --colors-base-purple-600: #4949db; + --colors-base-purple-700: #3737b3; + --colors-base-purple-800: #282893; + --colors-base-purple-900: #1a1a66; + --colors-base-purple-950: #110e4d; + --colors-base-orange-50: #fff3e0; + --colors-base-orange-100: #ffe0b2; + --colors-base-orange-200: #ffcc80; + --colors-base-orange-300: #ffb74d; + --colors-base-orange-400: #ffa726; + --colors-base-orange-500: #ff9800; + --colors-base-orange-600: #fb8c00; + --colors-base-orange-700: #f57c00; + --colors-base-orange-800: #ef6c00; + --colors-base-orange-900: #e65100; + --colors-base-orange-950: #d84315; + --colors-base-slate-50: #f8fafc; + --colors-base-slate-100: #f1f5f9; + --colors-base-slate-200: #e2e8f0; + --colors-base-slate-300: #cbd5e1; + --colors-base-slate-400: #94a3b8; + --colors-base-slate-500: #64748b; + --colors-base-slate-600: #475569; + --colors-base-slate-700: #334155; + --colors-base-slate-800: #1e293b; + --colors-base-slate-900: #0f172a; + --colors-base-slate-950: #020617; + --colors-base-green-50: #e8faf0; + --colors-base-green-100: #d1f4e0; + --colors-base-green-200: #a2e9c1; + --colors-base-green-300: #74dfa2; + --colors-base-green-400: #45d483; + --colors-base-green-500: #17c964; + --colors-base-green-600: #12a150; + --colors-base-green-700: #0e793c; + --colors-base-green-800: #095028; + --colors-base-green-900: #052814; + --colors-base-yellow-50: #fefce8; + --colors-base-yellow-100: #fdedd3; + --colors-base-yellow-200: #fbdba7; + --colors-base-yellow-300: #f9c97c; + --colors-base-yellow-400: #f7b750; + --colors-base-yellow-500: #f5a524; + --colors-base-yellow-600: #c4841d; + --colors-base-yellow-700: #936316; + --colors-base-yellow-800: #62420e; + --colors-base-yellow-900: #312107; + --colors-base-red-50: #fee7ef; + --colors-base-red-100: #fdd0df; + --colors-base-red-200: #faa0bf; + --colors-base-red-300: #f871a0; + --colors-base-red-400: #f54180; + --colors-base-red-500: #f31260; + --colors-base-red-600: #c20e4d; + --colors-base-red-700: #920b3a; + --colors-base-red-800: #610726; + --colors-base-red-900: #310413; + --colors-semantic-layout-background: #000000; + --colors-semantic-layout-foreground: #ffffff; + --colors-semantic-layout-border: #1e293b; + --colors-semantic-layout-divider: #475569; + --colors-semantic-layout-accent: #ff9800; + --colors-semantic-layout-muted-foreground: #cbd5e1; + --colors-semantic-primary-50: #e7f3ff; + --colors-semantic-primary-100: #c4e1ff; + --colors-semantic-primary-200: #91caff; + --colors-semantic-primary-300: #5db3ff; + --colors-semantic-primary-400: #338aff; + --colors-semantic-primary-500: #007bff; + --colors-semantic-primary-600: #006edb; + --colors-semantic-primary-700: #0059b3; + --colors-semantic-primary-800: #004493; + --colors-semantic-primary-900: #002e66; + --colors-semantic-secondary-50: #f3e7ff; + --colors-semantic-secondary-100: #e1c4ff; + --colors-semantic-secondary-200: #ca91ff; + --colors-semantic-secondary-300: #b35dff; + --colors-semantic-secondary-400: #8a33ff; + --colors-semantic-secondary-500: #5d37ff; + --colors-semantic-secondary-600: #4949db; + --colors-semantic-secondary-700: #3737b3; + --colors-semantic-secondary-800: #282893; + --colors-semantic-secondary-900: #1a1a66; + --colors-specific-button-primary-default: #ff9800; + --colors-specific-button-primary-foreground: #000000; + --colors-specific-button-primary-hover: #91caff; + --colors-specific-button-primary-active: #004493; + --colors-specific-button-primary-disabled: #004493; +} diff --git a/typography.css b/typography.css new file mode 100644 index 0000000..6605272 --- /dev/null +++ b/typography.css @@ -0,0 +1,34 @@ +/** + * ************************************************************** + * WARNING: DO NOT EDIT THIS FILE. * + * THIS FILE WAS AUTO-GENERATED ON https://app.zigma.io. * + * ************************************************************** + */ + +:root { + --typography-base-font-families-heading: Inter; + --typography-base-font-families-body: Inter; + --typography-base-font-families-heading-button: Inter; + --typography-base-font-families-code: 'Fira Code'; + --typography-base-font-sizes-tiny: 12px; + --typography-base-font-sizes-small: 14px; + --typography-base-font-sizes-base: 16px; + --typography-base-font-sizes-medium: 16px; + --typography-base-font-sizes-large: 18px; + --typography-base-font-sizes-xlarge: 24px; + --typography-base-font-sizes-xxlarge: 32px; + --typography-base-font-sizes-xxxlarge: 48px; + --typography-base-font-weights-bold: 700px; + --typography-base-line-heights-tiny: 0.75px; + --typography-base-line-heights-small: 1px; + --typography-base-line-heights-medium: 1.25px; + --typography-base-line-heights-base: 1.5px; + --typography-base-line-heights-large: 2px; + --typography-base-line-heights-xlarge: 2.5px; + --typography-base-line-heights-xxlarge: 3.5px; + --typography-base-letter-spacings-initial: initial; + --typography-base-letter-spacings-tight: -0.33px; + --typography-base-letter-spacings-base: -0.47px; + --typography-base-letter-spacings-wide: -0.79px; + --typography-base-letter-spacings-wider: -1.07px; +}