@sk-web-gui/core 0.1.92 → 1.0.0

package/dist/esm/theme.js

@@ -1,60 +1,108 @@
 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 withOpacity = require('./with-opacity');
+var colors = require('./colors');
+var units = require('./units');
 var {
-  colors
+  screens
 } = require('@sk-web-gui/theme');
-var withOpacity = require('./with-opacity');
 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,
+  borderRadius: _extends({}, units.radius, {
+    base: 'var(--sk-spacing-0)'
+  }),
   extend: {
+    backgroundPosition: _extends({}, Object.keys(units.spacing).reduce((positions, spaceKey) => _extends({}, positions, {
+      ["top-" + spaceKey]: "center top " + units.spacing[spaceKey],
+      ["right-" + spaceKey]: "center right " + units.spacing[spaceKey],
+      ["bottom-" + spaceKey]: "center bottom " + units.spacing[spaceKey],
+      ["left-" + spaceKey]: "center left " + units.spacing[spaceKey]
+    }), {})),
+    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/esm/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":["colors","require","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');\nconst withOpacity = require('./with-opacity');\n\nmodule.exports = {\n  fontSize: {\n    tiny: '1rem',\n    xs: '1.2rem',\n    sm: '1.4rem',\n    base: '1.6rem',\n    lg: '1.8rem',\n    xl: '2.0rem',\n    '2xl': '2.4rem',\n    '3xl': '3.2rem',\n    '4xl': '4.0rem',\n    '5xl': '5.2rem',\n  },\n  extend: {\n    colors: {\n      ...colors,\n      current: 'currentColor',\n    },\n    cursor: {\n      base: 'var(--vc-cursor)',\n    },\n    spacing: {\n      xs: '4px',\n      sm: '8px',\n      md: '16px',\n      lg: '24px',\n      xl: '48px',\n    },\n    lineHeight: {\n      tiny: '1.4rem',\n      xs: '1.6rem',\n      sm: '2rem',\n      base: '2.4rem',\n      lg: '2.4rem',\n      xl: '3.2rem',\n      '2xl': '3.2rem',\n      '3xl': '4rem',\n      '4xl': '4.8rem',\n      '5xl': '5.8rem',\n    },\n    opacity: {\n      15: '0.15',\n    },\n    backgroundColor: {\n      base: withOpacity('--vc-colors-bg-base'),\n      fill: withOpacity('--vc-colors-bg-fill'),\n    },\n    textColor: {\n      foreground: withOpacity('--vc-colors-text-foreground'),\n      muted: withOpacity('--vc-colors-text-muted'),\n    },\n    borderRadius: {\n      base: 'var(--vc-rounded)',\n    },\n    zIndex: {\n      hide: -1,\n      none: 0,\n      base: 1,\n      docked: 10,\n      dropdown: 1000,\n      sticky: 1100,\n      banner: 1200,\n      overlay: 1300,\n      modal: 1400,\n      popover: 1500,\n      skipLink: 1600,\n      toast: 1700,\n      tooltip: 1800,\n    },\n    keyframes: {\n      'reset-overflow': {\n        'from, to': {\n          overflow: 'hidden',\n        },\n      },\n    },\n    animation: {\n      'reset-overflow': 'reset-overflow 180ms backwards',\n    },\n  },\n};\n"],"mappings":";AAAA,IAAM;EAAEA;AAAO,CAAC,GAAGC,OAAO,CAAC,mBAAmB,CAAC;AAC/C,IAAMC,WAAW,GAAGD,OAAO,CAAC,gBAAgB,CAAC;AAE7CE,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;IACNZ,MAAM,EAAAa,QAAA,KACDb,MAAM;MACTc,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","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","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/units.js

@@ -0,0 +1,250 @@
+module.exports = {
+  spacing: {
+    0: 'var(--sk-spacing-0)',
+    2: 'var(--sk-spacing-2)',
+    4: 'var(--sk-spacing-4)',
+    6: 'var(--sk-spacing-6)',
+    8: 'var(--sk-spacing-8)',
+    10: 'var(--sk-spacing-10)',
+    12: 'var(--sk-spacing-12)',
+    14: 'var(--sk-spacing-14)',
+    16: 'var(--sk-spacing-16)',
+    18: 'var(--sk-spacing-18)',
+    20: 'var(--sk-spacing-20)',
+    24: 'var(--sk-spacing-24)',
+    32: 'var(--sk-spacing-32)',
+    40: 'var(--sk-spacing-40)',
+    48: 'var(--sk-spacing-48)',
+    56: 'var(--sk-spacing-56)',
+    64: 'var(--sk-spacing-64)',
+    72: 'var(--sk-spacing-72)',
+    80: 'var(--sk-spacing-80)'
+  },
+  fontSizes: {
+    'display-1': ['var(--sk-fontSize-display-1-DEFAULT)', {
+      lineHeight: 'var(--sk-lineHeight-display-1-DEFAULT)',
+      fontWeight: 700
+    }],
+    'display-1-lg': ['var(--sk-fontSize-display-1-lg)', {
+      lineHeight: 'var(--sk-lineHeight-display-1-lg)',
+      fontWeight: 700
+    }],
+    'display-1-md': ['var(--sk-fontSize-display-1-md)', {
+      lineHeight: 'var(--sk-lineHeight-display-1-md)',
+      fontWeight: 700
+    }],
+    'display-1-sm': ['var(--sk-fontSize-display-1-sm)', {
+      lineHeight: 'var(--sk-lineHeight-display-1-sm)',
+      fontWeight: 700
+    }],
+    'display-2': ['var(--sk-fontSize-display-2-DEFAULT)', {
+      lineHeight: 'var(--sk-lineHeight-display-2-DEFAULT)',
+      fontWeight: 700
+    }],
+    'display-2-lg': ['var(--sk-fontSize-display-2-lg)', {
+      lineHeight: 'var(--sk-lineHeight-display-2-lg)',
+      fontWeight: 700
+    }],
+    'display-2-md': ['var(--sk-fontSize-display-2-md)', {
+      lineHeight: 'var(--sk-lineHeight-display-2-md)',
+      fontWeight: 700
+    }],
+    'display-2-sm': ['var(--sk-fontSize-display-2-sm)', {
+      lineHeight: 'var(--sk-lineHeight-display-2-sm)',
+      fontWeight: 700
+    }],
+    'display-3': ['var(--sk-fontSize-display-3-DEFAULT)', {
+      lineHeight: 'var(--sk-lineHeight-display-3-DEFAULT)',
+      fontWeight: 700
+    }],
+    'display-3-lg': ['var(--sk-fontSize-display-3-lg)', {
+      lineHeight: 'var(--sk-lineHeight-display-3-lg)',
+      fontWeight: 700
+    }],
+    'display-3-md': ['var(--sk-fontSize-display-3-md)', {
+      lineHeight: 'var(--sk-lineHeight-display-3-md)',
+      fontWeight: 700
+    }],
+    'display-3-sm': ['var(--sk-fontSize-display-3-sm)', {
+      lineHeight: 'var(--sk-lineHeight-display-3-sm)',
+      fontWeight: 700
+    }],
+    h1: ['var(--sk-fontSize-h-1-DEFAULT)', {
+      lineHeight: 'var(--sk-lineHeight-h-1-DEFAULT)',
+      fontWeight: 700
+    }],
+    'h1-lg': ['var(--sk-fontSize-h-1-lg)', {
+      lineHeight: 'var(--sk-lineHeight-h-1-lg)',
+      fontWeight: 700
+    }],
+    'h1-md': ['var(--sk-fontSize-h-1-md)', {
+      lineHeight: 'var(--sk-lineHeight-h-1-md)',
+      fontWeight: 700
+    }],
+    'h1-sm': ['var(--sk-fontSize-h-1-sm)', {
+      lineHeight: 'var(--sk-lineHeight-h-1-sm)',
+      fontWeight: 700
+    }],
+    h2: ['var(--sk-fontSize-h-2-DEFAULT)', {
+      lineHeight: 'var(--sk-lineHeight-h-2-DEFAULT)',
+      fontWeight: 700
+    }],
+    'h2-lg': ['var(--sk-fontSize-h-2-lg)', {
+      lineHeight: 'var(--sk-lineHeight-h-2-lg)',
+      fontWeight: 700
+    }],
+    'h2-md': ['var(--sk-fontSize-h-2-md)', {
+      lineHeight: 'var(--sk-lineHeight-h-2-md)',
+      fontWeight: 700
+    }],
+    'h2-sm': ['var(--sk-fontSize-h-2-sm)', {
+      lineHeight: 'var(--sk-lineHeight-h-2-sm)',
+      fontWeight: 700
+    }],
+    h3: ['var(--sk-fontSize-h-3-DEFAULT)', {
+      lineHeight: 'var(--sk-lineHeight-h-3-DEFAULT)',
+      fontWeight: 700
+    }],
+    'h3-lg': ['var(--sk-fontSize-h-3-lg)', {
+      lineHeight: 'var(--sk-lineHeight-h-3-lg)',
+      fontWeight: 700
+    }],
+    'h3-md': ['var(--sk-fontSize-h-3-md)', {
+      lineHeight: 'var(--sk-lineHeight-h-3-md)',
+      fontWeight: 700
+    }],
+    'h3-sm': ['var(--sk-fontSize-h-3-sm)', {
+      lineHeight: 'var(--sk-lineHeight-h-3-sm)',
+      fontWeight: 700
+    }],
+    h4: ['var(--sk-fontSize-h-4-DEFAULT)', {
+      lineHeight: 'var(--sk-lineHeight-h-4-DEFAULT)',
+      fontWeight: 700
+    }],
+    'h4-lg': ['var(--sk-fontSize-h-4-lg)', {
+      lineHeight: 'var(--sk-lineHeight-h-4-lg)',
+      fontWeight: 700
+    }],
+    'h4-md': ['var(--sk-fontSize-h-4-md)', {
+      lineHeight: 'var(--sk-lineHeight-h-4-md)',
+      fontWeight: 700
+    }],
+    'h4-sm': ['var(--sk-fontSize-h-4-sm)', {
+      lineHeight: 'var(--sk-lineHeight-h-4-sm)',
+      fontWeight: 700
+    }],
+    'label-large': ['var(--sk-fontSize-label-large)', {
+      lineHeight: 'var(--sk-lineHeight-label-large)',
+      fontWeight: 700
+    }],
+    'label-medium': ['var(--sk-fontSize-label-medium)', {
+      lineHeight: 'var(--sk-lineHeight-label-medium)',
+      fontWeight: 700
+    }],
+    'label-small': ['var(--sk-fontSize-label-small)', {
+      lineHeight: 'var(--sk-lineHeight-label-small)',
+      fontWeight: 700
+    }],
+    'input-large': ['var(--sk-fontSize-input-large)', {
+      lineHeight: 'var(--sk-lineHeight-input-large)',
+      fontWeight: 400
+    }],
+    'input-medium': ['var(--sk-fontSize-input-medium)', {
+      lineHeight: 'var(--sk-lineHeight-input-medium)',
+      fontWeight: 400
+    }],
+    'input-small': ['var(--sk-fontSize-input-small)', {
+      lineHeight: 'var(--sk-lineHeight-input-small)',
+      fontWeight: 400
+    }],
+    lead: ['var(--sk-fontSize-lead)', 'var(--sk-lineHeight-lead)'],
+    base: ['var(--sk-fontSize-base)', 'var(--sk-lineHeight-base)'],
+    large: ['var(--sk-fontSize-large)', 'var(--sk-lineHeight-large)'],
+    small: ['var(--sk-fontSize-small)', 'var(--sk-lineHeight-small)']
+  },
+  lineHeights: {
+    'display-1': 'var(--sk-lineHeight-display-1-DEFAULT)',
+    'display-1-lg': 'var(--sk-lineHeight-display-1-lg)',
+    'display-1-md': 'var(--sk-lineHeight-display-1-md)',
+    'display-1-sm': 'var(--sk-lineHeight-display-1-sm)',
+    'display-2': 'var(--sk-lineHeight-display-2-DEFAULT)',
+    'display-2-lg': 'var(--sk-lineHeight-display-2-lg)',
+    'display-2-md': 'var(--sk-lineHeight-display-2-md)',
+    'display-2-sm': 'var(--sk-lineHeight-display-2-sm)',
+    'display-3': 'var(--sk-lineHeight-display-3-DEFAULT)',
+    'display-3-lg': 'var(--sk-lineHeight-display-3-lg)',
+    'display-3-md': 'var(--sk-lineHeight-display-3-md)',
+    'display-3-sm': 'var(--sk-lineHeight-display-3-sm)',
+    h1: 'var(--sk-lineHeight-h-1-DEFAULT)',
+    'h1-lg': 'var(--sk-lineHeight-h-1-lg)',
+    'h1-md': 'var(--sk-lineHeight-h-1-md)',
+    'h1-sm': 'var(--sk-lineHeight-h-1-sm)',
+    h2: 'var(--sk-lineHeight-h-2-DEFAULT)',
+    'h2-lg': 'var(--sk-lineHeight-h-2-lg)',
+    'h2-md': 'var(--sk-lineHeight-h-2-md)',
+    'h2-sm': 'var(--sk-lineHeight-h-2-sm)',
+    h3: 'var(--sk-lineHeight-h-3-DEFAULT)',
+    'h3-lg': 'var(--sk-lineHeight-h-3-lg)',
+    'h3-md': 'var(--sk-lineHeight-h-3-md)',
+    'h3-sm': 'var(--sk-lineHeight-h-3-sm)',
+    h4: 'var(--sk-lineHeight-h-4-DEFAULT)',
+    'h4-lg': 'var(--sk-lineHeight-h-4-lg)',
+    'h4-md': 'var(--sk-lineHeight-h-4-md)',
+    'h4-sm': 'var(--sk-lineHeight-h-4-sm)',
+    'label-large': 'var(--sk-lineHeight-label-large)',
+    'label-medium': 'var(--sk-lineHeight-label-medium)',
+    'label-small': 'var(--sk-lineHeight-label-small)',
+    'input-large': 'var(--sk-lineHeight-input-large)',
+    'input-medium': 'var(--sk-lineHeight-input-medium)',
+    'input-small': 'var(--sk-lineHeight-input-small)',
+    lead: 'var(--sk-lineHeight-lead)',
+    base: 'var(--sk-lineHeight-base)',
+    large: 'var(--sk-lineHeight-large)',
+    small: 'var(--sk-lineHeight-small)'
+  },
+  radius: {
+    DEFAULT: 'var(--sk-radius-utility-DEFAULT)',
+    full: 'var(--sk-radius-circular-DEFAULT)',
+    none: 'var(--sk-spacing-0)',
+    circular: 'var(--sk-radius-circular-DEFAULT)',
+    'circular-lg': 'var(--sk-radius-circular-lg)',
+    'circular-md': 'var(--sk-radius-circular-md)',
+    'circular-sm': 'var(--sk-radius-circular-sm)',
+    button: 'var(--sk-radius-button-DEFAULT)',
+    'button-lg': 'var(--sk-radius-button-lg)',
+    'button-md': 'var(--sk-radius-button-md)',
+    'button-sm': 'var(--sk-radius-button-sm)',
+    cards: 'var(--sk-radius-cards-DEFAULT)',
+    'cards-lg': 'var(--sk-radius-cards-lg)',
+    'cards-md': 'var(--sk-radius-cards-md)',
+    'cards-sm': 'var(--sk-radius-cards-sm)',
+    utility: 'var(--sk-radius-utility-DEFAULT)',
+    'utility-lg': 'var(--sk-radius-utility-lg)',
+    'utility-md': 'var(--sk-radius-utility-md)',
+    'utility-sm': 'var(--sk-radius-utility-sm)',
+    groups: 'var(--sk-radius-groups-DEFAULT)',
+    'groups-lg': 'var(--sk-radius-groups-lg)',
+    'groups-md': 'var(--sk-radius-groups-md)',
+    'groups-sm': 'var(--sk-radius-groups-sm)',
+    0: 'var(--sk-spacing-0)',
+    2: 'var(--sk-spacing-2)',
+    4: 'var(--sk-spacing-4)',
+    6: 'var(--sk-spacing-6)',
+    8: 'var(--sk-spacing-8)',
+    10: 'var(--sk-spacing-10)',
+    12: 'var(--sk-spacing-12)',
+    14: 'var(--sk-spacing-14)',
+    16: 'var(--sk-spacing-16)',
+    18: 'var(--sk-spacing-18)',
+    20: 'var(--sk-spacing-20)',
+    24: 'var(--sk-spacing-24)',
+    32: 'var(--sk-spacing-32)',
+    40: 'var(--sk-spacing-40)',
+    48: 'var(--sk-spacing-48)',
+    56: 'var(--sk-spacing-56)',
+    64: 'var(--sk-spacing-64)',
+    72: 'var(--sk-spacing-72)',
+    80: 'var(--sk-spacing-80)'
+  }
+};
+//# sourceMappingURL=units.js.map

package/dist/esm/units.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"units.js","names":["module","exports","spacing","fontSizes","lineHeight","fontWeight","h1","h2","h3","h4","lead","base","large","small","lineHeights","radius","DEFAULT","full","none","circular","button","cards","utility","groups"],"sources":["../../src/units.js"],"sourcesContent":["module.exports = {\r\n  spacing: {\r\n    0: 'var(--sk-spacing-0)',\r\n    2: 'var(--sk-spacing-2)',\r\n    4: 'var(--sk-spacing-4)',\r\n    6: 'var(--sk-spacing-6)',\r\n    8: 'var(--sk-spacing-8)',\r\n    10: 'var(--sk-spacing-10)',\r\n    12: 'var(--sk-spacing-12)',\r\n    14: 'var(--sk-spacing-14)',\r\n    16: 'var(--sk-spacing-16)',\r\n    18: 'var(--sk-spacing-18)',\r\n    20: 'var(--sk-spacing-20)',\r\n    24: 'var(--sk-spacing-24)',\r\n    32: 'var(--sk-spacing-32)',\r\n    40: 'var(--sk-spacing-40)',\r\n    48: 'var(--sk-spacing-48)',\r\n    56: 'var(--sk-spacing-56)',\r\n    64: 'var(--sk-spacing-64)',\r\n    72: 'var(--sk-spacing-72)',\r\n    80: 'var(--sk-spacing-80)',\r\n  },\r\n\r\n  fontSizes: {\r\n    'display-1': [\r\n      'var(--sk-fontSize-display-1-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-DEFAULT)', fontWeight: 700 },\r\n    ],\r\n    'display-1-lg': [\r\n      'var(--sk-fontSize-display-1-lg)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-lg)', fontWeight: 700 },\r\n    ],\r\n    'display-1-md': [\r\n      'var(--sk-fontSize-display-1-md)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-md)', fontWeight: 700 },\r\n    ],\r\n    'display-1-sm': [\r\n      'var(--sk-fontSize-display-1-sm)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-sm)', fontWeight: 700 },\r\n    ],\r\n    'display-2': [\r\n      'var(--sk-fontSize-display-2-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-DEFAULT)', fontWeight: 700 },\r\n    ],\r\n    'display-2-lg': [\r\n      'var(--sk-fontSize-display-2-lg)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-lg)', fontWeight: 700 },\r\n    ],\r\n    'display-2-md': [\r\n      'var(--sk-fontSize-display-2-md)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-md)', fontWeight: 700 },\r\n    ],\r\n    'display-2-sm': [\r\n      'var(--sk-fontSize-display-2-sm)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-sm)', fontWeight: 700 },\r\n    ],\r\n    'display-3': [\r\n      'var(--sk-fontSize-display-3-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-DEFAULT)', fontWeight: 700 },\r\n    ],\r\n    'display-3-lg': [\r\n      'var(--sk-fontSize-display-3-lg)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-lg)', fontWeight: 700 },\r\n    ],\r\n    'display-3-md': [\r\n      'var(--sk-fontSize-display-3-md)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-md)', fontWeight: 700 },\r\n    ],\r\n    'display-3-sm': [\r\n      'var(--sk-fontSize-display-3-sm)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-sm)', fontWeight: 700 },\r\n    ],\r\n\r\n    h1: ['var(--sk-fontSize-h-1-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-1-DEFAULT)', fontWeight: 700 }],\r\n    'h1-lg': ['var(--sk-fontSize-h-1-lg)', { lineHeight: 'var(--sk-lineHeight-h-1-lg)', fontWeight: 700 }],\r\n    'h1-md': ['var(--sk-fontSize-h-1-md)', { lineHeight: 'var(--sk-lineHeight-h-1-md)', fontWeight: 700 }],\r\n    'h1-sm': ['var(--sk-fontSize-h-1-sm)', { lineHeight: 'var(--sk-lineHeight-h-1-sm)', fontWeight: 700 }],\r\n    h2: ['var(--sk-fontSize-h-2-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-2-DEFAULT)', fontWeight: 700 }],\r\n    'h2-lg': ['var(--sk-fontSize-h-2-lg)', { lineHeight: 'var(--sk-lineHeight-h-2-lg)', fontWeight: 700 }],\r\n    'h2-md': ['var(--sk-fontSize-h-2-md)', { lineHeight: 'var(--sk-lineHeight-h-2-md)', fontWeight: 700 }],\r\n    'h2-sm': ['var(--sk-fontSize-h-2-sm)', { lineHeight: 'var(--sk-lineHeight-h-2-sm)', fontWeight: 700 }],\r\n    h3: ['var(--sk-fontSize-h-3-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-3-DEFAULT)', fontWeight: 700 }],\r\n    'h3-lg': ['var(--sk-fontSize-h-3-lg)', { lineHeight: 'var(--sk-lineHeight-h-3-lg)', fontWeight: 700 }],\r\n    'h3-md': ['var(--sk-fontSize-h-3-md)', { lineHeight: 'var(--sk-lineHeight-h-3-md)', fontWeight: 700 }],\r\n    'h3-sm': ['var(--sk-fontSize-h-3-sm)', { lineHeight: 'var(--sk-lineHeight-h-3-sm)', fontWeight: 700 }],\r\n    h4: ['var(--sk-fontSize-h-4-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-4-DEFAULT)', fontWeight: 700 }],\r\n    'h4-lg': ['var(--sk-fontSize-h-4-lg)', { lineHeight: 'var(--sk-lineHeight-h-4-lg)', fontWeight: 700 }],\r\n    'h4-md': ['var(--sk-fontSize-h-4-md)', { lineHeight: 'var(--sk-lineHeight-h-4-md)', fontWeight: 700 }],\r\n    'h4-sm': ['var(--sk-fontSize-h-4-sm)', { lineHeight: 'var(--sk-lineHeight-h-4-sm)', fontWeight: 700 }],\r\n\r\n    'label-large': [\r\n      'var(--sk-fontSize-label-large)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-large)', fontWeight: 700 },\r\n    ],\r\n    'label-medium': [\r\n      'var(--sk-fontSize-label-medium)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-medium)', fontWeight: 700 },\r\n    ],\r\n    'label-small': [\r\n      'var(--sk-fontSize-label-small)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-small)', fontWeight: 700 },\r\n    ],\r\n\r\n    'input-large': [\r\n      'var(--sk-fontSize-input-large)',\r\n      { lineHeight: 'var(--sk-lineHeight-input-large)', fontWeight: 400 },\r\n    ],\r\n    'input-medium': [\r\n      'var(--sk-fontSize-input-medium)',\r\n      { lineHeight: 'var(--sk-lineHeight-input-medium)', fontWeight: 400 },\r\n    ],\r\n    'input-small': [\r\n      'var(--sk-fontSize-input-small)',\r\n      { lineHeight: 'var(--sk-lineHeight-input-small)', fontWeight: 400 },\r\n    ],\r\n\r\n    lead: ['var(--sk-fontSize-lead)', 'var(--sk-lineHeight-lead)'],\r\n    base: ['var(--sk-fontSize-base)', 'var(--sk-lineHeight-base)'],\r\n    large: ['var(--sk-fontSize-large)', 'var(--sk-lineHeight-large)'],\r\n    small: ['var(--sk-fontSize-small)', 'var(--sk-lineHeight-small)'],\r\n  },\r\n  lineHeights: {\r\n    'display-1': 'var(--sk-lineHeight-display-1-DEFAULT)',\r\n    'display-1-lg': 'var(--sk-lineHeight-display-1-lg)',\r\n    'display-1-md': 'var(--sk-lineHeight-display-1-md)',\r\n    'display-1-sm': 'var(--sk-lineHeight-display-1-sm)',\r\n    'display-2': 'var(--sk-lineHeight-display-2-DEFAULT)',\r\n    'display-2-lg': 'var(--sk-lineHeight-display-2-lg)',\r\n    'display-2-md': 'var(--sk-lineHeight-display-2-md)',\r\n    'display-2-sm': 'var(--sk-lineHeight-display-2-sm)',\r\n    'display-3': 'var(--sk-lineHeight-display-3-DEFAULT)',\r\n    'display-3-lg': 'var(--sk-lineHeight-display-3-lg)',\r\n    'display-3-md': 'var(--sk-lineHeight-display-3-md)',\r\n    'display-3-sm': 'var(--sk-lineHeight-display-3-sm)',\r\n\r\n    h1: 'var(--sk-lineHeight-h-1-DEFAULT)',\r\n    'h1-lg': 'var(--sk-lineHeight-h-1-lg)',\r\n    'h1-md': 'var(--sk-lineHeight-h-1-md)',\r\n    'h1-sm': 'var(--sk-lineHeight-h-1-sm)',\r\n    h2: 'var(--sk-lineHeight-h-2-DEFAULT)',\r\n    'h2-lg': 'var(--sk-lineHeight-h-2-lg)',\r\n    'h2-md': 'var(--sk-lineHeight-h-2-md)',\r\n    'h2-sm': 'var(--sk-lineHeight-h-2-sm)',\r\n    h3: 'var(--sk-lineHeight-h-3-DEFAULT)',\r\n    'h3-lg': 'var(--sk-lineHeight-h-3-lg)',\r\n    'h3-md': 'var(--sk-lineHeight-h-3-md)',\r\n    'h3-sm': 'var(--sk-lineHeight-h-3-sm)',\r\n    h4: 'var(--sk-lineHeight-h-4-DEFAULT)',\r\n    'h4-lg': 'var(--sk-lineHeight-h-4-lg)',\r\n    'h4-md': 'var(--sk-lineHeight-h-4-md)',\r\n    'h4-sm': 'var(--sk-lineHeight-h-4-sm)',\r\n\r\n    'label-large': 'var(--sk-lineHeight-label-large)',\r\n    'label-medium': 'var(--sk-lineHeight-label-medium)',\r\n    'label-small': 'var(--sk-lineHeight-label-small)',\r\n\r\n    'input-large': 'var(--sk-lineHeight-input-large)',\r\n    'input-medium': 'var(--sk-lineHeight-input-medium)',\r\n    'input-small': 'var(--sk-lineHeight-input-small)',\r\n\r\n    lead: 'var(--sk-lineHeight-lead)',\r\n    base: 'var(--sk-lineHeight-base)',\r\n    large: 'var(--sk-lineHeight-large)',\r\n    small: 'var(--sk-lineHeight-small)',\r\n  },\r\n  radius: {\r\n    DEFAULT: 'var(--sk-radius-utility-DEFAULT)',\r\n    full: 'var(--sk-radius-circular-DEFAULT)',\r\n    none: 'var(--sk-spacing-0)',\r\n    circular: 'var(--sk-radius-circular-DEFAULT)',\r\n    'circular-lg': 'var(--sk-radius-circular-lg)',\r\n    'circular-md': 'var(--sk-radius-circular-md)',\r\n    'circular-sm': 'var(--sk-radius-circular-sm)',\r\n\r\n    button: 'var(--sk-radius-button-DEFAULT)',\r\n    'button-lg': 'var(--sk-radius-button-lg)',\r\n    'button-md': 'var(--sk-radius-button-md)',\r\n    'button-sm': 'var(--sk-radius-button-sm)',\r\n    cards: 'var(--sk-radius-cards-DEFAULT)',\r\n    'cards-lg': 'var(--sk-radius-cards-lg)',\r\n    'cards-md': 'var(--sk-radius-cards-md)',\r\n    'cards-sm': 'var(--sk-radius-cards-sm)',\r\n    utility: 'var(--sk-radius-utility-DEFAULT)',\r\n    'utility-lg': 'var(--sk-radius-utility-lg)',\r\n    'utility-md': 'var(--sk-radius-utility-md)',\r\n    'utility-sm': 'var(--sk-radius-utility-sm)',\r\n    groups: 'var(--sk-radius-groups-DEFAULT)',\r\n    'groups-lg': 'var(--sk-radius-groups-lg)',\r\n    'groups-md': 'var(--sk-radius-groups-md)',\r\n    'groups-sm': 'var(--sk-radius-groups-sm)',\r\n\r\n    0: 'var(--sk-spacing-0)',\r\n    2: 'var(--sk-spacing-2)',\r\n    4: 'var(--sk-spacing-4)',\r\n    6: 'var(--sk-spacing-6)',\r\n    8: 'var(--sk-spacing-8)',\r\n    10: 'var(--sk-spacing-10)',\r\n    12: 'var(--sk-spacing-12)',\r\n    14: 'var(--sk-spacing-14)',\r\n    16: 'var(--sk-spacing-16)',\r\n    18: 'var(--sk-spacing-18)',\r\n    20: 'var(--sk-spacing-20)',\r\n    24: 'var(--sk-spacing-24)',\r\n    32: 'var(--sk-spacing-32)',\r\n    40: 'var(--sk-spacing-40)',\r\n    48: 'var(--sk-spacing-48)',\r\n    56: 'var(--sk-spacing-56)',\r\n    64: 'var(--sk-spacing-64)',\r\n    72: 'var(--sk-spacing-72)',\r\n    80: 'var(--sk-spacing-80)',\r\n  },\r\n};\r\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sk-web-gui/core",
-  "version": "0.1.92",
+  "version": "1.0.0",
   "license": "MIT",
   "main": "src/index.js",
   "module": "dist/esm/index.js",
@@ -26,7 +26,7 @@
     "url": "https://github.com/vechai/sk-web-gui/issues"
   },
   "peerDependencies": {
-    "tailwindcss": "^3.2.7"
+    "tailwindcss": "^3.3.5"
   },
   "devDependencies": {
     "autoprefixer": "^10.4.16",
@@ -34,11 +34,11 @@
     "postcss": "^8.4.31",
     "postcss-import": "^15.1.0",
     "tailwind-scrollbar": "^3.0.5",
-    "tailwindcss": "^3.3.3"
+    "tailwindcss": "^3.3.5"
   },
   "dependencies": {
-    "@sk-web-gui/theme": "0.1.14",
+    "@sk-web-gui/theme": "1.0.0",
     "mini-svg-data-uri": "^1.4.4"
   },
-  "gitHead": "bb9535b75de2ca61291aebd2aceee360b16cc53c"
+  "gitHead": "8364bb14200fea471d903d7b225447d4f70b7879"
 }

package/src/base.js

@@ -1,47 +1,47 @@
 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',
-  },
-  h1: { '@apply text-3xl leading-3xl': {} },
-  h2: { '@apply text-2xl leading-2xl': {} },
-  h3: { '@apply text-xl leading-xl': {} },
-  h4: { '@apply text-lg leading-lg': {} },
-  h5: { '@apply text-base leading-base': {} },
-  h6: { '@apply text-sm leading-sm': {} },
+    '@apply text-small': {},
+  },
+  a: { '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {} },
+  h1: {
+    '@apply text-h1-sm md:text-h1-md xl:text-h1-lg': {},
+    '@apply mb-md': {},
+  },
+  h2: {
+    '@apply text-h2-sm md:text-h2-md xl:text-h2-lg': {},
+  },
+  h3: {
+    '@apply text-h3-sm md:text-h3-md xl:text-h3-lg': {},
+  },
+  'h4,h5,h6': {
+    '@apply text-h4-sm md:text-h4-md xl:text-h4-lg': {},
+  },
+  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]': {} },
+    p: { '@apply mt-sm text-base': {} },
   },
 };