@sk-web-gui/core 0.1.93 → 1.0.0

package/dist/cjs/theme.js

@@ -1,59 +1,105 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-var _require = require('@sk-web-gui/theme'),
-  colors = _require.colors;
 var withOpacity = require('./with-opacity');
+var colors = require('./colors');
+var units = require('./units');
+var _require = require('@sk-web-gui/theme'),
+  screens = _require.screens;
 module.exports = {
-  fontSize: {
+  fontSize: _extends({}, units.fontSizes, {
     tiny: '1rem',
     xs: '1.2rem',
-    sm: '1.4rem',
-    base: '1.6rem',
-    lg: '1.8rem',
-    xl: '2.0rem',
-    '2xl': '2.4rem',
-    '3xl': '3.2rem',
-    '4xl': '4.0rem',
-    '5xl': '5.2rem'
+    xl: units.fontSizes['h4'],
+    '2xl': units.fontSizes['h3'],
+    '3xl': units.fontSizes['h2'],
+    '4xl': units.fontSizes['h1'],
+    '5xl': units.fontSizes['h3']
+  }),
+  fontFamily: {
+    DEFAULT: ['Arial', 'Helvetica', 'sans-serif'],
+    sans: ['Arial', 'Helvetica', 'sans-serif'],
+    header: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],
+    display: ['Raleway', 'Arial', 'Helvetica', 'sans-serif']
   },
+  screens: screens,
+  borderRadius: _extends({}, units.radius, {
+    base: 'var(--sk-spacing-0)'
+  }),
   extend: {
+    backgroundPosition: _extends({}, Object.keys(units.spacing).reduce(function (positions, spaceKey) {
+      var _extends2;
+      return _extends({}, positions, (_extends2 = {}, _extends2["top-" + spaceKey] = "center top " + units.spacing[spaceKey], _extends2["right-" + spaceKey] = "center right " + units.spacing[spaceKey], _extends2["bottom-" + spaceKey] = "center bottom " + units.spacing[spaceKey], _extends2["left-" + spaceKey] = "center left " + units.spacing[spaceKey], _extends2));
+    }, {})),
+    boxShadow: {
+      100: ['0 0.6rem 1.6rem 0 rgba(13,13,14, 0.07)', '0 0.181rem 1.2rem 0 rgba(13,13,14, 0.15)', '0 0.075rem 0.2rem 0 rgba(13,13,14, 0.085)', '0 0.027rem 0.072rem 0 rgba(13,13,14, 0.0583)'],
+      200: ['0 1.5rem 2.7rem 0 rgba(13,13,14, 0.1)', '0 0.452rem 1.2rem 0 rgba(13,13,14, 0.06)', '0 0.188rem 0.338rem 0 rgba(13,13,14, 0.03)', '0 0.068rem 0.122rem 0 rgba(13,13,14, 0.02)']
+    },
+    ringColor: _extends({
+      DEFAULT: colors.ring
+    }, colors),
+    ringOffsetWidth: {
+      DEFAULT: '0.2rem'
+    },
+    ringWidth: {
+      DEFAULT: '0.3rem',
+      0: '0px'
+    },
+    ringOpacity: {
+      DEFAULT: 1
+    },
     colors: _extends({}, colors, {
-      current: 'currentColor'
+      current: 'currentColor',
+      gray: _extends({
+        DEFAULT: colors.primitives.gray[600],
+        stroke: colors.divider,
+        middle: colors.primitives.gray[600],
+        light: colors.primitives.gray[300],
+        lighter: colors.primitives.gray[200]
+      }, colors.primitives.gray),
+      hover: colors.primitives.gray[600],
+      background: _extends({}, colors.background, {
+        one: colors.background[100],
+        two: colors.background[200]
+      })
     }),
     cursor: {
-      base: 'var(--vc-cursor)'
+      base: 'var(--tw-cursor)'
     },
-    spacing: {
-      xs: '4px',
-      sm: '8px',
-      md: '16px',
-      lg: '24px',
-      xl: '48px'
+    spacing: _extends({}, units.spacing, {
+      xs: units.spacing[4],
+      sm: units.spacing[8],
+      md: units.spacing[16],
+      lg: units.spacing[24],
+      xl: units.spacing[48]
+    }),
+    maxWidth: {
+      content: '100%'
     },
-    lineHeight: {
-      tiny: '1.4rem',
+    borderRadius: _extends({}, units.radius, {
+      base: 'var(--sk-spacing-0)'
+    }),
+    lineHeight: _extends({}, units.lineHeights, {
       xs: '1.6rem',
-      sm: '2rem',
-      base: '2.4rem',
-      lg: '2.4rem',
-      xl: '3.2rem',
-      '2xl': '3.2rem',
-      '3xl': '4rem',
-      '4xl': '4.8rem',
-      '5xl': '5.8rem'
-    },
+      xl: units.lineHeights['h4'],
+      '2xl': units.lineHeights['h3'],
+      '3xl': units.lineHeights['h2'],
+      '4xl': units.lineHeights['h1'],
+      '5xl': units.lineHeights['display-3']
+    }),
     opacity: {
       15: '0.15'
     },
+    borderWidth: {
+      DEFAULT: '0.2rem',
+      1: '0.1rem',
+      2: '0.2rem'
+    },
     backgroundColor: {
-      base: withOpacity('--vc-colors-bg-base'),
-      fill: withOpacity('--vc-colors-bg-fill')
+      base: withOpacity('--sk-colors-primary-surface'),
+      fill: withOpacity('--sk-colors-bg-fill')
     },
     textColor: {
-      foreground: withOpacity('--vc-colors-text-foreground'),
-      muted: withOpacity('--vc-colors-text-muted')
-    },
-    borderRadius: {
-      base: 'var(--vc-rounded)'
+      foreground: withOpacity('--sk-colors-primary-DEFAULT'),
+      muted: withOpacity('--sk-colors-xt-muted')
     },
     zIndex: {
       hide: -1,

package/dist/cjs/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":["_require","require","colors","withOpacity","module","exports","fontSize","tiny","xs","sm","base","lg","xl","extend","_extends","current","cursor","spacing","md","lineHeight","opacity","backgroundColor","fill","textColor","foreground","muted","borderRadius","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/theme.js"],"sourcesContent":["const { colors } = require('@sk-web-gui/theme');\r\nconst withOpacity = require('./with-opacity');\r\n\r\nmodule.exports = {\r\n  fontSize: {\r\n    tiny: '1rem',\r\n    xs: '1.2rem',\r\n    sm: '1.4rem',\r\n    base: '1.6rem',\r\n    lg: '1.8rem',\r\n    xl: '2.0rem',\r\n    '2xl': '2.4rem',\r\n    '3xl': '3.2rem',\r\n    '4xl': '4.0rem',\r\n    '5xl': '5.2rem',\r\n  },\r\n  extend: {\r\n    colors: {\r\n      ...colors,\r\n      current: 'currentColor',\r\n    },\r\n    cursor: {\r\n      base: 'var(--vc-cursor)',\r\n    },\r\n    spacing: {\r\n      xs: '4px',\r\n      sm: '8px',\r\n      md: '16px',\r\n      lg: '24px',\r\n      xl: '48px',\r\n    },\r\n    lineHeight: {\r\n      tiny: '1.4rem',\r\n      xs: '1.6rem',\r\n      sm: '2rem',\r\n      base: '2.4rem',\r\n      lg: '2.4rem',\r\n      xl: '3.2rem',\r\n      '2xl': '3.2rem',\r\n      '3xl': '4rem',\r\n      '4xl': '4.8rem',\r\n      '5xl': '5.8rem',\r\n    },\r\n    opacity: {\r\n      15: '0.15',\r\n    },\r\n    backgroundColor: {\r\n      base: withOpacity('--vc-colors-bg-base'),\r\n      fill: withOpacity('--vc-colors-bg-fill'),\r\n    },\r\n    textColor: {\r\n      foreground: withOpacity('--vc-colors-text-foreground'),\r\n      muted: withOpacity('--vc-colors-text-muted'),\r\n    },\r\n    borderRadius: {\r\n      base: 'var(--vc-rounded)',\r\n    },\r\n    zIndex: {\r\n      hide: -1,\r\n      none: 0,\r\n      base: 1,\r\n      docked: 10,\r\n      dropdown: 1000,\r\n      sticky: 1100,\r\n      banner: 1200,\r\n      overlay: 1300,\r\n      modal: 1400,\r\n      popover: 1500,\r\n      skipLink: 1600,\r\n      toast: 1700,\r\n      tooltip: 1800,\r\n    },\r\n    keyframes: {\r\n      'reset-overflow': {\r\n        'from, to': {\r\n          overflow: 'hidden',\r\n        },\r\n      },\r\n    },\r\n    animation: {\r\n      'reset-overflow': 'reset-overflow 180ms backwards',\r\n    },\r\n  },\r\n};\r\n"],"mappings":";AAAA,IAAAA,QAAA,GAAmBC,OAAO,CAAC,mBAAmB,CAAC;EAAvCC,MAAM,GAAAF,QAAA,CAANE,MAAM;AACd,IAAMC,WAAW,GAAGF,OAAO,CAAC,gBAAgB,CAAC;AAE7CG,MAAM,CAACC,OAAO,GAAG;EACfC,QAAQ,EAAE;IACRC,IAAI,EAAE,MAAM;IACZC,EAAE,EAAE,QAAQ;IACZC,EAAE,EAAE,QAAQ;IACZC,IAAI,EAAE,QAAQ;IACdC,EAAE,EAAE,QAAQ;IACZC,EAAE,EAAE,QAAQ;IACZ,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE;EACT,CAAC;EACDC,MAAM,EAAE;IACNX,MAAM,EAAAY,QAAA,KACDZ,MAAM;MACTa,OAAO,EAAE;IAAc,EACxB;IACDC,MAAM,EAAE;MACNN,IAAI,EAAE;IACR,CAAC;IACDO,OAAO,EAAE;MACPT,EAAE,EAAE,KAAK;MACTC,EAAE,EAAE,KAAK;MACTS,EAAE,EAAE,MAAM;MACVP,EAAE,EAAE,MAAM;MACVC,EAAE,EAAE;IACN,CAAC;IACDO,UAAU,EAAE;MACVZ,IAAI,EAAE,QAAQ;MACdC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,MAAM;MACVC,IAAI,EAAE,QAAQ;MACdC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZ,KAAK,EAAE,QAAQ;MACf,KAAK,EAAE,MAAM;MACb,KAAK,EAAE,QAAQ;MACf,KAAK,EAAE;IACT,CAAC;IACDQ,OAAO,EAAE;MACP,EAAE,EAAE;IACN,CAAC;IACDC,eAAe,EAAE;MACfX,IAAI,EAAEP,WAAW,CAAC,qBAAqB,CAAC;MACxCmB,IAAI,EAAEnB,WAAW,CAAC,qBAAqB;IACzC,CAAC;IACDoB,SAAS,EAAE;MACTC,UAAU,EAAErB,WAAW,CAAC,6BAA6B,CAAC;MACtDsB,KAAK,EAAEtB,WAAW,CAAC,wBAAwB;IAC7C,CAAC;IACDuB,YAAY,EAAE;MACZhB,IAAI,EAAE;IACR,CAAC;IACDiB,MAAM,EAAE;MACNC,IAAI,EAAE,CAAC,CAAC;MACRC,IAAI,EAAE,CAAC;MACPnB,IAAI,EAAE,CAAC;MACPoB,MAAM,EAAE,EAAE;MACVC,QAAQ,EAAE,IAAI;MACdC,MAAM,EAAE,IAAI;MACZC,MAAM,EAAE,IAAI;MACZC,OAAO,EAAE,IAAI;MACbC,KAAK,EAAE,IAAI;MACXC,OAAO,EAAE,IAAI;MACbC,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE,IAAI;MACXC,OAAO,EAAE;IACX,CAAC;IACDC,SAAS,EAAE;MACT,gBAAgB,EAAE;QAChB,UAAU,EAAE;UACVC,QAAQ,EAAE;QACZ;MACF;IACF,CAAC;IACDC,SAAS,EAAE;MACT,gBAAgB,EAAE;IACpB;EACF;AACF,CAAC"}
+{"version":3,"file":"theme.js","names":["withOpacity","require","colors","units","_require","screens","module","exports","fontSize","_extends","fontSizes","tiny","xs","xl","fontFamily","DEFAULT","sans","header","display","borderRadius","radius","base","extend","backgroundPosition","Object","keys","spacing","reduce","positions","spaceKey","_extends2","boxShadow","ringColor","ring","ringOffsetWidth","ringWidth","ringOpacity","current","gray","primitives","stroke","divider","middle","light","lighter","hover","background","one","two","cursor","sm","md","lg","maxWidth","content","lineHeight","lineHeights","opacity","borderWidth","backgroundColor","fill","textColor","foreground","muted","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/theme.js"],"sourcesContent":["const withOpacity = require('./with-opacity');\r\nconst colors = require('./colors');\r\nconst units = require('./units');\r\nconst { screens } = require('@sk-web-gui/theme');\r\n\r\nmodule.exports = {\r\n  fontSize: {\r\n    ...units.fontSizes,\r\n    tiny: '1rem',\r\n    xs: '1.2rem',\r\n    xl: units.fontSizes['h4'],\r\n    '2xl': units.fontSizes['h3'],\r\n    '3xl': units.fontSizes['h2'],\r\n    '4xl': units.fontSizes['h1'],\r\n    '5xl': units.fontSizes['h3'],\r\n  },\r\n  fontFamily: {\r\n    DEFAULT: ['Arial', 'Helvetica', 'sans-serif'],\r\n    sans: ['Arial', 'Helvetica', 'sans-serif'],\r\n    header: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\r\n    display: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\r\n  },\r\n  screens,\r\n  borderRadius: {\r\n    ...units.radius,\r\n    base: 'var(--sk-spacing-0)',\r\n  },\r\n\r\n  extend: {\r\n    backgroundPosition: {\r\n      ...Object.keys(units.spacing).reduce(\r\n        (positions, spaceKey) => ({\r\n          ...positions,\r\n          [`top-${spaceKey}`]: `center top ${units.spacing[spaceKey]}`,\r\n          [`right-${spaceKey}`]: `center right ${units.spacing[spaceKey]}`,\r\n          [`bottom-${spaceKey}`]: `center bottom ${units.spacing[spaceKey]}`,\r\n          [`left-${spaceKey}`]: `center left ${units.spacing[spaceKey]}`,\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n    boxShadow: {\r\n      100: [\r\n        '0 0.6rem 1.6rem 0 rgba(13,13,14, 0.07)',\r\n        '0 0.181rem 1.2rem 0 rgba(13,13,14, 0.15)',\r\n        '0 0.075rem 0.2rem 0 rgba(13,13,14, 0.085)',\r\n        '0 0.027rem 0.072rem 0 rgba(13,13,14, 0.0583)',\r\n      ],\r\n      200: [\r\n        '0 1.5rem 2.7rem 0 rgba(13,13,14, 0.1)',\r\n        '0 0.452rem 1.2rem 0 rgba(13,13,14, 0.06)',\r\n        '0 0.188rem 0.338rem 0 rgba(13,13,14, 0.03)',\r\n        '0 0.068rem 0.122rem 0 rgba(13,13,14, 0.02)',\r\n      ],\r\n    },\r\n    ringColor: {\r\n      DEFAULT: colors.ring,\r\n      ...colors,\r\n    },\r\n    ringOffsetWidth: {\r\n      DEFAULT: '0.2rem',\r\n    },\r\n    ringWidth: {\r\n      DEFAULT: '0.3rem',\r\n      0: '0px',\r\n    },\r\n    ringOpacity: {\r\n      DEFAULT: 1,\r\n    },\r\n    colors: {\r\n      ...colors,\r\n      current: 'currentColor',\r\n      gray: {\r\n        DEFAULT: colors.primitives.gray[600],\r\n        stroke: colors.divider,\r\n        middle: colors.primitives.gray[600],\r\n        light: colors.primitives.gray[300],\r\n        lighter: colors.primitives.gray[200],\r\n        ...colors.primitives.gray,\r\n      },\r\n      hover: colors.primitives.gray[600],\r\n      background: {\r\n        ...colors.background,\r\n        one: colors.background[100],\r\n        two: colors.background[200],\r\n      },\r\n    },\r\n    cursor: {\r\n      base: 'var(--tw-cursor)',\r\n    },\r\n    spacing: {\r\n      ...units.spacing,\r\n      xs: units.spacing[4],\r\n      sm: units.spacing[8],\r\n      md: units.spacing[16],\r\n      lg: units.spacing[24],\r\n      xl: units.spacing[48],\r\n    },\r\n    maxWidth: {\r\n      content: '100%',\r\n    },\r\n    borderRadius: {\r\n      ...units.radius,\r\n      base: 'var(--sk-spacing-0)',\r\n    },\r\n    lineHeight: {\r\n      ...units.lineHeights,\r\n      xs: '1.6rem',\r\n      xl: units.lineHeights['h4'],\r\n      '2xl': units.lineHeights['h3'],\r\n      '3xl': units.lineHeights['h2'],\r\n      '4xl': units.lineHeights['h1'],\r\n      '5xl': units.lineHeights['display-3'],\r\n    },\r\n    opacity: {\r\n      15: '0.15',\r\n    },\r\n    borderWidth: {\r\n      DEFAULT: '0.2rem',\r\n      1: '0.1rem',\r\n      2: '0.2rem',\r\n    },\r\n    backgroundColor: {\r\n      base: withOpacity('--sk-colors-primary-surface'),\r\n      fill: withOpacity('--sk-colors-bg-fill'),\r\n    },\r\n    textColor: {\r\n      foreground: withOpacity('--sk-colors-primary-DEFAULT'),\r\n      muted: withOpacity('--sk-colors-xt-muted'),\r\n    },\r\n\r\n    zIndex: {\r\n      hide: -1,\r\n      none: 0,\r\n      base: 1,\r\n      docked: 10,\r\n      dropdown: 1000,\r\n      sticky: 1100,\r\n      banner: 1200,\r\n      overlay: 1300,\r\n      modal: 1400,\r\n      popover: 1500,\r\n      skipLink: 1600,\r\n      toast: 1700,\r\n      tooltip: 1800,\r\n    },\r\n    keyframes: {\r\n      'reset-overflow': {\r\n        'from, to': {\r\n          overflow: 'hidden',\r\n        },\r\n      },\r\n    },\r\n    animation: {\r\n      'reset-overflow': 'reset-overflow 180ms backwards',\r\n    },\r\n  },\r\n};\r\n"],"mappings":"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"}

package/dist/esm/base.js

@@ -1,70 +1,51 @@
 module.exports = {
   html: {
-    '@apply text-foreground antialiased bg-base': {},
-    fontSize: '62.5%',
-    lineHeight: '1.5',
+    '@apply text-base antialiased': {},
+    fontSize: '10px',
     textRendering: 'optimizeLegibility',
-    textSizeAdjust: '100%',
     touchAction: 'manipulation'
   },
   body: {
-    '@apply text-base leading-base': {},
+    '@apply text-base bg-background-content': {},
+    '@apply text-body': {},
     position: 'relative',
     minHeight: '100%',
     fontFeatureSettings: "'kern'"
   },
-  'h1,h2,h3,h4,h5,h6': {
-    '@apply font-bold': {}
+  '*': {
+    '@apply focus-visible:ring-ring': {},
+    '@apply focus-visible:ring-offset-background-content': {},
+    '@apply focus-visible:outline-0': {}
   },
   small: {
-    fontSize: '1.4rem'
+    '@apply text-small': {}
+  },
+  a: {
+    '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {}
   },
   h1: {
-    '@apply text-3xl leading-3xl': {}
+    '@apply text-h1-sm md:text-h1-md xl:text-h1-lg': {},
+    '@apply mb-md': {}
   },
   h2: {
-    '@apply text-2xl leading-2xl': {}
+    '@apply text-h2-sm md:text-h2-md xl:text-h2-lg': {}
   },
   h3: {
-    '@apply text-xl leading-xl': {}
-  },
-  h4: {
-    '@apply text-lg leading-lg': {}
+    '@apply text-h3-sm md:text-h3-md xl:text-h3-lg': {}
   },
-  h5: {
-    '@apply text-base leading-base': {}
+  'h4,h5,h6': {
+    '@apply text-h4-sm md:text-h4-md xl:text-h4-lg': {}
   },
-  h6: {
-    '@apply text-sm leading-sm': {}
+  label: {
+    '@apply text-label-medium': {}
   },
   p: {
     '@apply my-4': {}
   },
   '.text-content': {
     '@apply max-w-[80rem]': {},
-    h1: {
-      '@apply mb-md': {},
-      '+ p': {
-        '@apply mb-[40px] mt-0': {}
-      }
-    },
-    h2: {
-      '@apply mt-lg': {}
-    },
-    h3: {
-      '@apply mt-lg': {}
-    },
-    h4: {
-      '@apply mt-lg': {}
-    },
-    h5: {
-      '@apply mt-lg': {}
-    },
-    h6: {
-      '@apply mt-lg': {}
-    },
     p: {
-      '@apply mt-sm leading-[1.5]': {}
+      '@apply mt-sm text-base': {}
     }
   }
 };

package/dist/esm/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","names":["module","exports","html","fontSize","lineHeight","textRendering","textSizeAdjust","touchAction","body","position","minHeight","fontFeatureSettings","small","h1","h2","h3","h4","h5","h6","p"],"sources":["../../src/base.js"],"sourcesContent":["module.exports = {\r\n  html: {\r\n    '@apply text-foreground antialiased bg-base': {},\r\n    fontSize: '62.5%',\r\n    lineHeight: '1.5',\r\n    textRendering: 'optimizeLegibility',\r\n    textSizeAdjust: '100%',\r\n    touchAction: 'manipulation',\r\n  },\r\n  body: {\r\n    '@apply text-base leading-base': {},\r\n    position: 'relative',\r\n    minHeight: '100%',\r\n    fontFeatureSettings: \"'kern'\",\r\n  },\r\n  'h1,h2,h3,h4,h5,h6': {\r\n    '@apply font-bold': {},\r\n  },\r\n  small: {\r\n    fontSize: '1.4rem',\r\n  },\r\n  h1: { '@apply text-3xl leading-3xl': {} },\r\n  h2: { '@apply text-2xl leading-2xl': {} },\r\n  h3: { '@apply text-xl leading-xl': {} },\r\n  h4: { '@apply text-lg leading-lg': {} },\r\n  h5: { '@apply text-base leading-base': {} },\r\n  h6: { '@apply text-sm leading-sm': {} },\r\n  p: { '@apply my-4': {} },\r\n\r\n  '.text-content': {\r\n    '@apply max-w-[80rem]': {},\r\n\r\n    h1: {\r\n      '@apply mb-md': {},\r\n\r\n      '+ p': {\r\n        '@apply mb-[40px] mt-0': {},\r\n      },\r\n    },\r\n    h2: { '@apply mt-lg': {} },\r\n    h3: { '@apply mt-lg': {} },\r\n    h4: { '@apply mt-lg': {} },\r\n    h5: { '@apply mt-lg': {} },\r\n    h6: { '@apply mt-lg': {} },\r\n    p: { '@apply mt-sm leading-[1.5]': {} },\r\n  },\r\n};\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAG;EACfC,IAAI,EAAE;IACJ,4CAA4C,EAAE,CAAC,CAAC;IAChDC,QAAQ,EAAE,OAAO;IACjBC,UAAU,EAAE,KAAK;IACjBC,aAAa,EAAE,oBAAoB;IACnCC,cAAc,EAAE,MAAM;IACtBC,WAAW,EAAE;EACf,CAAC;EACDC,IAAI,EAAE;IACJ,+BAA+B,EAAE,CAAC,CAAC;IACnCC,QAAQ,EAAE,UAAU;IACpBC,SAAS,EAAE,MAAM;IACjBC,mBAAmB,EAAE;EACvB,CAAC;EACD,mBAAmB,EAAE;IACnB,kBAAkB,EAAE,CAAC;EACvB,CAAC;EACDC,KAAK,EAAE;IACLT,QAAQ,EAAE;EACZ,CAAC;EACDU,EAAE,EAAE;IAAE,6BAA6B,EAAE,CAAC;EAAE,CAAC;EACzCC,EAAE,EAAE;IAAE,6BAA6B,EAAE,CAAC;EAAE,CAAC;EACzCC,EAAE,EAAE;IAAE,2BAA2B,EAAE,CAAC;EAAE,CAAC;EACvCC,EAAE,EAAE;IAAE,2BAA2B,EAAE,CAAC;EAAE,CAAC;EACvCC,EAAE,EAAE;IAAE,+BAA+B,EAAE,CAAC;EAAE,CAAC;EAC3CC,EAAE,EAAE;IAAE,2BAA2B,EAAE,CAAC;EAAE,CAAC;EACvCC,CAAC,EAAE;IAAE,aAAa,EAAE,CAAC;EAAE,CAAC;EAExB,eAAe,EAAE;IACf,sBAAsB,EAAE,CAAC,CAAC;IAE1BN,EAAE,EAAE;MACF,cAAc,EAAE,CAAC,CAAC;MAElB,KAAK,EAAE;QACL,uBAAuB,EAAE,CAAC;MAC5B;IACF,CAAC;IACDC,EAAE,EAAE;MAAE,cAAc,EAAE,CAAC;IAAE,CAAC;IAC1BC,EAAE,EAAE;MAAE,cAAc,EAAE,CAAC;IAAE,CAAC;IAC1BC,EAAE,EAAE;MAAE,cAAc,EAAE,CAAC;IAAE,CAAC;IAC1BC,EAAE,EAAE;MAAE,cAAc,EAAE,CAAC;IAAE,CAAC;IAC1BC,EAAE,EAAE;MAAE,cAAc,EAAE,CAAC;IAAE,CAAC;IAC1BC,CAAC,EAAE;MAAE,4BAA4B,EAAE,CAAC;IAAE;EACxC;AACF,CAAC"}
+{"version":3,"file":"base.js","names":["module","exports","html","fontSize","textRendering","touchAction","body","position","minHeight","fontFeatureSettings","small","a","h1","h2","h3","label","p"],"sources":["../../src/base.js"],"sourcesContent":["module.exports = {\r\n  html: {\r\n    '@apply text-base antialiased': {},\r\n    fontSize: '10px',\r\n    textRendering: 'optimizeLegibility',\r\n    touchAction: 'manipulation',\r\n  },\r\n  body: {\r\n    '@apply text-base bg-background-content': {},\r\n    '@apply text-body': {},\r\n    position: 'relative',\r\n    minHeight: '100%',\r\n    fontFeatureSettings: \"'kern'\",\r\n  },\r\n  '*': {\r\n    '@apply focus-visible:ring-ring': {},\r\n    '@apply focus-visible:ring-offset-background-content': {},\r\n    '@apply focus-visible:outline-0': {},\r\n  },\r\n  small: {\r\n    '@apply text-small': {},\r\n  },\r\n  a: { '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {} },\r\n  h1: {\r\n    '@apply text-h1-sm md:text-h1-md xl:text-h1-lg': {},\r\n    '@apply mb-md': {},\r\n  },\r\n  h2: {\r\n    '@apply text-h2-sm md:text-h2-md xl:text-h2-lg': {},\r\n  },\r\n  h3: {\r\n    '@apply text-h3-sm md:text-h3-md xl:text-h3-lg': {},\r\n  },\r\n  'h4,h5,h6': {\r\n    '@apply text-h4-sm md:text-h4-md xl:text-h4-lg': {},\r\n  },\r\n  label: {\r\n    '@apply text-label-medium': {},\r\n  },\r\n  p: { '@apply my-4': {} },\r\n\r\n  '.text-content': {\r\n    '@apply max-w-[80rem]': {},\r\n\r\n    p: { '@apply mt-sm text-base': {} },\r\n  },\r\n};\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAG;EACfC,IAAI,EAAE;IACJ,8BAA8B,EAAE,CAAC,CAAC;IAClCC,QAAQ,EAAE,MAAM;IAChBC,aAAa,EAAE,oBAAoB;IACnCC,WAAW,EAAE;EACf,CAAC;EACDC,IAAI,EAAE;IACJ,wCAAwC,EAAE,CAAC,CAAC;IAC5C,kBAAkB,EAAE,CAAC,CAAC;IACtBC,QAAQ,EAAE,UAAU;IACpBC,SAAS,EAAE,MAAM;IACjBC,mBAAmB,EAAE;EACvB,CAAC;EACD,GAAG,EAAE;IACH,gCAAgC,EAAE,CAAC,CAAC;IACpC,qDAAqD,EAAE,CAAC,CAAC;IACzD,gCAAgC,EAAE,CAAC;EACrC,CAAC;EACDC,KAAK,EAAE;IACL,mBAAmB,EAAE,CAAC;EACxB,CAAC;EACDC,CAAC,EAAE;IAAE,oEAAoE,EAAE,CAAC;EAAE,CAAC;EAC/EC,EAAE,EAAE;IACF,+CAA+C,EAAE,CAAC,CAAC;IACnD,cAAc,EAAE,CAAC;EACnB,CAAC;EACDC,EAAE,EAAE;IACF,+CAA+C,EAAE,CAAC;EACpD,CAAC;EACDC,EAAE,EAAE;IACF,+CAA+C,EAAE,CAAC;EACpD,CAAC;EACD,UAAU,EAAE;IACV,+CAA+C,EAAE,CAAC;EACpD,CAAC;EACDC,KAAK,EAAE;IACL,0BAA0B,EAAE,CAAC;EAC/B,CAAC;EACDC,CAAC,EAAE;IAAE,aAAa,EAAE,CAAC;EAAE,CAAC;EAExB,eAAe,EAAE;IACf,sBAAsB,EAAE,CAAC,CAAC;IAE1BA,CAAC,EAAE;MAAE,wBAAwB,EAAE,CAAC;IAAE;EACpC;AACF,CAAC"}