@semcore/core 17.0.0-prerelease.31 → 17.0.0-prerelease.36

package/lib/theme/themes/default.css

@@ -110,6 +110,96 @@
   --salad-600: #005613;
   --salad-700: #003509;
   --salad-800: #002203;
+  /* Base font family. */
+  --intergalactic-base: Inter;
+  /* Use only for text in Badge component. */
+  --intergalactic-fs-50: 10px;
+  /* Use this font-size with caution for text in some additional messages. Always check its contrast and readability. */
+  --intergalactic-fs-100: 12px;
+  --intergalactic-fs-200: 14px;
+  --intergalactic-fs-300: 16px;
+  --intergalactic-fs-400: 20px;
+  --intergalactic-fs-500: 24px;
+  --intergalactic-fs-600: 32px;
+  --intergalactic-fs-700: 36px;
+  --intergalactic-fs-800: 48px;
+  /* Use with font-size-100. */
+  --intergalactic-lh-100: 133%;
+  /* Use with font-size-200. */
+  --intergalactic-lh-200: 142%;
+  /* Use with font-size-300. */
+  --intergalactic-lh-300: 150%;
+  /* Use with font-size-400. */
+  --intergalactic-lh-400: 120%;
+  /* Use with font-size-500. */
+  --intergalactic-lh-500: 117%;
+  /* Use with font-size-600. */
+  --intergalactic-lh-600: 125%;
+  /* Use with font-size-700. */
+  --intergalactic-lh-700: 110%;
+  /* Use with font-size-800. */
+  --intergalactic-lh-800: 117%;
+  /* Semi-bold font weight. */
+  --intergalactic-semi-bold: 600;
+  /* Bold font weight. */
+  --intergalactic-bold: 700;
+  /* Regular font weight. */
+  --intergalactic-regular: 400;
+  /* Medium font weight. */
+  --intergalactic-medium: 500;
+  /* Compact letter spacing. */
+  --intergalactic-compact: 0.3;
+  /* Base denominator of the design system. */
+  --intergalactic-scale-indent: 4px;
+  /* 2px */
+  --intergalactic-spacing-05x: 2px;
+  /* 4px */
+  --intergalactic-spacing-1x: 4px;
+  /* 8px */
+  --intergalactic-spacing-2x: 8px;
+  /* 12px */
+  --intergalactic-spacing-3x: 12px;
+  /* 16px */
+  --intergalactic-spacing-4x: 16px;
+  /* 20px */
+  --intergalactic-spacing-5x: 20px;
+  /* 24px */
+  --intergalactic-spacing-6x: 24px;
+  /* 32px */
+  --intergalactic-spacing-8x: 32px;
+  /* 40px */
+  --intergalactic-spacing-10x: 40px;
+  /* 56px */
+  --intergalactic-spacing-14x: 56px;
+  /* 80px */
+  --intergalactic-spacing-20x: 80px;
+  /* 96px */
+  --intergalactic-spacing-24x: 96px;
+  /* 120px */
+  --intergalactic-spacing-30x: 120px;
+  --intergalactic-rounded-extra-small: 2px;
+  --intergalactic-rounded-small: 4px;
+  --intergalactic-rounded-medium: 6px;
+  --intergalactic-rounded-large: 12px;
+  --intergalactic-rounded-extra-large: 24px;
+  /* Extra small screens (small phones). */
+  --intergalactic-screen-extra-small: 320px;
+  /* Small screens (phones and small tablets). */
+  --intergalactic-screen-small: 768px;
+  /* Medium screens (tablets and small laptops). */
+  --intergalactic-screen-medium: 1200px;
+  /* Large screens (tablets and laptops). */
+  --intergalactic-screen-large: 1920px;
+  /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */
+  --intergalactic-duration-extra-slow: 500;
+  /* Should be used for more larger scale animations (such as page transitions) */
+  --intergalactic-duration-slow: 400;
+  /* Should be used for more complex effects (such as Modal) */
+  --intergalactic-duration-medium: 300;
+  /* Should be used for more complex effects (such as Dropdown or Accordion) */
+  --intergalactic-duration-fast: 200;
+  /* Should be used for simpler effects and relatively small-sized animations (such as fades or color changes) */
+  --intergalactic-duration-extra-fast: 100;
   /* Primary background of the interface which contains the main data and information. */
   --intergalactic-bg-primary-neutral: #ffffff;
   /* Hover state of the primary background of the interface which contains the main data and information. */
@@ -528,6 +618,8 @@
   --intergalactic-brand-google-green: #016723;
   /* Google My Business brand color. */
   --intergalactic-brand-google-my-business: #1a73e8;
+  /* Use for the disabled state of all kind of the controls and elements. */
+  --intergalactic-disabled-opacity: 0.3;
   /* Default shadow of the Card. */
   --intergalactic-box-shadow-card: 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12);
   /* Hover state for the shadow of the Card with hover state. */
@@ -554,84 +646,12 @@
   --intergalactic-keyboard-focus-invert: 0px 0px 0px 3px rgba(255, 255, 255, 0.8);
   /* Default keyboard focus box-shadow styles. */
   --intergalactic-keyboard-focus: 0px 0px 0px 3px rgba(0, 143, 248, 0.5);
-  /* Base font family. */
-  --intergalactic-base: Inter;
-  /* Use with font-size-800. */
-  --intergalactic-lh-800: 117%;
-  /* Use with font-size-700. */
-  --intergalactic-lh-700: 110%;
-  /* Use with font-size-600. */
-  --intergalactic-lh-600: 125%;
-  /* Use with font-size-500. */
-  --intergalactic-lh-500: 117%;
-  /* Use with font-size-400. */
-  --intergalactic-lh-400: 120%;
-  /* Use with font-size-300. */
-  --intergalactic-lh-300: 150%;
-  /* Use with font-size-200. */
-  --intergalactic-lh-200: 142%;
-  /* Use with font-size-100. */
-  --intergalactic-lh-100: 133%;
-  /* Semi-bold font weight. */
-  --intergalactic-semi-bold: 600;
-  /* Bold font weight. */
-  --intergalactic-bold: 700;
-  /* Regular font weight. */
-  --intergalactic-regular: 400;
-  /* Medium font weight. */
-  --intergalactic-medium: 500;
-  /* Use only for text in Badge component. */
-  --intergalactic-fs-50: 10px;
-  /* Use this font-size with caution for text in some additional messages. Always check its contrast and readability. */
-  --intergalactic-fs-100: 12px;
-  --intergalactic-fs-200: 14px;
-  --intergalactic-fs-300: 16px;
-  --intergalactic-fs-400: 20px;
-  --intergalactic-fs-500: 24px;
-  --intergalactic-fs-600: 32px;
-  --intergalactic-fs-700: 36px;
-  --intergalactic-fs-800: 48px;
-  /* Compact letter spacing. */
-  --intergalactic-compact: 0.3;
-  /* Base denominator of the design system. */
-  --intergalactic-scale-indent: 4px;
   /* Small size of the controls. Use it for small interactive addons. Avoid using it with the main actions. */
   --intergalactic-form-control-s: 20px;
   /* Default size of the controls. */
   --intergalactic-form-control-m: 28px;
   /* Large size of the controls. */
   --intergalactic-form-control-l: 40px;
-  /* 2px */
-  --intergalactic-spacing-05x: 2px;
-  /* 4px */
-  --intergalactic-spacing-1x: 4px;
-  /* 8px */
-  --intergalactic-spacing-2x: 8px;
-  /* 12px */
-  --intergalactic-spacing-3x: 12px;
-  /* 16px */
-  --intergalactic-spacing-4x: 16px;
-  /* 20px */
-  --intergalactic-spacing-5x: 20px;
-  /* 24px */
-  --intergalactic-spacing-6x: 24px;
-  /* 32px */
-  --intergalactic-spacing-8x: 32px;
-  /* 40px */
-  --intergalactic-spacing-10x: 40px;
-  /* 56px */
-  --intergalactic-spacing-14x: 56px;
-  /* 80px */
-  --intergalactic-spacing-20x: 80px;
-  /* 96px */
-  --intergalactic-spacing-24x: 96px;
-  /* 120px */
-  --intergalactic-spacing-30x: 120px;
-  --intergalactic-rounded-extra-small: 2px;
-  --intergalactic-rounded-small: 4px;
-  --intergalactic-rounded-medium: 6px;
-  --intergalactic-rounded-large: 12px;
-  --intergalactic-rounded-extra-large: 24px;
   /* Use for rounding addons and small controls like Checkbox. */
   --intergalactic-addon-rounded: 4px;
   /* Use for rounding Badge. */
@@ -654,16 +674,6 @@
   --intergalactic-popper-rounded: 6px;
   /* Use for rounding all kinds of big modal dialogs (e.g., Modal, Wizard). */
   --intergalactic-modal-rounded: 12px;
-  /* Use for the disabled state of all kind of the controls and elements. */
-  --intergalactic-disabled-opacity: 0.3;
-  /* Extra small screens (small phones). */
-  --intergalactic-screen-extra-small: 320px;
-  /* Small screens (phones and small tablets). */
-  --intergalactic-screen-small: 768px;
-  /* Medium screens (tablets and small laptops). */
-  --intergalactic-screen-medium: 1200px;
-  /* Large screens (tablets and laptops). */
-  --intergalactic-screen-large: 1920px;
   /* Use for cover the content under the modal dialogs. */
   --intergalactic-overlay-primary: rgba(25, 27, 35, 0.7);
   /* Use for the secondary modal dialogs that were opened upon the other modal dialogs. */
@@ -672,13 +682,6 @@
   --intergalactic-overlay-limitation-primary: #f4f5f9;
   /* Use as a secondary cover of the content under the messages about limitations. */
   --intergalactic-overlay-limitation-secondary: rgba(255, 255, 255, 0.85);
-  --intergalactic-z-index-deep: -999;
-  --intergalactic-z-index-overlay: 500;
-  --intergalactic-z-index-modal: 900;
-  --intergalactic-z-index-popper: 700;
-  --intergalactic-z-index-dropdown: 750;
-  --intergalactic-z-index-tooltip: 800;
-  --intergalactic-z-index-notice-bubble: 999;
   /* Default Tooltip background. */
   --intergalactic-tooltip-default: #ffffff;
   /* Warning Tooltip background. */
@@ -713,7 +716,7 @@
   --intergalactic-tag-primary-gray-hover-active: #E3E4E9;
   /* Blue background color for primary tag. It’s built with CSS filter brightness(150%) that was applied to blue-500 color with 0.2 opacity on the white background underneath. */
   --intergalactic-tag-primary-blue-normal: #D0EEFF;
-  /* Blue background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the blue-500 color with 0.3 opacity on the white background underneath.  */
+  /* Blue background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the blue-500 color with 0.3 opacity on the white background underneath. */
   --intergalactic-tag-primary-blue-hover-active: #B7E4FF;
   /* Green background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the green-500 color with 0.2 opacity on the white background underneath. */
   --intergalactic-tag-primary-green-normal: #CFF1EA;
@@ -852,16 +855,13 @@
   --intergalactic-sidebar-nav-control-text-active: #4D407E;
   --intergalactic-sidebar-nav-control-icon-normal: #9083C5;
   --intergalactic-sidebar-nav-control-icon-active: #4D407E;
-  /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */
-  --intergalactic-duration-extra-slow: 500;
-  /* Should be used for more larger scale animations (such as page transitions) */
-  --intergalactic-duration-slow: 400;
-  /* Should be used for more complex effects (such as Modal) */
-  --intergalactic-duration-medium: 300;
-  /* Should be used for more complex effects (such as Dropdown or Accordion) */
-  --intergalactic-duration-fast: 200;
-  /* Should be used for simpler effects and relatively small-sized animations (such as fades or color changes) */
-  --intergalactic-duration-extra-fast: 100;
+  --intergalactic-z-index-deep: -999;
+  --intergalactic-z-index-overlay: 500;
+  --intergalactic-z-index-modal: 900;
+  --intergalactic-z-index-popper: 700;
+  --intergalactic-z-index-dropdown: 750;
+  --intergalactic-z-index-tooltip: 800;
+  --intergalactic-z-index-notice-bubble: 999;
   /* Use for small controls like Switch or Slider. */
   --intergalactic-duration-switch: 100;
   /* Use for components based on popper like Tooltip, Dropdown or Filter trigger. */

package/lib/theme/themes/default.d.ts

@@ -90,6 +90,57 @@ declare const _default: {
     '--salad-600': string;
     '--salad-700': string;
     '--salad-800': string;
+    '--intergalactic-base': string;
+    '--intergalactic-fs-50': string;
+    '--intergalactic-fs-100': string;
+    '--intergalactic-fs-200': string;
+    '--intergalactic-fs-300': string;
+    '--intergalactic-fs-400': string;
+    '--intergalactic-fs-500': string;
+    '--intergalactic-fs-600': string;
+    '--intergalactic-fs-700': string;
+    '--intergalactic-fs-800': string;
+    '--intergalactic-lh-100': string;
+    '--intergalactic-lh-200': string;
+    '--intergalactic-lh-300': string;
+    '--intergalactic-lh-400': string;
+    '--intergalactic-lh-500': string;
+    '--intergalactic-lh-600': string;
+    '--intergalactic-lh-700': string;
+    '--intergalactic-lh-800': string;
+    '--intergalactic-semi-bold': string;
+    '--intergalactic-bold': string;
+    '--intergalactic-regular': string;
+    '--intergalactic-medium': string;
+    '--intergalactic-compact': string;
+    '--intergalactic-scale-indent': string;
+    '--intergalactic-spacing-05x': string;
+    '--intergalactic-spacing-1x': string;
+    '--intergalactic-spacing-2x': string;
+    '--intergalactic-spacing-3x': string;
+    '--intergalactic-spacing-4x': string;
+    '--intergalactic-spacing-5x': string;
+    '--intergalactic-spacing-6x': string;
+    '--intergalactic-spacing-8x': string;
+    '--intergalactic-spacing-10x': string;
+    '--intergalactic-spacing-14x': string;
+    '--intergalactic-spacing-20x': string;
+    '--intergalactic-spacing-24x': string;
+    '--intergalactic-spacing-30x': string;
+    '--intergalactic-rounded-extra-small': string;
+    '--intergalactic-rounded-small': string;
+    '--intergalactic-rounded-medium': string;
+    '--intergalactic-rounded-large': string;
+    '--intergalactic-rounded-extra-large': string;
+    '--intergalactic-screen-extra-small': string;
+    '--intergalactic-screen-small': string;
+    '--intergalactic-screen-medium': string;
+    '--intergalactic-screen-large': string;
+    '--intergalactic-duration-extra-slow': string;
+    '--intergalactic-duration-slow': string;
+    '--intergalactic-duration-medium': string;
+    '--intergalactic-duration-fast': string;
+    '--intergalactic-duration-extra-fast': string;
     '--intergalactic-bg-primary-neutral': string;
     '--intergalactic-bg-primary-neutral-hover': string;
     '--intergalactic-bg-primary-neutral-active': string;
@@ -299,6 +350,7 @@ declare const _default: {
     '--intergalactic-brand-google-blue': string;
     '--intergalactic-brand-google-green': string;
     '--intergalactic-brand-google-my-business': string;
+    '--intergalactic-disabled-opacity': string;
     '--intergalactic-box-shadow-card': string;
     '--intergalactic-box-shadow-card-hover': string;
     '--intergalactic-box-shadow-dnd': string;
@@ -312,51 +364,9 @@ declare const _default: {
     '--intergalactic-keyboard-focus-invert-outline': string;
     '--intergalactic-keyboard-focus-invert': string;
     '--intergalactic-keyboard-focus': string;
-    '--intergalactic-base': string;
-    '--intergalactic-lh-800': string;
-    '--intergalactic-lh-700': string;
-    '--intergalactic-lh-600': string;
-    '--intergalactic-lh-500': string;
-    '--intergalactic-lh-400': string;
-    '--intergalactic-lh-300': string;
-    '--intergalactic-lh-200': string;
-    '--intergalactic-lh-100': string;
-    '--intergalactic-semi-bold': string;
-    '--intergalactic-bold': string;
-    '--intergalactic-regular': string;
-    '--intergalactic-medium': string;
-    '--intergalactic-fs-50': string;
-    '--intergalactic-fs-100': string;
-    '--intergalactic-fs-200': string;
-    '--intergalactic-fs-300': string;
-    '--intergalactic-fs-400': string;
-    '--intergalactic-fs-500': string;
-    '--intergalactic-fs-600': string;
-    '--intergalactic-fs-700': string;
-    '--intergalactic-fs-800': string;
-    '--intergalactic-compact': string;
-    '--intergalactic-scale-indent': string;
     '--intergalactic-form-control-s': string;
     '--intergalactic-form-control-m': string;
     '--intergalactic-form-control-l': string;
-    '--intergalactic-spacing-05x': string;
-    '--intergalactic-spacing-1x': string;
-    '--intergalactic-spacing-2x': string;
-    '--intergalactic-spacing-3x': string;
-    '--intergalactic-spacing-4x': string;
-    '--intergalactic-spacing-5x': string;
-    '--intergalactic-spacing-6x': string;
-    '--intergalactic-spacing-8x': string;
-    '--intergalactic-spacing-10x': string;
-    '--intergalactic-spacing-14x': string;
-    '--intergalactic-spacing-20x': string;
-    '--intergalactic-spacing-24x': string;
-    '--intergalactic-spacing-30x': string;
-    '--intergalactic-rounded-extra-small': string;
-    '--intergalactic-rounded-small': string;
-    '--intergalactic-rounded-medium': string;
-    '--intergalactic-rounded-large': string;
-    '--intergalactic-rounded-extra-large': string;
     '--intergalactic-addon-rounded': string;
     '--intergalactic-badge-rounded': string;
     '--intergalactic-chart-rounded': string;
@@ -368,22 +378,10 @@ declare const _default: {
     '--intergalactic-surface-rounded': string;
     '--intergalactic-popper-rounded': string;
     '--intergalactic-modal-rounded': string;
-    '--intergalactic-disabled-opacity': string;
-    '--intergalactic-screen-extra-small': string;
-    '--intergalactic-screen-small': string;
-    '--intergalactic-screen-medium': string;
-    '--intergalactic-screen-large': string;
     '--intergalactic-overlay-primary': string;
     '--intergalactic-overlay-secondary': string;
     '--intergalactic-overlay-limitation-primary': string;
     '--intergalactic-overlay-limitation-secondary': string;
-    '--intergalactic-z-index-deep': string;
-    '--intergalactic-z-index-overlay': string;
-    '--intergalactic-z-index-modal': string;
-    '--intergalactic-z-index-popper': string;
-    '--intergalactic-z-index-dropdown': string;
-    '--intergalactic-z-index-tooltip': string;
-    '--intergalactic-z-index-notice-bubble': string;
     '--intergalactic-tooltip-default': string;
     '--intergalactic-tooltip-warning': string;
     '--intergalactic-tooltip-invert': string;
@@ -475,11 +473,13 @@ declare const _default: {
     '--intergalactic-sidebar-nav-control-text-active': string;
     '--intergalactic-sidebar-nav-control-icon-normal': string;
     '--intergalactic-sidebar-nav-control-icon-active': string;
-    '--intergalactic-duration-extra-slow': string;
-    '--intergalactic-duration-slow': string;
-    '--intergalactic-duration-medium': string;
-    '--intergalactic-duration-fast': string;
-    '--intergalactic-duration-extra-fast': string;
+    '--intergalactic-z-index-deep': string;
+    '--intergalactic-z-index-overlay': string;
+    '--intergalactic-z-index-modal': string;
+    '--intergalactic-z-index-popper': string;
+    '--intergalactic-z-index-dropdown': string;
+    '--intergalactic-z-index-tooltip': string;
+    '--intergalactic-z-index-notice-bubble': string;
     '--intergalactic-duration-switch': string;
     '--intergalactic-duration-popper': string;
     '--intergalactic-duration-control': string;

package/lib/theme/themes/default.js

@@ -96,6 +96,57 @@ var _default = exports.default = {
   '--salad-600': '#005613',
   '--salad-700': '#003509',
   '--salad-800': '#002203',
+  '--intergalactic-base': 'Inter',
+  '--intergalactic-fs-50': '10px',
+  '--intergalactic-fs-100': '12px',
+  '--intergalactic-fs-200': '14px',
+  '--intergalactic-fs-300': '16px',
+  '--intergalactic-fs-400': '20px',
+  '--intergalactic-fs-500': '24px',
+  '--intergalactic-fs-600': '32px',
+  '--intergalactic-fs-700': '36px',
+  '--intergalactic-fs-800': '48px',
+  '--intergalactic-lh-100': '133%',
+  '--intergalactic-lh-200': '142%',
+  '--intergalactic-lh-300': '150%',
+  '--intergalactic-lh-400': '120%',
+  '--intergalactic-lh-500': '117%',
+  '--intergalactic-lh-600': '125%',
+  '--intergalactic-lh-700': '110%',
+  '--intergalactic-lh-800': '117%',
+  '--intergalactic-semi-bold': '600',
+  '--intergalactic-bold': '700',
+  '--intergalactic-regular': '400',
+  '--intergalactic-medium': '500',
+  '--intergalactic-compact': '0.3',
+  '--intergalactic-scale-indent': '4px',
+  '--intergalactic-spacing-05x': '2px',
+  '--intergalactic-spacing-1x': '4px',
+  '--intergalactic-spacing-2x': '8px',
+  '--intergalactic-spacing-3x': '12px',
+  '--intergalactic-spacing-4x': '16px',
+  '--intergalactic-spacing-5x': '20px',
+  '--intergalactic-spacing-6x': '24px',
+  '--intergalactic-spacing-8x': '32px',
+  '--intergalactic-spacing-10x': '40px',
+  '--intergalactic-spacing-14x': '56px',
+  '--intergalactic-spacing-20x': '80px',
+  '--intergalactic-spacing-24x': '96px',
+  '--intergalactic-spacing-30x': '120px',
+  '--intergalactic-rounded-extra-small': '2px',
+  '--intergalactic-rounded-small': '4px',
+  '--intergalactic-rounded-medium': '6px',
+  '--intergalactic-rounded-large': '12px',
+  '--intergalactic-rounded-extra-large': '24px',
+  '--intergalactic-screen-extra-small': '320px',
+  '--intergalactic-screen-small': '768px',
+  '--intergalactic-screen-medium': '1200px',
+  '--intergalactic-screen-large': '1920px',
+  '--intergalactic-duration-extra-slow': '500',
+  '--intergalactic-duration-slow': '400',
+  '--intergalactic-duration-medium': '300',
+  '--intergalactic-duration-fast': '200',
+  '--intergalactic-duration-extra-fast': '100',
   '--intergalactic-bg-primary-neutral': '#ffffff',
   '--intergalactic-bg-primary-neutral-hover': '#f4f5f9',
   '--intergalactic-bg-primary-neutral-active': '#e0e1e9',
@@ -305,6 +356,7 @@ var _default = exports.default = {
   '--intergalactic-brand-google-blue': '#1a0dab',
   '--intergalactic-brand-google-green': '#016723',
   '--intergalactic-brand-google-my-business': '#1a73e8',
+  '--intergalactic-disabled-opacity': '0.3',
   '--intergalactic-box-shadow-card': '0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)',
   '--intergalactic-box-shadow-card-hover': '3px 3px 30px 0px rgba(25, 27, 35, 0.15)',
   '--intergalactic-box-shadow-dnd': '0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 12px 40px 0px rgba(25, 27, 35, 0.16)',
@@ -318,51 +370,9 @@ var _default = exports.default = {
   '--intergalactic-keyboard-focus-invert-outline': 'rgba(255, 255, 255, 0.8)',
   '--intergalactic-keyboard-focus-invert': '0px 0px 0px 3px rgba(255, 255, 255, 0.8)',
   '--intergalactic-keyboard-focus': '0px 0px 0px 3px rgba(0, 143, 248, 0.5)',
-  '--intergalactic-base': 'Inter',
-  '--intergalactic-lh-800': '117%',
-  '--intergalactic-lh-700': '110%',
-  '--intergalactic-lh-600': '125%',
-  '--intergalactic-lh-500': '117%',
-  '--intergalactic-lh-400': '120%',
-  '--intergalactic-lh-300': '150%',
-  '--intergalactic-lh-200': '142%',
-  '--intergalactic-lh-100': '133%',
-  '--intergalactic-semi-bold': '600',
-  '--intergalactic-bold': '700',
-  '--intergalactic-regular': '400',
-  '--intergalactic-medium': '500',
-  '--intergalactic-fs-50': '10px',
-  '--intergalactic-fs-100': '12px',
-  '--intergalactic-fs-200': '14px',
-  '--intergalactic-fs-300': '16px',
-  '--intergalactic-fs-400': '20px',
-  '--intergalactic-fs-500': '24px',
-  '--intergalactic-fs-600': '32px',
-  '--intergalactic-fs-700': '36px',
-  '--intergalactic-fs-800': '48px',
-  '--intergalactic-compact': '0.3',
-  '--intergalactic-scale-indent': '4px',
   '--intergalactic-form-control-s': '20px',
   '--intergalactic-form-control-m': '28px',
   '--intergalactic-form-control-l': '40px',
-  '--intergalactic-spacing-05x': '2px',
-  '--intergalactic-spacing-1x': '4px',
-  '--intergalactic-spacing-2x': '8px',
-  '--intergalactic-spacing-3x': '12px',
-  '--intergalactic-spacing-4x': '16px',
-  '--intergalactic-spacing-5x': '20px',
-  '--intergalactic-spacing-6x': '24px',
-  '--intergalactic-spacing-8x': '32px',
-  '--intergalactic-spacing-10x': '40px',
-  '--intergalactic-spacing-14x': '56px',
-  '--intergalactic-spacing-20x': '80px',
-  '--intergalactic-spacing-24x': '96px',
-  '--intergalactic-spacing-30x': '120px',
-  '--intergalactic-rounded-extra-small': '2px',
-  '--intergalactic-rounded-small': '4px',
-  '--intergalactic-rounded-medium': '6px',
-  '--intergalactic-rounded-large': '12px',
-  '--intergalactic-rounded-extra-large': '24px',
   '--intergalactic-addon-rounded': '4px',
   '--intergalactic-badge-rounded': '6px',
   '--intergalactic-chart-rounded': '2px',
@@ -374,22 +384,10 @@ var _default = exports.default = {
   '--intergalactic-surface-rounded': '6px',
   '--intergalactic-popper-rounded': '6px',
   '--intergalactic-modal-rounded': '12px',
-  '--intergalactic-disabled-opacity': '0.3',
-  '--intergalactic-screen-extra-small': '320px',
-  '--intergalactic-screen-small': '768px',
-  '--intergalactic-screen-medium': '1200px',
-  '--intergalactic-screen-large': '1920px',
   '--intergalactic-overlay-primary': 'rgba(25, 27, 35, 0.7)',
   '--intergalactic-overlay-secondary': 'rgba(25, 27, 35, 0.4)',
   '--intergalactic-overlay-limitation-primary': '#f4f5f9',
   '--intergalactic-overlay-limitation-secondary': 'rgba(255, 255, 255, 0.85)',
-  '--intergalactic-z-index-deep': '-999',
-  '--intergalactic-z-index-overlay': '500',
-  '--intergalactic-z-index-modal': '900',
-  '--intergalactic-z-index-popper': '700',
-  '--intergalactic-z-index-dropdown': '750',
-  '--intergalactic-z-index-tooltip': '800',
-  '--intergalactic-z-index-notice-bubble': '999',
   '--intergalactic-tooltip-default': '#ffffff',
   '--intergalactic-tooltip-warning': '#ffd7df',
   '--intergalactic-tooltip-invert': '#191b23',
@@ -481,11 +479,13 @@ var _default = exports.default = {
   '--intergalactic-sidebar-nav-control-text-active': '#4D407E',
   '--intergalactic-sidebar-nav-control-icon-normal': '#9083C5',
   '--intergalactic-sidebar-nav-control-icon-active': '#4D407E',
-  '--intergalactic-duration-extra-slow': '500',
-  '--intergalactic-duration-slow': '400',
-  '--intergalactic-duration-medium': '300',
-  '--intergalactic-duration-fast': '200',
-  '--intergalactic-duration-extra-fast': '100',
+  '--intergalactic-z-index-deep': '-999',
+  '--intergalactic-z-index-overlay': '500',
+  '--intergalactic-z-index-modal': '900',
+  '--intergalactic-z-index-popper': '700',
+  '--intergalactic-z-index-dropdown': '750',
+  '--intergalactic-z-index-tooltip': '800',
+  '--intergalactic-z-index-notice-bubble': '999',
   '--intergalactic-duration-switch': '100',
   '--intergalactic-duration-popper': '200',
   '--intergalactic-duration-control': '200',