@nulogy/components 17.0.0 → 17.1.0

package/README.md

@@ -34,6 +34,12 @@ If your application supports Simplified Chinese, you'll also need to load [Noto
 <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500&display=swap" rel="stylesheet" />
 ```
 
+If your application supports Japanese, you'll also need to load [IBM Plex Sans JP](https://fonts.google.com/specimen/IBM+Plex+Sans+JP).
+
+```html
+<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP:wght@300;400;500;600&display=swap" rel="stylesheet" />
+```
+
 Note that loading fonts from Google API is just an example and not the most performant way to load fonts for your application. You'll most likely want to include the font's inside your existing asset pipeline.
 
 ### 2. Wrap your application in our theme provider

package/dist/esm/NDSProvider/GlobalStyles.js

@@ -1,6 +1,10 @@
 import { styled } from "styled-components";
 const GlobalStyles = styled.div(({ theme, locale }) => {
-  const fontFamily = locale === "zh_CN" ? theme.fonts.sc : theme.fonts.base;
+  const localeFontMap = {
+    zh_CN: theme.fonts.sc,
+    ja_JP: theme.fonts.jp
+  };
+  const fontFamily = locale && localeFontMap[locale] || theme.fonts.base;
   return {
     color: theme.colors.black,
     fontFamily,

package/dist/esm/NDSProvider/GlobalStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalStyles.js","sources":["../../../src/NDSProvider/GlobalStyles.tsx"],"sourcesContent":["import { styled } from \"styled-components\";\n\nconst GlobalStyles = styled.div<{\n  locale?: string;\n}>(({ theme, locale }) => {\n  const fontFamily = locale === \"zh_CN\" ? theme.fonts.sc : theme.fonts.base;\n  return {\n    color: theme.colors.black,\n    fontFamily,\n    fontSize: theme.fontSizes.base,\n    lineHeight: theme.lineHeights.base,\n    \"-webkit-font-smoothing\": \"antialiased\",\n    \"-moz-osx-font-smoothing\": \"grayscale\",\n    \"*\": {\n      boxSizing: \"border-box\",\n    },\n    img: {\n      maxWidth: \"100%\",\n      height: \"auto\",\n    },\n    button: {\n      fontFamily,\n    },\n    input: {\n      fontFamily,\n    },\n    textarea: {\n      fontFamily,\n    },\n  };\n});\n\nexport default GlobalStyles;\n"],"names":[],"mappings":";AAEA,MAAM,eAAe,OAAO,IAEzB,CAAC,EAAE,OAAO,aAAa;AACxB,QAAM,aAAa,WAAW,UAAU,MAAM,MAAM,KAAK,MAAM,MAAM;AACrE,SAAO;AAAA,IACL,OAAO,MAAM,OAAO;AAAA,IACpB;AAAA,IACA,UAAU,MAAM,UAAU;AAAA,IAC1B,YAAY,MAAM,YAAY;AAAA,IAC9B,0BAA0B;AAAA,IAC1B,2BAA2B;AAAA,IAC3B,KAAK;AAAA,MACH,WAAW;AAAA,IAAA;AAAA,IAEb,KAAK;AAAA,MACH,UAAU;AAAA,MACV,QAAQ;AAAA,IAAA;AAAA,IAEV,QAAQ;AAAA,MACN;AAAA,IAAA;AAAA,IAEF,OAAO;AAAA,MACL;AAAA,IAAA;AAAA,IAEF,UAAU;AAAA,MACR;AAAA,IAAA;AAAA,EACF;AAEJ,CAAC;"}
+{"version":3,"file":"GlobalStyles.js","sources":["../../../src/NDSProvider/GlobalStyles.tsx"],"sourcesContent":["import { styled } from \"styled-components\";\n\nconst GlobalStyles = styled.div<{\n  locale?: string;\n}>(({ theme, locale }) => {\n  const localeFontMap: Record<string, string> = {\n    zh_CN: theme.fonts.sc,\n    ja_JP: theme.fonts.jp,\n  };\n  const fontFamily = (locale && localeFontMap[locale]) || theme.fonts.base;\n  return {\n    color: theme.colors.black,\n    fontFamily,\n    fontSize: theme.fontSizes.base,\n    lineHeight: theme.lineHeights.base,\n    \"-webkit-font-smoothing\": \"antialiased\",\n    \"-moz-osx-font-smoothing\": \"grayscale\",\n    \"*\": {\n      boxSizing: \"border-box\",\n    },\n    img: {\n      maxWidth: \"100%\",\n      height: \"auto\",\n    },\n    button: {\n      fontFamily,\n    },\n    input: {\n      fontFamily,\n    },\n    textarea: {\n      fontFamily,\n    },\n  };\n});\n\nexport default GlobalStyles;\n"],"names":[],"mappings":";AAEA,MAAM,eAAe,OAAO,IAEzB,CAAC,EAAE,OAAO,aAAa;AACxB,QAAM,gBAAwC;AAAA,IAC5C,OAAO,MAAM,MAAM;AAAA,IACnB,OAAO,MAAM,MAAM;AAAA,EAAA;AAErB,QAAM,aAAc,UAAU,cAAc,MAAM,KAAM,MAAM,MAAM;AACpE,SAAO;AAAA,IACL,OAAO,MAAM,OAAO;AAAA,IACpB;AAAA,IACA,UAAU,MAAM,UAAU;AAAA,IAC1B,YAAY,MAAM,YAAY;AAAA,IAC9B,0BAA0B;AAAA,IAC1B,2BAA2B;AAAA,IAC3B,KAAK;AAAA,MACH,WAAW;AAAA,IAAA;AAAA,IAEb,KAAK;AAAA,MACH,UAAU;AAAA,MACV,QAAQ;AAAA,IAAA;AAAA,IAEV,QAAQ;AAAA,MACN;AAAA,IAAA;AAAA,IAEF,OAAO;AAAA,MACL;AAAA,IAAA;AAAA,IAEF,UAAU;AAAA,MACR;AAAA,IAAA;AAAA,EACF;AAEJ,CAAC;"}

package/dist/esm/node_modules/.pnpm/{@nulogy_tokens@6.1.1 → @nulogy_tokens@6.2.0}/node_modules/@nulogy/tokens/dist/nds_tokens.js

@@ -13,60 +13,6 @@ const PHONE_BORDER_RADIUS_MEDIUM = "3.6px";
 const PHONE_BORDER_RADIUS_LARGE = "7.2px";
 const PHONE_BORDER_RADIUS_CIRCLE = "50%";
 const PHONE_BORDER_RADIUS_ROUNDED = "9999px";
-const DESKTOP_FONT_SIZE_STANDARD_SMALLER = "12px";
-const DESKTOP_FONT_SIZE_STANDARD_SMALL = "15px";
-const DESKTOP_FONT_SIZE_STANDARD_MEDIUM = "15px";
-const DESKTOP_FONT_SIZE_STANDARD_LARGE = "21px";
-const DESKTOP_FONT_SIZE_STANDARD_LARGER = "24px";
-const DESKTOP_FONT_SIZE_STANDARD_LARGEST = "30px";
-const DESKTOP_FONT_SIZE_EXPERIMENTAL_XXS = "9px";
-const DESKTOP_FONT_SIZE_EXPERIMENTAL_XS = "12px";
-const DESKTOP_FONT_SIZE_EXPERIMENTAL_SM = "15px";
-const DESKTOP_FONT_SIZE_EXPERIMENTAL_MD = "18px";
-const DESKTOP_FONT_SIZE_EXPERIMENTAL_LG = "21px";
-const DESKTOP_FONT_SIZE_EXPERIMENTAL_XL = "24px";
-const DESKTOP_FONT_SIZE_EXPERIMENTAL_XXL = "30px";
-const DESKTOP_FONT_SIZE_SEMANTIC_HEADING_1 = "24px";
-const DESKTOP_FONT_SIZE_SEMANTIC_HEADING_2 = "21px";
-const DESKTOP_FONT_SIZE_SEMANTIC_HEADING_3 = "15px";
-const DESKTOP_FONT_SIZE_SEMANTIC_HEADING_4 = "15px";
-const DESKTOP_FONT_SIZE_SEMANTIC_BASE = "15px";
-const TABLET_FONT_SIZE_STANDARD_SMALLER = "16.8px";
-const TABLET_FONT_SIZE_STANDARD_SMALL = "21px";
-const TABLET_FONT_SIZE_STANDARD_MEDIUM = "21px";
-const TABLET_FONT_SIZE_STANDARD_LARGE = "29.4px";
-const TABLET_FONT_SIZE_STANDARD_LARGER = "33.6px";
-const TABLET_FONT_SIZE_STANDARD_LARGEST = "42px";
-const TABLET_FONT_SIZE_EXPERIMENTAL_XXS = "12.6px";
-const TABLET_FONT_SIZE_EXPERIMENTAL_XS = "16.8px";
-const TABLET_FONT_SIZE_EXPERIMENTAL_SM = "21px";
-const TABLET_FONT_SIZE_EXPERIMENTAL_MD = "25.2px";
-const TABLET_FONT_SIZE_EXPERIMENTAL_LG = "29.4px";
-const TABLET_FONT_SIZE_EXPERIMENTAL_XL = "33.6px";
-const TABLET_FONT_SIZE_EXPERIMENTAL_XXL = "42px";
-const TABLET_FONT_SIZE_SEMANTIC_HEADING_1 = "33.6px";
-const TABLET_FONT_SIZE_SEMANTIC_HEADING_2 = "29.4px";
-const TABLET_FONT_SIZE_SEMANTIC_HEADING_3 = "21px";
-const TABLET_FONT_SIZE_SEMANTIC_HEADING_4 = "21px";
-const TABLET_FONT_SIZE_SEMANTIC_BASE = "21px";
-const PHONE_FONT_SIZE_STANDARD_SMALLER = "10.8px";
-const PHONE_FONT_SIZE_STANDARD_SMALL = "13.5px";
-const PHONE_FONT_SIZE_STANDARD_MEDIUM = "13.5px";
-const PHONE_FONT_SIZE_STANDARD_LARGE = "18.9px";
-const PHONE_FONT_SIZE_STANDARD_LARGER = "21.6px";
-const PHONE_FONT_SIZE_STANDARD_LARGEST = "27px";
-const PHONE_FONT_SIZE_EXPERIMENTAL_XXS = "8.1px";
-const PHONE_FONT_SIZE_EXPERIMENTAL_XS = "10.8px";
-const PHONE_FONT_SIZE_EXPERIMENTAL_SM = "13.5px";
-const PHONE_FONT_SIZE_EXPERIMENTAL_MD = "16.2px";
-const PHONE_FONT_SIZE_EXPERIMENTAL_LG = "18.9px";
-const PHONE_FONT_SIZE_EXPERIMENTAL_XL = "21.6px";
-const PHONE_FONT_SIZE_EXPERIMENTAL_XXL = "27px";
-const PHONE_FONT_SIZE_SEMANTIC_HEADING_1 = "21.6px";
-const PHONE_FONT_SIZE_SEMANTIC_HEADING_2 = "18.9px";
-const PHONE_FONT_SIZE_SEMANTIC_HEADING_3 = "13.5px";
-const PHONE_FONT_SIZE_SEMANTIC_HEADING_4 = "13.5px";
-const PHONE_FONT_SIZE_SEMANTIC_BASE = "13.5px";
 const DESKTOP_BREAKPOINTS_BASE_EXTRA_SMALL = "0px";
 const DESKTOP_BREAKPOINTS_BASE_SMALL = "768px";
 const DESKTOP_BREAKPOINTS_BASE_MEDIUM = "1024px";
@@ -172,12 +118,69 @@ const PHONE_COLOR_CATEGORICAL_6 = "#D3D322";
 const DESKTOP_FONT_FAMILY_BASE = "'IBM Plex Sans', sans-serif";
 const DESKTOP_FONT_FAMILY_MONO = "'IBM Plex Mono', monospace";
 const DESKTOP_FONT_FAMILY_SC = "'Noto Sans SC', sans-serif";
+const DESKTOP_FONT_FAMILY_JP = "'IBM Plex Sans JP', sans-serif";
 const TABLET_FONT_FAMILY_BASE = "'IBM Plex Sans', sans-serif";
 const TABLET_FONT_FAMILY_MONO = "'IBM Plex Mono', monospace";
 const TABLET_FONT_FAMILY_SC = "'Noto Sans SC', sans-serif";
+const TABLET_FONT_FAMILY_JP = "'IBM Plex Sans JP', sans-serif";
 const PHONE_FONT_FAMILY_BASE = "'IBM Plex Sans', sans-serif";
 const PHONE_FONT_FAMILY_MONO = "'IBM Plex Mono', monospace";
 const PHONE_FONT_FAMILY_SC = "'Noto Sans SC', sans-serif";
+const PHONE_FONT_FAMILY_JP = "'IBM Plex Sans JP', sans-serif";
+const DESKTOP_FONT_SIZE_STANDARD_SMALLER = "12px";
+const DESKTOP_FONT_SIZE_STANDARD_SMALL = "15px";
+const DESKTOP_FONT_SIZE_STANDARD_MEDIUM = "15px";
+const DESKTOP_FONT_SIZE_STANDARD_LARGE = "21px";
+const DESKTOP_FONT_SIZE_STANDARD_LARGER = "24px";
+const DESKTOP_FONT_SIZE_STANDARD_LARGEST = "30px";
+const DESKTOP_FONT_SIZE_EXPERIMENTAL_XXS = "9px";
+const DESKTOP_FONT_SIZE_EXPERIMENTAL_XS = "12px";
+const DESKTOP_FONT_SIZE_EXPERIMENTAL_SM = "15px";
+const DESKTOP_FONT_SIZE_EXPERIMENTAL_MD = "18px";
+const DESKTOP_FONT_SIZE_EXPERIMENTAL_LG = "21px";
+const DESKTOP_FONT_SIZE_EXPERIMENTAL_XL = "24px";
+const DESKTOP_FONT_SIZE_EXPERIMENTAL_XXL = "30px";
+const DESKTOP_FONT_SIZE_SEMANTIC_HEADING_1 = "24px";
+const DESKTOP_FONT_SIZE_SEMANTIC_HEADING_2 = "21px";
+const DESKTOP_FONT_SIZE_SEMANTIC_HEADING_3 = "15px";
+const DESKTOP_FONT_SIZE_SEMANTIC_HEADING_4 = "15px";
+const DESKTOP_FONT_SIZE_SEMANTIC_BASE = "15px";
+const TABLET_FONT_SIZE_STANDARD_SMALLER = "16.8px";
+const TABLET_FONT_SIZE_STANDARD_SMALL = "21px";
+const TABLET_FONT_SIZE_STANDARD_MEDIUM = "21px";
+const TABLET_FONT_SIZE_STANDARD_LARGE = "29.4px";
+const TABLET_FONT_SIZE_STANDARD_LARGER = "33.6px";
+const TABLET_FONT_SIZE_STANDARD_LARGEST = "42px";
+const TABLET_FONT_SIZE_EXPERIMENTAL_XXS = "12.6px";
+const TABLET_FONT_SIZE_EXPERIMENTAL_XS = "16.8px";
+const TABLET_FONT_SIZE_EXPERIMENTAL_SM = "21px";
+const TABLET_FONT_SIZE_EXPERIMENTAL_MD = "25.2px";
+const TABLET_FONT_SIZE_EXPERIMENTAL_LG = "29.4px";
+const TABLET_FONT_SIZE_EXPERIMENTAL_XL = "33.6px";
+const TABLET_FONT_SIZE_EXPERIMENTAL_XXL = "42px";
+const TABLET_FONT_SIZE_SEMANTIC_HEADING_1 = "33.6px";
+const TABLET_FONT_SIZE_SEMANTIC_HEADING_2 = "29.4px";
+const TABLET_FONT_SIZE_SEMANTIC_HEADING_3 = "21px";
+const TABLET_FONT_SIZE_SEMANTIC_HEADING_4 = "21px";
+const TABLET_FONT_SIZE_SEMANTIC_BASE = "21px";
+const PHONE_FONT_SIZE_STANDARD_SMALLER = "10.8px";
+const PHONE_FONT_SIZE_STANDARD_SMALL = "13.5px";
+const PHONE_FONT_SIZE_STANDARD_MEDIUM = "13.5px";
+const PHONE_FONT_SIZE_STANDARD_LARGE = "18.9px";
+const PHONE_FONT_SIZE_STANDARD_LARGER = "21.6px";
+const PHONE_FONT_SIZE_STANDARD_LARGEST = "27px";
+const PHONE_FONT_SIZE_EXPERIMENTAL_XXS = "8.1px";
+const PHONE_FONT_SIZE_EXPERIMENTAL_XS = "10.8px";
+const PHONE_FONT_SIZE_EXPERIMENTAL_SM = "13.5px";
+const PHONE_FONT_SIZE_EXPERIMENTAL_MD = "16.2px";
+const PHONE_FONT_SIZE_EXPERIMENTAL_LG = "18.9px";
+const PHONE_FONT_SIZE_EXPERIMENTAL_XL = "21.6px";
+const PHONE_FONT_SIZE_EXPERIMENTAL_XXL = "27px";
+const PHONE_FONT_SIZE_SEMANTIC_HEADING_1 = "21.6px";
+const PHONE_FONT_SIZE_SEMANTIC_HEADING_2 = "18.9px";
+const PHONE_FONT_SIZE_SEMANTIC_HEADING_3 = "13.5px";
+const PHONE_FONT_SIZE_SEMANTIC_HEADING_4 = "13.5px";
+const PHONE_FONT_SIZE_SEMANTIC_BASE = "13.5px";
 const DESKTOP_FONT_WEIGHT_LIGHT = 300;
 const DESKTOP_FONT_WEIGHT_NORMAL = 400;
 const DESKTOP_FONT_WEIGHT_MEDIUM = 500;
@@ -313,36 +316,36 @@ const PHONE_SPACE_X_9 = "64.8px";
 const PHONE_SPACE_X_10 = "72px";
 const PHONE_SPACE_X_11 = "79.2px";
 const PHONE_SPACE_X_12 = "86.4px";
+const DESKTOP_Z_INDEX_MODAL_HEADER_AND_FOOTER = 2;
+const DESKTOP_Z_INDEX_TABLE_HEADER = 10;
 const DESKTOP_Z_INDEX_CONTENT = 100;
 const DESKTOP_Z_INDEX_TABS_SCROLL_INDICATOR = 200;
 const DESKTOP_Z_INDEX_TABS_BAR = 210;
-const DESKTOP_Z_INDEX_OVERLAY = 1e3;
-const DESKTOP_Z_INDEX_ABOVE_OVERLAY = 1010;
-const DESKTOP_Z_INDEX_TABLE_HEADER = 10;
-const DESKTOP_Z_INDEX_MODAL_HEADER_AND_FOOTER = 2;
-const DESKTOP_Z_INDEX_OPEN_CONTROL = 1e3;
 const DESKTOP_Z_INDEX_NAV_BAR = 900;
 const DESKTOP_Z_INDEX_SIDEBAR = 800;
+const DESKTOP_Z_INDEX_OVERLAY = 1e3;
+const DESKTOP_Z_INDEX_OPEN_CONTROL = 1e3;
+const DESKTOP_Z_INDEX_ABOVE_OVERLAY = 1010;
+const TABLET_Z_INDEX_MODAL_HEADER_AND_FOOTER = 2;
+const TABLET_Z_INDEX_TABLE_HEADER = 10;
 const TABLET_Z_INDEX_CONTENT = 100;
 const TABLET_Z_INDEX_TABS_SCROLL_INDICATOR = 200;
 const TABLET_Z_INDEX_TABS_BAR = 210;
-const TABLET_Z_INDEX_OVERLAY = 1e3;
-const TABLET_Z_INDEX_ABOVE_OVERLAY = 1010;
-const TABLET_Z_INDEX_TABLE_HEADER = 10;
-const TABLET_Z_INDEX_MODAL_HEADER_AND_FOOTER = 2;
-const TABLET_Z_INDEX_OPEN_CONTROL = 1e3;
 const TABLET_Z_INDEX_NAV_BAR = 900;
 const TABLET_Z_INDEX_SIDEBAR = 800;
+const TABLET_Z_INDEX_OVERLAY = 1e3;
+const TABLET_Z_INDEX_OPEN_CONTROL = 1e3;
+const TABLET_Z_INDEX_ABOVE_OVERLAY = 1010;
+const PHONE_Z_INDEX_MODAL_HEADER_AND_FOOTER = 2;
+const PHONE_Z_INDEX_TABLE_HEADER = 10;
 const PHONE_Z_INDEX_CONTENT = 100;
 const PHONE_Z_INDEX_TABS_SCROLL_INDICATOR = 200;
 const PHONE_Z_INDEX_TABS_BAR = 210;
-const PHONE_Z_INDEX_OVERLAY = 1e3;
-const PHONE_Z_INDEX_ABOVE_OVERLAY = 1010;
-const PHONE_Z_INDEX_TABLE_HEADER = 10;
-const PHONE_Z_INDEX_MODAL_HEADER_AND_FOOTER = 2;
-const PHONE_Z_INDEX_OPEN_CONTROL = 1e3;
 const PHONE_Z_INDEX_NAV_BAR = 900;
 const PHONE_Z_INDEX_SIDEBAR = 800;
+const PHONE_Z_INDEX_OVERLAY = 1e3;
+const PHONE_Z_INDEX_OPEN_CONTROL = 1e3;
+const PHONE_Z_INDEX_ABOVE_OVERLAY = 1010;
 export {
   DESKTOP_BORDER_RADIUS_CIRCLE,
   DESKTOP_BORDER_RADIUS_LARGE,
@@ -384,6 +387,7 @@ export {
   DESKTOP_COLOR_CATEGORICAL_5,
   DESKTOP_COLOR_CATEGORICAL_6,
   DESKTOP_FONT_FAMILY_BASE,
+  DESKTOP_FONT_FAMILY_JP,
   DESKTOP_FONT_FAMILY_MONO,
   DESKTOP_FONT_FAMILY_SC,
   DESKTOP_FONT_SIZE_EXPERIMENTAL_LG,
@@ -499,6 +503,7 @@ export {
   PHONE_COLOR_CATEGORICAL_5,
   PHONE_COLOR_CATEGORICAL_6,
   PHONE_FONT_FAMILY_BASE,
+  PHONE_FONT_FAMILY_JP,
   PHONE_FONT_FAMILY_MONO,
   PHONE_FONT_FAMILY_SC,
   PHONE_FONT_SIZE_EXPERIMENTAL_LG,
@@ -614,6 +619,7 @@ export {
   TABLET_COLOR_CATEGORICAL_5,
   TABLET_COLOR_CATEGORICAL_6,
   TABLET_FONT_FAMILY_BASE,
+  TABLET_FONT_FAMILY_JP,
   TABLET_FONT_FAMILY_MONO,
   TABLET_FONT_FAMILY_SC,
   TABLET_FONT_SIZE_EXPERIMENTAL_LG,

package/dist/esm/node_modules/.pnpm/@nulogy_tokens@6.2.0/node_modules/@nulogy/tokens/dist/nds_tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nds_tokens.js","sources":["../../../../../../../../../node_modules/.pnpm/@nulogy+tokens@6.2.0/node_modules/@nulogy/tokens/dist/nds_tokens.js"],"sourcesContent":["/* \n  Nulogy Design System Tokens\n  THIS FILE IS AUTO-GENERATED. DO NOT EDIT MANUALLY. \n*/\n\n/*\n|-----------------------------------------------------------------------------\n| Border radius\n|-----------------------------------------------------------------------------\n*/\nexport const DESKTOP_BORDER_RADIUS_SMALL = '2px'\nexport const DESKTOP_BORDER_RADIUS_MEDIUM = '4px'\nexport const DESKTOP_BORDER_RADIUS_LARGE = '8px'\nexport const DESKTOP_BORDER_RADIUS_CIRCLE = '50%'\nexport const DESKTOP_BORDER_RADIUS_ROUNDED = '9999px'\nexport const TABLET_BORDER_RADIUS_SMALL = '2.8px'\nexport const TABLET_BORDER_RADIUS_MEDIUM = '5.6px'\nexport const TABLET_BORDER_RADIUS_LARGE = '11.2px'\nexport const TABLET_BORDER_RADIUS_CIRCLE = '50%'\nexport const TABLET_BORDER_RADIUS_ROUNDED = '9999px'\nexport const PHONE_BORDER_RADIUS_SMALL = '1.8px'\nexport const PHONE_BORDER_RADIUS_MEDIUM = '3.6px'\nexport const PHONE_BORDER_RADIUS_LARGE = '7.2px'\nexport const PHONE_BORDER_RADIUS_CIRCLE = '50%'\nexport const PHONE_BORDER_RADIUS_ROUNDED = '9999px'\n\n/*\n|-----------------------------------------------------------------------------\n| Breakpoints\n|-----------------------------------------------------------------------------\n*/\nexport const DESKTOP_BREAKPOINTS_BASE_EXTRA_SMALL = '0px'\nexport const DESKTOP_BREAKPOINTS_BASE_SMALL = '768px'\nexport const DESKTOP_BREAKPOINTS_BASE_MEDIUM = '1024px'\nexport const DESKTOP_BREAKPOINTS_BASE_LARGE = '1360px'\nexport const DESKTOP_BREAKPOINTS_BASE_EXTRA_LARGE = '1920px'\nexport const DESKTOP_BREAKPOINTS_SEMANTIC_PHONE_PORTRAIT = '320px'\nexport const DESKTOP_BREAKPOINTS_SEMANTIC_PHONE_LANDSCAPE = '640px'\nexport const DESKTOP_BREAKPOINTS_SEMANTIC_TABLET_PORTRAIT = '768px'\nexport const DESKTOP_BREAKPOINTS_SEMANTIC_TABLET_LANDSCAPE = '1024px'\nexport const DESKTOP_BREAKPOINTS_SEMANTIC_LAPTOP = '1280px'\nexport const DESKTOP_BREAKPOINTS_SEMANTIC_DESKTOP = '1440px'\nexport const TABLET_BREAKPOINTS_BASE_EXTRA_SMALL = '0px'\nexport const TABLET_BREAKPOINTS_BASE_SMALL = '768px'\nexport const TABLET_BREAKPOINTS_BASE_MEDIUM = '1024px'\nexport const TABLET_BREAKPOINTS_BASE_LARGE = '1360px'\nexport const TABLET_BREAKPOINTS_BASE_EXTRA_LARGE = '1920px'\nexport const TABLET_BREAKPOINTS_SEMANTIC_PHONE_PORTRAIT = '320px'\nexport const TABLET_BREAKPOINTS_SEMANTIC_PHONE_LANDSCAPE = '640px'\nexport const TABLET_BREAKPOINTS_SEMANTIC_TABLET_PORTRAIT = '768px'\nexport const TABLET_BREAKPOINTS_SEMANTIC_TABLET_LANDSCAPE = '1024px'\nexport const TABLET_BREAKPOINTS_SEMANTIC_LAPTOP = '1280px'\nexport const TABLET_BREAKPOINTS_SEMANTIC_DESKTOP = '1440px'\nexport const PHONE_BREAKPOINTS_BASE_EXTRA_SMALL = '0px'\nexport const PHONE_BREAKPOINTS_BASE_SMALL = '768px'\nexport const PHONE_BREAKPOINTS_BASE_MEDIUM = '1024px'\nexport const PHONE_BREAKPOINTS_BASE_LARGE = '1360px'\nexport const PHONE_BREAKPOINTS_BASE_EXTRA_LARGE = '1920px'\nexport const PHONE_BREAKPOINTS_SEMANTIC_PHONE_PORTRAIT = '320px'\nexport const PHONE_BREAKPOINTS_SEMANTIC_PHONE_LANDSCAPE = '640px'\nexport const PHONE_BREAKPOINTS_SEMANTIC_TABLET_PORTRAIT = '768px'\nexport const PHONE_BREAKPOINTS_SEMANTIC_TABLET_LANDSCAPE = '1024px'\nexport const PHONE_BREAKPOINTS_SEMANTIC_LAPTOP = '1280px'\nexport const PHONE_BREAKPOINTS_SEMANTIC_DESKTOP = '1440px'\n\n/*\n|-----------------------------------------------------------------------------\n| Color\n|-----------------------------------------------------------------------------\n*/\nexport const DESKTOP_COLOR_BASE_BLACK = '#011E38'\nexport const DESKTOP_COLOR_BASE_BLACK_BLUE = '#122B47'\nexport const DESKTOP_COLOR_BASE_DARK_BLUE = '#00438F'\nexport const DESKTOP_COLOR_BASE_BLUE = '#216BEB'\nexport const DESKTOP_COLOR_BASE_LIGHT_BLUE = '#E1EBFA'\nexport const DESKTOP_COLOR_BASE_DARK_GREY = '#434D59'\nexport const DESKTOP_COLOR_BASE_MID_GREY = '#6C7784'\nexport const DESKTOP_COLOR_BASE_GREY = '#C0C8D1'\nexport const DESKTOP_COLOR_BASE_LIGHT_GREY = '#E4E7EB'\nexport const DESKTOP_COLOR_BASE_WHITE_GREY = '#F0F2F5'\nexport const DESKTOP_COLOR_BASE_WHITE = '#FFFFFF'\nexport const DESKTOP_COLOR_BASE_GREEN = '#008059'\nexport const DESKTOP_COLOR_BASE_LIGHT_GREEN = '#E9F7F2'\nexport const DESKTOP_COLOR_BASE_RED = '#CC1439'\nexport const DESKTOP_COLOR_BASE_LIGHT_RED = '#FAE6EA'\nexport const DESKTOP_COLOR_BASE_YELLOW = '#FFBB00'\nexport const DESKTOP_COLOR_BASE_LIGHT_YELLOW = '#FCF5E3'\nexport const DESKTOP_COLOR_BASE_AQUA = '#19C4E6'\nexport const DESKTOP_COLOR_BASE_PURPLE = '#8033CC'\nexport const DESKTOP_COLOR_BASE_PINK = '#E372D0'\nexport const DESKTOP_COLOR_BASE_TURQUOISE = '#55DDB0'\nexport const DESKTOP_COLOR_BASE_ORANGE = '#EE5513'\nexport const DESKTOP_COLOR_BASE_AVOCADO = '#D3D322'\nexport const DESKTOP_COLOR_CATEGORICAL_1 = '#19C4E6'\nexport const DESKTOP_COLOR_CATEGORICAL_2 = '#8033CC'\nexport const DESKTOP_COLOR_CATEGORICAL_3 = '#E372D0'\nexport const DESKTOP_COLOR_CATEGORICAL_4 = '#55DDB0'\nexport const DESKTOP_COLOR_CATEGORICAL_5 = '#EE5513'\nexport const DESKTOP_COLOR_CATEGORICAL_6 = '#D3D322'\nexport const TABLET_COLOR_BASE_BLACK = '#011E38'\nexport const TABLET_COLOR_BASE_BLACK_BLUE = '#122B47'\nexport const TABLET_COLOR_BASE_DARK_BLUE = '#00438F'\nexport const TABLET_COLOR_BASE_BLUE = '#216BEB'\nexport const TABLET_COLOR_BASE_LIGHT_BLUE = '#E1EBFA'\nexport const TABLET_COLOR_BASE_DARK_GREY = '#434D59'\nexport const TABLET_COLOR_BASE_MID_GREY = '#6C7784'\nexport const TABLET_COLOR_BASE_GREY = '#C0C8D1'\nexport const TABLET_COLOR_BASE_LIGHT_GREY = '#E4E7EB'\nexport const TABLET_COLOR_BASE_WHITE_GREY = '#F0F2F5'\nexport const TABLET_COLOR_BASE_WHITE = '#FFFFFF'\nexport const TABLET_COLOR_BASE_GREEN = '#008059'\nexport const TABLET_COLOR_BASE_LIGHT_GREEN = '#E9F7F2'\nexport const TABLET_COLOR_BASE_RED = '#CC1439'\nexport const TABLET_COLOR_BASE_LIGHT_RED = '#FAE6EA'\nexport const TABLET_COLOR_BASE_YELLOW = '#FFBB00'\nexport const TABLET_COLOR_BASE_LIGHT_YELLOW = '#FCF5E3'\nexport const TABLET_COLOR_BASE_AQUA = '#19C4E6'\nexport const TABLET_COLOR_BASE_PURPLE = '#8033CC'\nexport const TABLET_COLOR_BASE_PINK = '#E372D0'\nexport const TABLET_COLOR_BASE_TURQUOISE = '#55DDB0'\nexport const TABLET_COLOR_BASE_ORANGE = '#EE5513'\nexport const TABLET_COLOR_BASE_AVOCADO = '#D3D322'\nexport const TABLET_COLOR_CATEGORICAL_1 = '#19C4E6'\nexport const TABLET_COLOR_CATEGORICAL_2 = '#8033CC'\nexport const TABLET_COLOR_CATEGORICAL_3 = '#E372D0'\nexport const TABLET_COLOR_CATEGORICAL_4 = '#55DDB0'\nexport const TABLET_COLOR_CATEGORICAL_5 = '#EE5513'\nexport const TABLET_COLOR_CATEGORICAL_6 = '#D3D322'\nexport const PHONE_COLOR_BASE_BLACK = '#011E38'\nexport const PHONE_COLOR_BASE_BLACK_BLUE = '#122B47'\nexport const PHONE_COLOR_BASE_DARK_BLUE = '#00438F'\nexport const PHONE_COLOR_BASE_BLUE = '#216BEB'\nexport const PHONE_COLOR_BASE_LIGHT_BLUE = '#E1EBFA'\nexport const PHONE_COLOR_BASE_DARK_GREY = '#434D59'\nexport const PHONE_COLOR_BASE_MID_GREY = '#6C7784'\nexport const PHONE_COLOR_BASE_GREY = '#C0C8D1'\nexport const PHONE_COLOR_BASE_LIGHT_GREY = '#E4E7EB'\nexport const PHONE_COLOR_BASE_WHITE_GREY = '#F0F2F5'\nexport const PHONE_COLOR_BASE_WHITE = '#FFFFFF'\nexport const PHONE_COLOR_BASE_GREEN = '#008059'\nexport const PHONE_COLOR_BASE_LIGHT_GREEN = '#E9F7F2'\nexport const PHONE_COLOR_BASE_RED = '#CC1439'\nexport const PHONE_COLOR_BASE_LIGHT_RED = '#FAE6EA'\nexport const PHONE_COLOR_BASE_YELLOW = '#FFBB00'\nexport const PHONE_COLOR_BASE_LIGHT_YELLOW = '#FCF5E3'\nexport const PHONE_COLOR_BASE_AQUA = '#19C4E6'\nexport const PHONE_COLOR_BASE_PURPLE = '#8033CC'\nexport const PHONE_COLOR_BASE_PINK = '#E372D0'\nexport const PHONE_COLOR_BASE_TURQUOISE = '#55DDB0'\nexport const PHONE_COLOR_BASE_ORANGE = '#EE5513'\nexport const PHONE_COLOR_BASE_AVOCADO = '#D3D322'\nexport const PHONE_COLOR_CATEGORICAL_1 = '#19C4E6'\nexport const PHONE_COLOR_CATEGORICAL_2 = '#8033CC'\nexport const PHONE_COLOR_CATEGORICAL_3 = '#E372D0'\nexport const PHONE_COLOR_CATEGORICAL_4 = '#55DDB0'\nexport const PHONE_COLOR_CATEGORICAL_5 = '#EE5513'\nexport const PHONE_COLOR_CATEGORICAL_6 = '#D3D322'\n\n/*\n|-----------------------------------------------------------------------------\n| Font family\n|-----------------------------------------------------------------------------\n*/\nexport const DESKTOP_FONT_FAMILY_BASE = \"'IBM Plex Sans', sans-serif\"\nexport const DESKTOP_FONT_FAMILY_MONO = \"'IBM Plex Mono', monospace\"\nexport const DESKTOP_FONT_FAMILY_SC = \"'Noto Sans SC', sans-serif\"\nexport const DESKTOP_FONT_FAMILY_JP = \"'IBM Plex Sans JP', sans-serif\"\nexport const TABLET_FONT_FAMILY_BASE = \"'IBM Plex Sans', sans-serif\"\nexport const TABLET_FONT_FAMILY_MONO = \"'IBM Plex Mono', monospace\"\nexport const TABLET_FONT_FAMILY_SC = \"'Noto Sans SC', sans-serif\"\nexport const TABLET_FONT_FAMILY_JP = \"'IBM Plex Sans JP', sans-serif\"\nexport const PHONE_FONT_FAMILY_BASE = \"'IBM Plex Sans', sans-serif\"\nexport const PHONE_FONT_FAMILY_MONO = \"'IBM Plex Mono', monospace\"\nexport const PHONE_FONT_FAMILY_SC = \"'Noto Sans SC', sans-serif\"\nexport const PHONE_FONT_FAMILY_JP = \"'IBM Plex Sans JP', sans-serif\"\n\n/*\n|-----------------------------------------------------------------------------\n| Font size\n|-----------------------------------------------------------------------------\n*/\nexport const DESKTOP_FONT_SIZE_STANDARD_SMALLER = '12px'\nexport const DESKTOP_FONT_SIZE_STANDARD_SMALL = '15px'\nexport const DESKTOP_FONT_SIZE_STANDARD_MEDIUM = '15px'\nexport const DESKTOP_FONT_SIZE_STANDARD_LARGE = '21px'\nexport const DESKTOP_FONT_SIZE_STANDARD_LARGER = '24px'\nexport const DESKTOP_FONT_SIZE_STANDARD_LARGEST = '30px'\nexport const DESKTOP_FONT_SIZE_EXPERIMENTAL_XXS = '9px'\nexport const DESKTOP_FONT_SIZE_EXPERIMENTAL_XS = '12px'\nexport const DESKTOP_FONT_SIZE_EXPERIMENTAL_SM = '15px'\nexport const DESKTOP_FONT_SIZE_EXPERIMENTAL_MD = '18px'\nexport const DESKTOP_FONT_SIZE_EXPERIMENTAL_LG = '21px'\nexport const DESKTOP_FONT_SIZE_EXPERIMENTAL_XL = '24px'\nexport const DESKTOP_FONT_SIZE_EXPERIMENTAL_XXL = '30px'\nexport const DESKTOP_FONT_SIZE_SEMANTIC_HEADING_1 = '24px'\nexport const DESKTOP_FONT_SIZE_SEMANTIC_HEADING_2 = '21px'\nexport const DESKTOP_FONT_SIZE_SEMANTIC_HEADING_3 = '15px'\nexport const DESKTOP_FONT_SIZE_SEMANTIC_HEADING_4 = '15px'\nexport const DESKTOP_FONT_SIZE_SEMANTIC_BASE = '15px'\nexport const TABLET_FONT_SIZE_STANDARD_SMALLER = '16.8px'\nexport const TABLET_FONT_SIZE_STANDARD_SMALL = '21px'\nexport const TABLET_FONT_SIZE_STANDARD_MEDIUM = '21px'\nexport const TABLET_FONT_SIZE_STANDARD_LARGE = '29.4px'\nexport const TABLET_FONT_SIZE_STANDARD_LARGER = '33.6px'\nexport const TABLET_FONT_SIZE_STANDARD_LARGEST = '42px'\nexport const TABLET_FONT_SIZE_EXPERIMENTAL_XXS = '12.6px'\nexport const TABLET_FONT_SIZE_EXPERIMENTAL_XS = '16.8px'\nexport const TABLET_FONT_SIZE_EXPERIMENTAL_SM = '21px'\nexport const TABLET_FONT_SIZE_EXPERIMENTAL_MD = '25.2px'\nexport const TABLET_FONT_SIZE_EXPERIMENTAL_LG = '29.4px'\nexport const TABLET_FONT_SIZE_EXPERIMENTAL_XL = '33.6px'\nexport const TABLET_FONT_SIZE_EXPERIMENTAL_XXL = '42px'\nexport const TABLET_FONT_SIZE_SEMANTIC_HEADING_1 = '33.6px'\nexport const TABLET_FONT_SIZE_SEMANTIC_HEADING_2 = '29.4px'\nexport const TABLET_FONT_SIZE_SEMANTIC_HEADING_3 = '21px'\nexport const TABLET_FONT_SIZE_SEMANTIC_HEADING_4 = '21px'\nexport const TABLET_FONT_SIZE_SEMANTIC_BASE = '21px'\nexport const PHONE_FONT_SIZE_STANDARD_SMALLER = '10.8px'\nexport const PHONE_FONT_SIZE_STANDARD_SMALL = '13.5px'\nexport const PHONE_FONT_SIZE_STANDARD_MEDIUM = '13.5px'\nexport const PHONE_FONT_SIZE_STANDARD_LARGE = '18.9px'\nexport const PHONE_FONT_SIZE_STANDARD_LARGER = '21.6px'\nexport const PHONE_FONT_SIZE_STANDARD_LARGEST = '27px'\nexport const PHONE_FONT_SIZE_EXPERIMENTAL_XXS = '8.1px'\nexport const PHONE_FONT_SIZE_EXPERIMENTAL_XS = '10.8px'\nexport const PHONE_FONT_SIZE_EXPERIMENTAL_SM = '13.5px'\nexport const PHONE_FONT_SIZE_EXPERIMENTAL_MD = '16.2px'\nexport const PHONE_FONT_SIZE_EXPERIMENTAL_LG = '18.9px'\nexport const PHONE_FONT_SIZE_EXPERIMENTAL_XL = '21.6px'\nexport const PHONE_FONT_SIZE_EXPERIMENTAL_XXL = '27px'\nexport const PHONE_FONT_SIZE_SEMANTIC_HEADING_1 = '21.6px'\nexport const PHONE_FONT_SIZE_SEMANTIC_HEADING_2 = '18.9px'\nexport const PHONE_FONT_SIZE_SEMANTIC_HEADING_3 = '13.5px'\nexport const PHONE_FONT_SIZE_SEMANTIC_HEADING_4 = '13.5px'\nexport const PHONE_FONT_SIZE_SEMANTIC_BASE = '13.5px'\n\n/*\n|-----------------------------------------------------------------------------\n| Font weight\n|-----------------------------------------------------------------------------\n*/\nexport const DESKTOP_FONT_WEIGHT_LIGHT = 300\nexport const DESKTOP_FONT_WEIGHT_NORMAL = 400\nexport const DESKTOP_FONT_WEIGHT_MEDIUM = 500\nexport const DESKTOP_FONT_WEIGHT_BOLD = 600\nexport const TABLET_FONT_WEIGHT_LIGHT = 300\nexport const TABLET_FONT_WEIGHT_NORMAL = 400\nexport const TABLET_FONT_WEIGHT_MEDIUM = 500\nexport const TABLET_FONT_WEIGHT_BOLD = 600\nexport const PHONE_FONT_WEIGHT_LIGHT = 300\nexport const PHONE_FONT_WEIGHT_NORMAL = 400\nexport const PHONE_FONT_WEIGHT_MEDIUM = 500\nexport const PHONE_FONT_WEIGHT_BOLD = 600\n\n/*\n|-----------------------------------------------------------------------------\n| Line height\n|-----------------------------------------------------------------------------\n*/\nexport const DESKTOP_LINE_HEIGHT_BASE = '1.3333'\nexport const DESKTOP_LINE_HEIGHT_BASE_RELAXED = '1.6'\nexport const DESKTOP_LINE_HEIGHT_SMALL_TEXT_BASE = '1.3333'\nexport const DESKTOP_LINE_HEIGHT_SMALL_TEXT_COMPRESSED = '1.3333'\nexport const DESKTOP_LINE_HEIGHT_SMALL_RELAXED = '1.6'\nexport const DESKTOP_LINE_HEIGHT_SMALLER_TEXT = '1.3333'\nexport const DESKTOP_LINE_HEIGHT_SMALLER_RELAXED = '1.6667'\nexport const DESKTOP_LINE_HEIGHT_HEADING_1 = '1.3333'\nexport const DESKTOP_LINE_HEIGHT_HEADING_2 = '1.3333'\nexport const DESKTOP_LINE_HEIGHT_HEADING_3 = '1.6'\nexport const DESKTOP_LINE_HEIGHT_HEADING_4 = '1.3333'\nexport const DESKTOP_LINE_HEIGHT_TITLE = '1.3333'\nexport const DESKTOP_LINE_HEIGHT_SECTION_TITLE = '1.3333'\nexport const DESKTOP_LINE_HEIGHT_SUBSECTION_TITLE = '1.6'\nexport const TABLET_LINE_HEIGHT_BASE = '1.3333'\nexport const TABLET_LINE_HEIGHT_BASE_RELAXED = '1.6'\nexport const TABLET_LINE_HEIGHT_SMALL_TEXT_BASE = '1.3333'\nexport const TABLET_LINE_HEIGHT_SMALL_TEXT_COMPRESSED = '1.3333'\nexport const TABLET_LINE_HEIGHT_SMALL_RELAXED = '1.6'\nexport const TABLET_LINE_HEIGHT_SMALLER_TEXT = '1.3333'\nexport const TABLET_LINE_HEIGHT_SMALLER_RELAXED = '1.6667'\nexport const TABLET_LINE_HEIGHT_HEADING_1 = '1.3333'\nexport const TABLET_LINE_HEIGHT_HEADING_2 = '1.3333'\nexport const TABLET_LINE_HEIGHT_HEADING_3 = '1.6'\nexport const TABLET_LINE_HEIGHT_HEADING_4 = '1.3333'\nexport const TABLET_LINE_HEIGHT_TITLE = '1.3333'\nexport const TABLET_LINE_HEIGHT_SECTION_TITLE = '1.3333'\nexport const TABLET_LINE_HEIGHT_SUBSECTION_TITLE = '1.6'\nexport const PHONE_LINE_HEIGHT_BASE = '1.3333'\nexport const PHONE_LINE_HEIGHT_BASE_RELAXED = '1.6'\nexport const PHONE_LINE_HEIGHT_SMALL_TEXT_BASE = '1.3333'\nexport const PHONE_LINE_HEIGHT_SMALL_TEXT_COMPRESSED = '1.3333'\nexport const PHONE_LINE_HEIGHT_SMALL_RELAXED = '1.6'\nexport const PHONE_LINE_HEIGHT_SMALLER_TEXT = '1.3333'\nexport const PHONE_LINE_HEIGHT_SMALLER_RELAXED = '1.6667'\nexport const PHONE_LINE_HEIGHT_HEADING_1 = '1.3333'\nexport const PHONE_LINE_HEIGHT_HEADING_2 = '1.3333'\nexport const PHONE_LINE_HEIGHT_HEADING_3 = '1.6'\nexport const PHONE_LINE_HEIGHT_HEADING_4 = '1.3333'\nexport const PHONE_LINE_HEIGHT_TITLE = '1.3333'\nexport const PHONE_LINE_HEIGHT_SECTION_TITLE = '1.3333'\nexport const PHONE_LINE_HEIGHT_SUBSECTION_TITLE = '1.6'\n\n/*\n|-----------------------------------------------------------------------------\n| Shadow\n|-----------------------------------------------------------------------------\n*/\nexport const DESKTOP_SHADOW_SMALL = '0px 1px 2px 0px rgba(1, 30, 56, 0.25)'\nexport const DESKTOP_SHADOW_MEDIUM = '0px 3px 8px 0px rgba(1, 30, 56, 0.18)'\nexport const DESKTOP_SHADOW_LARGE = '0px 6px 12px 2px rgba(1, 30, 56, 0.15)'\nexport const DESKTOP_SHADOW_FOCUS = '0px 0px 5px 0px rgba(33, 107, 235, .9)'\nexport const DESKTOP_SHADOW_ERROR = '0px 0px 5px 0px rgba(204, 20, 57, .9)'\nexport const TABLET_SHADOW_SMALL = '0px 1px 2px 0px rgba(1, 30, 56, 0.25)'\nexport const TABLET_SHADOW_MEDIUM = '0px 3px 8px 0px rgba(1, 30, 56, 0.18)'\nexport const TABLET_SHADOW_LARGE = '0px 6px 12px 2px rgba(1, 30, 56, 0.15)'\nexport const TABLET_SHADOW_FOCUS = '0px 0px 5px 0px rgba(33, 107, 235, .9)'\nexport const TABLET_SHADOW_ERROR = '0px 0px 5px 0px rgba(204, 20, 57, .9)'\nexport const PHONE_SHADOW_SMALL = '0px 1px 2px 0px rgba(1, 30, 56, 0.25)'\nexport const PHONE_SHADOW_MEDIUM = '0px 3px 8px 0px rgba(1, 30, 56, 0.18)'\nexport const PHONE_SHADOW_LARGE = '0px 6px 12px 2px rgba(1, 30, 56, 0.15)'\nexport const PHONE_SHADOW_FOCUS = '0px 0px 5px 0px rgba(33, 107, 235, .9)'\nexport const PHONE_SHADOW_ERROR = '0px 0px 5px 0px rgba(204, 20, 57, .9)'\n\n/*\n|-----------------------------------------------------------------------------\n| Space\n|-----------------------------------------------------------------------------\n*/\nexport const DESKTOP_SPACE_NONE = '0px'\nexport const DESKTOP_SPACE_X_0 = '0px'\nexport const DESKTOP_SPACE_X_0_25 = '2px'\nexport const DESKTOP_SPACE_HALF = '4px'\nexport const DESKTOP_SPACE_X_0_5 = '4px'\nexport const DESKTOP_SPACE_X_0_75 = '6px'\nexport const DESKTOP_SPACE_X_1 = '8px'\nexport const DESKTOP_SPACE_X_1_25 = '10px'\nexport const DESKTOP_SPACE_X_1_5 = '12px'\nexport const DESKTOP_SPACE_X_1_75 = '14px'\nexport const DESKTOP_SPACE_X_2 = '16px'\nexport const DESKTOP_SPACE_X_2_5 = '20px'\nexport const DESKTOP_SPACE_X_3 = '24px'\nexport const DESKTOP_SPACE_X_4 = '32px'\nexport const DESKTOP_SPACE_X_5 = '40px'\nexport const DESKTOP_SPACE_X_6 = '48px'\nexport const DESKTOP_SPACE_X_7 = '56px'\nexport const DESKTOP_SPACE_X_8 = '64px'\nexport const DESKTOP_SPACE_X_9 = '72px'\nexport const DESKTOP_SPACE_X_10 = '80px'\nexport const DESKTOP_SPACE_X_11 = '88px'\nexport const DESKTOP_SPACE_X_12 = '96px'\nexport const TABLET_SPACE_NONE = '0px'\nexport const TABLET_SPACE_X_0 = '0px'\nexport const TABLET_SPACE_X_0_25 = '2.8px'\nexport const TABLET_SPACE_HALF = '5.6px'\nexport const TABLET_SPACE_X_0_5 = '5.6px'\nexport const TABLET_SPACE_X_0_75 = '8.4px'\nexport const TABLET_SPACE_X_1 = '11.2px'\nexport const TABLET_SPACE_X_1_25 = '14px'\nexport const TABLET_SPACE_X_1_5 = '16.8px'\nexport const TABLET_SPACE_X_1_75 = '19.6px'\nexport const TABLET_SPACE_X_2 = '22.4px'\nexport const TABLET_SPACE_X_2_5 = '28px'\nexport const TABLET_SPACE_X_3 = '33.6px'\nexport const TABLET_SPACE_X_4 = '44.8px'\nexport const TABLET_SPACE_X_5 = '56px'\nexport const TABLET_SPACE_X_6 = '67.2px'\nexport const TABLET_SPACE_X_7 = '78.4px'\nexport const TABLET_SPACE_X_8 = '89.6px'\nexport const TABLET_SPACE_X_9 = '100.8px'\nexport const TABLET_SPACE_X_10 = '112px'\nexport const TABLET_SPACE_X_11 = '123.2px'\nexport const TABLET_SPACE_X_12 = '134.4px'\nexport const PHONE_SPACE_NONE = '0px'\nexport const PHONE_SPACE_X_0 = '0px'\nexport const PHONE_SPACE_X_0_25 = '1.8px'\nexport const PHONE_SPACE_HALF = '3.6px'\nexport const PHONE_SPACE_X_0_5 = '3.6px'\nexport const PHONE_SPACE_X_0_75 = '5.4px'\nexport const PHONE_SPACE_X_1 = '7.2px'\nexport const PHONE_SPACE_X_1_25 = '9px'\nexport const PHONE_SPACE_X_1_5 = '10.8px'\nexport const PHONE_SPACE_X_1_75 = '12.6px'\nexport const PHONE_SPACE_X_2 = '14.4px'\nexport const PHONE_SPACE_X_2_5 = '18px'\nexport const PHONE_SPACE_X_3 = '21.6px'\nexport const PHONE_SPACE_X_4 = '28.8px'\nexport const PHONE_SPACE_X_5 = '36px'\nexport const PHONE_SPACE_X_6 = '43.2px'\nexport const PHONE_SPACE_X_7 = '50.4px'\nexport const PHONE_SPACE_X_8 = '57.6px'\nexport const PHONE_SPACE_X_9 = '64.8px'\nexport const PHONE_SPACE_X_10 = '72px'\nexport const PHONE_SPACE_X_11 = '79.2px'\nexport const PHONE_SPACE_X_12 = '86.4px'\n\n/*\n|-----------------------------------------------------------------------------\n| Z index\n|-----------------------------------------------------------------------------\n*/\nexport const DESKTOP_Z_INDEX_MODAL_HEADER_AND_FOOTER = 2\nexport const DESKTOP_Z_INDEX_TABLE_HEADER = 10\nexport const DESKTOP_Z_INDEX_CONTENT = 100\nexport const DESKTOP_Z_INDEX_TABS_SCROLL_INDICATOR = 200\nexport const DESKTOP_Z_INDEX_TABS_BAR = 210\nexport const DESKTOP_Z_INDEX_NAV_BAR = 900\nexport const DESKTOP_Z_INDEX_SIDEBAR = 800\nexport const DESKTOP_Z_INDEX_OVERLAY = 1000\nexport const DESKTOP_Z_INDEX_OPEN_CONTROL = 1000\nexport const DESKTOP_Z_INDEX_ABOVE_OVERLAY = 1010\nexport const TABLET_Z_INDEX_MODAL_HEADER_AND_FOOTER = 2\nexport const TABLET_Z_INDEX_TABLE_HEADER = 10\nexport const TABLET_Z_INDEX_CONTENT = 100\nexport const TABLET_Z_INDEX_TABS_SCROLL_INDICATOR = 200\nexport const TABLET_Z_INDEX_TABS_BAR = 210\nexport const TABLET_Z_INDEX_NAV_BAR = 900\nexport const TABLET_Z_INDEX_SIDEBAR = 800\nexport const TABLET_Z_INDEX_OVERLAY = 1000\nexport const TABLET_Z_INDEX_OPEN_CONTROL = 1000\nexport const TABLET_Z_INDEX_ABOVE_OVERLAY = 1010\nexport const PHONE_Z_INDEX_MODAL_HEADER_AND_FOOTER = 2\nexport const PHONE_Z_INDEX_TABLE_HEADER = 10\nexport const PHONE_Z_INDEX_CONTENT = 100\nexport const PHONE_Z_INDEX_TABS_SCROLL_INDICATOR = 200\nexport const PHONE_Z_INDEX_TABS_BAR = 210\nexport const PHONE_Z_INDEX_NAV_BAR = 900\nexport const PHONE_Z_INDEX_SIDEBAR = 800\nexport const PHONE_Z_INDEX_OVERLAY = 1000\nexport const PHONE_Z_INDEX_OPEN_CONTROL = 1000\nexport const PHONE_Z_INDEX_ABOVE_OVERLAY = 1010\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}

package/dist/esm/theme/theme.js

@@ -1,4 +1,4 @@
-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";
+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_JP, 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_JP, 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_JP, 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.2.0/node_modules/@nulogy/tokens/dist/nds_tokens.js";
 const themes = {
   legacy: {
     colors: {
@@ -35,7 +35,8 @@ const themes = {
     fonts: {
       base: DESKTOP_FONT_FAMILY_BASE,
       mono: DESKTOP_FONT_FAMILY_MONO,
-      sc: DESKTOP_FONT_FAMILY_SC
+      sc: DESKTOP_FONT_FAMILY_SC,
+      jp: DESKTOP_FONT_FAMILY_JP
     },
     shadows: {
       small: DESKTOP_SHADOW_SMALL,
@@ -197,7 +198,8 @@ const themes = {
     fonts: {
       base: DESKTOP_FONT_FAMILY_BASE,
       mono: DESKTOP_FONT_FAMILY_MONO,
-      sc: DESKTOP_FONT_FAMILY_SC
+      sc: DESKTOP_FONT_FAMILY_SC,
+      jp: DESKTOP_FONT_FAMILY_JP
     },
     shadows: {
       small: DESKTOP_SHADOW_SMALL,
@@ -359,7 +361,8 @@ const themes = {
     fonts: {
       base: TABLET_FONT_FAMILY_BASE,
       mono: TABLET_FONT_FAMILY_MONO,
-      sc: TABLET_FONT_FAMILY_SC
+      sc: TABLET_FONT_FAMILY_SC,
+      jp: TABLET_FONT_FAMILY_JP
     },
     shadows: {
       small: TABLET_SHADOW_SMALL,
@@ -521,7 +524,8 @@ const themes = {
     fonts: {
       base: PHONE_FONT_FAMILY_BASE,
       mono: PHONE_FONT_FAMILY_MONO,
-      sc: PHONE_FONT_FAMILY_SC
+      sc: PHONE_FONT_FAMILY_SC,
+      jp: PHONE_FONT_FAMILY_JP
     },
     shadows: {
       small: PHONE_SHADOW_SMALL,