@sprinklrjs/spaceweb-themes 14.14.3 → 14.14.5

package/_hds_internal_cheatsheetConfig.js

@@ -571,6 +571,13 @@ export default [
         selector: 'ai-bg-gradient',
         variants: ['hover', 'focus', 'active', 'disabled'],
         values: ['background: var(--ai-bg-gradient, linear-gradient(to right, #E2FBFF 0%, #E9FDE6 51%, #FFF4DF 100%))'],
+        tokens: [
+          {
+            name: '--ai-bg-gradient',
+            light: 'linear-gradient(to right, #fff4df 0%, #e9fde6 49%, #e2fbff 100%)',
+            dark: 'linear-gradient(to right, #493b21 0%, #2c462b 49%, #22444c 100%)',
+          },
+        ],
       },
       {
         selector: 'ai-border-gradient',
@@ -857,51 +864,121 @@ export default [
         selector: 'spr-border-error',
         variants: ['disabled'],
         values: ['border-color: var(--spr-border-error, #DC2625)'],
+        tokens: [
+          {
+            name: '--spr-border-error',
+            light: '#dc2625',
+            dark: '#ef4444',
+          },
+        ],
       },
       {
         selector: 'spr-border-inverse',
         variants: [],
         values: ['border-color: var(--spr-border-inverse, #FFFFFF)'],
+        tokens: [
+          {
+            name: '--spr-border-inverse',
+            light: '#ffffff',
+            dark: '#1e2022',
+          },
+        ],
       },
       {
         selector: 'spr-border-primary',
         variants: ['hover', 'focus', 'disabled'],
         values: ['border-color: var(--spr-border-primary, #D8D9DB)'],
+        tokens: [
+          {
+            name: '--spr-border-primary',
+            light: '#d8d9db',
+            dark: '#525457',
+          },
+        ],
       },
       {
         selector: 'spr-border-quaternary',
         variants: ['focus-within', 'hover', 'focus', 'disabled'],
         values: ['border-color: var(--spr-border-quaternary, #252627)'],
+        tokens: [
+          {
+            name: '--spr-border-quaternary',
+            light: '#252627',
+            dark: '#ecedee',
+          },
+        ],
       },
       {
         selector: 'spr-border-quinary',
         variants: ['focus-within', 'hover', 'focus', 'focus-visible', 'active', 'disabled'],
         values: ['border-color: var(--spr-border-quinary, #1250DE)'],
+        tokens: [
+          {
+            name: '--spr-border-quinary',
+            light: '#1250de',
+            dark: '#1a6aff',
+          },
+        ],
       },
       {
         selector: 'spr-border-secondary',
         variants: ['hover', 'focus', 'disabled'],
         values: ['border-color: var(--spr-border-secondary, #E3E4E6)'],
+        tokens: [
+          {
+            name: '--spr-border-secondary',
+            light: '#e3e4e6',
+            dark: '#2b2d2e',
+          },
+        ],
       },
       {
         selector: 'spr-border-success',
         variants: [],
         values: ['border-color: var(--spr-border-success, #15823D)'],
+        tokens: [
+          {
+            name: '--spr-border-success',
+            light: '#15823d',
+            dark: '#22c55d',
+          },
+        ],
       },
       {
         selector: 'spr-border-tertiary',
         variants: ['hover', 'focus', 'disabled', 'md'],
         values: ['border-color: var(--spr-border-tertiary, #ECEDEE)'],
+        tokens: [
+          {
+            name: '--spr-border-tertiary',
+            light: '#ecedee',
+            dark: '#252627',
+          },
+        ],
       },
       {
         selector: 'spr-border-warning',
         variants: [],
         values: ['border-color: var(--spr-border-warning, #EBB305)'],
+        tokens: [
+          {
+            name: '--spr-border-warning',
+            light: '#ebb305',
+            dark: '#facc14',
+          },
+        ],
       },
       {
         selector: 'spr-border-white',
         variants: ['hover', 'focus', 'disabled'],
         values: ['border-color: var(--spr-border-white, #FFFFFF)'],
+        tokens: [
+          {
+            name: '--spr-border-white',
+            light: '#ffffff',
+            dark: '#ffffff',
+          },
+        ],
       },
     ],
   },
@@ -1505,51 +1582,121 @@ export default [
         selector: 'spr-link',
         variants: ['hover', 'focus', 'focus-visible', 'active', 'disabled'],
         values: ['color: var(--spr-link, #1250DE)'],
+        tokens: [
+          {
+            name: '--spr-link',
+            light: '#1250de',
+            dark: '#3188ff',
+          },
+        ],
       },
       {
         selector: 'spr-text-error',
         variants: ['hover'],
         values: ['color: var(--spr-text-error, #DC2625)'],
+        tokens: [
+          {
+            name: '--spr-text-error',
+            light: '#dc2625',
+            dark: '#ef4444',
+          },
+        ],
       },
       {
         selector: 'spr-text-inverse',
         variants: ['visited', 'hover', 'focus', 'disabled'],
         values: ['color: var(--spr-text-inverse, #FFFFFF)'],
+        tokens: [
+          {
+            name: '--spr-text-inverse',
+            light: '#ffffff',
+            dark: '#1e2022',
+          },
+        ],
       },
       {
         selector: 'spr-text-placeholder',
         variants: ['placeholder', 'hover', 'focus', 'disabled'],
         values: ['color: var(--spr-text-placeholder, #757575)'],
+        tokens: [
+          {
+            name: '--spr-text-placeholder',
+            light: '#757575',
+            dark: '#7d7d7d',
+          },
+        ],
       },
       {
         selector: 'spr-text-primary',
         variants: ['visited', 'hover', 'focus', 'focus-visible', 'active', 'disabled'],
         values: ['color: var(--spr-text-primary, #1E2022)'],
+        tokens: [
+          {
+            name: '--spr-text-primary',
+            light: '#1e2022',
+            dark: '#f5f6f7',
+          },
+        ],
       },
       {
         selector: 'spr-text-secondary',
         variants: ['visited', 'hover', 'focus', 'active', 'disabled'],
         values: ['color: var(--spr-text-secondary, #252627)'],
+        tokens: [
+          {
+            name: '--spr-text-secondary',
+            light: '#252627',
+            dark: '#e3e4e6',
+          },
+        ],
       },
       {
         selector: 'spr-text-success',
         variants: ['hover'],
         values: ['color: var(--spr-text-success, #15823D)'],
+        tokens: [
+          {
+            name: '--spr-text-success',
+            light: '#15823d',
+            dark: '#22c55d',
+          },
+        ],
       },
       {
         selector: 'spr-text-tertiary',
         variants: ['placeholder', 'hover', 'focus', 'disabled'],
         values: ['color: var(--spr-text-tertiary, #525457)'],
+        tokens: [
+          {
+            name: '--spr-text-tertiary',
+            light: '#525457',
+            dark: '#b8b9bb',
+          },
+        ],
       },
       {
         selector: 'spr-text-warning',
         variants: [],
         values: ['color: var(--spr-text-warning, #EBB305)'],
+        tokens: [
+          {
+            name: '--spr-text-warning',
+            light: '#ebb305',
+            dark: '#facc14',
+          },
+        ],
       },
       {
         selector: 'spr-text-white',
         variants: ['visited', 'hover', 'focus', 'active', 'disabled'],
         values: ['color: var(--spr-text-white, #FFFFFF)'],
+        tokens: [
+          {
+            name: '--spr-text-white',
+            light: '#ffffff',
+            dark: '#ffffff',
+          },
+        ],
       },
     ],
   },
@@ -2550,86 +2697,205 @@ export default [
         selector: 'spr-bg-error',
         variants: ['hover', 'focus', 'disabled'],
         values: ['background-color: var(--spr-bg-error, #DC2625)'],
+        tokens: [
+          {
+            name: '--spr-bg-error',
+            light: '#dc2625',
+            dark: '#ef4444',
+          },
+        ],
       },
       {
         selector: 'spr-bg-error-highlight',
         variants: [],
         values: ['background-color: var(--spr-bg-error-highlight, #FEE2E1)'],
+        tokens: [
+          {
+            name: '--spr-bg-error-highlight',
+            light: '#fee2e1',
+            dark: '#7f1c1d',
+          },
+        ],
       },
       {
         selector: 'spr-bg-inverse',
         variants: ['hover', 'focus', 'active', 'disabled'],
         values: ['background-color: var(--spr-bg-inverse, #1E2022)'],
+        tokens: [
+          {
+            name: '--spr-bg-inverse',
+            light: '#1e2022',
+            dark: '#ffffff',
+          },
+        ],
       },
       {
         selector: 'spr-bg-neutral',
         variants: [],
-        values: ['background-color: var(--spr-bg-neutral, #94969A)'],
+        values: ['background-color: var(--spr-bg-neutral, #91949A)'],
+        tokens: [
+          {
+            name: '--spr-bg-neutral',
+            light: '#91949a',
+            dark: '#91949a',
+          },
+        ],
       },
       {
         selector: 'spr-bg-overlay',
         variants: ['hover'],
         values: ['background-color: var(--spr-bg-overlay, rgba(18, 18, 20, 0.66))'],
+        tokens: [
+          {
+            name: '--spr-bg-overlay',
+            light: 'rgba(18, 18, 20, 0.66)',
+            dark: 'rgba(255, 255, 255, 0.5)',
+          },
+        ],
       },
       {
         selector: 'spr-bg-primary',
         variants: ['hover', 'focus', 'active', 'disabled', 'md'],
         values: ['background-color: var(--spr-bg-primary, #FFFFFF)'],
+        tokens: [
+          {
+            name: '--spr-bg-primary',
+            light: '#ffffff',
+            dark: '#101112',
+          },
+        ],
       },
       {
         selector: 'spr-bg-quaternary',
         variants: ['focus-within', 'hover', 'focus', 'active', 'disabled'],
         values: ['background-color: var(--spr-bg-quaternary, #F5F6F7)'],
+        tokens: [
+          {
+            name: '--spr-bg-quaternary',
+            light: '#f5f6f7',
+            dark: '#252627',
+          },
+        ],
       },
       {
         selector: 'spr-bg-quinary',
         variants: ['hover', 'focus', 'focus-visible', 'active'],
         values: ['background-color: var(--spr-bg-quinary, #D8D9DB)'],
+        tokens: [
+          {
+            name: '--spr-bg-quinary',
+            light: '#d8d9db',
+            dark: '#525457',
+          },
+        ],
       },
       {
         selector: 'spr-bg-secondary',
         variants: ['focus-within', 'hover', 'focus', 'active', 'disabled'],
         values: ['background-color: var(--spr-bg-secondary, #ECEDEE)'],
+        tokens: [
+          {
+            name: '--spr-bg-secondary',
+            light: '#ecedee',
+            dark: '#1e2022',
+          },
+        ],
       },
       {
         selector: 'spr-bg-success',
         variants: ['hover', 'focus', 'active', 'disabled'],
         values: ['background-color: var(--spr-bg-success, #15823D)'],
+        tokens: [
+          {
+            name: '--spr-bg-success',
+            light: '#15823d',
+            dark: '#22c55d',
+          },
+        ],
       },
       {
         selector: 'spr-bg-success-highlight',
         variants: [],
         values: ['background-color: var(--spr-bg-success-highlight, #DCFCE7)'],
+        tokens: [
+          {
+            name: '--spr-bg-success-highlight',
+            light: '#dcfce7',
+            dark: '#14532d',
+          },
+        ],
       },
       {
         selector: 'spr-bg-tertiary',
         variants: ['hover', 'focus', 'active'],
         values: ['background-color: var(--spr-bg-tertiary, #E3E4E6)'],
+        tokens: [
+          {
+            name: '--spr-bg-tertiary',
+            light: '#e3e4e6',
+            dark: '#2b2d2e',
+          },
+        ],
       },
       {
         selector: 'spr-bg-warning',
         variants: ['hover', 'focus', 'active', 'disabled'],
         values: ['background-color: var(--spr-bg-warning, #EBB305)'],
+        tokens: [
+          {
+            name: '--spr-bg-warning',
+            light: '#ebb305',
+            dark: '#facc14',
+          },
+        ],
       },
       {
         selector: 'spr-bg-warning-highlight',
         variants: [],
         values: ['background-color: var(--spr-bg-warning-highlight, #FEF9C3)'],
+        tokens: [
+          {
+            name: '--spr-bg-warning-highlight',
+            light: '#fef9c3',
+            dark: '#713f11',
+          },
+        ],
       },
       {
         selector: 'spr-highlight',
         variants: ['hover'],
         values: ['background-color: var(--spr-highlight, #FEF9C3)'],
+        tokens: [
+          {
+            name: '--spr-highlight',
+            light: '#fef9c3',
+            dark: '#713f11',
+          },
+        ],
       },
       {
         selector: 'spr-interactive',
         variants: ['focus', 'active', 'disabled'],
         values: ['background-color: var(--spr-interactive, #1250DE)'],
+        tokens: [
+          {
+            name: '--spr-interactive',
+            light: '#1250de',
+            dark: '#1a6aff',
+          },
+        ],
       },
       {
         selector: 'spr-interactive-hover',
         variants: ['hover', 'focus', 'active'],
         values: ['background-color: var(--spr-interactive-hover, #1640B1)'],
+        tokens: [
+          {
+            name: '--spr-interactive-hover',
+            light: '#1640b1',
+            dark: '#1250de',
+          },
+        ],
       },
       {
         selector: 'bg-white',
@@ -2768,46 +3034,109 @@ export default [
         selector: 'spr-icon-error',
         variants: [],
         values: ['fill: var(--spr-icon-error, #DC2625)'],
+        tokens: [
+          {
+            name: '--spr-icon-error',
+            light: '#dc2625',
+            dark: '#ef4444',
+          },
+        ],
       },
       {
         selector: 'spr-icon-inverse',
         variants: ['hover', 'focus', 'md'],
         values: ['fill: var(--spr-icon-inverse, #FFFFFF)'],
+        tokens: [
+          {
+            name: '--spr-icon-inverse',
+            light: '#ffffff',
+            dark: '#1e2022',
+          },
+        ],
       },
       {
         selector: 'spr-icon-primary',
         variants: ['hover', 'focus'],
         values: ['fill: var(--spr-icon-primary, #1E2022)'],
+        tokens: [
+          {
+            name: '--spr-icon-primary',
+            light: '#1e2022',
+            dark: '#f5f6f7',
+          },
+        ],
       },
       {
         selector: 'spr-icon-quaternary',
         variants: ['hover'],
         values: ['fill: var(--spr-icon-quaternary, #8DCAFF)'],
+        tokens: [
+          {
+            name: '--spr-icon-quaternary',
+            light: '#8dcaff',
+            dark: '#57abff',
+          },
+        ],
       },
       {
         selector: 'spr-icon-secondary',
         variants: ['hover', 'focus', 'active'],
         values: ['fill: var(--spr-icon-secondary, #1250DE)'],
+        tokens: [
+          {
+            name: '--spr-icon-secondary',
+            light: '#1250de',
+            dark: '#3188ff',
+          },
+        ],
       },
       {
         selector: 'spr-icon-success',
         variants: [],
         values: ['fill: var(--spr-icon-success, #15823D)'],
+        tokens: [
+          {
+            name: '--spr-icon-success',
+            light: '#15823d',
+            dark: '#22c55d',
+          },
+        ],
       },
       {
         selector: 'spr-icon-tertiary',
         variants: ['hover', 'focus'],
-        values: ['fill: var(--spr-icon-tertiary, #94969A)'],
+        values: ['fill: var(--spr-icon-tertiary, #91949A)'],
+        tokens: [
+          {
+            name: '--spr-icon-tertiary',
+            light: '#91949a',
+            dark: '#91949a',
+          },
+        ],
       },
       {
         selector: 'spr-icon-warning',
         variants: [],
         values: ['fill: var(--spr-icon-warning, #EBB305)'],
+        tokens: [
+          {
+            name: '--spr-icon-warning',
+            light: '#ebb305',
+            dark: '#facc14',
+          },
+        ],
       },
       {
         selector: 'spr-icon-white',
         variants: [],
         values: ['fill: var(--spr-icon-white, #FFFFFF)'],
+        tokens: [
+          {
+            name: '--spr-icon-white',
+            light: '#ffffff',
+            dark: '#ffffff',
+          },
+        ],
       },
     ],
   },
@@ -5429,6 +5758,13 @@ export default [
         selector: 'spr-shadow-100',
         variants: ['focus-within', 'hover', 'focus'],
         values: ['box-shadow: var(--spr-shadow-100, 0 0 0.5px 0 rgba(0, 0, 0, 0.30), 0 2px 4px 0 rgba(0, 0, 0, 0.15))'],
+        tokens: [
+          {
+            name: '--spr-shadow-100',
+            light: '0 0 0.5px 0 rgba(0, 0, 0, 0.3), 0 2px 4px 0 rgba(0, 0, 0, 0.15)',
+            dark: '0 0.8px 0 0 rgba(255, 255, 255, 0.08) inset, 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0.5px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 3px 0 rgba(0, 0, 0, 0.5)',
+          },
+        ],
       },
       {
         selector: 'spr-shadow-200',
@@ -5436,6 +5772,13 @@ export default [
         values: [
           'box-shadow: var(--spr-shadow-200, 0 0 0.5px 0 rgba(0, 0, 0, 0.10), 0 4px 12px 0 rgba(0, 0, 0, 0.10), 0 2px 4px 0 rgba(0, 0, 0, 0.10))',
         ],
+        tokens: [
+          {
+            name: '--spr-shadow-200',
+            light: '0 0 0.5px 0 rgba(0, 0, 0, 0.1), 0 4px 12px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.1)',
+            dark: '0 0.5px 0 0 rgba(255, 255, 255, 0.08) inset, 0 10px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0.5px 0 rgba(255, 255, 255, 0.35) inset, 0 2px 5px 0 rgba(0, 0, 0, 0.35)',
+          },
+        ],
       },
       {
         selector: 'shadow-none',
@@ -5613,6 +5956,13 @@ export default [
         selector: 'outline-[--spr-focus-01]',
         variants: ['focus-within', 'focus-visible'],
         values: ['outline-color: var(--spr-focus-01, #0e61f6)'],
+        tokens: [
+          {
+            name: '--spr-focus-01',
+            light: '#1250de',
+            dark: '#1a6aff',
+          },
+        ],
       },
       {
         selector: 'outline-dashed',
@@ -6906,3 +7256,668 @@ export default [
     ],
   },
 ];
+
+export const deprecated = {
+  '-m-1.5': null,
+  '-m-11': null,
+  '-m-40': null,
+  '-m-48': null,
+  '-m-7': null,
+  '-m-9': null,
+  '-mb-1.5': null,
+  '-mb-11': null,
+  '-mb-40': null,
+  '-mb-48': null,
+  '-mb-7': null,
+  '-mb-9': null,
+  '-ml-1.5': null,
+  '-ml-11': null,
+  '-ml-40': null,
+  '-ml-48': null,
+  '-ml-7': null,
+  '-ml-9': null,
+  '-mr-1.5': null,
+  '-mr-11': null,
+  '-mr-40': null,
+  '-mr-48': null,
+  '-mr-7': null,
+  '-mr-9': null,
+  '-mt-1.5': null,
+  '-mt-11': null,
+  '-mt-40': null,
+  '-mt-48': null,
+  '-mt-7': null,
+  '-mt-9': null,
+  '-mx-1.5': null,
+  '-mx-11': null,
+  '-mx-40': null,
+  '-mx-48': null,
+  '-mx-7': null,
+  '-mx-9': null,
+  '-my-1.5': null,
+  '-my-11': null,
+  '-my-40': null,
+  '-my-48': null,
+  '-my-7': null,
+  '-my-9': null,
+  'ai-border-01': null,
+  'ai-border-02': null,
+  'ai-border-03': null,
+  'ai-border-04': null,
+  'ai-highlight': null,
+  'ai-interactive-disable': null,
+  'ai-interactive-loading': null,
+  'ai-ui-01': null,
+  'ai-ui-02': null,
+  'ai-ui-03': 'ai-bg-gradient',
+  'ai-ui-04': null,
+  'ai-ui-05': null,
+  'ai-ui-06': null,
+  'bg-disabled': null,
+  'bg-highlight': null,
+  'border-disabled': null,
+  'border-highlight': null,
+  'fill-black': null,
+  'fill-white': null,
+  'font-300': null,
+  'font-500': null,
+  'font-black': null,
+  'font-extrabold': null,
+  'font-extralight': null,
+  'font-light': null,
+  'font-medium': null,
+  'font-normal': null,
+  'font-thin': null,
+  'm-0.75': null,
+  'm-1.25': null,
+  'm-1.5': null,
+  'm-1.75': null,
+  'm-1/2': null,
+  'm-11': null,
+  'm-11.5': null,
+  'm-12.5': null,
+  'm-120': null,
+  'm-14': null,
+  'm-18': null,
+  'm-2.25': null,
+  'm-2.5': null,
+  'm-2.75': null,
+  'm-22': null,
+  'm-25': null,
+  'm-28': null,
+  'm-3.5': null,
+  'm-3.75': null,
+  'm-32': null,
+  'm-4.5': null,
+  'm-40': null,
+  'm-48': null,
+  'm-56': null,
+  'm-64': null,
+  'm-7': null,
+  'm-7.5': null,
+  'm-7/20': null,
+  'm-7/50': null,
+  'm-9': null,
+  'm-9.5': null,
+  'mb-0.75': null,
+  'mb-1.25': null,
+  'mb-1.5': null,
+  'mb-1.75': null,
+  'mb-1/2': null,
+  'mb-11': null,
+  'mb-11.5': null,
+  'mb-12.5': null,
+  'mb-120': null,
+  'mb-14': null,
+  'mb-18': null,
+  'mb-2.25': null,
+  'mb-2.5': null,
+  'mb-2.75': null,
+  'mb-22': null,
+  'mb-25': null,
+  'mb-28': null,
+  'mb-3.5': null,
+  'mb-3.75': null,
+  'mb-32': null,
+  'mb-4.5': null,
+  'mb-40': null,
+  'mb-48': null,
+  'mb-56': null,
+  'mb-64': null,
+  'mb-7': null,
+  'mb-7.5': null,
+  'mb-7/20': null,
+  'mb-7/50': null,
+  'mb-9': null,
+  'mb-9.5': null,
+  'ml-0.75': null,
+  'ml-1.25': null,
+  'ml-1.5': null,
+  'ml-1.75': null,
+  'ml-1/2': null,
+  'ml-11': null,
+  'ml-11.5': null,
+  'ml-12.5': null,
+  'ml-120': null,
+  'ml-14': null,
+  'ml-18': null,
+  'ml-2.25': null,
+  'ml-2.5': null,
+  'ml-2.75': null,
+  'ml-22': null,
+  'ml-25': null,
+  'ml-28': null,
+  'ml-3.5': null,
+  'ml-3.75': null,
+  'ml-32': null,
+  'ml-4.5': null,
+  'ml-40': null,
+  'ml-48': null,
+  'ml-56': null,
+  'ml-64': null,
+  'ml-7': null,
+  'ml-7.5': null,
+  'ml-7/20': null,
+  'ml-7/50': null,
+  'ml-9': null,
+  'ml-9.5': null,
+  'mr-0.75': null,
+  'mr-1.25': null,
+  'mr-1.5': null,
+  'mr-1.75': null,
+  'mr-1/2': null,
+  'mr-11': null,
+  'mr-11.5': null,
+  'mr-12.5': null,
+  'mr-120': null,
+  'mr-14': null,
+  'mr-18': null,
+  'mr-2.25': null,
+  'mr-2.5': null,
+  'mr-2.75': null,
+  'mr-22': null,
+  'mr-25': null,
+  'mr-28': null,
+  'mr-3.5': null,
+  'mr-3.75': null,
+  'mr-32': null,
+  'mr-4.5': null,
+  'mr-40': null,
+  'mr-48': null,
+  'mr-56': null,
+  'mr-64': null,
+  'mr-7': null,
+  'mr-7.5': null,
+  'mr-7/20': null,
+  'mr-7/50': null,
+  'mr-9': null,
+  'mr-9.5': null,
+  'mt-0.75': null,
+  'mt-1.25': null,
+  'mt-1.5': null,
+  'mt-1.75': null,
+  'mt-1/2': null,
+  'mt-11': null,
+  'mt-11.5': null,
+  'mt-12.5': null,
+  'mt-120': null,
+  'mt-14': null,
+  'mt-18': null,
+  'mt-2.25': null,
+  'mt-2.5': null,
+  'mt-2.75': null,
+  'mt-22': null,
+  'mt-25': null,
+  'mt-28': null,
+  'mt-3.5': null,
+  'mt-3.75': null,
+  'mt-32': null,
+  'mt-4.5': null,
+  'mt-40': null,
+  'mt-48': null,
+  'mt-56': null,
+  'mt-64': null,
+  'mt-7': null,
+  'mt-7.5': null,
+  'mt-7/20': null,
+  'mt-7/50': null,
+  'mt-9': null,
+  'mt-9.5': null,
+  'mx-0.75': null,
+  'mx-1.25': null,
+  'mx-1.5': null,
+  'mx-1.75': null,
+  'mx-1/2': null,
+  'mx-11': null,
+  'mx-11.5': null,
+  'mx-12.5': null,
+  'mx-120': null,
+  'mx-14': null,
+  'mx-18': null,
+  'mx-2.25': null,
+  'mx-2.5': null,
+  'mx-2.75': null,
+  'mx-22': null,
+  'mx-25': null,
+  'mx-28': null,
+  'mx-3.5': null,
+  'mx-3.75': null,
+  'mx-32': null,
+  'mx-4.5': null,
+  'mx-40': null,
+  'mx-48': null,
+  'mx-56': null,
+  'mx-64': null,
+  'mx-7': null,
+  'mx-7.5': null,
+  'mx-7/20': null,
+  'mx-7/50': null,
+  'mx-9': null,
+  'mx-9.5': null,
+  'my-0.75': null,
+  'my-1.25': null,
+  'my-1.5': null,
+  'my-1.75': null,
+  'my-1/2': null,
+  'my-11': null,
+  'my-11.5': null,
+  'my-12.5': null,
+  'my-120': null,
+  'my-14': null,
+  'my-18': null,
+  'my-2.25': null,
+  'my-2.5': null,
+  'my-2.75': null,
+  'my-22': null,
+  'my-25': null,
+  'my-28': null,
+  'my-3.5': null,
+  'my-3.75': null,
+  'my-32': null,
+  'my-4.5': null,
+  'my-40': null,
+  'my-48': null,
+  'my-56': null,
+  'my-64': null,
+  'my-7': null,
+  'my-7.5': null,
+  'my-7/20': null,
+  'my-7/50': null,
+  'my-9': null,
+  'my-9.5': null,
+  'nav-icon-01': null,
+  'nav-icon-focus-01': null,
+  'nav-text-01': null,
+  'nav-ui-01': null,
+  'nav-ui-hover-01': null,
+  'opacity-33': null,
+  'p-0.75': null,
+  'p-1.25': null,
+  'p-1.5': null,
+  'p-1.75': null,
+  'p-1/2': null,
+  'p-11': null,
+  'p-14': null,
+  'p-18': null,
+  'p-2.25': null,
+  'p-2.5': null,
+  'p-2.75': null,
+  'p-22': null,
+  'p-25': null,
+  'p-28': null,
+  'p-3.5': null,
+  'p-3.75': null,
+  'p-32': null,
+  'p-4.5': null,
+  'p-40': null,
+  'p-48': null,
+  'p-56': null,
+  'p-64': null,
+  'p-7': null,
+  'p-7.5': null,
+  'p-7/20': null,
+  'p-7/50': null,
+  'p-9': null,
+  'pb-0.75': null,
+  'pb-1.25': null,
+  'pb-1.5': null,
+  'pb-1.75': null,
+  'pb-1/2': null,
+  'pb-11': null,
+  'pb-14': null,
+  'pb-18': null,
+  'pb-2.25': null,
+  'pb-2.5': null,
+  'pb-2.75': null,
+  'pb-22': null,
+  'pb-25': null,
+  'pb-28': null,
+  'pb-3.5': null,
+  'pb-3.75': null,
+  'pb-32': null,
+  'pb-4.5': null,
+  'pb-40': null,
+  'pb-48': null,
+  'pb-56': null,
+  'pb-64': null,
+  'pb-7': null,
+  'pb-7.5': null,
+  'pb-7/20': null,
+  'pb-7/50': null,
+  'pb-9': null,
+  'pl-0.75': null,
+  'pl-1.25': null,
+  'pl-1.5': null,
+  'pl-1.75': null,
+  'pl-1/2': null,
+  'pl-11': null,
+  'pl-14': null,
+  'pl-18': null,
+  'pl-2.25': null,
+  'pl-2.5': null,
+  'pl-2.75': null,
+  'pl-22': null,
+  'pl-25': null,
+  'pl-28': null,
+  'pl-3.5': null,
+  'pl-3.75': null,
+  'pl-32': null,
+  'pl-4.5': null,
+  'pl-40': null,
+  'pl-48': null,
+  'pl-56': null,
+  'pl-64': null,
+  'pl-7': null,
+  'pl-7.5': null,
+  'pl-7/20': null,
+  'pl-7/50': null,
+  'pl-9': null,
+  'pr-0.75': null,
+  'pr-1.25': null,
+  'pr-1.5': null,
+  'pr-1.75': null,
+  'pr-1/2': null,
+  'pr-11': null,
+  'pr-14': null,
+  'pr-18': null,
+  'pr-2.25': null,
+  'pr-2.5': null,
+  'pr-2.75': null,
+  'pr-22': null,
+  'pr-25': null,
+  'pr-28': null,
+  'pr-3.5': null,
+  'pr-3.75': null,
+  'pr-32': null,
+  'pr-4.5': null,
+  'pr-40': null,
+  'pr-48': null,
+  'pr-56': null,
+  'pr-64': null,
+  'pr-7': null,
+  'pr-7.5': null,
+  'pr-7/20': null,
+  'pr-7/50': null,
+  'pr-9': null,
+  'pt-0.75': null,
+  'pt-1.25': null,
+  'pt-1.5': null,
+  'pt-1.75': null,
+  'pt-1/2': null,
+  'pt-11': null,
+  'pt-14': null,
+  'pt-18': null,
+  'pt-2.25': null,
+  'pt-2.5': null,
+  'pt-2.75': null,
+  'pt-22': null,
+  'pt-25': null,
+  'pt-28': null,
+  'pt-3.5': null,
+  'pt-3.75': null,
+  'pt-32': null,
+  'pt-4.5': null,
+  'pt-40': null,
+  'pt-48': null,
+  'pt-56': null,
+  'pt-64': null,
+  'pt-7': null,
+  'pt-7.5': null,
+  'pt-7/20': null,
+  'pt-7/50': null,
+  'pt-9': null,
+  'px-0.75': null,
+  'px-1.25': null,
+  'px-1.5': null,
+  'px-1.75': null,
+  'px-1/2': null,
+  'px-11': null,
+  'px-14': null,
+  'px-18': null,
+  'px-2.25': null,
+  'px-2.5': null,
+  'px-2.75': null,
+  'px-22': null,
+  'px-25': null,
+  'px-28': null,
+  'px-3.5': null,
+  'px-3.75': null,
+  'px-32': null,
+  'px-4.5': null,
+  'px-40': null,
+  'px-48': null,
+  'px-56': null,
+  'px-64': null,
+  'px-7': null,
+  'px-7.5': null,
+  'px-7/20': null,
+  'px-7/50': null,
+  'px-9': null,
+  'py-0.75': null,
+  'py-1.25': null,
+  'py-1.5': null,
+  'py-1.75': null,
+  'py-1/2': null,
+  'py-11': null,
+  'py-14': null,
+  'py-18': null,
+  'py-2.25': null,
+  'py-2.5': null,
+  'py-2.75': null,
+  'py-22': null,
+  'py-25': null,
+  'py-28': null,
+  'py-3.5': null,
+  'py-3.75': null,
+  'py-32': null,
+  'py-4.5': null,
+  'py-40': null,
+  'py-48': null,
+  'py-56': null,
+  'py-64': null,
+  'py-7': null,
+  'py-7.5': null,
+  'py-7/20': null,
+  'py-7/50': null,
+  'py-9': null,
+  rounded: null,
+  'rounded-1': null,
+  'rounded-27': null,
+  'rounded-3': null,
+  'rounded-5': null,
+  'rounded-6': null,
+  'rounded-7': null,
+  'rounded-b': null,
+  'rounded-b-1': null,
+  'rounded-b-3': null,
+  'rounded-b-6': null,
+  'rounded-b-lg': null,
+  'rounded-b-max': null,
+  'rounded-b-md': null,
+  'rounded-b-sm': null,
+  'rounded-b-xl': null,
+  'rounded-bl-6': null,
+  'rounded-bl-lg': null,
+  'rounded-bl-xl': null,
+  'rounded-br': null,
+  'rounded-br-6': null,
+  'rounded-br-lg': null,
+  'rounded-br-xl': null,
+  'rounded-l-1': null,
+  'rounded-l-3': null,
+  'rounded-l-6': null,
+  'rounded-l-lg': null,
+  'rounded-l-max': null,
+  'rounded-l-md': null,
+  'rounded-l-sm': null,
+  'rounded-l-xl': null,
+  'rounded-lg': null,
+  'rounded-max': null,
+  'rounded-md': null,
+  'rounded-r-1': null,
+  'rounded-r-3': null,
+  'rounded-r-6': null,
+  'rounded-r-lg': null,
+  'rounded-r-max': null,
+  'rounded-r-md': null,
+  'rounded-r-sm': null,
+  'rounded-r-xl': null,
+  'rounded-sm': null,
+  'rounded-t-1': null,
+  'rounded-t-3': null,
+  'rounded-t-6': null,
+  'rounded-t-lg': null,
+  'rounded-t-max': null,
+  'rounded-t-md': null,
+  'rounded-t-sm': null,
+  'rounded-t-xl': null,
+  'rounded-tl': null,
+  'rounded-tl-1': null,
+  'rounded-tl-6': null,
+  'rounded-tl-lg': null,
+  'rounded-tl-xl': null,
+  'rounded-tr': null,
+  'rounded-tr-1': null,
+  'rounded-tr-6': null,
+  'rounded-tr-lg': null,
+  'rounded-tr-xl': null,
+  'rounded-xl': null,
+  'spr-bg-success-highlight-2': null,
+  'spr-border-01': 'spr-border-tertiary',
+  'spr-border-02': 'spr-border-secondary',
+  'spr-border-03': 'spr-border-primary',
+  'spr-border-04': null,
+  'spr-border-05': 'spr-border-white',
+  'spr-border-06': 'spr-border-quaternary',
+  'spr-card-border': null,
+  'spr-clr-blue': null,
+  'spr-clr-blue-highlight': null,
+  'spr-clr-darker-blue': null,
+  'spr-clr-fuschia': null,
+  'spr-clr-fuschia-border': null,
+  'spr-clr-green': null,
+  'spr-clr-grey': null,
+  'spr-clr-lavender': null,
+  'spr-clr-lt-violet': null,
+  'spr-clr-lt-yellow': null,
+  'spr-clr-magenta': null,
+  'spr-clr-magenta-border': null,
+  'spr-clr-orange': null,
+  'spr-clr-pink': null,
+  'spr-clr-purple': null,
+  'spr-clr-red': null,
+  'spr-clr-sea': null,
+  'spr-clr-teal': null,
+  'spr-clr-violet': null,
+  'spr-clr-violet-border': null,
+  'spr-clr-yellow': null,
+  'spr-favourite': null,
+  'spr-field': null,
+  'spr-field-border': null,
+  'spr-focus-01': 'spr-border-quinary',
+  'spr-hover': null,
+  'spr-icon-01': 'spr-icon-primary',
+  'spr-icon-02': null,
+  'spr-icon-03': 'spr-icon-tertiary',
+  'spr-icon-04': 'spr-icon-secondary',
+  'spr-icon-05': 'spr-icon-inverse',
+  'spr-icon-06': null,
+  'spr-icon-disable': null,
+  'spr-icon-hover': null,
+  'spr-icon-hover-reverse': 'spr-icon-white',
+  'spr-interactive-01': 'spr-interactive',
+  'spr-interactive-02': null,
+  'spr-interactive-disable': null,
+  'spr-interactive-focus': null,
+  'spr-interactive-hover-border': null,
+  'spr-notification': null,
+  'spr-overlay': null,
+  'spr-popup': null,
+  'spr-popup-border': null,
+  'spr-secondary-green': null,
+  'spr-secondary-lt-pink': null,
+  'spr-secondary-maroon': null,
+  'spr-secondary-orange': null,
+  'spr-secondary-pink': null,
+  'spr-secondary-teal': null,
+  'spr-secondary-yellow': null,
+  'spr-shadow-01': null,
+  'spr-shadow-02': null,
+  'spr-shadow-03': null,
+  'spr-shadow-04': null,
+  'spr-shadow-05': null,
+  'spr-shadow-06': null,
+  'spr-support-error': 'spr-bg-error',
+  'spr-support-error-border': 'spr-border-error',
+  'spr-support-error-highlight': null,
+  'spr-support-error-text': 'spr-text-error',
+  'spr-support-success': 'spr-bg-success',
+  'spr-support-success-border': 'spr-border-success',
+  'spr-support-success-highlight': null,
+  'spr-support-success-text': 'spr-text-success',
+  'spr-support-warning': 'spr-bg-warning',
+  'spr-support-warning-border': 'spr-border-warning',
+  'spr-support-warning-highlight': null,
+  'spr-support-warning-text': 'spr-text-warning',
+  'spr-tag': null,
+  'spr-tag-01': null,
+  'spr-tag-02': null,
+  'spr-text-01': 'spr-text-primary',
+  'spr-text-02': 'spr-text-secondary',
+  'spr-text-03': 'spr-text-tertiary',
+  'spr-text-04': 'spr-link',
+  'spr-text-05': 'spr-text-white',
+  'spr-text-06': 'spr-text-inverse',
+  'spr-text-disable': null,
+  'spr-text-link-active': 'spr-link',
+  'spr-text-magenta': null,
+  'spr-tooltip-01': 'spr-bg-inverse',
+  'spr-tooltip-border': null,
+  'spr-ui-01': 'spr-bg-primary',
+  'spr-ui-02': null,
+  'spr-ui-03': 'spr-bg-tertiary',
+  'spr-ui-04': null,
+  'spr-ui-05': 'spr-bg-secondary',
+  'spr-ui-06': 'spr-bg-quinary',
+  'spr-ui-focus': null,
+  'spr-ui-focus-reverse': null,
+  'spr-ui-hover': null,
+  'spr-ui-hover-reverse': null,
+  'text-10': null,
+  'text-11': null,
+  'text-13': null,
+  'text-26': null,
+  'text-30': null,
+  'text-34': null,
+  'text-38': null,
+  'text-42': null,
+  'text-46': null,
+  'text-48': null,
+  'text-56': null,
+  'text-72': null,
+  'text-8': null,
+  'text-disabled': null,
+  'text-highlight': null,
+  'text-highlight-text': null,
+  'text-xs': null,
+};