From faf1208d40fc4619c22c6dd4c80fedf6ae9e43e8 Mon Sep 17 00:00:00 2001 From: Jonathan Summers-Muir Date: Tue, 9 May 2023 01:18:34 +0800 Subject: [PATCH] remove old files --- .gitignore | 2 - packages/ui/build/css/source/global-two.css | 10 - packages/ui/build/css/source/global.css | 114 ---- .../build/css/source/typography-classes.css | 182 ------ packages/ui/build/css/themes/dark.css | 2 +- packages/ui/build/css/themes/darker-dark.css | 33 -- packages/ui/build/css/themes/light.css | 2 +- packages/ui/copy-tokens.js | 12 +- packages/ui/package.json | 2 +- packages/ui/tokens/config/$metadata.json | 10 - packages/ui/tokens/config/$themes.json | 19 - packages/ui/tokens/semantic/typography.json | 374 ------------- packages/ui/tokens/source/global-two.json | 23 - packages/ui/tokens/source/global.json | 518 ------------------ packages/ui/tokens/themes/darker-dark.json | 30 - 15 files changed, 9 insertions(+), 1324 deletions(-) delete mode 100644 packages/ui/build/css/source/global-two.css delete mode 100644 packages/ui/build/css/source/global.css delete mode 100644 packages/ui/build/css/source/typography-classes.css delete mode 100644 packages/ui/build/css/themes/darker-dark.css delete mode 100644 packages/ui/tokens/config/$metadata.json delete mode 100644 packages/ui/tokens/config/$themes.json delete mode 100644 packages/ui/tokens/semantic/typography.json delete mode 100644 packages/ui/tokens/source/global-two.json delete mode 100644 packages/ui/tokens/source/global.json delete mode 100644 packages/ui/tokens/themes/darker-dark.json diff --git a/.gitignore b/.gitignore index 049d0747321..d831aaf0d81 100644 --- a/.gitignore +++ b/.gitignore @@ -123,9 +123,7 @@ typings/ apps/new-docs/* # UI tokens -packages/ui/styles/tokens # packages/ui/tokens/**/*.json -packages/ui/tokens.json # For self-hosted logs: https://github.com/supabase/supabase/blob/86e3ab20abfdb9c3e666334d3d2f8efeef9ccf2c/docker/docker-compose-logging.yml#L101 gcloud.json diff --git a/packages/ui/build/css/source/global-two.css b/packages/ui/build/css/source/global-two.css deleted file mode 100644 index 68cc7335cec..00000000000 --- a/packages/ui/build/css/source/global-two.css +++ /dev/null @@ -1,10 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 08 May 2023 16:23:48 GMT - */ - -:root { - --drop-shadow-context-menu: 0 2px 5px 3px rgba(0,0,0,0.1); - --context-menu: 6px; - --menu-item-section: 5px; -} diff --git a/packages/ui/build/css/source/global.css b/packages/ui/build/css/source/global.css deleted file mode 100644 index 24b55afdd69..00000000000 --- a/packages/ui/build/css/source/global.css +++ /dev/null @@ -1,114 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 08 May 2023 16:23:48 GMT - */ - -:root { - --content-width-screen-xl: 1128px; - --table-header-horizontal: 32px; - --action-bar-horizontal: 32px; - --action-bar-vertical: 21px; - --base: 16; - --input-sm-height: 28px; - --datatable-rowheight: 28px; /* Height of datatable rows */ - --modal-drop-shadow: 1px 4px 4px 4px rgba(0,0,0,0.15); - --form-input-disabled: 0.33; - --icon-width-default: 1px; - --icon-bg: 0.15; /* Transuclent bg of icons */ - --icon-md: 18px; - --icon-sm: 16px; - --icon-xs: 12px; - --text-decoration-none: none; - --text-case-uppercase: uppercase; - --text-case-none: none; - --font-size-2: 48.829px; - --font-size-1: 39.063px; - --font-size-0: 14px; - --inner-shadow-text-new: inset 0 0.5px 0.5px 0 #00000026; - --inner-shadow-label-copy: inset 0 1px 1px 0 #858585; - --font-weights-heading-mono: 500; - --font-weights-inter-2: Book; - --font-weights-inter-1: 500; - --font-weights-roboto-0: 400; - --font-weights-body-bold: 700; - --font-weights-body-regular: 400; - --font-weights-heading-bold: 700; - --font-weights-heading-regular: 400; - --paragraph-spacing-h2: 26; - --paragraph-spacing-h1: 32; - --paragraph-spacing-1: 32; - --paragraph-spacing-0: 26; - --letter-spacing-8: 0.08em; - --letter-spacing-decreased: -0.05em; - --letter-spacing-increased: 0.1em; - --letter-spacing-default: 0; - --letter-spacing-1: -0.02em; - --letter-spacing-0: 0em; - --line-heights-heading: 1.1; - --line-heights-0: 1.1; - --font-families-mono: Office Code Pro; - --font-families-body2: Circular Std; - --font-families-roboto: Roboto; - --font-families-body: Circular Std; - --font-families-heading: Inter; - --opacity-high: 0.9; - --opacity-md: 0.5; - --opacity-low: 0.1; - --border-width-lg: 8px; - --border-width-md: 4px; - --border-width-sm: 2px; - --border-width-xs: 1px; - --border-width-none: 0; - --border-radius-xs: 2px; - --border-radius-xl: 16px; - --border-radius-lg: 8px; - --border-radius-sm: 4px; - --sizing-xs: 4px; - --sizing-scale: 1.5px; - --spacing-xs: 4px; - --spacing-scale: 2px; - --panel2: var(--border-radius-sm); - --options-icon: var(--icon-md); /* Size of product/dropdown icons icons */ - --datatable-headericon: var(--icon-sm); - --panel: var(--border-radius-xs); - --font-sizes-9xl: 128; - --font-sizes-8xl: 96; - --font-sizes-7xl: 72; - --font-sizes-6xl: 60; - --font-sizes-xs: 12; - --font-sizes-sm: 14; - --font-sizes-base: var(--base); - --font-sizes-lg: 18; - --font-sizes-xl: 20; - --font-sizes-2xl: 24; - --font-sizes-3xl: 30; - --font-sizes-4xl: 36; - --font-sizes-5xl: 48; - --line-heights-9xl: 128; - --line-heights-8xl: 96; - --line-heights-7xl: 72; - --line-heights-6xl: 60; - --line-heights-5xl: 48; - --line-heights-4xl: 40; - --line-heights-3xl: var(--base) *2.25; - --line-heights-2xl: 32; - --line-heights-xl: 28; - --line-heights-lg: 28; - --line-heights-sm: 20; - --line-heights-xs: var(--base); - --line-heights-base: 24; - --border-radius-table-header: var(--border-radius-sm); - --sizing-sm: 6px; - --spacing-sm: 8px; - --sizing-md: 9px; - --spacing-md: 16px; - --controller-vertical: var(--spacing-md); - --tabs-horizontal: var(--spacing-md); - --sizing-lg: 13.5px; - --spacing-lg: 3var(--spacing-scale); - --content-horizontal: var(--spacing-lg); - --content-vertical: var(--spacing-lg); - --sizing-xl: 20.25px; - --spacing-xl: 64px; - --xxl: 128px; -} diff --git a/packages/ui/build/css/source/typography-classes.css b/packages/ui/build/css/source/typography-classes.css deleted file mode 100644 index 84655cd4978..00000000000 --- a/packages/ui/build/css/source/typography-classes.css +++ /dev/null @@ -1,182 +0,0 @@ - -.typography-h1-bold { - font: var(--typography-h1-bold); - letter-spacing: var(--letterSpacing-1); - text-transform: var(--textCase-none); - text-decoration: var(--textDecoration-none); -} - -.typography-h1-regular { - font: var(--typography-h1-regular); - letter-spacing: var(--letterSpacing-1); - text-transform: var(--textCase-none); - text-decoration: var(--textDecoration-none); -} - -.typography-h2-bold { - font: var(--typography-h2-bold); - letter-spacing: var(--letterSpacing-1); - text-transform: var(--textCase-none); - text-decoration: var(--textDecoration-none); -} - -.typography-h2-regular { - font: var(--typography-h2-regular); - letter-spacing: var(--letterSpacing-1); - text-transform: var(--textCase-none); - text-decoration: var(--textDecoration-none); -} - -.typography-h3-bold { - font: var(--typography-h3-bold); - letter-spacing: var(--letterSpacing-1); - text-transform: var(--textCase-none); - text-decoration: var(--textDecoration-none); -} - -.typography-h3-regular { - font: var(--typography-h3-regular); - letter-spacing: var(--letterSpacing-1); - text-transform: var(--textCase-none); - text-decoration: var(--textDecoration-none); -} - -.typography-h4-bold { - font: var(--typography-h4-bold); - letter-spacing: var(--letterSpacing-1); - text-transform: var(--textCase-none); - text-decoration: var(--textDecoration-none); -} - -.typography-h4-regular { - font: var(--typography-h4-regular); - letter-spacing: var(--letterSpacing-1); - text-transform: var(--textCase-none); - text-decoration: var(--textDecoration-none); -} - -.typography-h4-mono { - font: var(--typography-h4-mono); - letter-spacing: var(--letterSpacing-1); - text-transform: var(--textCase-uppercase); - text-decoration: var(--textDecoration-none); -} - -.typography-h5-bold { - font: var(--typography-h5-bold); - letter-spacing: var(--letterSpacing-1); - text-transform: var(--textCase-none); - text-decoration: var(--textDecoration-none); -} - -.typography-h5-regular { - font: var(--typography-h5-regular); - letter-spacing: var(--letterSpacing-1); - text-transform: var(--textCase-none); - text-decoration: var(--textDecoration-none); -} - -.typography-body-base-normal { - font: var(--typography-body-base-normal); - letter-spacing: var(--letterSpacing-default); - text-transform: var(--textCase-none); - text-decoration: var(--textDecoration-none); -} - -.typography-body-base-mono { - font: var(--typography-body-base-mono); - letter-spacing: var(--letterSpacing-+8); - text-transform: var(--textCase-uppercase); - text-decoration: var(--textDecoration-none); -} - -.typography-body-lg-normal { - font: var(--typography-body-lg-normal); - letter-spacing: var(--letterSpacing-default); - text-transform: var(--textCase-none); - text-decoration: var(--textDecoration-none); -} - -.typography-body-xs-normal { - font: var(--typography-body-xs-normal); - letter-spacing: var(--letterSpacing-default); - text-transform: var(--textCase-none); - text-decoration: var(--textDecoration-none); -} - -.typography-body-xs-code-header { - font: var(--typography-body-xs-code-header); - letter-spacing: var(--letterSpacing-increased); - text-transform: var(--textCase-none); - text-decoration: var(--textDecoration-none); -} - -.typography-body-xss-code { - font: var(--typography-body-xss-code); - letter-spacing: 0.5%; - text-transform: var(--textCase-uppercase); - text-decoration: var(--textDecoration-none); -} - -.typography-body-sm-normal { - font: var(--typography-body-sm-normal); - letter-spacing: var(--letterSpacing-default); - text-transform: var(--textCase-none); - text-decoration: var(--textDecoration-none); -} - -.typography-body-sm-code-header { - font: var(--typography-body-sm-code-header); - letter-spacing: var(--letterSpacing-increased); - text-transform: var(--textCase-none); - text-decoration: var(--textDecoration-none); -} - -.typography-body-sm-code-normal { - font: var(--typography-body-sm-code-normal); - letter-spacing: var(--letterSpacing-default); - text-transform: var(--textCase-none); - text-decoration: var(--textDecoration-none); -} - -.typography-body-sm-bullet-points { - font: var(--typography-body-sm-bullet-points); - letter-spacing: var(--letterSpacing-default); - text-transform: var(--textCase-none); - text-decoration: var(--textDecoration-none); -} - -.typography-button-xs { - font: var(--typography-button-xs); - letter-spacing: var(--letterSpacing-0); - text-transform: var(--textCase-none); - text-decoration: var(--textDecoration-none); -} - -.typography-button-sm { - font: var(--typography-button-sm); - letter-spacing: var(--letterSpacing-0); - text-transform: var(--textCase-none); - text-decoration: var(--textDecoration-none); -} - -.typography-form-label { - font: var(--typography-form-label); - letter-spacing: var(--letterSpacing-0); - text-transform: var(--textCase-none); - text-decoration: var(--textDecoration-none); -} - -.typography-form-label-secondary { - font: var(--typography-form-label-secondary); - letter-spacing: var(--letterSpacing-0); - text-transform: var(--textCase-none); - text-decoration: var(--textDecoration-none); -} - -.typography-table-header { - font: var(--typography-table-header); - letter-spacing: var(--letterSpacing-0); - text-transform: var(--textCase-none); - text-decoration: var(--textDecoration-none); -} \ No newline at end of file diff --git a/packages/ui/build/css/themes/dark.css b/packages/ui/build/css/themes/dark.css index 3e8b71a1b07..c305b86a380 100644 --- a/packages/ui/build/css/themes/dark.css +++ b/packages/ui/build/css/themes/dark.css @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Mon, 08 May 2023 16:23:48 GMT + * Generated on Mon, 08 May 2023 17:18:26 GMT */ .dark { diff --git a/packages/ui/build/css/themes/darker-dark.css b/packages/ui/build/css/themes/darker-dark.css deleted file mode 100644 index ebb207caa0a..00000000000 --- a/packages/ui/build/css/themes/darker-dark.css +++ /dev/null @@ -1,33 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 08 May 2023 16:23:48 GMT - */ - -.darker-dark { - --utility-mix-negative: 0deg 0% 0%; - --utility-mix-positive: 0deg 0% 100%; - --darken-percentage: 0.2; - --lighten-hardest: 0.65; - --lighten-harder: 0.5; - --lighten-hard: 0.3; - --lighten-soft: 0.05; - --lighten-default: 0.1; - --text-override-lighten-strength: 0; - --theme-variables-text-body: 0deg 0% 92.2%; /* $colors.Gray.Dark.12 */ - --theme-variables-background-body-alt: 0deg 0% 8.6%; /* $colors.Gray.Dark.1 */ - --theme-variables-background-body: 0deg 0% 0%; /* $colors.Gray.Dark.2 */ - --theme-variables-background: 0deg 0% 7.8%; /* $colors.Gray.Dark.3 */ - --theme-variables-brand: 298deg 72.2% 50.6%; - --text-color-body-default: var(--theme-variables-text-body); - --background-color-body-alt: var(--theme-variables-background-body-alt); - --background-color-body: var(--theme-variables-background-body); /* Background color used for the main page body. */ - --background-color-default: var(--theme-variables-background); /* Default background color for any container. */ - --text-color-body-lightest: 91.8deg 0% 30%; - --text-color-body-lighter: 91.8deg 0% 43.2%; - --text-color-body-light: 91.8deg 0% 62%; - --border-color-body: 91.8deg 0% 6.6%; - --border-color-default: 91.8deg 0% 11.5%; /* Default border color */ - --background-color-control: 91.8deg 0% 6%; - --background-color-selection: 91.8deg 0% 11.5%; - --border-color-control: 91.8deg 0% 15.1%; -} diff --git a/packages/ui/build/css/themes/light.css b/packages/ui/build/css/themes/light.css index dbca2e9f270..a23df0991a9 100644 --- a/packages/ui/build/css/themes/light.css +++ b/packages/ui/build/css/themes/light.css @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Mon, 08 May 2023 16:23:48 GMT + * Generated on Mon, 08 May 2023 17:18:26 GMT */ .light { diff --git a/packages/ui/copy-tokens.js b/packages/ui/copy-tokens.js index 20b94ee67c7..76f7240b138 100644 --- a/packages/ui/copy-tokens.js +++ b/packages/ui/copy-tokens.js @@ -14,17 +14,17 @@ const baseUrl = `https://raw.githubusercontent.com/MildTomato/supabase-design-to */ const TOKEN_FILES_METADATA = [ // figma tokens misc config files (comment out for now) - { fileName: '$metadata.json', type: 'config' }, - { fileName: '$themes.json', type: 'config' }, + // { fileName: '$metadata.json', type: 'config' }, + // { fileName: '$themes.json', type: 'config' }, // source files (comment out for now) - { fileName: 'global.json', type: 'source' }, - { fileName: 'global-two.json', type: 'source' }, + // { fileName: 'global.json', type: 'source' }, + // { fileName: 'global-two.json', type: 'source' }, // semantic (comment out for now) - { fileName: 'typography.json', type: 'semantic' }, + // { fileName: 'typography.json', type: 'semantic' }, // themes { fileName: 'root.json', type: 'theme' }, // root theme { fileName: 'light.json', type: 'theme' }, - { fileName: 'darker-dark.json', type: 'theme' }, + // { fileName: 'darker-dark.json', type: 'theme' }, ] const PATHS = { diff --git a/packages/ui/package.json b/packages/ui/package.json index 19b6ae95be9..c28967c6103 100644 --- a/packages/ui/package.json +++ b/packages/ui/package.json @@ -9,7 +9,7 @@ "build-tokens": "node build-tokens.js", "copy-tokens": "node copy-tokens.js", "cleanse-css-for-tailwind": "node cleanse-css-for-tailwind.js", - "generate-styles": "npm run copy-tokens && npm run build-tokens", + "generate-styles": "npm run copy-tokens && npm run build-tokens && npm run cleanse-css-for-tailwind", "build-storybook": "storybook build", "storybook": "storybook dev -p 6006" }, diff --git a/packages/ui/tokens/config/$metadata.json b/packages/ui/tokens/config/$metadata.json deleted file mode 100644 index 6a11157c8fa..00000000000 --- a/packages/ui/tokens/config/$metadata.json +++ /dev/null @@ -1,10 +0,0 @@ -{ - "tokenSetOrder": [ - "global", - "typography", - "global-two", - "root", - "light", - "darker-dark" - ] -} \ No newline at end of file diff --git a/packages/ui/tokens/config/$themes.json b/packages/ui/tokens/config/$themes.json deleted file mode 100644 index 2224faff98a..00000000000 --- a/packages/ui/tokens/config/$themes.json +++ /dev/null @@ -1,19 +0,0 @@ -[ - { - "id": "f5feb0d8ddfeace66dc28424a46bbc4e4fe21d6d", - "name": "dark", - "selectedTokenSets": { - "root": "source" - }, - "$figmaStyleReferences": {} - }, - { - "id": "8a2a94cc2d091998736de922735f7c19ca6cc25e", - "name": "light", - "selectedTokenSets": { - "root": "source", - "light": "enabled" - }, - "$figmaStyleReferences": {} - } -] \ No newline at end of file diff --git a/packages/ui/tokens/semantic/typography.json b/packages/ui/tokens/semantic/typography.json deleted file mode 100644 index 18ed42ca08f..00000000000 --- a/packages/ui/tokens/semantic/typography.json +++ /dev/null @@ -1,374 +0,0 @@ -{ - "typography": { - "H1": { - "Bold": { - "type": "typography", - "value": { - "fontFamily": "{fontFamilies.body2}", - "fontWeight": "{fontWeights.inter-1}", - "lineHeight": "{lineHeights.5xl}", - "fontSize": "{fontSizes.5xl}", - "letterSpacing": "{letterSpacing.1}", - "paragraphSpacing": "{paragraphSpacing.1}", - "textCase": "{textCase.none}", - "textDecoration": "{textDecoration.none}" - } - }, - "Regular": { - "type": "typography", - "value": { - "fontFamily": "{fontFamilies.body2}", - "fontWeight": "{fontWeights.inter-2}", - "lineHeight": "{lineHeights.5xl}", - "fontSize": "{fontSizes.5xl}", - "letterSpacing": "{letterSpacing.1}", - "paragraphSpacing": "{paragraphSpacing.1}", - "textCase": "{textCase.none}", - "textDecoration": "{textDecoration.none}" - } - } - }, - "H2": { - "Bold": { - "type": "typography", - "value": { - "fontFamily": "{fontFamilies.body2}", - "fontWeight": "{fontWeights.inter-1}", - "lineHeight": "{lineHeights.4xl}", - "fontSize": "{fontSizes.4xl}", - "letterSpacing": "{letterSpacing.1}", - "paragraphSpacing": "{paragraphSpacing.0}", - "textCase": "{textCase.none}", - "textDecoration": "{textDecoration.none}" - } - }, - "Regular": { - "type": "typography", - "value": { - "fontFamily": "{fontFamilies.body2}", - "fontWeight": "{fontWeights.inter-2}", - "lineHeight": "{lineHeights.4xl}", - "fontSize": "{fontSizes.4xl}", - "letterSpacing": "{letterSpacing.1}", - "paragraphSpacing": "{paragraphSpacing.0}", - "textCase": "{textCase.none}", - "textDecoration": "{textDecoration.none}" - } - } - }, - "H3": { - "Bold": { - "type": "typography", - "value": { - "fontFamily": "{fontFamilies.body2}", - "fontWeight": "{fontWeights.inter-1}", - "lineHeight": "{lineHeights.3xl}", - "fontSize": "{fontSizes.3xl}", - "letterSpacing": "{letterSpacing.1}", - "paragraphSpacing": "{paragraphSpacing.0}", - "textCase": "{textCase.none}", - "textDecoration": "{textDecoration.none}" - } - }, - "Regular": { - "type": "typography", - "value": { - "fontFamily": "{fontFamilies.body2}", - "fontWeight": "{fontWeights.inter-2}", - "lineHeight": "{lineHeights.3xl}", - "fontSize": "{fontSizes.3xl}", - "letterSpacing": "{letterSpacing.1}", - "paragraphSpacing": "{paragraphSpacing.0}", - "textCase": "{textCase.none}", - "textDecoration": "{textDecoration.none}" - } - } - }, - "H4": { - "Bold": { - "type": "typography", - "value": { - "fontFamily": "{fontFamilies.body2}", - "fontWeight": "{fontWeights.inter-1}", - "lineHeight": "{lineHeights.2xl}", - "fontSize": "{fontSizes.2xl}", - "letterSpacing": "{letterSpacing.1}", - "paragraphSpacing": "{paragraphSpacing.0}", - "textCase": "{textCase.none}", - "textDecoration": "{textDecoration.none}" - } - }, - "Regular": { - "type": "typography", - "value": { - "fontFamily": "{fontFamilies.body2}", - "fontWeight": "{fontWeights.inter-2}", - "lineHeight": "{lineHeights.2xl}", - "fontSize": "{fontSizes.2xl}", - "letterSpacing": "{letterSpacing.1}", - "paragraphSpacing": "{paragraphSpacing.0}", - "textCase": "{textCase.none}", - "textDecoration": "{textDecoration.none}" - } - }, - "mono": { - "value": { - "fontFamily": "{fontFamilies.mono}", - "fontWeight": "{fontWeights.heading-mono}", - "textCase": "{textCase.uppercase}", - "lineHeight": "{lineHeights.2xl}", - "fontSize": "{fontSizes.2xl}", - "letterSpacing": "{letterSpacing.1}", - "textDecoration": "{textDecoration.none}", - "paragraphSpacing": "{paragraphSpacing.0}" - }, - "type": "typography" - } - }, - "H5": { - "Bold": { - "type": "typography", - "value": { - "fontFamily": "{fontFamilies.body2}", - "fontWeight": "{fontWeights.inter-1}", - "lineHeight": "{lineHeights.xl}", - "fontSize": "{fontSizes.xl}", - "letterSpacing": "{letterSpacing.1}", - "paragraphSpacing": "{paragraphSpacing.0}", - "textCase": "{textCase.none}", - "textDecoration": "{textDecoration.none}" - } - }, - "Regular": { - "type": "typography", - "value": { - "fontFamily": "{fontFamilies.body2}", - "fontWeight": "{fontWeights.inter-2}", - "lineHeight": "{lineHeights.xl}", - "fontSize": "{fontSizes.xl}", - "letterSpacing": "{letterSpacing.1}", - "paragraphSpacing": "{paragraphSpacing.0}", - "textCase": "{textCase.none}", - "textDecoration": "{textDecoration.none}" - } - } - }, - "body": { - "base": { - "normal": { - "value": { - "fontFamily": "{fontFamilies.body2}", - "fontWeight": "{fontWeights.inter-2}", - "lineHeight": "{lineHeights.base}", - "fontSize": "{fontSizes.base}", - "letterSpacing": "{letterSpacing.default}", - "paragraphSpacing": "{paragraphSpacing.0}", - "textDecoration": "{textDecoration.none}", - "textCase": "{textCase.none}" - }, - "type": "typography" - }, - "mono": { - "value": { - "fontFamily": "{fontFamilies.mono}", - "fontWeight": "{fontWeights.heading-mono}", - "lineHeight": "{lineHeights.2xl}", - "fontSize": "{fontSize.0}", - "letterSpacing": "{letterSpacing.+8}", - "textCase": "{textCase.uppercase}", - "textDecoration": "{textDecoration.none}", - "paragraphSpacing": "{paragraphSpacing.0}" - }, - "type": "typography" - } - }, - "lg": { - "normal": { - "value": { - "fontFamily": "{fontFamilies.body2}", - "fontWeight": "{fontWeights.inter-2}", - "lineHeight": "{lineHeights.lg}", - "fontSize": "{fontSizes.lg}", - "letterSpacing": "{letterSpacing.default}", - "paragraphSpacing": "{paragraphSpacing.0}", - "textDecoration": "{textDecoration.none}", - "textCase": "{textCase.none}" - }, - "type": "typography" - } - }, - "xs": { - "normal": { - "value": { - "fontFamily": "{fontFamilies.body2}", - "fontWeight": "{fontWeights.inter-2}", - "lineHeight": "{lineHeights.xs}", - "fontSize": "{fontSizes.xs}", - "letterSpacing": "{letterSpacing.default}", - "paragraphSpacing": "{paragraphSpacing.0}", - "textDecoration": "{textDecoration.none}", - "textCase": "{textCase.none}" - }, - "type": "typography" - }, - "code": { - "header": { - "value": { - "fontFamily": "{fontFamilies.mono}", - "fontWeight": "{fontWeights.inter-1}", - "lineHeight": "{lineHeights.sm}", - "fontSize": "{fontSizes.xs}", - "letterSpacing": "{letterSpacing.increased}", - "paragraphSpacing": "{paragraphSpacing.0}", - "textDecoration": "{textDecoration.none}", - "textCase": "{textCase.none}" - }, - "type": "typography" - } - } - }, - "xss": { - "code": { - "value": { - "fontFamily": "{fontFamilies.body2}", - "fontWeight": "{fontWeights.heading-mono}", - "lineHeight": "9", - "fontSize": "9", - "letterSpacing": "0.5%", - "paragraphSpacing": "{paragraphSpacing.0}", - "textDecoration": "{textDecoration.none}", - "textCase": "{textCase.uppercase}" - }, - "type": "typography" - } - }, - "sm": { - "normal": { - "value": { - "fontFamily": "{fontFamilies.body2}", - "fontWeight": "{fontWeights.inter-2}", - "lineHeight": "{lineHeights.sm}", - "fontSize": "{fontSizes.sm}", - "letterSpacing": "{letterSpacing.default}", - "paragraphSpacing": "{paragraphSpacing.0}", - "textDecoration": "{textDecoration.none}", - "textCase": "{textCase.none}" - }, - "type": "typography" - }, - "code": { - "header": { - "value": { - "fontFamily": "{fontFamilies.mono}", - "fontWeight": "{fontWeights.bodyRegular}", - "lineHeight": "{lineHeights.sm}", - "fontSize": "{fontSizes.sm}", - "letterSpacing": "{letterSpacing.increased}", - "paragraphSpacing": "{paragraphSpacing.0}", - "textDecoration": "{textDecoration.none}", - "textCase": "{textCase.none}" - }, - "type": "typography" - }, - "normal": { - "value": { - "fontFamily": "{fontFamilies.mono}", - "fontWeight": "{fontWeights.bodyRegular}", - "lineHeight": "{lineHeights.sm}", - "fontSize": "{fontSizes.sm}", - "letterSpacing": "{letterSpacing.default}", - "paragraphSpacing": "{paragraphSpacing.0}", - "textDecoration": "{textDecoration.none}", - "textCase": "{textCase.none}" - }, - "type": "typography" - } - }, - "bullet-points": { - "value": { - "fontFamily": "{fontFamilies.body2}", - "fontWeight": "{fontWeights.inter-2}", - "lineHeight": "{lineHeights.sm}", - "fontSize": "{fontSizes.sm}", - "letterSpacing": "{letterSpacing.default}", - "paragraphSpacing": "{paragraphSpacing.0}", - "textDecoration": "{textDecoration.none}", - "textCase": "{textCase.none}" - }, - "type": "typography" - } - } - }, - "button": { - "xs": { - "type": "typography", - "value": { - "fontFamily": "{fontFamilies.body2}", - "fontWeight": "{fontWeights.inter-2}", - "lineHeight": "{lineHeights.xs}", - "fontSize": "{fontSizes.xs}", - "letterSpacing": "{letterSpacing.0}", - "paragraphSpacing": "{paragraphSpacing.0}", - "textCase": "{textCase.none}", - "textDecoration": "{textDecoration.none}" - } - }, - "sm": { - "type": "typography", - "value": { - "fontFamily": "{fontFamilies.body2}", - "fontWeight": "{fontWeights.inter-2}", - "lineHeight": "{lineHeights.sm}", - "fontSize": "{fontSizes.sm}", - "letterSpacing": "{letterSpacing.0}", - "paragraphSpacing": "{paragraphSpacing.0}", - "textCase": "{textCase.none}", - "textDecoration": "{textDecoration.none}" - } - } - }, - "form": { - "label": { - "type": "typography", - "value": { - "fontFamily": "{fontFamilies.body2}", - "fontWeight": "{fontWeights.inter-2}", - "lineHeight": "{lineHeights.sm}", - "fontSize": "{fontSizes.sm}", - "letterSpacing": "{letterSpacing.0}", - "paragraphSpacing": "{paragraphSpacing.0}", - "textCase": "{textCase.none}", - "textDecoration": "{textDecoration.none}" - } - }, - "label-secondary": { - "type": "typography", - "value": { - "fontFamily": "{fontFamilies.body2}", - "fontWeight": "{fontWeights.inter-2}", - "lineHeight": "{lineHeights.sm}", - "fontSize": "{fontSizes.sm}", - "letterSpacing": "{letterSpacing.0}", - "paragraphSpacing": "{paragraphSpacing.0}", - "textCase": "{textCase.none}", - "textDecoration": "{textDecoration.none}" - } - } - }, - "table": { - "header": { - "type": "typography", - "value": { - "fontFamily": "{fontFamilies.body2}", - "fontWeight": "{fontWeights.inter-2}", - "lineHeight": "{lineHeights.sm}", - "fontSize": "{fontSizes.xs}", - "letterSpacing": "{letterSpacing.0}", - "paragraphSpacing": "{paragraphSpacing.0}", - "textCase": "{textCase.none}", - "textDecoration": "{textDecoration.none}" - } - } - } - } -} \ No newline at end of file diff --git a/packages/ui/tokens/source/global-two.json b/packages/ui/tokens/source/global-two.json deleted file mode 100644 index 25cf4bdf92d..00000000000 --- a/packages/ui/tokens/source/global-two.json +++ /dev/null @@ -1,23 +0,0 @@ -{ - "menu-item-section": { - "value": "5px", - "type": "spacing" - }, - "context-menu": { - "value": "6px", - "type": "borderRadius" - }, - "dropShadow": { - "context-menu": { - "value": { - "x": "0", - "y": "2", - "blur": "5", - "spread": "3", - "color": "rgba(0,0,0,0.1)", - "type": "dropShadow" - }, - "type": "boxShadow" - } - } -} \ No newline at end of file diff --git a/packages/ui/tokens/source/global.json b/packages/ui/tokens/source/global.json deleted file mode 100644 index 302d054f1fc..00000000000 --- a/packages/ui/tokens/source/global.json +++ /dev/null @@ -1,518 +0,0 @@ -{ - "spacing": { - "scale": { - "value": "2", - "type": "spacing" - }, - "xs": { - "value": "4", - "type": "spacing" - }, - "sm": { - "value": "{spacing.xs} * {spacing.scale}", - "type": "spacing" - }, - "md": { - "value": "{spacing.sm} * {spacing.scale}", - "type": "spacing" - }, - "lg": { - "value": "{spacing.md} * {spacing.scale}", - "type": "spacing" - }, - "xl": { - "value": "{spacing.lg} * {spacing.scale}", - "type": "spacing" - } - }, - "sizing": { - "scale": { - "value": "1.5", - "type": "sizing" - }, - "xs": { - "value": "4", - "type": "sizing" - }, - "sm": { - "value": "{sizing.xs} * {sizing.scale}", - "type": "sizing" - }, - "md": { - "value": "{sizing.sm} * {sizing.scale}", - "type": "sizing" - }, - "lg": { - "value": "{sizing.md} * {sizing.scale}", - "type": "sizing" - }, - "xl": { - "value": "{sizing.lg} * {sizing.scale}", - "type": "sizing" - } - }, - "borderRadius": { - "sm": { - "value": "4", - "type": "borderRadius" - }, - "lg": { - "value": "8", - "type": "borderRadius" - }, - "xl": { - "value": "16", - "type": "borderRadius" - }, - "xs": { - "value": "2", - "type": "borderRadius" - }, - "tableHeader": { - "value": "{borderRadius.sm}", - "type": "borderRadius" - } - }, - "borderWidth": { - "none": { - "value": "0", - "type": "borderWidth" - }, - "xs": { - "value": "1", - "type": "borderWidth" - }, - "sm": { - "value": "2", - "type": "borderWidth" - }, - "md": { - "value": "4", - "type": "borderWidth" - }, - "lg": { - "value": "8", - "type": "borderWidth" - } - }, - "opacity": { - "low": { - "value": "10%", - "type": "opacity" - }, - "md": { - "value": "50%", - "type": "opacity" - }, - "high": { - "value": "90%", - "type": "opacity" - } - }, - "fontFamilies": { - "heading": { - "value": "Inter", - "type": "fontFamilies" - }, - "body": { - "value": "Circular Std", - "type": "fontFamilies" - }, - "roboto": { - "value": "Roboto", - "type": "fontFamilies" - }, - "body2": { - "value": "Circular Std", - "type": "fontFamilies" - }, - "mono": { - "value": "Office Code Pro", - "type": "fontFamilies" - } - }, - "lineHeights": { - "0": { - "value": "110%", - "type": "lineHeights" - }, - "heading": { - "value": "110%", - "type": "lineHeights" - }, - "base": { - "value": "{base} * 1.5", - "type": "lineHeights" - }, - "xs": { - "value": "{base} * 1", - "type": "lineHeights" - }, - "sm": { - "value": "{base} * 1.25", - "type": "lineHeights" - }, - "lg": { - "value": "{base} * 1.75", - "type": "lineHeights" - }, - "xl": { - "value": "{base} * 1.75", - "type": "lineHeights" - }, - "2xl": { - "value": "{base} * 2", - "type": "lineHeights" - }, - "3xl": { - "value": "{base} *2.25", - "type": "lineHeights" - }, - "4xl": { - "value": "{base} * 2.5", - "type": "lineHeights" - }, - "5xl": { - "value": "{base} * 3", - "type": "lineHeights" - }, - "6xl": { - "value": "{base} * 3.75", - "type": "lineHeights" - }, - "7xl": { - "value": "{base} * 4.5", - "type": "lineHeights" - }, - "8xl": { - "value": "{base} * 6", - "type": "lineHeights" - }, - "9xl": { - "value": "{base} * 8", - "type": "lineHeights" - } - }, - "letterSpacing": { - "0": { - "value": "0%", - "type": "letterSpacing" - }, - "1": { - "value": "-2%", - "type": "letterSpacing" - }, - "default": { - "value": "0", - "type": "letterSpacing" - }, - "increased": { - "value": "10%", - "type": "letterSpacing" - }, - "decreased": { - "value": "-5%", - "type": "letterSpacing" - }, - "+8": { - "value": "+8%", - "type": "letterSpacing" - } - }, - "paragraphSpacing": { - "0": { - "value": "26", - "type": "paragraphSpacing" - }, - "1": { - "value": "32", - "type": "paragraphSpacing" - }, - "h1": { - "value": "32", - "type": "paragraphSpacing" - }, - "h2": { - "value": "26", - "type": "paragraphSpacing" - } - }, - "fontWeights": { - "headingRegular": { - "value": "Regular", - "type": "fontWeights" - }, - "headingBold": { - "value": "Bold", - "type": "fontWeights" - }, - "bodyRegular": { - "value": "Regular", - "type": "fontWeights" - }, - "bodyBold": { - "value": "Bold", - "type": "fontWeights" - }, - "roboto-0": { - "value": "Regular", - "type": "fontWeights" - }, - "inter-1": { - "value": "Medium", - "type": "fontWeights" - }, - "inter-2": { - "value": "Book", - "type": "fontWeights" - }, - "heading-mono": { - "value": "Medium", - "type": "fontWeights" - } - }, - "fontSizes": { - "5xl": { - "value": "{base} * 3", - "type": "fontSizes" - }, - "4xl": { - "value": "{base} * 2.25", - "type": "fontSizes" - }, - "3xl": { - "value": "{base} * 1.875", - "type": "fontSizes" - }, - "2xl": { - "value": "{base} * 1.5", - "type": "fontSizes" - }, - "xl": { - "value": "{base} * 1.25", - "type": "fontSizes" - }, - "lg": { - "value": "{base} * 1.125", - "type": "fontSizes" - }, - "base": { - "value": "{base} * 1", - "type": "fontSizes" - }, - "sm": { - "value": "{base} * 0.875", - "type": "fontSizes" - }, - "xs": { - "value": "{base} * 0.75", - "type": "fontSizes" - }, - "6xl": { - "value": "{base} * 3.75", - "type": "fontSizes" - }, - "7xl": { - "value": "{base} * 4.5", - "type": "fontSizes" - }, - "8xl": { - "value": "{base} * 6", - "type": "fontSizes" - }, - "9xl": { - "value": "{base} * 8", - "type": "fontSizes" - } - }, - "inner shadow label-copy": { - "value": { - "color": "#858585", - "type": "innerShadow", - "x": "0", - "y": "1", - "blur": "1", - "spread": "0" - }, - "type": "boxShadow" - }, - "inner-shadow-text-new": { - "value": { - "color": "#00000026", - "type": "innerShadow", - "x": "0", - "y": "0.5", - "blur": "0.5", - "spread": "0" - }, - "type": "boxShadow" - }, - "fontSize": { - "0": { - "value": "14", - "type": "fontSizes" - }, - "1": { - "value": "39.0629997253418", - "type": "fontSizes" - }, - "2": { - "value": "48.82899856567383", - "type": "fontSizes" - } - }, - "textCase": { - "none": { - "value": "none", - "type": "textCase" - }, - "uppercase": { - "value": "uppercase", - "type": "textCase" - } - }, - "textDecoration": { - "none": { - "value": "none", - "type": "textDecoration" - } - }, - "icon": { - "xs": { - "value": "12", - "type": "sizing" - }, - "sm": { - "value": "16", - "type": "sizing" - }, - "md": { - "value": "18", - "type": "sizing" - }, - "bg": { - "value": "0.15", - "type": "opacity", - "description": "Transuclent bg of icons" - } - }, - "iconWidth": { - "default": { - "value": "1", - "type": "borderWidth" - } - }, - "form": { - "input-disabled": { - "value": "33%", - "type": "opacity" - } - }, - "Modal Drop Shadow": { - "value": { - "x": "1", - "y": "4", - "blur": "4", - "spread": "4", - "color": "rgba(0,0,0,0.15)", - "type": "dropShadow" - }, - "type": "boxShadow" - }, - "panel": { - "value": "{borderRadius.xs}", - "type": "borderRadius", - "horizontal": { - "value": "{spacing.lg}", - "type": "spacing" - }, - "vertical": { - "value": "{spacing.lg}", - "type": "spacing" - } - }, - "datatable": { - "headericon": { - "value": "{icon.sm}", - "type": "sizing" - }, - "rowheight": { - "value": "28", - "type": "sizing", - "description": "Height of datatable rows" - } - }, - "options": { - "icon": { - "value": "{icon.md}", - "type": "sizing", - "description": "Size of product/dropdown icons icons" - } - }, - "input": { - "sm": { - "height": { - "value": "28", - "type": "sizing" - } - } - }, - "panel2": { - "value": "{borderRadius.sm}", - "type": "borderRadius" - }, - "base": { - "value": "16", - "type": "other" - }, - "xxl": { - "value": "{spacing.xl}*2", - "type": "spacing" - }, - "actionBar": { - "vertical": { - "value": "21", - "type": "spacing" - }, - "horizontal": { - "value": "32", - "type": "spacing" - } - }, - "table": { - "header": { - "horizontal": { - "value": "32", - "type": "spacing" - } - } - }, - "tabs": { - "horizontal": { - "value": "{spacing.md}", - "type": "spacing" - } - }, - "content": { - "vertical": { - "value": "{spacing.lg}", - "type": "spacing" - }, - "horizontal": { - "value": "{spacing.lg}", - "type": "spacing" - }, - "width": { - "screen-xl": { - "value": "1128", - "type": "sizing" - } - } - }, - "controller": { - "vertical": { - "value": "{spacing.md}", - "type": "spacing" - } - } -} \ No newline at end of file diff --git a/packages/ui/tokens/themes/darker-dark.json b/packages/ui/tokens/themes/darker-dark.json deleted file mode 100644 index 731a37ec69d..00000000000 --- a/packages/ui/tokens/themes/darker-dark.json +++ /dev/null @@ -1,30 +0,0 @@ -{ - "theme-variables": { - "brand": { - "value": "#d626dc", - "type": "color" - }, - "background": { - "value": "#141414", - "type": "color", - "description": "$colors.Gray.Dark.3" - }, - "background-body": { - "value": "#000", - "type": "color", - "description": "$colors.Gray.Dark.2" - }, - "background-body-alt": { - "value": "#161616", - "type": "color", - "description": "$colors.Gray.Dark.1" - }, - "text": { - "body": { - "value": "#ebebeb", - "type": "color", - "description": "$colors.Gray.Dark.12" - } - } - } -} \ No newline at end of file