@nulogy/components 16.1.0 → 17.0.0

package/dist/esm/theme/theme.js

@@ -0,0 +1,660 @@
+import { DESKTOP_BORDER_RADIUS_ROUNDED, DESKTOP_BORDER_RADIUS_CIRCLE, DESKTOP_BORDER_RADIUS_LARGE, DESKTOP_BORDER_RADIUS_MEDIUM, DESKTOP_BORDER_RADIUS_SMALL, DESKTOP_SPACE_X_12, DESKTOP_SPACE_X_11, DESKTOP_SPACE_X_10, DESKTOP_SPACE_X_9, DESKTOP_SPACE_X_8, DESKTOP_SPACE_X_7, DESKTOP_SPACE_X_6, DESKTOP_SPACE_X_5, DESKTOP_SPACE_X_4, DESKTOP_SPACE_X_3, DESKTOP_SPACE_X_2_5, DESKTOP_SPACE_X_2, DESKTOP_SPACE_X_1_75, DESKTOP_SPACE_X_1_5, DESKTOP_SPACE_X_1_25, DESKTOP_SPACE_X_1, DESKTOP_SPACE_X_0_75, DESKTOP_SPACE_X_0_5, DESKTOP_SPACE_X_0_25, DESKTOP_SPACE_X_0, DESKTOP_SPACE_HALF, DESKTOP_SPACE_NONE, DESKTOP_Z_INDEX_SIDEBAR, DESKTOP_Z_INDEX_NAV_BAR, DESKTOP_Z_INDEX_OPEN_CONTROL, DESKTOP_Z_INDEX_MODAL_HEADER_AND_FOOTER, DESKTOP_Z_INDEX_TABLE_HEADER, DESKTOP_Z_INDEX_ABOVE_OVERLAY, DESKTOP_Z_INDEX_OVERLAY, DESKTOP_Z_INDEX_TABS_BAR, DESKTOP_Z_INDEX_TABS_SCROLL_INDICATOR, DESKTOP_Z_INDEX_CONTENT, DESKTOP_BREAKPOINTS_SEMANTIC_DESKTOP, DESKTOP_BREAKPOINTS_SEMANTIC_LAPTOP, DESKTOP_BREAKPOINTS_SEMANTIC_TABLET_LANDSCAPE, DESKTOP_BREAKPOINTS_SEMANTIC_TABLET_PORTRAIT, DESKTOP_BREAKPOINTS_SEMANTIC_PHONE_LANDSCAPE, DESKTOP_BREAKPOINTS_SEMANTIC_PHONE_PORTRAIT, DESKTOP_BREAKPOINTS_BASE_EXTRA_LARGE, DESKTOP_BREAKPOINTS_BASE_LARGE, DESKTOP_BREAKPOINTS_BASE_MEDIUM, DESKTOP_BREAKPOINTS_BASE_SMALL, DESKTOP_BREAKPOINTS_BASE_EXTRA_SMALL, DESKTOP_SHADOW_ERROR, DESKTOP_SHADOW_FOCUS, DESKTOP_SHADOW_LARGE, DESKTOP_SHADOW_MEDIUM, DESKTOP_SHADOW_SMALL, DESKTOP_FONT_FAMILY_SC, DESKTOP_FONT_FAMILY_MONO, DESKTOP_FONT_FAMILY_BASE, DESKTOP_FONT_WEIGHT_BOLD, DESKTOP_FONT_WEIGHT_MEDIUM, DESKTOP_FONT_WEIGHT_NORMAL, DESKTOP_FONT_WEIGHT_LIGHT, DESKTOP_COLOR_CATEGORICAL_6, DESKTOP_COLOR_CATEGORICAL_5, DESKTOP_COLOR_CATEGORICAL_4, DESKTOP_COLOR_CATEGORICAL_3, DESKTOP_COLOR_CATEGORICAL_2, DESKTOP_COLOR_CATEGORICAL_1, DESKTOP_COLOR_BASE_LIGHT_RED, DESKTOP_COLOR_BASE_RED, DESKTOP_COLOR_BASE_LIGHT_GREEN, DESKTOP_COLOR_BASE_GREEN, DESKTOP_COLOR_BASE_LIGHT_YELLOW, DESKTOP_COLOR_BASE_YELLOW, DESKTOP_COLOR_BASE_WHITE, DESKTOP_COLOR_BASE_WHITE_GREY, DESKTOP_COLOR_BASE_LIGHT_GREY, DESKTOP_COLOR_BASE_GREY, DESKTOP_COLOR_BASE_MID_GREY, DESKTOP_COLOR_BASE_DARK_GREY, DESKTOP_COLOR_BASE_LIGHT_BLUE, DESKTOP_COLOR_BASE_BLUE, DESKTOP_COLOR_BASE_DARK_BLUE, DESKTOP_COLOR_BASE_BLACK_BLUE, DESKTOP_COLOR_BASE_BLACK, PHONE_BORDER_RADIUS_ROUNDED, PHONE_BORDER_RADIUS_CIRCLE, PHONE_BORDER_RADIUS_LARGE, PHONE_BORDER_RADIUS_MEDIUM, PHONE_BORDER_RADIUS_SMALL, PHONE_SPACE_X_12, PHONE_SPACE_X_11, PHONE_SPACE_X_10, PHONE_SPACE_X_9, PHONE_SPACE_X_8, PHONE_SPACE_X_7, PHONE_SPACE_X_6, PHONE_SPACE_X_5, PHONE_SPACE_X_4, PHONE_SPACE_X_3, PHONE_SPACE_X_2_5, PHONE_SPACE_X_2, PHONE_SPACE_X_1_75, PHONE_SPACE_X_1_5, PHONE_SPACE_X_1_25, PHONE_SPACE_X_1, PHONE_SPACE_X_0_75, PHONE_SPACE_X_0_5, PHONE_SPACE_HALF, PHONE_SPACE_X_0_25, PHONE_SPACE_X_0, PHONE_SPACE_NONE, PHONE_LINE_HEIGHT_SUBSECTION_TITLE, PHONE_LINE_HEIGHT_SECTION_TITLE, PHONE_LINE_HEIGHT_TITLE, PHONE_LINE_HEIGHT_HEADING_4, PHONE_LINE_HEIGHT_HEADING_3, PHONE_LINE_HEIGHT_HEADING_2, PHONE_LINE_HEIGHT_HEADING_1, PHONE_LINE_HEIGHT_SMALLER_RELAXED, PHONE_LINE_HEIGHT_SMALLER_TEXT, PHONE_LINE_HEIGHT_SMALL_RELAXED, PHONE_LINE_HEIGHT_SMALL_TEXT_COMPRESSED, PHONE_LINE_HEIGHT_SMALL_TEXT_BASE, PHONE_LINE_HEIGHT_BASE_RELAXED, PHONE_LINE_HEIGHT_BASE, PHONE_FONT_SIZE_SEMANTIC_BASE, PHONE_FONT_SIZE_SEMANTIC_HEADING_4, PHONE_FONT_SIZE_SEMANTIC_HEADING_3, PHONE_FONT_SIZE_SEMANTIC_HEADING_2, PHONE_FONT_SIZE_SEMANTIC_HEADING_1, PHONE_FONT_SIZE_EXPERIMENTAL_XXL, PHONE_FONT_SIZE_EXPERIMENTAL_XL, PHONE_FONT_SIZE_EXPERIMENTAL_LG, PHONE_FONT_SIZE_EXPERIMENTAL_MD, PHONE_FONT_SIZE_EXPERIMENTAL_SM, PHONE_FONT_SIZE_EXPERIMENTAL_XS, PHONE_FONT_SIZE_EXPERIMENTAL_XXS, PHONE_FONT_SIZE_STANDARD_LARGEST, PHONE_FONT_SIZE_STANDARD_LARGER, PHONE_FONT_SIZE_STANDARD_LARGE, PHONE_FONT_SIZE_STANDARD_MEDIUM, PHONE_FONT_SIZE_STANDARD_SMALL, PHONE_FONT_SIZE_STANDARD_SMALLER, PHONE_Z_INDEX_SIDEBAR, PHONE_Z_INDEX_NAV_BAR, PHONE_Z_INDEX_OPEN_CONTROL, PHONE_Z_INDEX_MODAL_HEADER_AND_FOOTER, PHONE_Z_INDEX_TABLE_HEADER, PHONE_Z_INDEX_ABOVE_OVERLAY, PHONE_Z_INDEX_OVERLAY, PHONE_Z_INDEX_TABS_BAR, PHONE_Z_INDEX_TABS_SCROLL_INDICATOR, PHONE_Z_INDEX_CONTENT, PHONE_BREAKPOINTS_SEMANTIC_DESKTOP, PHONE_BREAKPOINTS_SEMANTIC_LAPTOP, PHONE_BREAKPOINTS_SEMANTIC_TABLET_LANDSCAPE, PHONE_BREAKPOINTS_SEMANTIC_TABLET_PORTRAIT, PHONE_BREAKPOINTS_SEMANTIC_PHONE_LANDSCAPE, PHONE_BREAKPOINTS_SEMANTIC_PHONE_PORTRAIT, PHONE_BREAKPOINTS_BASE_EXTRA_LARGE, PHONE_BREAKPOINTS_BASE_LARGE, PHONE_BREAKPOINTS_BASE_MEDIUM, PHONE_BREAKPOINTS_BASE_SMALL, PHONE_BREAKPOINTS_BASE_EXTRA_SMALL, PHONE_SHADOW_ERROR, PHONE_SHADOW_FOCUS, PHONE_SHADOW_LARGE, PHONE_SHADOW_MEDIUM, PHONE_SHADOW_SMALL, PHONE_FONT_FAMILY_SC, PHONE_FONT_FAMILY_MONO, PHONE_FONT_FAMILY_BASE, PHONE_FONT_WEIGHT_BOLD, PHONE_FONT_WEIGHT_MEDIUM, PHONE_FONT_WEIGHT_NORMAL, PHONE_FONT_WEIGHT_LIGHT, PHONE_COLOR_CATEGORICAL_6, PHONE_COLOR_CATEGORICAL_5, PHONE_COLOR_CATEGORICAL_4, PHONE_COLOR_CATEGORICAL_3, PHONE_COLOR_CATEGORICAL_2, PHONE_COLOR_CATEGORICAL_1, PHONE_COLOR_BASE_LIGHT_RED, PHONE_COLOR_BASE_RED, PHONE_COLOR_BASE_LIGHT_GREEN, PHONE_COLOR_BASE_GREEN, PHONE_COLOR_BASE_LIGHT_YELLOW, PHONE_COLOR_BASE_YELLOW, PHONE_COLOR_BASE_WHITE, PHONE_COLOR_BASE_WHITE_GREY, PHONE_COLOR_BASE_LIGHT_GREY, PHONE_COLOR_BASE_GREY, PHONE_COLOR_BASE_MID_GREY, PHONE_COLOR_BASE_DARK_GREY, PHONE_COLOR_BASE_LIGHT_BLUE, PHONE_COLOR_BASE_BLUE, PHONE_COLOR_BASE_DARK_BLUE, PHONE_COLOR_BASE_BLACK_BLUE, PHONE_COLOR_BASE_BLACK, TABLET_BORDER_RADIUS_ROUNDED, TABLET_BORDER_RADIUS_CIRCLE, TABLET_BORDER_RADIUS_LARGE, TABLET_BORDER_RADIUS_MEDIUM, TABLET_BORDER_RADIUS_SMALL, TABLET_SPACE_X_12, TABLET_SPACE_X_11, TABLET_SPACE_X_10, TABLET_SPACE_X_9, TABLET_SPACE_X_8, TABLET_SPACE_X_7, TABLET_SPACE_X_6, TABLET_SPACE_X_5, TABLET_SPACE_X_4, TABLET_SPACE_X_3, TABLET_SPACE_X_2_5, TABLET_SPACE_X_2, TABLET_SPACE_X_1_75, TABLET_SPACE_X_1_5, TABLET_SPACE_X_1_25, TABLET_SPACE_X_1, TABLET_SPACE_X_0_75, TABLET_SPACE_X_0_5, TABLET_SPACE_HALF, TABLET_SPACE_X_0_25, TABLET_SPACE_X_0, TABLET_SPACE_NONE, TABLET_LINE_HEIGHT_SUBSECTION_TITLE, TABLET_LINE_HEIGHT_SECTION_TITLE, TABLET_LINE_HEIGHT_TITLE, TABLET_LINE_HEIGHT_HEADING_4, TABLET_LINE_HEIGHT_HEADING_3, TABLET_LINE_HEIGHT_HEADING_2, TABLET_LINE_HEIGHT_HEADING_1, TABLET_LINE_HEIGHT_SMALLER_RELAXED, TABLET_LINE_HEIGHT_SMALLER_TEXT, TABLET_LINE_HEIGHT_SMALL_RELAXED, TABLET_LINE_HEIGHT_SMALL_TEXT_COMPRESSED, TABLET_LINE_HEIGHT_SMALL_TEXT_BASE, TABLET_LINE_HEIGHT_BASE_RELAXED, TABLET_LINE_HEIGHT_BASE, TABLET_FONT_SIZE_SEMANTIC_BASE, TABLET_FONT_SIZE_SEMANTIC_HEADING_4, TABLET_FONT_SIZE_SEMANTIC_HEADING_3, TABLET_FONT_SIZE_SEMANTIC_HEADING_2, TABLET_FONT_SIZE_SEMANTIC_HEADING_1, TABLET_FONT_SIZE_EXPERIMENTAL_XXL, TABLET_FONT_SIZE_EXPERIMENTAL_XL, TABLET_FONT_SIZE_EXPERIMENTAL_LG, TABLET_FONT_SIZE_EXPERIMENTAL_MD, TABLET_FONT_SIZE_EXPERIMENTAL_SM, TABLET_FONT_SIZE_EXPERIMENTAL_XS, TABLET_FONT_SIZE_EXPERIMENTAL_XXS, TABLET_FONT_SIZE_STANDARD_LARGEST, TABLET_FONT_SIZE_STANDARD_LARGER, TABLET_FONT_SIZE_STANDARD_LARGE, TABLET_FONT_SIZE_STANDARD_MEDIUM, TABLET_FONT_SIZE_STANDARD_SMALL, TABLET_FONT_SIZE_STANDARD_SMALLER, TABLET_Z_INDEX_SIDEBAR, TABLET_Z_INDEX_NAV_BAR, TABLET_Z_INDEX_OPEN_CONTROL, TABLET_Z_INDEX_MODAL_HEADER_AND_FOOTER, TABLET_Z_INDEX_TABLE_HEADER, TABLET_Z_INDEX_ABOVE_OVERLAY, TABLET_Z_INDEX_OVERLAY, TABLET_Z_INDEX_TABS_BAR, TABLET_Z_INDEX_TABS_SCROLL_INDICATOR, TABLET_Z_INDEX_CONTENT, TABLET_BREAKPOINTS_SEMANTIC_DESKTOP, TABLET_BREAKPOINTS_SEMANTIC_LAPTOP, TABLET_BREAKPOINTS_SEMANTIC_TABLET_LANDSCAPE, TABLET_BREAKPOINTS_SEMANTIC_TABLET_PORTRAIT, TABLET_BREAKPOINTS_SEMANTIC_PHONE_LANDSCAPE, TABLET_BREAKPOINTS_SEMANTIC_PHONE_PORTRAIT, TABLET_BREAKPOINTS_BASE_EXTRA_LARGE, TABLET_BREAKPOINTS_BASE_LARGE, TABLET_BREAKPOINTS_BASE_MEDIUM, TABLET_BREAKPOINTS_BASE_SMALL, TABLET_BREAKPOINTS_BASE_EXTRA_SMALL, TABLET_SHADOW_ERROR, TABLET_SHADOW_FOCUS, TABLET_SHADOW_LARGE, TABLET_SHADOW_MEDIUM, TABLET_SHADOW_SMALL, TABLET_FONT_FAMILY_SC, TABLET_FONT_FAMILY_MONO, TABLET_FONT_FAMILY_BASE, TABLET_FONT_WEIGHT_BOLD, TABLET_FONT_WEIGHT_MEDIUM, TABLET_FONT_WEIGHT_NORMAL, TABLET_FONT_WEIGHT_LIGHT, TABLET_COLOR_CATEGORICAL_6, TABLET_COLOR_CATEGORICAL_5, TABLET_COLOR_CATEGORICAL_4, TABLET_COLOR_CATEGORICAL_3, TABLET_COLOR_CATEGORICAL_2, TABLET_COLOR_CATEGORICAL_1, TABLET_COLOR_BASE_LIGHT_RED, TABLET_COLOR_BASE_RED, TABLET_COLOR_BASE_LIGHT_GREEN, TABLET_COLOR_BASE_GREEN, TABLET_COLOR_BASE_LIGHT_YELLOW, TABLET_COLOR_BASE_YELLOW, TABLET_COLOR_BASE_WHITE, TABLET_COLOR_BASE_WHITE_GREY, TABLET_COLOR_BASE_LIGHT_GREY, TABLET_COLOR_BASE_GREY, TABLET_COLOR_BASE_MID_GREY, TABLET_COLOR_BASE_DARK_GREY, TABLET_COLOR_BASE_LIGHT_BLUE, TABLET_COLOR_BASE_BLUE, TABLET_COLOR_BASE_DARK_BLUE, TABLET_COLOR_BASE_BLACK_BLUE, TABLET_COLOR_BASE_BLACK, DESKTOP_LINE_HEIGHT_SUBSECTION_TITLE, DESKTOP_LINE_HEIGHT_SECTION_TITLE, DESKTOP_LINE_HEIGHT_TITLE, DESKTOP_LINE_HEIGHT_HEADING_4, DESKTOP_LINE_HEIGHT_HEADING_3, DESKTOP_LINE_HEIGHT_HEADING_2, DESKTOP_LINE_HEIGHT_HEADING_1, DESKTOP_LINE_HEIGHT_SMALLER_RELAXED, DESKTOP_LINE_HEIGHT_SMALLER_TEXT, DESKTOP_LINE_HEIGHT_SMALL_RELAXED, DESKTOP_LINE_HEIGHT_SMALL_TEXT_COMPRESSED, DESKTOP_LINE_HEIGHT_SMALL_TEXT_BASE, DESKTOP_LINE_HEIGHT_BASE_RELAXED, DESKTOP_LINE_HEIGHT_BASE, DESKTOP_FONT_SIZE_SEMANTIC_HEADING_4, DESKTOP_FONT_SIZE_SEMANTIC_HEADING_3, DESKTOP_FONT_SIZE_SEMANTIC_HEADING_2, DESKTOP_FONT_SIZE_SEMANTIC_HEADING_1, DESKTOP_FONT_SIZE_EXPERIMENTAL_XXL, DESKTOP_FONT_SIZE_EXPERIMENTAL_XL, DESKTOP_FONT_SIZE_EXPERIMENTAL_LG, DESKTOP_FONT_SIZE_EXPERIMENTAL_MD, DESKTOP_FONT_SIZE_EXPERIMENTAL_SM, DESKTOP_FONT_SIZE_EXPERIMENTAL_XS, DESKTOP_FONT_SIZE_EXPERIMENTAL_XXS, DESKTOP_FONT_SIZE_SEMANTIC_BASE, DESKTOP_FONT_SIZE_STANDARD_LARGEST, DESKTOP_FONT_SIZE_STANDARD_LARGER, DESKTOP_FONT_SIZE_STANDARD_LARGE, DESKTOP_FONT_SIZE_STANDARD_MEDIUM, DESKTOP_FONT_SIZE_STANDARD_SMALL, DESKTOP_FONT_SIZE_STANDARD_SMALLER } from "../node_modules/.pnpm/@nulogy_tokens@6.1.1/node_modules/@nulogy/tokens/dist/nds_tokens.js";
+const themes = {
+  legacy: {
+    colors: {
+      black: DESKTOP_COLOR_BASE_BLACK,
+      blackBlue: DESKTOP_COLOR_BASE_BLACK_BLUE,
+      darkBlue: DESKTOP_COLOR_BASE_DARK_BLUE,
+      blue: DESKTOP_COLOR_BASE_BLUE,
+      lightBlue: DESKTOP_COLOR_BASE_LIGHT_BLUE,
+      darkGrey: DESKTOP_COLOR_BASE_DARK_GREY,
+      midGrey: DESKTOP_COLOR_BASE_MID_GREY,
+      grey: DESKTOP_COLOR_BASE_GREY,
+      lightGrey: DESKTOP_COLOR_BASE_LIGHT_GREY,
+      whiteGrey: DESKTOP_COLOR_BASE_WHITE_GREY,
+      white: DESKTOP_COLOR_BASE_WHITE,
+      yellow: DESKTOP_COLOR_BASE_YELLOW,
+      lightYellow: DESKTOP_COLOR_BASE_LIGHT_YELLOW,
+      green: DESKTOP_COLOR_BASE_GREEN,
+      lightGreen: DESKTOP_COLOR_BASE_LIGHT_GREEN,
+      red: DESKTOP_COLOR_BASE_RED,
+      lightRed: DESKTOP_COLOR_BASE_LIGHT_RED,
+      categorical1: DESKTOP_COLOR_CATEGORICAL_1,
+      categorical2: DESKTOP_COLOR_CATEGORICAL_2,
+      categorical3: DESKTOP_COLOR_CATEGORICAL_3,
+      categorical4: DESKTOP_COLOR_CATEGORICAL_4,
+      categorical5: DESKTOP_COLOR_CATEGORICAL_5,
+      categorical6: DESKTOP_COLOR_CATEGORICAL_6
+    },
+    fontWeights: {
+      light: DESKTOP_FONT_WEIGHT_LIGHT,
+      normal: DESKTOP_FONT_WEIGHT_NORMAL,
+      medium: DESKTOP_FONT_WEIGHT_MEDIUM,
+      bold: DESKTOP_FONT_WEIGHT_BOLD
+    },
+    fonts: {
+      base: DESKTOP_FONT_FAMILY_BASE,
+      mono: DESKTOP_FONT_FAMILY_MONO,
+      sc: DESKTOP_FONT_FAMILY_SC
+    },
+    shadows: {
+      small: DESKTOP_SHADOW_SMALL,
+      medium: DESKTOP_SHADOW_MEDIUM,
+      large: DESKTOP_SHADOW_LARGE,
+      focus: DESKTOP_SHADOW_FOCUS,
+      error: DESKTOP_SHADOW_ERROR
+    },
+    breakpoints: {
+      extraSmall: DESKTOP_BREAKPOINTS_BASE_EXTRA_SMALL,
+      small: DESKTOP_BREAKPOINTS_BASE_SMALL,
+      medium: DESKTOP_BREAKPOINTS_BASE_MEDIUM,
+      large: DESKTOP_BREAKPOINTS_BASE_LARGE,
+      extraLarge: DESKTOP_BREAKPOINTS_BASE_EXTRA_LARGE,
+      phonePortrait: DESKTOP_BREAKPOINTS_SEMANTIC_PHONE_PORTRAIT,
+      phoneLandscape: DESKTOP_BREAKPOINTS_SEMANTIC_PHONE_LANDSCAPE,
+      tabletPortrait: DESKTOP_BREAKPOINTS_SEMANTIC_TABLET_PORTRAIT,
+      tabletLandscape: DESKTOP_BREAKPOINTS_SEMANTIC_TABLET_LANDSCAPE,
+      laptop: DESKTOP_BREAKPOINTS_SEMANTIC_LAPTOP,
+      desktop: DESKTOP_BREAKPOINTS_SEMANTIC_DESKTOP
+    },
+    zIndices: {
+      content: DESKTOP_Z_INDEX_CONTENT,
+      tabsScollIndicator: DESKTOP_Z_INDEX_TABS_SCROLL_INDICATOR,
+      tabsBar: DESKTOP_Z_INDEX_TABS_BAR,
+      overlay: DESKTOP_Z_INDEX_OVERLAY,
+      aboveOverlay: DESKTOP_Z_INDEX_ABOVE_OVERLAY,
+      tableHeader: DESKTOP_Z_INDEX_TABLE_HEADER,
+      modalHeaderAndFooter: DESKTOP_Z_INDEX_MODAL_HEADER_AND_FOOTER,
+      openControl: DESKTOP_Z_INDEX_OPEN_CONTROL,
+      navBar: DESKTOP_Z_INDEX_NAV_BAR,
+      sidebar: DESKTOP_Z_INDEX_SIDEBAR
+    },
+    fontSizes: {
+      smaller: "12px",
+      small: "14px",
+      medium: "16px",
+      large: "24px",
+      larger: "30px",
+      largest: "32px",
+      base: "16px",
+      xxs: "12px",
+      xs: "12px",
+      sm: "14px",
+      md: "16px",
+      lg: "24px",
+      xl: "30px",
+      xxl: "32px",
+      heading1: "32px",
+      heading2: "30px",
+      heading3: "24px",
+      heading4: "18px"
+    },
+    lineHeights: {
+      baseRelaxed: "1.75",
+      smallRelaxed: "1.7142857142857142",
+      smallerRelaxed: "1.6666666666666667",
+      base: "1.5",
+      smallTextBase: "1.71428571",
+      smallTextCompressed: "1.14285714",
+      smallerText: "1.33333333",
+      heading1: "1.25",
+      heading2: "1.33",
+      heading3: "1.33",
+      heading4: "1.33",
+      title: "1.25",
+      sectionTitle: "1.33",
+      subsectionTitle: "1.33"
+    },
+    space: {
+      none: DESKTOP_SPACE_NONE,
+      half: DESKTOP_SPACE_HALF,
+      x0: DESKTOP_SPACE_X_0,
+      x0_25: DESKTOP_SPACE_X_0_25,
+      x0_5: DESKTOP_SPACE_X_0_5,
+      x0_75: DESKTOP_SPACE_X_0_75,
+      x1: DESKTOP_SPACE_X_1,
+      x1_25: DESKTOP_SPACE_X_1_25,
+      x1_5: DESKTOP_SPACE_X_1_5,
+      x1_75: DESKTOP_SPACE_X_1_75,
+      x2: DESKTOP_SPACE_X_2,
+      x2_5: DESKTOP_SPACE_X_2_5,
+      x3: DESKTOP_SPACE_X_3,
+      x4: DESKTOP_SPACE_X_4,
+      x5: DESKTOP_SPACE_X_5,
+      x6: DESKTOP_SPACE_X_6,
+      x7: DESKTOP_SPACE_X_7,
+      x8: DESKTOP_SPACE_X_8,
+      x9: DESKTOP_SPACE_X_9,
+      x10: DESKTOP_SPACE_X_10,
+      x11: DESKTOP_SPACE_X_11,
+      x12: DESKTOP_SPACE_X_12
+    },
+    sizes: {
+      none: DESKTOP_SPACE_NONE,
+      half: DESKTOP_SPACE_HALF,
+      x0: DESKTOP_SPACE_X_0,
+      x0_25: DESKTOP_SPACE_X_0_25,
+      x0_5: DESKTOP_SPACE_X_0_5,
+      x0_75: DESKTOP_SPACE_X_0_75,
+      x1: DESKTOP_SPACE_X_1,
+      x1_25: DESKTOP_SPACE_X_1_25,
+      x1_5: DESKTOP_SPACE_X_1_5,
+      x1_75: DESKTOP_SPACE_X_1_75,
+      x2: DESKTOP_SPACE_X_2,
+      x2_5: DESKTOP_SPACE_X_2_5,
+      x3: DESKTOP_SPACE_X_3,
+      x4: DESKTOP_SPACE_X_4,
+      x5: DESKTOP_SPACE_X_5,
+      x6: DESKTOP_SPACE_X_6,
+      x7: DESKTOP_SPACE_X_7,
+      x8: DESKTOP_SPACE_X_8,
+      x9: DESKTOP_SPACE_X_9,
+      x10: DESKTOP_SPACE_X_10,
+      x11: DESKTOP_SPACE_X_11,
+      x12: DESKTOP_SPACE_X_12
+    },
+    radii: {
+      small: DESKTOP_BORDER_RADIUS_SMALL,
+      medium: DESKTOP_BORDER_RADIUS_MEDIUM,
+      large: DESKTOP_BORDER_RADIUS_LARGE,
+      circle: DESKTOP_BORDER_RADIUS_CIRCLE,
+      rounded: DESKTOP_BORDER_RADIUS_ROUNDED
+    },
+    borders: []
+  },
+  experimental: {
+    colors: {
+      black: DESKTOP_COLOR_BASE_BLACK,
+      blackBlue: DESKTOP_COLOR_BASE_BLACK_BLUE,
+      darkBlue: DESKTOP_COLOR_BASE_DARK_BLUE,
+      blue: DESKTOP_COLOR_BASE_BLUE,
+      lightBlue: DESKTOP_COLOR_BASE_LIGHT_BLUE,
+      darkGrey: DESKTOP_COLOR_BASE_DARK_GREY,
+      midGrey: DESKTOP_COLOR_BASE_MID_GREY,
+      grey: DESKTOP_COLOR_BASE_GREY,
+      lightGrey: DESKTOP_COLOR_BASE_LIGHT_GREY,
+      whiteGrey: DESKTOP_COLOR_BASE_WHITE_GREY,
+      white: DESKTOP_COLOR_BASE_WHITE,
+      yellow: DESKTOP_COLOR_BASE_YELLOW,
+      lightYellow: DESKTOP_COLOR_BASE_LIGHT_YELLOW,
+      green: DESKTOP_COLOR_BASE_GREEN,
+      lightGreen: DESKTOP_COLOR_BASE_LIGHT_GREEN,
+      red: DESKTOP_COLOR_BASE_RED,
+      lightRed: DESKTOP_COLOR_BASE_LIGHT_RED,
+      categorical1: DESKTOP_COLOR_CATEGORICAL_1,
+      categorical2: DESKTOP_COLOR_CATEGORICAL_2,
+      categorical3: DESKTOP_COLOR_CATEGORICAL_3,
+      categorical4: DESKTOP_COLOR_CATEGORICAL_4,
+      categorical5: DESKTOP_COLOR_CATEGORICAL_5,
+      categorical6: DESKTOP_COLOR_CATEGORICAL_6
+    },
+    fontWeights: {
+      light: DESKTOP_FONT_WEIGHT_LIGHT,
+      normal: DESKTOP_FONT_WEIGHT_NORMAL,
+      medium: DESKTOP_FONT_WEIGHT_MEDIUM,
+      bold: DESKTOP_FONT_WEIGHT_BOLD
+    },
+    fonts: {
+      base: DESKTOP_FONT_FAMILY_BASE,
+      mono: DESKTOP_FONT_FAMILY_MONO,
+      sc: DESKTOP_FONT_FAMILY_SC
+    },
+    shadows: {
+      small: DESKTOP_SHADOW_SMALL,
+      medium: DESKTOP_SHADOW_MEDIUM,
+      large: DESKTOP_SHADOW_LARGE,
+      focus: DESKTOP_SHADOW_FOCUS,
+      error: DESKTOP_SHADOW_ERROR
+    },
+    breakpoints: {
+      extraSmall: DESKTOP_BREAKPOINTS_BASE_EXTRA_SMALL,
+      small: DESKTOP_BREAKPOINTS_BASE_SMALL,
+      medium: DESKTOP_BREAKPOINTS_BASE_MEDIUM,
+      large: DESKTOP_BREAKPOINTS_BASE_LARGE,
+      extraLarge: DESKTOP_BREAKPOINTS_BASE_EXTRA_LARGE,
+      phonePortrait: DESKTOP_BREAKPOINTS_SEMANTIC_PHONE_PORTRAIT,
+      phoneLandscape: DESKTOP_BREAKPOINTS_SEMANTIC_PHONE_LANDSCAPE,
+      tabletPortrait: DESKTOP_BREAKPOINTS_SEMANTIC_TABLET_PORTRAIT,
+      tabletLandscape: DESKTOP_BREAKPOINTS_SEMANTIC_TABLET_LANDSCAPE,
+      laptop: DESKTOP_BREAKPOINTS_SEMANTIC_LAPTOP,
+      desktop: DESKTOP_BREAKPOINTS_SEMANTIC_DESKTOP
+    },
+    zIndices: {
+      content: DESKTOP_Z_INDEX_CONTENT,
+      tabsScollIndicator: DESKTOP_Z_INDEX_TABS_SCROLL_INDICATOR,
+      tabsBar: DESKTOP_Z_INDEX_TABS_BAR,
+      overlay: DESKTOP_Z_INDEX_OVERLAY,
+      aboveOverlay: DESKTOP_Z_INDEX_ABOVE_OVERLAY,
+      tableHeader: DESKTOP_Z_INDEX_TABLE_HEADER,
+      modalHeaderAndFooter: DESKTOP_Z_INDEX_MODAL_HEADER_AND_FOOTER,
+      openControl: DESKTOP_Z_INDEX_OPEN_CONTROL,
+      navBar: DESKTOP_Z_INDEX_NAV_BAR,
+      sidebar: DESKTOP_Z_INDEX_SIDEBAR
+    },
+    fontSizes: {
+      smaller: DESKTOP_FONT_SIZE_STANDARD_SMALLER,
+      small: DESKTOP_FONT_SIZE_STANDARD_SMALL,
+      medium: DESKTOP_FONT_SIZE_STANDARD_MEDIUM,
+      large: DESKTOP_FONT_SIZE_STANDARD_LARGE,
+      larger: DESKTOP_FONT_SIZE_STANDARD_LARGER,
+      largest: DESKTOP_FONT_SIZE_STANDARD_LARGEST,
+      base: DESKTOP_FONT_SIZE_SEMANTIC_BASE,
+      xxs: DESKTOP_FONT_SIZE_EXPERIMENTAL_XXS,
+      xs: DESKTOP_FONT_SIZE_EXPERIMENTAL_XS,
+      sm: DESKTOP_FONT_SIZE_EXPERIMENTAL_SM,
+      md: DESKTOP_FONT_SIZE_EXPERIMENTAL_MD,
+      lg: DESKTOP_FONT_SIZE_EXPERIMENTAL_LG,
+      xl: DESKTOP_FONT_SIZE_EXPERIMENTAL_XL,
+      xxl: DESKTOP_FONT_SIZE_EXPERIMENTAL_XXL,
+      heading1: DESKTOP_FONT_SIZE_SEMANTIC_HEADING_1,
+      heading2: DESKTOP_FONT_SIZE_SEMANTIC_HEADING_2,
+      heading3: DESKTOP_FONT_SIZE_SEMANTIC_HEADING_3,
+      heading4: DESKTOP_FONT_SIZE_SEMANTIC_HEADING_4
+    },
+    lineHeights: {
+      base: DESKTOP_LINE_HEIGHT_BASE,
+      baseRelaxed: DESKTOP_LINE_HEIGHT_BASE_RELAXED,
+      smallTextBase: DESKTOP_LINE_HEIGHT_SMALL_TEXT_BASE,
+      smallTextCompressed: DESKTOP_LINE_HEIGHT_SMALL_TEXT_COMPRESSED,
+      smallRelaxed: DESKTOP_LINE_HEIGHT_SMALL_RELAXED,
+      smallerText: DESKTOP_LINE_HEIGHT_SMALLER_TEXT,
+      smallerRelaxed: DESKTOP_LINE_HEIGHT_SMALLER_RELAXED,
+      heading1: DESKTOP_LINE_HEIGHT_HEADING_1,
+      heading2: DESKTOP_LINE_HEIGHT_HEADING_2,
+      heading3: DESKTOP_LINE_HEIGHT_HEADING_3,
+      heading4: DESKTOP_LINE_HEIGHT_HEADING_4,
+      title: DESKTOP_LINE_HEIGHT_TITLE,
+      sectionTitle: DESKTOP_LINE_HEIGHT_SECTION_TITLE,
+      subsectionTitle: DESKTOP_LINE_HEIGHT_SUBSECTION_TITLE
+    },
+    space: {
+      none: DESKTOP_SPACE_NONE,
+      x0: DESKTOP_SPACE_X_0,
+      x0_25: DESKTOP_SPACE_X_0_25,
+      half: DESKTOP_SPACE_HALF,
+      x0_5: DESKTOP_SPACE_X_0_5,
+      x0_75: DESKTOP_SPACE_X_0_75,
+      x1: DESKTOP_SPACE_X_1,
+      x1_25: DESKTOP_SPACE_X_1_25,
+      x1_5: DESKTOP_SPACE_X_1_5,
+      x1_75: DESKTOP_SPACE_X_1_75,
+      x2: DESKTOP_SPACE_X_2,
+      x2_5: DESKTOP_SPACE_X_2_5,
+      x3: DESKTOP_SPACE_X_3,
+      x4: DESKTOP_SPACE_X_4,
+      x5: DESKTOP_SPACE_X_5,
+      x6: DESKTOP_SPACE_X_6,
+      x7: DESKTOP_SPACE_X_7,
+      x8: DESKTOP_SPACE_X_8,
+      x9: DESKTOP_SPACE_X_9,
+      x10: DESKTOP_SPACE_X_10,
+      x11: DESKTOP_SPACE_X_11,
+      x12: DESKTOP_SPACE_X_12
+    },
+    sizes: {
+      none: DESKTOP_SPACE_NONE,
+      x0: DESKTOP_SPACE_X_0,
+      x0_25: DESKTOP_SPACE_X_0_25,
+      half: DESKTOP_SPACE_HALF,
+      x0_5: DESKTOP_SPACE_X_0_5,
+      x0_75: DESKTOP_SPACE_X_0_75,
+      x1: DESKTOP_SPACE_X_1,
+      x1_25: DESKTOP_SPACE_X_1_25,
+      x1_5: DESKTOP_SPACE_X_1_5,
+      x1_75: DESKTOP_SPACE_X_1_75,
+      x2: DESKTOP_SPACE_X_2,
+      x2_5: DESKTOP_SPACE_X_2_5,
+      x3: DESKTOP_SPACE_X_3,
+      x4: DESKTOP_SPACE_X_4,
+      x5: DESKTOP_SPACE_X_5,
+      x6: DESKTOP_SPACE_X_6,
+      x7: DESKTOP_SPACE_X_7,
+      x8: DESKTOP_SPACE_X_8,
+      x9: DESKTOP_SPACE_X_9,
+      x10: DESKTOP_SPACE_X_10,
+      x11: DESKTOP_SPACE_X_11,
+      x12: DESKTOP_SPACE_X_12
+    },
+    radii: {
+      small: DESKTOP_BORDER_RADIUS_SMALL,
+      medium: DESKTOP_BORDER_RADIUS_MEDIUM,
+      large: DESKTOP_BORDER_RADIUS_LARGE,
+      circle: DESKTOP_BORDER_RADIUS_CIRCLE,
+      rounded: DESKTOP_BORDER_RADIUS_ROUNDED
+    },
+    borders: []
+  },
+  tablet: {
+    colors: {
+      black: TABLET_COLOR_BASE_BLACK,
+      blackBlue: TABLET_COLOR_BASE_BLACK_BLUE,
+      darkBlue: TABLET_COLOR_BASE_DARK_BLUE,
+      blue: TABLET_COLOR_BASE_BLUE,
+      lightBlue: TABLET_COLOR_BASE_LIGHT_BLUE,
+      darkGrey: TABLET_COLOR_BASE_DARK_GREY,
+      midGrey: TABLET_COLOR_BASE_MID_GREY,
+      grey: TABLET_COLOR_BASE_GREY,
+      lightGrey: TABLET_COLOR_BASE_LIGHT_GREY,
+      whiteGrey: TABLET_COLOR_BASE_WHITE_GREY,
+      white: TABLET_COLOR_BASE_WHITE,
+      yellow: TABLET_COLOR_BASE_YELLOW,
+      lightYellow: TABLET_COLOR_BASE_LIGHT_YELLOW,
+      green: TABLET_COLOR_BASE_GREEN,
+      lightGreen: TABLET_COLOR_BASE_LIGHT_GREEN,
+      red: TABLET_COLOR_BASE_RED,
+      lightRed: TABLET_COLOR_BASE_LIGHT_RED,
+      categorical1: TABLET_COLOR_CATEGORICAL_1,
+      categorical2: TABLET_COLOR_CATEGORICAL_2,
+      categorical3: TABLET_COLOR_CATEGORICAL_3,
+      categorical4: TABLET_COLOR_CATEGORICAL_4,
+      categorical5: TABLET_COLOR_CATEGORICAL_5,
+      categorical6: TABLET_COLOR_CATEGORICAL_6
+    },
+    fontWeights: {
+      light: TABLET_FONT_WEIGHT_LIGHT,
+      normal: TABLET_FONT_WEIGHT_NORMAL,
+      medium: TABLET_FONT_WEIGHT_MEDIUM,
+      bold: TABLET_FONT_WEIGHT_BOLD
+    },
+    fonts: {
+      base: TABLET_FONT_FAMILY_BASE,
+      mono: TABLET_FONT_FAMILY_MONO,
+      sc: TABLET_FONT_FAMILY_SC
+    },
+    shadows: {
+      small: TABLET_SHADOW_SMALL,
+      medium: TABLET_SHADOW_MEDIUM,
+      large: TABLET_SHADOW_LARGE,
+      focus: TABLET_SHADOW_FOCUS,
+      error: TABLET_SHADOW_ERROR
+    },
+    breakpoints: {
+      extraSmall: TABLET_BREAKPOINTS_BASE_EXTRA_SMALL,
+      small: TABLET_BREAKPOINTS_BASE_SMALL,
+      medium: TABLET_BREAKPOINTS_BASE_MEDIUM,
+      large: TABLET_BREAKPOINTS_BASE_LARGE,
+      extraLarge: TABLET_BREAKPOINTS_BASE_EXTRA_LARGE,
+      phonePortrait: TABLET_BREAKPOINTS_SEMANTIC_PHONE_PORTRAIT,
+      phoneLandscape: TABLET_BREAKPOINTS_SEMANTIC_PHONE_LANDSCAPE,
+      tabletPortrait: TABLET_BREAKPOINTS_SEMANTIC_TABLET_PORTRAIT,
+      tabletLandscape: TABLET_BREAKPOINTS_SEMANTIC_TABLET_LANDSCAPE,
+      laptop: TABLET_BREAKPOINTS_SEMANTIC_LAPTOP,
+      desktop: TABLET_BREAKPOINTS_SEMANTIC_DESKTOP
+    },
+    zIndices: {
+      content: TABLET_Z_INDEX_CONTENT,
+      tabsScollIndicator: TABLET_Z_INDEX_TABS_SCROLL_INDICATOR,
+      tabsBar: TABLET_Z_INDEX_TABS_BAR,
+      overlay: TABLET_Z_INDEX_OVERLAY,
+      aboveOverlay: TABLET_Z_INDEX_ABOVE_OVERLAY,
+      tableHeader: TABLET_Z_INDEX_TABLE_HEADER,
+      modalHeaderAndFooter: TABLET_Z_INDEX_MODAL_HEADER_AND_FOOTER,
+      openControl: TABLET_Z_INDEX_OPEN_CONTROL,
+      navBar: TABLET_Z_INDEX_NAV_BAR,
+      sidebar: TABLET_Z_INDEX_SIDEBAR
+    },
+    fontSizes: {
+      smaller: TABLET_FONT_SIZE_STANDARD_SMALLER,
+      small: TABLET_FONT_SIZE_STANDARD_SMALL,
+      medium: TABLET_FONT_SIZE_STANDARD_MEDIUM,
+      large: TABLET_FONT_SIZE_STANDARD_LARGE,
+      larger: TABLET_FONT_SIZE_STANDARD_LARGER,
+      largest: TABLET_FONT_SIZE_STANDARD_LARGEST,
+      xxs: TABLET_FONT_SIZE_EXPERIMENTAL_XXS,
+      xs: TABLET_FONT_SIZE_EXPERIMENTAL_XS,
+      sm: TABLET_FONT_SIZE_EXPERIMENTAL_SM,
+      md: TABLET_FONT_SIZE_EXPERIMENTAL_MD,
+      lg: TABLET_FONT_SIZE_EXPERIMENTAL_LG,
+      xl: TABLET_FONT_SIZE_EXPERIMENTAL_XL,
+      xxl: TABLET_FONT_SIZE_EXPERIMENTAL_XXL,
+      heading1: TABLET_FONT_SIZE_SEMANTIC_HEADING_1,
+      heading2: TABLET_FONT_SIZE_SEMANTIC_HEADING_2,
+      heading3: TABLET_FONT_SIZE_SEMANTIC_HEADING_3,
+      heading4: TABLET_FONT_SIZE_SEMANTIC_HEADING_4,
+      base: TABLET_FONT_SIZE_SEMANTIC_BASE
+    },
+    lineHeights: {
+      base: TABLET_LINE_HEIGHT_BASE,
+      baseRelaxed: TABLET_LINE_HEIGHT_BASE_RELAXED,
+      smallTextBase: TABLET_LINE_HEIGHT_SMALL_TEXT_BASE,
+      smallTextCompressed: TABLET_LINE_HEIGHT_SMALL_TEXT_COMPRESSED,
+      smallRelaxed: TABLET_LINE_HEIGHT_SMALL_RELAXED,
+      smallerText: TABLET_LINE_HEIGHT_SMALLER_TEXT,
+      smallerRelaxed: TABLET_LINE_HEIGHT_SMALLER_RELAXED,
+      heading1: TABLET_LINE_HEIGHT_HEADING_1,
+      heading2: TABLET_LINE_HEIGHT_HEADING_2,
+      heading3: TABLET_LINE_HEIGHT_HEADING_3,
+      heading4: TABLET_LINE_HEIGHT_HEADING_4,
+      title: TABLET_LINE_HEIGHT_TITLE,
+      sectionTitle: TABLET_LINE_HEIGHT_SECTION_TITLE,
+      subsectionTitle: TABLET_LINE_HEIGHT_SUBSECTION_TITLE
+    },
+    space: {
+      none: TABLET_SPACE_NONE,
+      x0: TABLET_SPACE_X_0,
+      x0_25: TABLET_SPACE_X_0_25,
+      half: TABLET_SPACE_HALF,
+      x0_5: TABLET_SPACE_X_0_5,
+      x0_75: TABLET_SPACE_X_0_75,
+      x1: TABLET_SPACE_X_1,
+      x1_25: TABLET_SPACE_X_1_25,
+      x1_5: TABLET_SPACE_X_1_5,
+      x1_75: TABLET_SPACE_X_1_75,
+      x2: TABLET_SPACE_X_2,
+      x2_5: TABLET_SPACE_X_2_5,
+      x3: TABLET_SPACE_X_3,
+      x4: TABLET_SPACE_X_4,
+      x5: TABLET_SPACE_X_5,
+      x6: TABLET_SPACE_X_6,
+      x7: TABLET_SPACE_X_7,
+      x8: TABLET_SPACE_X_8,
+      x9: TABLET_SPACE_X_9,
+      x10: TABLET_SPACE_X_10,
+      x11: TABLET_SPACE_X_11,
+      x12: TABLET_SPACE_X_12
+    },
+    sizes: {
+      none: TABLET_SPACE_NONE,
+      x0: TABLET_SPACE_X_0,
+      x0_25: TABLET_SPACE_X_0_25,
+      half: TABLET_SPACE_HALF,
+      x0_5: TABLET_SPACE_X_0_5,
+      x0_75: TABLET_SPACE_X_0_75,
+      x1: TABLET_SPACE_X_1,
+      x1_25: TABLET_SPACE_X_1_25,
+      x1_5: TABLET_SPACE_X_1_5,
+      x1_75: TABLET_SPACE_X_1_75,
+      x2: TABLET_SPACE_X_2,
+      x2_5: TABLET_SPACE_X_2_5,
+      x3: TABLET_SPACE_X_3,
+      x4: TABLET_SPACE_X_4,
+      x5: TABLET_SPACE_X_5,
+      x6: TABLET_SPACE_X_6,
+      x7: TABLET_SPACE_X_7,
+      x8: TABLET_SPACE_X_8,
+      x9: TABLET_SPACE_X_9,
+      x10: TABLET_SPACE_X_10,
+      x11: TABLET_SPACE_X_11,
+      x12: TABLET_SPACE_X_12
+    },
+    radii: {
+      small: TABLET_BORDER_RADIUS_SMALL,
+      medium: TABLET_BORDER_RADIUS_MEDIUM,
+      large: TABLET_BORDER_RADIUS_LARGE,
+      circle: TABLET_BORDER_RADIUS_CIRCLE,
+      rounded: TABLET_BORDER_RADIUS_ROUNDED
+    },
+    borders: []
+  },
+  phone: {
+    colors: {
+      black: PHONE_COLOR_BASE_BLACK,
+      blackBlue: PHONE_COLOR_BASE_BLACK_BLUE,
+      darkBlue: PHONE_COLOR_BASE_DARK_BLUE,
+      blue: PHONE_COLOR_BASE_BLUE,
+      lightBlue: PHONE_COLOR_BASE_LIGHT_BLUE,
+      darkGrey: PHONE_COLOR_BASE_DARK_GREY,
+      midGrey: PHONE_COLOR_BASE_MID_GREY,
+      grey: PHONE_COLOR_BASE_GREY,
+      lightGrey: PHONE_COLOR_BASE_LIGHT_GREY,
+      whiteGrey: PHONE_COLOR_BASE_WHITE_GREY,
+      white: PHONE_COLOR_BASE_WHITE,
+      yellow: PHONE_COLOR_BASE_YELLOW,
+      lightYellow: PHONE_COLOR_BASE_LIGHT_YELLOW,
+      green: PHONE_COLOR_BASE_GREEN,
+      lightGreen: PHONE_COLOR_BASE_LIGHT_GREEN,
+      red: PHONE_COLOR_BASE_RED,
+      lightRed: PHONE_COLOR_BASE_LIGHT_RED,
+      categorical1: PHONE_COLOR_CATEGORICAL_1,
+      categorical2: PHONE_COLOR_CATEGORICAL_2,
+      categorical3: PHONE_COLOR_CATEGORICAL_3,
+      categorical4: PHONE_COLOR_CATEGORICAL_4,
+      categorical5: PHONE_COLOR_CATEGORICAL_5,
+      categorical6: PHONE_COLOR_CATEGORICAL_6
+    },
+    fontWeights: {
+      light: PHONE_FONT_WEIGHT_LIGHT,
+      normal: PHONE_FONT_WEIGHT_NORMAL,
+      medium: PHONE_FONT_WEIGHT_MEDIUM,
+      bold: PHONE_FONT_WEIGHT_BOLD
+    },
+    fonts: {
+      base: PHONE_FONT_FAMILY_BASE,
+      mono: PHONE_FONT_FAMILY_MONO,
+      sc: PHONE_FONT_FAMILY_SC
+    },
+    shadows: {
+      small: PHONE_SHADOW_SMALL,
+      medium: PHONE_SHADOW_MEDIUM,
+      large: PHONE_SHADOW_LARGE,
+      focus: PHONE_SHADOW_FOCUS,
+      error: PHONE_SHADOW_ERROR
+    },
+    breakpoints: {
+      extraSmall: PHONE_BREAKPOINTS_BASE_EXTRA_SMALL,
+      small: PHONE_BREAKPOINTS_BASE_SMALL,
+      medium: PHONE_BREAKPOINTS_BASE_MEDIUM,
+      large: PHONE_BREAKPOINTS_BASE_LARGE,
+      extraLarge: PHONE_BREAKPOINTS_BASE_EXTRA_LARGE,
+      phonePortrait: PHONE_BREAKPOINTS_SEMANTIC_PHONE_PORTRAIT,
+      phoneLandscape: PHONE_BREAKPOINTS_SEMANTIC_PHONE_LANDSCAPE,
+      tabletPortrait: PHONE_BREAKPOINTS_SEMANTIC_TABLET_PORTRAIT,
+      tabletLandscape: PHONE_BREAKPOINTS_SEMANTIC_TABLET_LANDSCAPE,
+      laptop: PHONE_BREAKPOINTS_SEMANTIC_LAPTOP,
+      desktop: PHONE_BREAKPOINTS_SEMANTIC_DESKTOP
+    },
+    zIndices: {
+      content: PHONE_Z_INDEX_CONTENT,
+      tabsScollIndicator: PHONE_Z_INDEX_TABS_SCROLL_INDICATOR,
+      tabsBar: PHONE_Z_INDEX_TABS_BAR,
+      overlay: PHONE_Z_INDEX_OVERLAY,
+      aboveOverlay: PHONE_Z_INDEX_ABOVE_OVERLAY,
+      tableHeader: PHONE_Z_INDEX_TABLE_HEADER,
+      modalHeaderAndFooter: PHONE_Z_INDEX_MODAL_HEADER_AND_FOOTER,
+      openControl: PHONE_Z_INDEX_OPEN_CONTROL,
+      navBar: PHONE_Z_INDEX_NAV_BAR,
+      sidebar: PHONE_Z_INDEX_SIDEBAR
+    },
+    fontSizes: {
+      smaller: PHONE_FONT_SIZE_STANDARD_SMALLER,
+      small: PHONE_FONT_SIZE_STANDARD_SMALL,
+      medium: PHONE_FONT_SIZE_STANDARD_MEDIUM,
+      large: PHONE_FONT_SIZE_STANDARD_LARGE,
+      larger: PHONE_FONT_SIZE_STANDARD_LARGER,
+      largest: PHONE_FONT_SIZE_STANDARD_LARGEST,
+      xxs: PHONE_FONT_SIZE_EXPERIMENTAL_XXS,
+      xs: PHONE_FONT_SIZE_EXPERIMENTAL_XS,
+      sm: PHONE_FONT_SIZE_EXPERIMENTAL_SM,
+      md: PHONE_FONT_SIZE_EXPERIMENTAL_MD,
+      lg: PHONE_FONT_SIZE_EXPERIMENTAL_LG,
+      xl: PHONE_FONT_SIZE_EXPERIMENTAL_XL,
+      xxl: PHONE_FONT_SIZE_EXPERIMENTAL_XXL,
+      heading1: PHONE_FONT_SIZE_SEMANTIC_HEADING_1,
+      heading2: PHONE_FONT_SIZE_SEMANTIC_HEADING_2,
+      heading3: PHONE_FONT_SIZE_SEMANTIC_HEADING_3,
+      heading4: PHONE_FONT_SIZE_SEMANTIC_HEADING_4,
+      base: PHONE_FONT_SIZE_SEMANTIC_BASE
+    },
+    lineHeights: {
+      base: PHONE_LINE_HEIGHT_BASE,
+      baseRelaxed: PHONE_LINE_HEIGHT_BASE_RELAXED,
+      smallTextBase: PHONE_LINE_HEIGHT_SMALL_TEXT_BASE,
+      smallTextCompressed: PHONE_LINE_HEIGHT_SMALL_TEXT_COMPRESSED,
+      smallRelaxed: PHONE_LINE_HEIGHT_SMALL_RELAXED,
+      smallerText: PHONE_LINE_HEIGHT_SMALLER_TEXT,
+      smallerRelaxed: PHONE_LINE_HEIGHT_SMALLER_RELAXED,
+      heading1: PHONE_LINE_HEIGHT_HEADING_1,
+      heading2: PHONE_LINE_HEIGHT_HEADING_2,
+      heading3: PHONE_LINE_HEIGHT_HEADING_3,
+      heading4: PHONE_LINE_HEIGHT_HEADING_4,
+      title: PHONE_LINE_HEIGHT_TITLE,
+      sectionTitle: PHONE_LINE_HEIGHT_SECTION_TITLE,
+      subsectionTitle: PHONE_LINE_HEIGHT_SUBSECTION_TITLE
+    },
+    space: {
+      none: PHONE_SPACE_NONE,
+      x0: PHONE_SPACE_X_0,
+      x0_25: PHONE_SPACE_X_0_25,
+      half: PHONE_SPACE_HALF,
+      x0_5: PHONE_SPACE_X_0_5,
+      x0_75: PHONE_SPACE_X_0_75,
+      x1: PHONE_SPACE_X_1,
+      x1_25: PHONE_SPACE_X_1_25,
+      x1_5: PHONE_SPACE_X_1_5,
+      x1_75: PHONE_SPACE_X_1_75,
+      x2: PHONE_SPACE_X_2,
+      x2_5: PHONE_SPACE_X_2_5,
+      x3: PHONE_SPACE_X_3,
+      x4: PHONE_SPACE_X_4,
+      x5: PHONE_SPACE_X_5,
+      x6: PHONE_SPACE_X_6,
+      x7: PHONE_SPACE_X_7,
+      x8: PHONE_SPACE_X_8,
+      x9: PHONE_SPACE_X_9,
+      x10: PHONE_SPACE_X_10,
+      x11: PHONE_SPACE_X_11,
+      x12: PHONE_SPACE_X_12
+    },
+    sizes: {
+      none: PHONE_SPACE_NONE,
+      x0: PHONE_SPACE_X_0,
+      x0_25: PHONE_SPACE_X_0_25,
+      half: PHONE_SPACE_HALF,
+      x0_5: PHONE_SPACE_X_0_5,
+      x0_75: PHONE_SPACE_X_0_75,
+      x1: PHONE_SPACE_X_1,
+      x1_25: PHONE_SPACE_X_1_25,
+      x1_5: PHONE_SPACE_X_1_5,
+      x1_75: PHONE_SPACE_X_1_75,
+      x2: PHONE_SPACE_X_2,
+      x2_5: PHONE_SPACE_X_2_5,
+      x3: PHONE_SPACE_X_3,
+      x4: PHONE_SPACE_X_4,
+      x5: PHONE_SPACE_X_5,
+      x6: PHONE_SPACE_X_6,
+      x7: PHONE_SPACE_X_7,
+      x8: PHONE_SPACE_X_8,
+      x9: PHONE_SPACE_X_9,
+      x10: PHONE_SPACE_X_10,
+      x11: PHONE_SPACE_X_11,
+      x12: PHONE_SPACE_X_12
+    },
+    radii: {
+      small: PHONE_BORDER_RADIUS_SMALL,
+      medium: PHONE_BORDER_RADIUS_MEDIUM,
+      large: PHONE_BORDER_RADIUS_LARGE,
+      circle: PHONE_BORDER_RADIUS_CIRCLE,
+      rounded: PHONE_BORDER_RADIUS_ROUNDED
+    },
+    borders: []
+  }
+};
+const { legacy, experimental, tablet, phone } = themes;
+export {
+  experimental,
+  legacy,
+  phone,
+  tablet,
+  themes
+};
+//# sourceMappingURL=theme.js.map