Adapt script to Figma

api3dao · Nov 29, 2023 · 678e134 · 678e134
1 parent 4005eaf
commit 678e134
Show file tree

Hide file tree

Showing 2 changed files with 208 additions and 2 deletions.
diff --git a/build/css/variables.css b/build/css/variables.css
@@ -0,0 +1,206 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 29 Nov 2023 14:18:50 GMT
+ */
+
+:root {
+  --contents-global-ds-core-color-base-light: #f3f3f3;
+  --contents-global-ds-core-color-base-dark: #030303;
+  --contents-global-ds-core-color-gray-25: #fafafa;
+  --contents-global-ds-core-color-gray-50: #f5f5f5;
+  --contents-global-ds-core-color-gray-100: #efefef;
+  --contents-global-ds-core-color-gray-200: #dddddd;
+  --contents-global-ds-core-color-gray-300: #c3c4c3;
+  --contents-global-ds-core-color-gray-400: #b0b1b1;
+  --contents-global-ds-core-color-gray-500: #878888;
+  --contents-global-ds-core-color-gray-600: #6c6d6d;
+  --contents-global-ds-core-color-gray-700: #404141;
+  --contents-global-ds-core-color-gray-800: #222222;
+  --contents-global-ds-core-color-gray-900: #121313;
+  --contents-global-ds-core-color-emerald-25: #edfaf5;
+  --contents-global-ds-core-color-emerald-50: #dcfbf3;
+  --contents-global-ds-core-color-emerald-100: #b9ffee;
+  --contents-global-ds-core-color-emerald-200: #9bffe6;
+  --contents-global-ds-core-color-emerald-300: #7affdf;
+  --contents-global-ds-core-color-emerald-400: #5effd7;
+  --contents-global-ds-core-color-emerald-500: #48e8c0;
+  --contents-global-ds-core-color-emerald-600: #3ab597;
+  --contents-global-ds-core-color-emerald-700: #318570;
+  --contents-global-ds-core-color-emerald-800: #246354;
+  --contents-global-ds-core-color-emerald-900: #1a473c;
+  --contents-global-ds-core-color-indigo-25: #E1E8FF;
+  --contents-global-ds-core-color-indigo-50: #B7C7FF;
+  --contents-global-ds-core-color-indigo-100: #87A1FF;
+  --contents-global-ds-core-color-indigo-200: #6384FF;
+  --contents-global-ds-core-color-indigo-300: #3e67ff;
+  --contents-global-ds-core-color-indigo-400: #194aff;
+  --contents-global-ds-core-color-indigo-500: #153dd1;
+  --contents-global-ds-core-color-indigo-600: #102fa3;
+  --contents-global-ds-core-color-indigo-700: #0c2275;
+  --contents-global-ds-core-color-indigo-800: #111b40;
+  --contents-global-ds-core-color-indigo-900: #131621;
+  --contents-global-ds-core-color-purple-25: #F8F5FF;
+  --contents-global-ds-core-color-purple-50: #E0D5FF;
+  --contents-global-ds-core-color-purple-100: #C9B5FF;
+  --contents-global-ds-core-color-purple-200: #B196FF;
+  --contents-global-ds-core-color-purple-300: #9A76FF;
+  --contents-global-ds-core-color-purple-400: #8256FF;
+  --contents-global-ds-core-color-purple-500: #6B47D1;
+  --contents-global-ds-core-color-purple-600: #5337A3;
+  --contents-global-ds-core-color-purple-700: #3C2875;
+  --contents-global-ds-core-color-purple-800: #241847;
+  --contents-global-ds-core-color-purple-900: #0D091A;
+  --contents-global-ds-core-color-red-25: #FFEEE8;
+  --contents-global-ds-core-color-red-50: #FFD3C6;
+  --contents-global-ds-core-color-red-100: #FFB9A3;
+  --contents-global-ds-core-color-red-200: #ff9f81;
+  --contents-global-ds-core-color-red-300: #FF855E;
+  --contents-global-ds-core-color-red-400: #FF6A3C;
+  --contents-global-ds-core-color-red-500: #ff5019;
+  --contents-global-ds-core-color-red-600: #D14215;
+  --contents-global-ds-core-color-red-700: #A33310;
+  --contents-global-ds-core-color-red-800: #75250C;
+  --contents-global-ds-core-color-red-900: #471607;
+  --contents-global-ds-core-color-orange-25: #FFF7E8;
+  --contents-global-ds-core-color-orange-50: #FFECC6;
+  --contents-global-ds-core-color-orange-100: #FFE0A3;
+  --contents-global-ds-core-color-orange-200: #FFD481;
+  --contents-global-ds-core-color-orange-300: #FFC85E;
+  --contents-global-ds-core-color-orange-400: #FFBD3C;
+  --contents-global-ds-core-color-orange-500: #FFB119;
+  --contents-global-ds-core-color-orange-600: #D19115;
+  --contents-global-ds-core-color-orange-700: #A37110;
+  --contents-global-ds-core-color-orange-800: #75510C;
+  --contents-global-ds-core-color-orange-900: #473207;
+  --contents-global-ds-core-color-green-25: #E8F8EF;
+  --contents-global-ds-core-color-green-50: #C6EED8;
+  --contents-global-ds-core-color-green-100: #A3E3C1;
+  --contents-global-ds-core-color-green-200: #81D9A9;
+  --contents-global-ds-core-color-green-300: #5ECF92;
+  --contents-global-ds-core-color-green-400: #3CC47A;
+  --contents-global-ds-core-color-green-500: #19BA63;
+  --contents-global-ds-core-color-green-600: #159951;
+  --contents-global-ds-core-color-green-700: #10773F;
+  --contents-global-ds-core-color-green-800: #0C562E;
+  --contents-global-ds-core-color-green-900: #07341C;
+  --contents-global-ds-core-color-blue-25: #E8F4FF;
+  --contents-global-ds-core-color-blue-50: #C6E4FF;
+  --contents-global-ds-core-color-blue-100: #A4D3FF;
+  --contents-global-ds-core-color-blue-200: #82C3FF;
+  --contents-global-ds-core-color-blue-300: #60B3FF;
+  --contents-global-ds-core-color-blue-400: #3EA2FF;
+  --contents-global-ds-core-color-blue-500: #1C92FF;
+  --contents-global-ds-core-color-blue-600: #1778D1;
+  --contents-global-ds-core-color-blue-700: #125DA3;
+  --contents-global-ds-core-color-blue-800: #0D4375;
+  --contents-global-ds-core-color-blue-900: #082947;
+  --contents-global-ds-core-font-family-default: Inter;
+  --contents-global-ds-core-font-weight-300: Light;
+  --contents-global-ds-core-font-weight-400: Regular;
+  --contents-global-ds-core-font-weight-500: Medium;
+  --contents-global-ds-core-font-weight-600: Semi Bold;
+  --contents-global-ds-core-font-weight-700: Bold;
+  --contents-global-ds-core-font-weight-800: Extra Bold;
+  --contents-global-ds-core-font-weight-900: Black;
+  --contents-global-ds-core-font-line-height-xxxs: 100%;
+  --contents-global-ds-core-font-line-height-xxs: 110%;
+  --contents-global-ds-core-font-line-height-xs: 130%;
+  --contents-global-ds-core-font-line-height-s: 140%;
+  --contents-global-ds-core-font-line-height-m: 150%;
+  --contents-global-ds-core-font-line-height-l: 170%;
+  --contents-global-ds-core-font-size-62: 16 /100 *62.5;
+  --contents-global-ds-core-font-size-75: 16 /100 *75;
+  --contents-global-ds-core-font-size-87: 16 /100 *87.5;
+  --contents-global-ds-core-font-size-100: 16 /100*100;
+  --contents-global-ds-core-font-size-112: 16 /100 *112.5;
+  --contents-global-ds-core-font-size-125: 16 /100 *125;
+  --contents-global-ds-core-font-size-137: 16 /100 *137.5;
+  --contents-global-ds-core-font-size-200: 16 /100 *200;
+  --contents-global-ds-core-font-size-225: 16 /100 *225;
+  --contents-global-ds-core-font-size-250: 16 /100 *250;
+  --contents-global-ds-core-font-size-300: 16 /100 *300;
+  --contents-global-ds-core-font-size-350: 16 /100 *350;
+  --contents-global-ds-core-font-size-400: 16 /100 *400;
+  --contents-global-ds-core-font-size-rem: 16;
+  --contents-global-ds-core-font-size-base: 16 /100;
+  --contents-global-ds-core-font-size-scale: 16;
+  --contents-global-ds-core-letter-spacing-s: -1.5px;
+  --contents-global-ds-core-letter-spacing-m: 0px;
+  --contents-global-ds-core-letter-spacing-l: 0.2px;
+  --contents-global-ds-core-letter-spacing-xl: 0.3px;
+  --contents-global-ds-core-border-radius-s: 4;
+  --contents-global-ds-core-border-radius-m: 6;
+  --contents-global-ds-core-border-radius-l: 8;
+  --contents-global-ds-core-dimension-0: 0px;
+  --contents-global-ds-core-dimension-100: 8px;
+  --contents-global-ds-core-dimension-300: 11px;
+  --contents-global-ds-core-dimension-400: 17px;
+  --contents-global-ds-core-dimension-500: 19px;
+  --contents-global-ds-core-dimension-600: 20px;
+  --contents-global-ds-core-dimension-700: 24px;
+  --contents-global-ds-core-dimension-800: 28px;
+  --contents-global-ds-core-dimension-900: 32px;
+  --contents-global-ds-core-dimension-01: 1px;
+  --contents-global-ds-core-border-width-1: 1;
+  --contents-global-ds-semantic-font-heading-1: [object Object];
+  --contents-global-ds-semantic-font-heading-2: [object Object];
+  --contents-global-ds-semantic-font-heading-3: [object Object];
+  --contents-global-ds-semantic-font-heading-4: [object Object];
+  --contents-global-ds-semantic-font-heading-5: [object Object];
+  --contents-global-ds-semantic-font-heading-6: [object Object];
+  --contents-global-ds-semantic-font-heading-7: [object Object];
+  --contents-global-ds-semantic-font-subtitle-1: [object Object];
+  --contents-global-ds-semantic-font-subtitle-2: [object Object];
+  --contents-global-ds-semantic-font-subtitle-3: [object Object];
+  --contents-global-ds-semantic-font-subtitle-4: [object Object];
+  --contents-global-ds-semantic-font-subtitle-5: [object Object];
+  --contents-global-ds-semantic-font-subtitle-6: [object Object];
+  --contents-global-ds-semantic-font-subtitle-7: [object Object];
+  --contents-global-ds-semantic-font-subtitle-8: [object Object];
+  --contents-global-ds-semantic-font-subtitle-9: [object Object];
+  --contents-global-ds-semantic-font-subtitle-10: [object Object];
+  --contents-global-ds-semantic-font-subtitle-11: [object Object];
+  --contents-global-ds-semantic-font-subtitle-12: [object Object];
+  --contents-global-ds-semantic-font-description-1: [object Object];
+  --contents-global-ds-semantic-font-description-2: [object Object];
+  --contents-global-ds-semantic-font-description-3: [object Object];
+  --contents-global-ds-semantic-font-description-4: [object Object];
+  --contents-global-ds-semantic-font-description-5: [object Object];
+  --contents-global-ds-semantic-font-description-6: [object Object];
+  --contents-global-ds-semantic-font-description-7: [object Object];
+  --contents-global-ds-semantic-font-description-8: [object Object];
+  --contents-global-ds-semantic-font-description-9: [object Object];
+  --contents-global-ds-semantic-font-body-1: [object Object];
+  --contents-global-ds-semantic-font-body-2: [object Object];
+  --contents-global-ds-semantic-font-body-3: [object Object];
+  --contents-global-ds-semantic-font-body-4: [object Object];
+  --contents-global-ds-semantic-font-body-5: [object Object];
+  --contents-global-ds-semantic-font-body-6: [object Object];
+  --contents-global-ds-semantic-font-body-7: [object Object];
+  --contents-global-ds-semantic-font-body-8: [object Object];
+  --contents-global-ds-semantic-font-body-9: [object Object];
+  --contents-global-ds-semantic-font-body-10: [object Object];
+  --contents-global-ds-semantic-font-overline-1: [object Object];
+  --contents-global-ds-semantic-font-overline-2: [object Object];
+  --contents-global-ds-semantic-font-button-1: [object Object];
+  --contents-global-ds-semantic-font-button-2: [object Object];
+  --contents-global-ds-semantic-font-button-3: [object Object];
+  --contents-global-ds-semantic-font-link-1: [object Object];
+  --contents-global-ds-semantic-font-link-2: [object Object];
+  --contents-global-ds-semantic-font-link-3: [object Object];
+  --contents-global-ds-semantic-font-tagline-1: [object Object];
+  --contents-global-ds-semantic-font-tagline-2: [object Object];
+  --contents-global-ds-semantic-font-tagline-3: [object Object];
+  --contents-global-ds-semantic-font-tagline-4: [object Object];
+  --contents-global-ds-semantic-font-tagline-5: [object Object];
+  --contents-global-ds-semantic-font-tagline-6: [object Object];
+  --contents-global-ds-semantic-font-tagline-7: [object Object];
+  --contents-global-ds-semantic-font-tagline-8: [object Object];
+  --contents-global-ds-semantic-font-tagline-9: [object Object];
+  --contents-global-ds-semantic-font-tagline-10: [object Object];
+  --contents-global-ds-semantic-font-tagline-11: [object Object];
+  --contents-global-ds-semantic-font-tagline-12: [object Object];
+  --contents-global-ds-semantic-font-menu-navigation-1: [object Object];
+  --contents-global-ds-semantic-font-menu-navigation-2: [object Object];
+  --contents-global-ds-semantic-font-menu-navigation-3: [object Object];
+}
diff --git a/config.js b/config.js
@@ -21,10 +21,10 @@ module.exports = {
       parse: ({ contents, filePath }) => {
         // Rudimentary way to obtain fully qualify references
         const qualifiedContent = contents
-          .replaceAll("{ds.core.", "{contents.theme.global.ds.core.")
+          .replaceAll("{ds.core.", "{contents.global.ds.core.")
           .replaceAll(
             "{core.font-size.REM}",
-            "{contents.theme.global.ds.core.font.size.REM}"
+            "{contents.global.ds.core.font.size.REM}"
           );
 
         return {