remove old files

This commit is contained in:
Jonathan Summers-Muir committed 2023-05-09 01:18:34 +08:00
1 parent 4e65e5c00c
commit faf1208d40
15 files changed
+9 -1324

No files matched your search

-2
View File
@@ -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
@@ -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;
}
-114
View File
@@ -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;
}
@@ -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);
}
+1 -1
View File
@@ -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 {
@@ -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%;
}
+1 -1
View File
@@ -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 {
+6 -6
View File
@@ -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 = {
+1 -1
View File
@@ -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"
},
-10
View File
@@ -1,10 +0,0 @@
{
"tokenSetOrder": [
"global",
"typography",
"global-two",
"root",
"light",
"darker-dark"
]
}
-19
View File
@@ -1,19 +0,0 @@
[
{
"id": "f5feb0d8ddfeace66dc28424a46bbc4e4fe21d6d",
"name": "dark",
"selectedTokenSets": {
"root": "source"
},
"$figmaStyleReferences": {}
},
{
"id": "8a2a94cc2d091998736de922735f7c19ca6cc25e",
"name": "light",
"selectedTokenSets": {
"root": "source",
"light": "enabled"
},
"$figmaStyleReferences": {}
}
]
-374
View File
@@ -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}"
}
}
}
}
}
-23
View File
@@ -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"
}
}
}
-518
View File
@@ -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"
}
}
}
@@ -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"
}
}
}
}