@sk-web-gui/core 1.1.1 → 2.0.0

package/dist/cjs/components/user-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-menu.js","names":["UserMenu","exports","height","width"],"sources":["../../../src/components/user-menu.ts"],"sourcesContent":["export const UserMenu = () => ({\r\n  '.sk-usermenu': {\r\n    '@apply relative': {},\r\n    '&-button': {\r\n      '@apply p-0 bg-transparent hover:bg-transparent': {},\r\n      '@apply border-0': {},\r\n      '.sk-avatar': {\r\n        height: 'inherit',\r\n        width: 'inherit',\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAA;EAAA,OAAU;IAC7B,cAAc,EAAE;MACd,iBAAiB,EAAE,CAAC,CAAC;MACrB,UAAU,EAAE;QACV,gDAAgD,EAAE,CAAC,CAAC;QACpD,iBAAiB,EAAE,CAAC,CAAC;QACrB,YAAY,EAAE;UACZE,MAAM,EAAE,SAAS;UACjBC,KAAK,EAAE;QACT;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"user-menu.js","names":["UserMenu","exports","height","width"],"sources":["../../../src/components/user-menu.ts"],"sourcesContent":["export const UserMenu = () => ({\r\n  '.sk-usermenu': {\r\n    '@apply relative': {},\r\n    '&-button': {\r\n      '@apply p-0 bg-transparent hover:bg-transparent': {},\r\n      '@apply border-0': {},\r\n      '@apply hover:border-0': {},\r\n      '.sk-avatar': {\r\n        height: 'inherit',\r\n        width: 'inherit',\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAA;EAAA,OAAU;IAC7B,cAAc,EAAE;MACd,iBAAiB,EAAE,CAAC,CAAC;MACrB,UAAU,EAAE;QACV,gDAAgD,EAAE,CAAC,CAAC;QACpD,iBAAiB,EAAE,CAAC,CAAC;QACrB,uBAAuB,EAAE,CAAC,CAAC;QAC3B,YAAY,EAAE;UACZE,MAAM,EAAE,SAAS;UACjBC,KAAK,EAAE;QACT;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_preset","_interopRequireDefault","require","exports","preset","_plugin","plugin","obj","__esModule","_default"],"sources":["../../src/index.ts"],"sourcesContent":["import preset from './preset';\nimport plugin from './plugin';\n\nexport { preset, plugin };\nexport default plugin;\n"],"mappings":";;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8BC,OAAA,CAAAC,MAAA,GAAAJ,OAAA;AAC9B,IAAAK,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAA8BC,OAAA,CAAAG,MAAA,GAAAD,OAAA;AAAA,SAAAJ,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,IAAAE,QAAA,GAAAN,OAAA,cAGfG,kBAAM"}
+{"version":3,"file":"index.js","names":["_preset","_interopRequireDefault","require","exports","preset","_plugin","plugin","obj","__esModule","_default"],"sources":["../../src/index.ts"],"sourcesContent":["import preset from './preset';\r\nimport plugin from './plugin';\r\n\r\nexport { preset, plugin };\r\nexport default plugin;\r\n"],"mappings":";;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8BC,OAAA,CAAAC,MAAA,GAAAJ,OAAA;AAC9B,IAAAK,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAA8BC,OAAA,CAAAG,MAAA,GAAAD,OAAA;AAAA,SAAAJ,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,IAAAE,QAAA,GAAAN,OAAA,cAGfG,kBAAM"}

package/dist/cjs/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","names":["_plugin","_interopRequireDefault","require","_base","_theme","_accordion","_alert","_avatar","_badge","_breadcrumb","_button","_buttonGroup","_card","_checkbox","_chip","_combobox","_cookieConsent","_dialog","_divider","_dot","_filter","_footer","_forms","_header","_icon","_input","_label","_link","_list","_logo","_menuVertical","_menubar","_modal","_pagination","_popupMenu","_progressBar","_progressStepper","_radio","_searchField","_select","_snackbar","_spinner","_switch","_table","_tabs","_tooltip","_userMenu","_zebratable","obj","__esModule","components","Alert","Badge","Breadcrumb","ButtonGroup","Button","Checkbox","Chip","Dialog","Dot","Forms","Filter","Icon","Input","Label","Link","List","Logo","MenuBar","MenuVertical","Select","Snackbar","Spinner","Radio","Switch","Table","Tabs","ZebraTable","CookieConsent","Modal","Accordion","Avatar","Card","Divider","Tooltip","UserMenu","SearchField","Pagination","PopupMenu","Footer","Header","ProgressStepper","ProgressBar","ComboBox","defaultColors","plugin","TailwindPlugin","withOptions","options","colors","cssBase","_ref","addComponents","addBase","theme","optionColors","concat","base","map","component","_default","exports"],"sources":["../../src/plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\nimport { base } from './base';\nimport { theme } from './theme';\n\n// components\nimport { CSSRuleObject, PluginAPI } from 'tailwindcss/types/config';\nimport { Accordion } from './components/accordion';\nimport { Alert } from './components/alert';\nimport { Avatar } from './components/avatar';\nimport { Badge } from './components/badge';\nimport { Breadcrumb } from './components/breadcrumb';\nimport { Button } from './components/button';\nimport { ButtonGroup } from './components/button-group';\nimport { Card } from './components/card';\nimport { Checkbox } from './components/checkbox';\nimport { Chip } from './components/chip';\nimport { ComboBox } from './components/combobox';\nimport { CookieConsent } from './components/cookie-consent';\nimport { Dialog } from './components/dialog';\nimport { Divider } from './components/divider';\nimport { Dot } from './components/dot';\nimport { Filter } from './components/filter';\nimport { Footer } from './components/footer';\nimport { Forms } from './components/forms';\nimport { Header } from './components/header';\nimport { Icon } from './components/icon';\nimport { Input } from './components/input';\nimport { Label } from './components/label';\nimport { Link } from './components/link';\nimport { List } from './components/list';\nimport { Logo } from './components/logo';\nimport { MenuVertical } from './components/menu-vertical';\nimport { MenuBar } from './components/menubar';\nimport { Modal } from './components/modal';\nimport { Pagination } from './components/pagination';\nimport { PopupMenu } from './components/popup-menu';\nimport { ProgressBar } from './components/progress-bar';\nimport { ProgressStepper } from './components/progress-stepper';\nimport { Radio } from './components/radio';\nimport { SearchField } from './components/search-field';\nimport { Select } from './components/select';\nimport { Snackbar } from './components/snackbar';\nimport { Spinner } from './components/spinner';\nimport { Switch } from './components/switch';\nimport { Table } from './components/table';\nimport { Tabs } from './components/tabs';\nimport { Tooltip } from './components/tooltip';\nimport { UserMenu } from './components/user-menu';\nimport { ZebraTable } from './components/zebratable';\n\nconst components: ((colors: string[], theme: PluginAPI['theme']) => CSSRuleObject)[] = [\n  Alert,\n  Badge,\n  Breadcrumb,\n  ButtonGroup,\n  Button,\n  Checkbox,\n  Chip,\n  Dialog,\n  Dot,\n  Forms,\n  Filter,\n  Icon,\n  Input,\n  Label,\n  Link,\n  List,\n  Logo,\n  MenuBar,\n  MenuVertical,\n  Select,\n  Snackbar,\n  Spinner,\n  Radio,\n  Switch,\n  Table,\n  Tabs,\n  ZebraTable,\n  CookieConsent,\n  Modal,\n  Accordion,\n  Avatar,\n  Card,\n  Divider,\n  Tooltip,\n  UserMenu,\n  SearchField,\n  Pagination,\n  PopupMenu,\n  Footer,\n  Header,\n  ProgressStepper,\n  ProgressBar,\n  ComboBox,\n];\n\ninterface PluginOptions {\n  colors: string[];\n  cssBase: boolean;\n}\n\nconst defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];\n\nconst plugin = TailwindPlugin.withOptions<PluginOptions>(\n  function (options = { colors: [], cssBase: true }) {\n    return function ({ addComponents, addBase, theme }: PluginAPI) {\n      const optionColors = [...defaultColors, ...(options.colors || [])];\n\n      if (options.cssBase) {\n        addBase(base);\n      }\n\n      addComponents(components.map((component) => component(optionColors, theme)));\n    };\n  },\n  function () {\n    return {\n      theme: theme,\n    };\n  }\n);\n\nexport default plugin;\n"],"mappings":"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"}
+{"version":3,"file":"plugin.js","names":["_plugin","_interopRequireDefault","require","_base","_theme","_accordion","_alert","_avatar","_badge","_breadcrumb","_button","_buttonGroup","_card","_checkbox","_chip","_combobox","_cookieConsent","_dialog","_divider","_dot","_filter","_footer","_forms","_header","_icon","_input","_label","_link","_list","_logo","_menuVertical","_menubar","_modal","_pagination","_popupMenu","_progressBar","_progressStepper","_radio","_searchField","_select","_snackbar","_spinner","_switch","_table","_tabs","_tooltip","_userMenu","_zebratable","obj","__esModule","components","Alert","Badge","Breadcrumb","ButtonGroup","Button","Checkbox","Chip","Dialog","Dot","Forms","Filter","Icon","Input","Label","Link","List","Logo","MenuBar","MenuVertical","Select","Snackbar","Spinner","Radio","Switch","Table","Tabs","ZebraTable","CookieConsent","Modal","Accordion","Avatar","Card","Divider","Tooltip","UserMenu","SearchField","Pagination","PopupMenu","Footer","Header","ProgressStepper","ProgressBar","ComboBox","defaultColors","plugin","TailwindPlugin","withOptions","options","colors","cssBase","_ref","addComponents","addBase","theme","optionColors","concat","base","map","component","_default","exports"],"sources":["../../src/plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\nimport { base } from './base';\r\nimport { theme } from './theme';\r\n\r\n// components\r\nimport { CSSRuleObject, PluginAPI } from 'tailwindcss/types/config';\r\nimport { Accordion } from './components/accordion';\r\nimport { Alert } from './components/alert';\r\nimport { Avatar } from './components/avatar';\r\nimport { Badge } from './components/badge';\r\nimport { Breadcrumb } from './components/breadcrumb';\r\nimport { Button } from './components/button';\r\nimport { ButtonGroup } from './components/button-group';\r\nimport { Card } from './components/card';\r\nimport { Checkbox } from './components/checkbox';\r\nimport { Chip } from './components/chip';\r\nimport { ComboBox } from './components/combobox';\r\nimport { CookieConsent } from './components/cookie-consent';\r\nimport { Dialog } from './components/dialog';\r\nimport { Divider } from './components/divider';\r\nimport { Dot } from './components/dot';\r\nimport { Filter } from './components/filter';\r\nimport { Footer } from './components/footer';\r\nimport { Forms } from './components/forms';\r\nimport { Header } from './components/header';\r\nimport { Icon } from './components/icon';\r\nimport { Input } from './components/input';\r\nimport { Label } from './components/label';\r\nimport { Link } from './components/link';\r\nimport { List } from './components/list';\r\nimport { Logo } from './components/logo';\r\nimport { MenuVertical } from './components/menu-vertical';\r\nimport { MenuBar } from './components/menubar';\r\nimport { Modal } from './components/modal';\r\nimport { Pagination } from './components/pagination';\r\nimport { PopupMenu } from './components/popup-menu';\r\nimport { ProgressBar } from './components/progress-bar';\r\nimport { ProgressStepper } from './components/progress-stepper';\r\nimport { Radio } from './components/radio';\r\nimport { SearchField } from './components/search-field';\r\nimport { Select } from './components/select';\r\nimport { Snackbar } from './components/snackbar';\r\nimport { Spinner } from './components/spinner';\r\nimport { Switch } from './components/switch';\r\nimport { Table } from './components/table';\r\nimport { Tabs } from './components/tabs';\r\nimport { Tooltip } from './components/tooltip';\r\nimport { UserMenu } from './components/user-menu';\r\nimport { ZebraTable } from './components/zebratable';\r\n\r\nconst components: ((colors: string[], theme: PluginAPI['theme']) => CSSRuleObject)[] = [\r\n  Alert,\r\n  Badge,\r\n  Breadcrumb,\r\n  ButtonGroup,\r\n  Button,\r\n  Checkbox,\r\n  Chip,\r\n  Dialog,\r\n  Dot,\r\n  Forms,\r\n  Filter,\r\n  Icon,\r\n  Input,\r\n  Label,\r\n  Link,\r\n  List,\r\n  Logo,\r\n  MenuBar,\r\n  MenuVertical,\r\n  Select,\r\n  Snackbar,\r\n  Spinner,\r\n  Radio,\r\n  Switch,\r\n  Table,\r\n  Tabs,\r\n  ZebraTable,\r\n  CookieConsent,\r\n  Modal,\r\n  Accordion,\r\n  Avatar,\r\n  Card,\r\n  Divider,\r\n  Tooltip,\r\n  UserMenu,\r\n  SearchField,\r\n  Pagination,\r\n  PopupMenu,\r\n  Footer,\r\n  Header,\r\n  ProgressStepper,\r\n  ProgressBar,\r\n  ComboBox,\r\n];\r\n\r\ninterface PluginOptions {\r\n  colors: string[];\r\n  cssBase: boolean;\r\n}\r\n\r\nconst defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];\r\n\r\nconst plugin = TailwindPlugin.withOptions<PluginOptions>(\r\n  function (options = { colors: [], cssBase: true }) {\r\n    return function ({ addComponents, addBase, theme }: PluginAPI) {\r\n      const optionColors = [...defaultColors, ...(options.colors || [])];\r\n\r\n      if (options.cssBase) {\r\n        addBase(base);\r\n      }\r\n\r\n      addComponents(components.map((component) => component(optionColors, theme)));\r\n    };\r\n  },\r\n  function () {\r\n    return {\r\n      theme: theme,\r\n    };\r\n  }\r\n);\r\n\r\nexport default plugin;\r\n"],"mappings":"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"}

package/dist/cjs/theme.js

@@ -9,26 +9,26 @@ var _theme = require("@sk-web-gui/theme");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 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 theme = exports.theme = {
-  fontSize: _extends({}, _units.units.fontSizes, {
-    tiny: '1rem',
-    xs: '1.2rem',
-    xl: _units.units.fontSizes['h4'],
-    '2xl': _units.units.fontSizes['h3'],
-    '3xl': _units.units.fontSizes['h2'],
-    '4xl': _units.units.fontSizes['h1'],
-    '5xl': _units.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: _theme.screens,
-  borderRadius: _extends({}, _units.units.radius, {
-    base: 'var(--sk-spacing-0)'
-  }),
   extend: {
+    fontSize: _extends({}, _units.units.fontSizes, {
+      tiny: '1rem',
+      xs: '1.2rem',
+      xl: _units.units.fontSizes['h4'],
+      '2xl': _units.units.fontSizes['h3'],
+      '3xl': _units.units.fontSizes['h2'],
+      '4xl': _units.units.fontSizes['h1'],
+      '5xl': _units.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: _theme.screens,
+    borderRadius: _extends({}, _units.units.radius, {
+      base: 'var(--sk-spacing-0)'
+    }),
     backgroundPosition: _extends({}, Object.keys(_units.units.spacing).reduce(function (positions, spaceKey) {
       var _extends2;
       return _extends({}, positions, (_extends2 = {}, _extends2["top-" + spaceKey] = "center top " + _units.units.spacing[spaceKey], _extends2["right-" + spaceKey] = "center right " + _units.units.spacing[spaceKey], _extends2["bottom-" + spaceKey] = "center bottom " + _units.units.spacing[spaceKey], _extends2["left-" + spaceKey] = "center left " + _units.units.spacing[spaceKey], _extends2));
@@ -79,9 +79,6 @@ var theme = exports.theme = {
     maxWidth: {
       content: _theme.screens['desktop-max']
     },
-    borderRadius: _extends({}, _units.units.radius, {
-      base: 'var(--sk-spacing-0)'
-    }),
     lineHeight: _extends({}, _units.units.lineHeights, {
       xs: '1.6rem',
       xl: _units.units.lineHeights['h4'],

package/dist/cjs/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":["_withOpacity","_interopRequireDefault","require","_colors","_units","_theme","obj","__esModule","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","theme","exports","fontSize","units","fontSizes","tiny","xs","xl","fontFamily","DEFAULT","sans","header","display","screens","borderRadius","radius","base","extend","backgroundPosition","keys","spacing","reduce","positions","spaceKey","_extends2","boxShadow","ringColor","colors","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","withOpacity","fill","textColor","foreground","muted","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/theme.ts"],"sourcesContent":["import withOpacity from './with-opacity';\nimport { colors } from './colors';\nimport { units } from './units';\nimport { RecursiveObject, screens } from '@sk-web-gui/theme';\nimport { Config } from 'tailwindcss/types/config';\n\nconst theme: RecursiveObject<Config['theme'] | string | string[]> = {\n  fontSize: {\n    ...units.fontSizes,\n    tiny: '1rem',\n    xs: '1.2rem',\n    xl: units.fontSizes['h4'],\n    '2xl': units.fontSizes['h3'],\n    '3xl': units.fontSizes['h2'],\n    '4xl': units.fontSizes['h1'],\n    '5xl': units.fontSizes['h3'],\n  },\n  fontFamily: {\n    DEFAULT: ['Arial', 'Helvetica', 'sans-serif'],\n    sans: ['Arial', 'Helvetica', 'sans-serif'],\n    header: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\n    display: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\n  },\n  screens,\n  borderRadius: {\n    ...units.radius,\n    base: 'var(--sk-spacing-0)',\n  },\n\n  extend: {\n    backgroundPosition: {\n      ...(Object.keys(units.spacing) as Array<keyof typeof units.spacing>).reduce(\n        (positions, spaceKey) => ({\n          ...positions,\n          [`top-${spaceKey}`]: `center top ${units.spacing[spaceKey]}`,\n          [`right-${spaceKey}`]: `center right ${units.spacing[spaceKey]}`,\n          [`bottom-${spaceKey}`]: `center bottom ${units.spacing[spaceKey]}`,\n          [`left-${spaceKey}`]: `center left ${units.spacing[spaceKey]}`,\n        }),\n        {}\n      ),\n    },\n    boxShadow: {\n      '50': `\n      0 0 0.3rem 0 rgba(10, 12, 15, 0.08),\n      0 0.1rem 0.8rem 0 rgba(10, 12, 15, 0.13)\n      `,\n      '100': `\n        0 0.6rem 1.6rem 0 rgba(13,13,14, 0.07),\n        0 0.181rem 1.2rem 0 rgba(13,13,14, 0.15),\n        0 0.075rem 0.2rem 0 rgba(13,13,14, 0.085),\n        0 0.027rem 0.072rem 0 rgba(13,13,14, 0.0583)\n      `,\n      '200': `\n        0 1.5rem 2.7rem 0 rgba(13,13,14, 0.1),\n        0 0.452rem 1.2rem 0 rgba(13,13,14, 0.06),\n        0 0.188rem 0.338rem 0 rgba(13,13,14, 0.03),\n        0 0.068rem 0.122rem 0 rgba(13,13,14, 0.02)\n      `,\n    },\n    ringColor: {\n      DEFAULT: colors.ring,\n      ...colors,\n    },\n    ringOffsetWidth: {\n      DEFAULT: '0.2rem',\n    },\n    ringWidth: {\n      DEFAULT: '0.3rem',\n      0: '0px',\n    },\n    ringOpacity: {\n      DEFAULT: '1px',\n    },\n    colors: {\n      ...colors,\n      current: 'currentColor',\n      gray: {\n        DEFAULT: colors.primitives.gray[600],\n        stroke: colors.divider,\n        middle: colors.primitives.gray[600],\n        light: colors.primitives.gray[300],\n        lighter: colors.primitives.gray[200],\n        ...colors.primitives.gray,\n      },\n      hover: colors.primitives.gray[600],\n      background: {\n        ...colors.background,\n        one: colors.background[100],\n        two: colors.background[200],\n      },\n    },\n    cursor: {\n      base: 'var(--tw-cursor)',\n    },\n    spacing: {\n      ...units.spacing,\n      xs: units.spacing[4],\n      sm: units.spacing[8],\n      md: units.spacing[16],\n      lg: units.spacing[24],\n      xl: units.spacing[48],\n    },\n    maxWidth: {\n      content: screens['desktop-max'],\n    },\n    borderRadius: {\n      ...units.radius,\n      base: 'var(--sk-spacing-0)',\n    },\n    lineHeight: {\n      ...units.lineHeights,\n      xs: '1.6rem',\n      xl: units.lineHeights['h4'],\n      '2xl': units.lineHeights['h3'],\n      '3xl': units.lineHeights['h2'],\n      '4xl': units.lineHeights['h1'],\n      '5xl': units.lineHeights['display-3'],\n    },\n    opacity: {\n      '15': '0.15',\n    },\n    borderWidth: {\n      DEFAULT: '0.2rem',\n      '1': '0.1rem',\n      '2': '0.2rem',\n    },\n    backgroundColor: {\n      base: withOpacity('--sk-colors-primary-surface'),\n      fill: withOpacity('--sk-colors-bg-fill'),\n    },\n    textColor: {\n      foreground: withOpacity('--sk-colors-primary-DEFAULT'),\n      muted: withOpacity('--sk-colors-xt-muted'),\n    },\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};\nexport { theme };\n"],"mappings":"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"}
+{"version":3,"file":"theme.js","names":["_withOpacity","_interopRequireDefault","require","_colors","_units","_theme","obj","__esModule","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","theme","exports","extend","fontSize","units","fontSizes","tiny","xs","xl","fontFamily","DEFAULT","sans","header","display","screens","borderRadius","radius","base","backgroundPosition","keys","spacing","reduce","positions","spaceKey","_extends2","boxShadow","ringColor","colors","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","withOpacity","fill","textColor","foreground","muted","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/theme.ts"],"sourcesContent":["import withOpacity from './with-opacity';\r\nimport { colors } from './colors';\r\nimport { units } from './units';\r\nimport { RecursiveObject, screens } from '@sk-web-gui/theme';\r\nimport { Config } from 'tailwindcss/types/config';\r\n\r\nconst theme: RecursiveObject<Config['theme'] | string | string[]> = {\r\n  extend: {\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    backgroundPosition: {\r\n      ...(Object.keys(units.spacing) as Array<keyof typeof 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      '50': `\r\n      0 0 0.3rem 0 rgba(10, 12, 15, 0.08),\r\n      0 0.1rem 0.8rem 0 rgba(10, 12, 15, 0.13)\r\n      `,\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: '1px',\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: screens['desktop-max'],\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\nexport { theme };\r\n"],"mappings":"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"}

package/dist/cjs/units.js.map

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

package/dist/esm/components/alert-banner.js

@@ -18,7 +18,7 @@ module.exports = Modal = () => ({
     }
   },
   '.tab': {
-    '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-3xl shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {}
+    '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-button shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {}
   }
 });
 //# sourceMappingURL=alert-banner.js.map

package/dist/esm/components/alert-banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-banner.js","names":["module","exports","Modal"],"sources":["../../../src/components/alert-banner.js"],"sourcesContent":["module.exports = Modal = () => ({\r\n  '.alert-banner': {\r\n    '@apply p-md': {},\r\n\r\n    '&-content': {\r\n      '@apply w-full m-auto flex': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply flex-grow flex': {},\r\n      },\r\n    },\r\n\r\n    '&-icon': {\r\n      '@apply mr-[10px]': {},\r\n    },\r\n\r\n    '&-children': {\r\n      '@apply w-full underline inline-block max-w-[800px] text-body text-base': {},\r\n    },\r\n\r\n    '&-close': {\r\n      '@apply p-4 -m-4 flex flex-col': {},\r\n    },\r\n  },\r\n\r\n  '.tab': {\r\n    '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-3xl shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {},\r\n  },\r\n  \r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAGA,CAAA,MAAO;EAC9B,eAAe,EAAE;IACf,aAAa,EAAE,CAAC,CAAC;IAEjB,WAAW,EAAE;MACX,2BAA2B,EAAE,CAAC,CAAC;MAE/B,WAAW,EAAE;QACX,uBAAuB,EAAE,CAAC;MAC5B;IACF,CAAC;IAED,QAAQ,EAAE;MACR,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,YAAY,EAAE;MACZ,wEAAwE,EAAE,CAAC;IAC7E,CAAC;IAED,SAAS,EAAE;MACT,+BAA+B,EAAE,CAAC;IACpC;EACF,CAAC;EAED,MAAM,EAAE;IACN,mGAAmG,EAAE,CAAC;EACxG;AAEF,CAAC,CAAC"}
+{"version":3,"file":"alert-banner.js","names":["module","exports","Modal"],"sources":["../../../src/components/alert-banner.js"],"sourcesContent":["module.exports = Modal = () => ({\r\n  '.alert-banner': {\r\n    '@apply p-md': {},\r\n\r\n    '&-content': {\r\n      '@apply w-full m-auto flex': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply flex-grow flex': {},\r\n      },\r\n    },\r\n\r\n    '&-icon': {\r\n      '@apply mr-[10px]': {},\r\n    },\r\n\r\n    '&-children': {\r\n      '@apply w-full underline inline-block max-w-[800px] text-body text-base': {},\r\n    },\r\n\r\n    '&-close': {\r\n      '@apply p-4 -m-4 flex flex-col': {},\r\n    },\r\n  },\r\n\r\n  '.tab': {\r\n    '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-button shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {},\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAGA,CAAA,MAAO;EAC9B,eAAe,EAAE;IACf,aAAa,EAAE,CAAC,CAAC;IAEjB,WAAW,EAAE;MACX,2BAA2B,EAAE,CAAC,CAAC;MAE/B,WAAW,EAAE;QACX,uBAAuB,EAAE,CAAC;MAC5B;IACF,CAAC;IAED,QAAQ,EAAE;MACR,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,YAAY,EAAE;MACZ,wEAAwE,EAAE,CAAC;IAC7E,CAAC;IAED,SAAS,EAAE;MACT,+BAA+B,EAAE,CAAC;IACpC;EACF,CAAC;EAED,MAAM,EAAE;IACN,sGAAsG,EAAE,CAAC;EAC3G;AACF,CAAC,CAAC"}

package/dist/esm/components/button.js

@@ -195,6 +195,9 @@ export var Button = colors => ({
       }
     }
   }, buttonPrimary(colors), buttonSecondary(), buttonTertiary(), buttonGhost(), buttonLink(colors), {
+    '&[data-background="false"]:not(:hover)': {
+      '@apply bg-transparent': {}
+    },
     '.btn-has-icon': {
       '&-left': {
         '@apply h-full flex items-center justify-center -ml-2': {},

package/dist/esm/components/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["buttonPrimary","colors","_extends","reduce","styles","color","buttonSecondary","buttonTertiary","buttonGhost","buttonLink","Button","transitionProperty","svg","minWidth","width","maxWidth"],"sources":["../../../src/components/button.ts"],"sourcesContent":["function buttonPrimary(colors: string[]) {\r\n  return {\r\n    '&-primary': {\r\n      '@apply text-light-primary': {},\r\n      /* hover */\r\n      '@apply hover:bg-primary-surface-hover': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {},\r\n            // hover\r\n            [`@apply hover:bg-${color}-surface-primary-hover hover:text-light-primary`]: {},\r\n            // keyboard active\r\n            '&.active': {\r\n              [`@apply bg-${color}-surface-primary-hover`]: {},\r\n            },\r\n            [`@apply active:bg-${color}-surface-primary-hover`]: {},\r\n\r\n            '&[data-inverted=\"true\"]': {\r\n              '@apply text-inverted-light-primary': {},\r\n              [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {},\r\n              // hover\r\n              [`@apply hover:bg-inverted-${color}-surface-primary-hover hover:text-inverted-light-primary`]: {},\r\n              // keyboard active\r\n              '&.active': {\r\n                [`@apply bg-inverted-${color}-surface-primary-hover`]: {},\r\n              },\r\n              [`@apply active:bg-inverted-${color}-surface-primary-hover`]: {},\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply bg-primary-surface': {},\r\n        '@apply hover:bg-primary-surface-hover': {},\r\n        '&.active': {\r\n          '@apply bg-primary-surface-hover': {},\r\n        },\r\n        [`@apply active:bg-primary-surface-hover`]: {},\r\n\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply text-inverted-light-primary': {},\r\n          '@apply bg-inverted-primary-surface': {},\r\n          '@apply hover:bg-inverted-primary-surface-hover': {},\r\n          '&.active': {\r\n            '@apply bg-inverted-primary-surface-hover': {},\r\n          },\r\n          [`@apply active:bg-inverted-primary-surface-hover`]: {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\nfunction buttonSecondary() {\r\n  return {\r\n    '&-secondary': {\r\n      '@apply border-secondary-outline': {},\r\n      '@apply text-dark-secondary': {},\r\n      '@apply bg-secondary-surface': {},\r\n      /* hover */\r\n      '@apply hover:border-secondary-outline-hover': {},\r\n      '@apply hover:bg-secondary-surface-hover': {},\r\n      /* focus */\r\n      '@apply focus-visible:border-background-content': {},\r\n\r\n      // State\r\n      '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n        '@apply disabled:bg-secondary-surface-disabled bg-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n          {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply border-inverted-secondary-outline': {},\r\n        '@apply text-inverted-dark-secondary': {},\r\n        '@apply bg-inverted-secondary-surface': {},\r\n        /* hover */\r\n        '@apply hover:border-inverted-secondary-outline-hover': {},\r\n        '@apply hover:bg-inverted-secondary-surface-hover': {},\r\n        /* focus */\r\n        '@apply focus-visible:border-inverted-background-content': {},\r\n\r\n        // State\r\n        '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:bg-inverted-secondary-surface-disabled bg-inverted-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n            {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonTertiary() {\r\n  return {\r\n    '&-tertiary': {\r\n      '@apply text-dark-secondary': {},\r\n      '@apply bg-tertiary-surface': {},\r\n      /* hover */\r\n      '@apply hover:bg-tertiary-surface-hover': {},\r\n\r\n      // State\r\n      '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n        '@apply disabled:bg-tertiary-surface-disabled bg-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n          {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-dark-secondary': {},\r\n        '@apply bg-inverted-tertiary-surface': {},\r\n        /* hover */\r\n        '@apply hover:bg-inverted-tertiary-surface-hover': {},\r\n        '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:bg-inverted-tertiary-surface-disabled bg-inverted-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n            {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\nfunction buttonGhost() {\r\n  return {\r\n    '&-ghost': {\r\n      '@apply text-dark-secondary': {},\r\n      '@apply bg-transparent': {},\r\n      '@apply border-transparent': {},\r\n      /* hover */\r\n      '@apply hover:bg-transparent': {},\r\n      '@apply hover:border-transparent': {},\r\n\r\n      // State\r\n      '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n        '@apply disabled:bg-transparent bg-transparent disabled:border-transparent border-transparent !important': {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-dark-secondary': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonLink(colors: string[]) {\r\n  return {\r\n    '&-link': {\r\n      '@apply h-auto p-0 leading-normal text-neutral-600 hover:underline active:text-neutral-700': {},\r\n      '&.active': {\r\n        '@apply underline': {},\r\n      },\r\n      // dark colors\r\n      '@apply dark:text-neutral-200': {},\r\n      '@apply dark:active:text-neutral-500': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply text-${color}-text active:text-${color}-text`]: {},\r\n            // dark colors\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nexport const Button = (colors: string[]) => ({\r\n  '.sk-btn': {\r\n    '@apply box-border': {},\r\n    '@apply border-2 border-transparent': {},\r\n    '@apply cursor-pointer': {},\r\n    '@apply relative': {},\r\n    '@apply m-0': {},\r\n    '@apply px-24 py-8 gap-8': {},\r\n    '@apply inline-flex items-center justify-center flex-shrink-0 align-middle': {},\r\n    '@apply rounded-button': {},\r\n    transitionProperty: 'background-color, border-color, color, fill, stroke, box-shadow',\r\n    '@apply\tduration-75 ease-out': {},\r\n    '@apply outline-none appearance-none select-none whitespace-nowrap': {},\r\n    '@apply focus-visible:outline-none': {},\r\n    '@apply focus-visible:ring': {},\r\n\r\n    \"&[data-rounded='true']\": {\r\n      '@apply rounded-circular': {},\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply text-label-small': {},\r\n      '@apply px-14 py-8 gap-6': {},\r\n      '@apply max-h-[3.2rem] h-[3.2rem]': {},\r\n      '@apply rounded-button-sm': {},\r\n      svg: {\r\n        '@apply h-[1.6rem] w-[1.6rem]': {},\r\n      },\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-label-medium': {},\r\n      '@apply px-18 py-8 gap-8': {},\r\n      '@apply max-h-[4rem] h-[4rem]': {},\r\n      '@apply rounded-button-md': {},\r\n      svg: {\r\n        '@apply h-[1.8rem] w-[1.8rem]': {},\r\n      },\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-label-large': {},\r\n      '@apply px-24 py-8 gap-8': {},\r\n      '@apply max-h-[4.8rem] h-[4.8rem]': {},\r\n      '@apply rounded-button-lg': {},\r\n      svg: {\r\n        '@apply h-[2rem] w-[2rem]': {},\r\n      },\r\n    },\r\n\r\n    // State\r\n    '&-disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply shadow-none disabled:shadow-none disabled:cursor-default cursor-default': {},\r\n      '@apply disabled:text-dark-disabled text-dark-disabled disabled:bg-primary-surface-disabled bg-primary-surface-disabled disabled:border-transparent border-transparent !important':\r\n        {},\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply disabled:text-inverted-dark-disabled text-inverted-dark-disabled disabled:bg-inverted-primary-surface-disabled bg-inverted-primary-surface-disabled disabled:border-transparent border-transparent !important':\r\n          {},\r\n      },\r\n    },\r\n\r\n    // variants\r\n    ...buttonPrimary(colors),\r\n    ...buttonSecondary(),\r\n    ...buttonTertiary(),\r\n    ...buttonGhost(),\r\n    ...buttonLink(colors),\r\n\r\n    '.btn-has-icon': {\r\n      '&-left': {\r\n        '@apply h-full flex items-center justify-center -ml-2': {},\r\n        '.sk-icon': {\r\n          '@apply bg-transparent': {},\r\n          color: 'currentColor',\r\n        },\r\n      },\r\n      '&-right': {\r\n        '@apply h-full flex items-center justify-center -mr-2': {},\r\n        '.sk-icon': {\r\n          '@apply bg-transparent': {},\r\n          color: 'currentColor',\r\n        },\r\n      },\r\n    },\r\n    '&-lg .btn-has-icon-left': {\r\n      '@apply -ml-4': {},\r\n    },\r\n    '&-lg .btn-has-icon-right': {\r\n      '@apply -mr-4': {},\r\n    },\r\n    '&[data-icon=true]': {\r\n      '@apply p-0': {},\r\n\r\n      '.sk-icon': {\r\n        '@apply bg-transparent': {},\r\n        color: 'currentColor',\r\n      },\r\n\r\n      \"&[data-rounded='true']\": {\r\n        '@apply rounded-full': {},\r\n      },\r\n\r\n      '&.sk-btn-sm': {\r\n        minWidth: '3.2rem',\r\n        width: '3.2rem',\r\n        maxWidth: '3.2rem',\r\n        svg: {\r\n          '@apply h-[2rem] w-[2rem]': {},\r\n        },\r\n      },\r\n\r\n      '&.sk-btn-md': {\r\n        minWidth: '4rem',\r\n        width: '4rem',\r\n        maxWidth: '4rem',\r\n        svg: {\r\n          '@apply h-[2rem] w-[2rem]': {},\r\n        },\r\n      },\r\n\r\n      '&.sk-btn-lg': {\r\n        minWidth: '4.8rem',\r\n        width: '4.8rem',\r\n        maxWidth: '4.8rem',\r\n        svg: {\r\n          '@apply h-[2.4rem] w-[2.4rem]': {},\r\n        },\r\n      },\r\n      '.btn-has-icon': {\r\n        '&-left': {\r\n          '@apply m-0': {},\r\n        },\r\n        '&-right': {\r\n          '@apply m-0': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAA,SAASA,aAAaA,CAACC,MAAgB,EAAE;EACvC,OAAO;IACL,WAAW,EAAAC,QAAA;MACT,2BAA2B,EAAE,CAAC,CAAC;MAC/B;MACA,uCAAuC,EAAE,CAAC;IAAC,GAExCD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,gBAAcA,KAAK,+BAA0BA,KAAK,uBAAoB,CAAC,CAAC;QACxE;QACA,sBAAoBA,KAAK,uDAAoD,CAAC,CAAC;QAC/E;QACA,UAAU,EAAE;UACV,gBAAcA,KAAK,8BAA2B,CAAC;QACjD,CAAC;QACD,uBAAqBA,KAAK,8BAA2B,CAAC,CAAC;QAEvD,yBAAyB,EAAE;UACzB,oCAAoC,EAAE,CAAC,CAAC;UACxC,yBAAuBA,KAAK,uCAAkCA,KAAK,uBAAoB,CAAC,CAAC;UACzF;UACA,+BAA6BA,KAAK,gEAA6D,CAAC,CAAC;UACjG;UACA,UAAU,EAAE;YACV,yBAAuBA,KAAK,8BAA2B,CAAC;UAC1D,CAAC;UACD,gCAA8BA,KAAK,8BAA2B,CAAC;QACjE;MACF;IAAC,EACD,EACF,CAAC,CACH,CAAC;MAED,yBAAyB,EAAE;QACzB,2BAA2B,EAAE,CAAC,CAAC;QAC/B,uCAAuC,EAAE,CAAC,CAAC;QAC3C,UAAU,EAAE;UACV,iCAAiC,EAAE,CAAC;QACtC,CAAC;QACD,4CAA4C,CAAC,CAAC;QAE9C,yBAAyB,EAAE;UACzB,oCAAoC,EAAE,CAAC,CAAC;UACxC,oCAAoC,EAAE,CAAC,CAAC;UACxC,gDAAgD,EAAE,CAAC,CAAC;UACpD,UAAU,EAAE;YACV,0CAA0C,EAAE,CAAC;UAC/C,CAAC;UACD,qDAAqD,CAAC;QACxD;MACF;IAAC;EAEL,CAAC;AACH;AACA,SAASC,eAAeA,CAAA,EAAG;EACzB,OAAO;IACL,aAAa,EAAE;MACb,iCAAiC,EAAE,CAAC,CAAC;MACrC,4BAA4B,EAAE,CAAC,CAAC;MAChC,6BAA6B,EAAE,CAAC,CAAC;MACjC;MACA,6CAA6C,EAAE,CAAC,CAAC;MACjD,yCAAyC,EAAE,CAAC,CAAC;MAC7C;MACA,gDAAgD,EAAE,CAAC,CAAC;MAEpD;MACA,4CAA4C,EAAE;QAC5C,uIAAuI,EACrI,CAAC;MACL,CAAC;MAED,yBAAyB,EAAE;QACzB,0CAA0C,EAAE,CAAC,CAAC;QAC9C,qCAAqC,EAAE,CAAC,CAAC;QACzC,sCAAsC,EAAE,CAAC,CAAC;QAC1C;QACA,sDAAsD,EAAE,CAAC,CAAC;QAC1D,kDAAkD,EAAE,CAAC,CAAC;QACtD;QACA,yDAAyD,EAAE,CAAC,CAAC;QAE7D;QACA,4CAA4C,EAAE;UAC5C,yJAAyJ,EACvJ,CAAC;QACL;MACF;IACF;EACF,CAAC;AACH;AAEA,SAASC,cAAcA,CAAA,EAAG;EACxB,OAAO;IACL,YAAY,EAAE;MACZ,4BAA4B,EAAE,CAAC,CAAC;MAChC,4BAA4B,EAAE,CAAC,CAAC;MAChC;MACA,wCAAwC,EAAE,CAAC,CAAC;MAE5C;MACA,4CAA4C,EAAE;QAC5C,qIAAqI,EACnI,CAAC;MACL,CAAC;MAED,yBAAyB,EAAE;QACzB,qCAAqC,EAAE,CAAC,CAAC;QACzC,qCAAqC,EAAE,CAAC,CAAC;QACzC;QACA,iDAAiD,EAAE,CAAC,CAAC;QACrD,4CAA4C,EAAE;UAC5C,uJAAuJ,EACrJ,CAAC;QACL;MACF;IACF;EACF,CAAC;AACH;AACA,SAASC,WAAWA,CAAA,EAAG;EACrB,OAAO;IACL,SAAS,EAAE;MACT,4BAA4B,EAAE,CAAC,CAAC;MAChC,uBAAuB,EAAE,CAAC,CAAC;MAC3B,2BAA2B,EAAE,CAAC,CAAC;MAC/B;MACA,6BAA6B,EAAE,CAAC,CAAC;MACjC,iCAAiC,EAAE,CAAC,CAAC;MAErC;MACA,4CAA4C,EAAE;QAC5C,yGAAyG,EAAE,CAAC;MAC9G,CAAC;MAED,yBAAyB,EAAE;QACzB,qCAAqC,EAAE,CAAC;MAC1C;IACF;EACF,CAAC;AACH;AAEA,SAASC,UAAUA,CAACR,MAAgB,EAAE;EACpC,OAAO;IACL,QAAQ,EAAAC,QAAA;MACN,2FAA2F,EAAE,CAAC,CAAC;MAC/F,UAAU,EAAE;QACV,kBAAkB,EAAE,CAAC;MACvB,CAAC;MACD;MACA,8BAA8B,EAAE,CAAC,CAAC;MAClC,qCAAqC,EAAE,CAAC;IAAC,GAEtCD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,kBAAgBA,KAAK,0BAAqBA,KAAK,aAAU,CAAC;QAC1D;MACF;IAAC,EACD,EACF,CAAC,CACH,CAAC;EAEL,CAAC;AACH;AAEA,OAAO,IAAMK,MAAM,GAAIT,MAAgB,KAAM;EAC3C,SAAS,EAAAC,QAAA;IACP,mBAAmB,EAAE,CAAC,CAAC;IACvB,oCAAoC,EAAE,CAAC,CAAC;IACxC,uBAAuB,EAAE,CAAC,CAAC;IAC3B,iBAAiB,EAAE,CAAC,CAAC;IACrB,YAAY,EAAE,CAAC,CAAC;IAChB,yBAAyB,EAAE,CAAC,CAAC;IAC7B,2EAA2E,EAAE,CAAC,CAAC;IAC/E,uBAAuB,EAAE,CAAC,CAAC;IAC3BS,kBAAkB,EAAE,iEAAiE;IACrF,6BAA6B,EAAE,CAAC,CAAC;IACjC,mEAAmE,EAAE,CAAC,CAAC;IACvE,mCAAmC,EAAE,CAAC,CAAC;IACvC,2BAA2B,EAAE,CAAC,CAAC;IAE/B,wBAAwB,EAAE;MACxB,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IAED;IACA,MAAM,EAAE;MACN,yBAAyB,EAAE,CAAC,CAAC;MAC7B,yBAAyB,EAAE,CAAC,CAAC;MAC7B,kCAAkC,EAAE,CAAC,CAAC;MACtC,0BAA0B,EAAE,CAAC,CAAC;MAC9BC,GAAG,EAAE;QACH,8BAA8B,EAAE,CAAC;MACnC;IACF,CAAC;IAED,MAAM,EAAE;MACN,0BAA0B,EAAE,CAAC,CAAC;MAC9B,yBAAyB,EAAE,CAAC,CAAC;MAC7B,8BAA8B,EAAE,CAAC,CAAC;MAClC,0BAA0B,EAAE,CAAC,CAAC;MAC9BA,GAAG,EAAE;QACH,8BAA8B,EAAE,CAAC;MACnC;IACF,CAAC;IAED,MAAM,EAAE;MACN,yBAAyB,EAAE,CAAC,CAAC;MAC7B,yBAAyB,EAAE,CAAC,CAAC;MAC7B,kCAAkC,EAAE,CAAC,CAAC;MACtC,0BAA0B,EAAE,CAAC,CAAC;MAC9BA,GAAG,EAAE;QACH,0BAA0B,EAAE,CAAC;MAC/B;IACF,CAAC;IAED;IACA,qCAAqC,EAAE;MACrC,gFAAgF,EAAE,CAAC,CAAC;MACpF,kLAAkL,EAChL,CAAC,CAAC;MACJ,yBAAyB,EAAE;QACzB,sNAAsN,EACpN,CAAC;MACL;IACF;EAAC,GAGEZ,aAAa,CAACC,MAAM,CAAC,EACrBK,eAAe,CAAC,CAAC,EACjBC,cAAc,CAAC,CAAC,EAChBC,WAAW,CAAC,CAAC,EACbC,UAAU,CAACR,MAAM,CAAC;IAErB,eAAe,EAAE;MACf,QAAQ,EAAE;QACR,sDAAsD,EAAE,CAAC,CAAC;QAC1D,UAAU,EAAE;UACV,uBAAuB,EAAE,CAAC,CAAC;UAC3BI,KAAK,EAAE;QACT;MACF,CAAC;MACD,SAAS,EAAE;QACT,sDAAsD,EAAE,CAAC,CAAC;QAC1D,UAAU,EAAE;UACV,uBAAuB,EAAE,CAAC,CAAC;UAC3BA,KAAK,EAAE;QACT;MACF;IACF,CAAC;IACD,yBAAyB,EAAE;MACzB,cAAc,EAAE,CAAC;IACnB,CAAC;IACD,0BAA0B,EAAE;MAC1B,cAAc,EAAE,CAAC;IACnB,CAAC;IACD,mBAAmB,EAAE;MACnB,YAAY,EAAE,CAAC,CAAC;MAEhB,UAAU,EAAE;QACV,uBAAuB,EAAE,CAAC,CAAC;QAC3BA,KAAK,EAAE;MACT,CAAC;MAED,wBAAwB,EAAE;QACxB,qBAAqB,EAAE,CAAC;MAC1B,CAAC;MAED,aAAa,EAAE;QACbQ,QAAQ,EAAE,QAAQ;QAClBC,KAAK,EAAE,QAAQ;QACfC,QAAQ,EAAE,QAAQ;QAClBH,GAAG,EAAE;UACH,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MAED,aAAa,EAAE;QACbC,QAAQ,EAAE,MAAM;QAChBC,KAAK,EAAE,MAAM;QACbC,QAAQ,EAAE,MAAM;QAChBH,GAAG,EAAE;UACH,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MAED,aAAa,EAAE;QACbC,QAAQ,EAAE,QAAQ;QAClBC,KAAK,EAAE,QAAQ;QACfC,QAAQ,EAAE,QAAQ;QAClBH,GAAG,EAAE;UACH,8BAA8B,EAAE,CAAC;QACnC;MACF,CAAC;MACD,eAAe,EAAE;QACf,QAAQ,EAAE;UACR,YAAY,EAAE,CAAC;QACjB,CAAC;QACD,SAAS,EAAE;UACT,YAAY,EAAE,CAAC;QACjB;MACF;IACF;EAAC;AAEL,CAAC,CAAC"}
+{"version":3,"file":"button.js","names":["buttonPrimary","colors","_extends","reduce","styles","color","buttonSecondary","buttonTertiary","buttonGhost","buttonLink","Button","transitionProperty","svg","minWidth","width","maxWidth"],"sources":["../../../src/components/button.ts"],"sourcesContent":["function buttonPrimary(colors: string[]) {\r\n  return {\r\n    '&-primary': {\r\n      '@apply text-light-primary': {},\r\n      /* hover */\r\n      '@apply hover:bg-primary-surface-hover': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {},\r\n            // hover\r\n            [`@apply hover:bg-${color}-surface-primary-hover hover:text-light-primary`]: {},\r\n            // keyboard active\r\n            '&.active': {\r\n              [`@apply bg-${color}-surface-primary-hover`]: {},\r\n            },\r\n            [`@apply active:bg-${color}-surface-primary-hover`]: {},\r\n\r\n            '&[data-inverted=\"true\"]': {\r\n              '@apply text-inverted-light-primary': {},\r\n              [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {},\r\n              // hover\r\n              [`@apply hover:bg-inverted-${color}-surface-primary-hover hover:text-inverted-light-primary`]: {},\r\n              // keyboard active\r\n              '&.active': {\r\n                [`@apply bg-inverted-${color}-surface-primary-hover`]: {},\r\n              },\r\n              [`@apply active:bg-inverted-${color}-surface-primary-hover`]: {},\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply bg-primary-surface': {},\r\n        '@apply hover:bg-primary-surface-hover': {},\r\n        '&.active': {\r\n          '@apply bg-primary-surface-hover': {},\r\n        },\r\n        [`@apply active:bg-primary-surface-hover`]: {},\r\n\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply text-inverted-light-primary': {},\r\n          '@apply bg-inverted-primary-surface': {},\r\n          '@apply hover:bg-inverted-primary-surface-hover': {},\r\n          '&.active': {\r\n            '@apply bg-inverted-primary-surface-hover': {},\r\n          },\r\n          [`@apply active:bg-inverted-primary-surface-hover`]: {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\nfunction buttonSecondary() {\r\n  return {\r\n    '&-secondary': {\r\n      '@apply border-secondary-outline': {},\r\n      '@apply text-dark-secondary': {},\r\n      '@apply bg-secondary-surface': {},\r\n      /* hover */\r\n      '@apply hover:border-secondary-outline-hover': {},\r\n      '@apply hover:bg-secondary-surface-hover': {},\r\n      /* focus */\r\n      '@apply focus-visible:border-background-content': {},\r\n\r\n      // State\r\n      '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n        '@apply disabled:bg-secondary-surface-disabled bg-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n          {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply border-inverted-secondary-outline': {},\r\n        '@apply text-inverted-dark-secondary': {},\r\n        '@apply bg-inverted-secondary-surface': {},\r\n        /* hover */\r\n        '@apply hover:border-inverted-secondary-outline-hover': {},\r\n        '@apply hover:bg-inverted-secondary-surface-hover': {},\r\n        /* focus */\r\n        '@apply focus-visible:border-inverted-background-content': {},\r\n\r\n        // State\r\n        '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:bg-inverted-secondary-surface-disabled bg-inverted-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n            {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonTertiary() {\r\n  return {\r\n    '&-tertiary': {\r\n      '@apply text-dark-secondary': {},\r\n      '@apply bg-tertiary-surface': {},\r\n      /* hover */\r\n      '@apply hover:bg-tertiary-surface-hover': {},\r\n\r\n      // State\r\n      '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n        '@apply disabled:bg-tertiary-surface-disabled bg-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n          {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-dark-secondary': {},\r\n        '@apply bg-inverted-tertiary-surface': {},\r\n        /* hover */\r\n        '@apply hover:bg-inverted-tertiary-surface-hover': {},\r\n        '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:bg-inverted-tertiary-surface-disabled bg-inverted-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n            {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\nfunction buttonGhost() {\r\n  return {\r\n    '&-ghost': {\r\n      '@apply text-dark-secondary': {},\r\n      '@apply bg-transparent': {},\r\n      '@apply border-transparent': {},\r\n      /* hover */\r\n      '@apply hover:bg-transparent': {},\r\n      '@apply hover:border-transparent': {},\r\n\r\n      // State\r\n      '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n        '@apply disabled:bg-transparent bg-transparent disabled:border-transparent border-transparent !important': {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-dark-secondary': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonLink(colors: string[]) {\r\n  return {\r\n    '&-link': {\r\n      '@apply h-auto p-0 leading-normal text-neutral-600 hover:underline active:text-neutral-700': {},\r\n      '&.active': {\r\n        '@apply underline': {},\r\n      },\r\n      // dark colors\r\n      '@apply dark:text-neutral-200': {},\r\n      '@apply dark:active:text-neutral-500': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply text-${color}-text active:text-${color}-text`]: {},\r\n            // dark colors\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nexport const Button = (colors: string[]) => ({\r\n  '.sk-btn': {\r\n    '@apply box-border': {},\r\n    '@apply border-2 border-transparent': {},\r\n    '@apply cursor-pointer': {},\r\n    '@apply relative': {},\r\n    '@apply m-0': {},\r\n    '@apply px-24 py-8 gap-8': {},\r\n    '@apply inline-flex items-center justify-center flex-shrink-0 align-middle': {},\r\n    '@apply rounded-button': {},\r\n    transitionProperty: 'background-color, border-color, color, fill, stroke, box-shadow',\r\n    '@apply\tduration-75 ease-out': {},\r\n    '@apply outline-none appearance-none select-none whitespace-nowrap': {},\r\n    '@apply focus-visible:outline-none': {},\r\n    '@apply focus-visible:ring': {},\r\n\r\n    \"&[data-rounded='true']\": {\r\n      '@apply rounded-circular': {},\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply text-label-small': {},\r\n      '@apply px-14 py-8 gap-6': {},\r\n      '@apply max-h-[3.2rem] h-[3.2rem]': {},\r\n      '@apply rounded-button-sm': {},\r\n      svg: {\r\n        '@apply h-[1.6rem] w-[1.6rem]': {},\r\n      },\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-label-medium': {},\r\n      '@apply px-18 py-8 gap-8': {},\r\n      '@apply max-h-[4rem] h-[4rem]': {},\r\n      '@apply rounded-button-md': {},\r\n      svg: {\r\n        '@apply h-[1.8rem] w-[1.8rem]': {},\r\n      },\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-label-large': {},\r\n      '@apply px-24 py-8 gap-8': {},\r\n      '@apply max-h-[4.8rem] h-[4.8rem]': {},\r\n      '@apply rounded-button-lg': {},\r\n      svg: {\r\n        '@apply h-[2rem] w-[2rem]': {},\r\n      },\r\n    },\r\n\r\n    // State\r\n    '&-disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply shadow-none disabled:shadow-none disabled:cursor-default cursor-default': {},\r\n      '@apply disabled:text-dark-disabled text-dark-disabled disabled:bg-primary-surface-disabled bg-primary-surface-disabled disabled:border-transparent border-transparent !important':\r\n        {},\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply disabled:text-inverted-dark-disabled text-inverted-dark-disabled disabled:bg-inverted-primary-surface-disabled bg-inverted-primary-surface-disabled disabled:border-transparent border-transparent !important':\r\n          {},\r\n      },\r\n    },\r\n\r\n    // variants\r\n    ...buttonPrimary(colors),\r\n    ...buttonSecondary(),\r\n    ...buttonTertiary(),\r\n    ...buttonGhost(),\r\n    ...buttonLink(colors),\r\n\r\n    '&[data-background=\"false\"]:not(:hover)': {\r\n      '@apply bg-transparent': {},\r\n    },\r\n    '.btn-has-icon': {\r\n      '&-left': {\r\n        '@apply h-full flex items-center justify-center -ml-2': {},\r\n        '.sk-icon': {\r\n          '@apply bg-transparent': {},\r\n          color: 'currentColor',\r\n        },\r\n      },\r\n      '&-right': {\r\n        '@apply h-full flex items-center justify-center -mr-2': {},\r\n        '.sk-icon': {\r\n          '@apply bg-transparent': {},\r\n          color: 'currentColor',\r\n        },\r\n      },\r\n    },\r\n    '&-lg .btn-has-icon-left': {\r\n      '@apply -ml-4': {},\r\n    },\r\n    '&-lg .btn-has-icon-right': {\r\n      '@apply -mr-4': {},\r\n    },\r\n    '&[data-icon=true]': {\r\n      '@apply p-0': {},\r\n\r\n      '.sk-icon': {\r\n        '@apply bg-transparent': {},\r\n        color: 'currentColor',\r\n      },\r\n\r\n      \"&[data-rounded='true']\": {\r\n        '@apply rounded-full': {},\r\n      },\r\n\r\n      '&.sk-btn-sm': {\r\n        minWidth: '3.2rem',\r\n        width: '3.2rem',\r\n        maxWidth: '3.2rem',\r\n        svg: {\r\n          '@apply h-[2rem] w-[2rem]': {},\r\n        },\r\n      },\r\n\r\n      '&.sk-btn-md': {\r\n        minWidth: '4rem',\r\n        width: '4rem',\r\n        maxWidth: '4rem',\r\n        svg: {\r\n          '@apply h-[2rem] w-[2rem]': {},\r\n        },\r\n      },\r\n\r\n      '&.sk-btn-lg': {\r\n        minWidth: '4.8rem',\r\n        width: '4.8rem',\r\n        maxWidth: '4.8rem',\r\n        svg: {\r\n          '@apply h-[2.4rem] w-[2.4rem]': {},\r\n        },\r\n      },\r\n      '.btn-has-icon': {\r\n        '&-left': {\r\n          '@apply m-0': {},\r\n        },\r\n        '&-right': {\r\n          '@apply m-0': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}

package/dist/esm/components/checkbox.js

@@ -30,6 +30,9 @@ export var Checkbox = () => ({
         }
       }
     },
+    '&[type="checkbox"]:checked': {
+      '@apply text-transparent': {}
+    },
     '&&:hover:not(&&-disabled,&&:checked,&&[aria-invalid=true]),&&:hover:focus:not(&&-disabled,&&:checked,&&[aria-invalid=true])': {
       '& + .sk-icon, &:focus + .sk-icon': {
         '@apply text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-5 border-primitives-overlay-darken-8 dark:border-primitives-overlay-lighten-4': {},

package/dist/esm/components/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":["Checkbox","svg"],"sources":["../../../src/components/checkbox.ts"],"sourcesContent":["export const Checkbox = () => ({\r\n  '.sk-form-checkbox': {\r\n    '@apply bg-inherit': {},\r\n    '@apply rounded-utility': {},\r\n    '@apply bg-transparent border-transparent': {},\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply w-[2.4rem] h-[2.4rem]': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply w-[2.4rem] h-[2.4rem]': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply w-[2.4rem] h-[2.4rem]': {},\r\n    },\r\n\r\n    '+ .sk-icon': {\r\n      '@apply absolute inset-0 my-auto bg-transparent': {},\r\n      '@apply border-[0.1rem] p-2 border-primitives-overlay-darken-6 dark:border-primitives-overlay-lighten-6': {},\r\n      '@apply bg-primitives-overlay-lighten-10 dark:bg-primitives-overlay-darken-6': {},\r\n\r\n      svg: {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n\r\n    '&&:checked': {\r\n      '@apply text-light-primary bg-none': {},\r\n\r\n      '& + .sk-icon': {\r\n        '@apply text-light-primary bg-dark-primary border-dark-primary': {},\r\n\r\n        svg: {\r\n          '@apply block': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&&:hover:not(&&-disabled,&&:checked,&&[aria-invalid=true]),&&:hover:focus:not(&&-disabled,&&:checked,&&[aria-invalid=true])':\r\n      {\r\n        '& + .sk-icon, &:focus + .sk-icon': {\r\n          '@apply text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-5 border-primitives-overlay-darken-8 dark:border-primitives-overlay-lighten-4':\r\n            {},\r\n\r\n          svg: {\r\n            '@apply block': {},\r\n          },\r\n        },\r\n      },\r\n\r\n    '&&[aria-invalid=true]': {\r\n      '& + .sk-icon': {\r\n        '@apply border-2 border-error-surface-primary': {},\r\n      },\r\n\r\n      '&&:checked': {\r\n        '& + .sk-icon': {\r\n          '@apply p-2 bg-background-content text-dark-primary': {},\r\n\r\n          svg: {\r\n            '@apply block': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    // disabled\r\n    '&&-disabled,&&-disabled:hover': {\r\n      '@apply cursor-not-allowed': {},\r\n\r\n      '& + .sk-icon': {\r\n        '@apply bg-background-200 border-primitives-overlay-darken-3': {},\r\n      },\r\n\r\n      '&:checked': {\r\n        '& + .sk-icon': {\r\n          '@apply bg-dark-disabled text-light-primary border-0': {},\r\n        },\r\n      },\r\n\r\n      '& ~ .sk-form-checkbox-label': {\r\n        '@apply text-dark-disabled': {},\r\n      },\r\n    },\r\n\r\n    // label\r\n    '&-label-left &-label': {\r\n      '@apply mr-[.8rem]': {},\r\n    },\r\n    '&-label-right &-label': {\r\n      '@apply ml-[.8rem]': {},\r\n    },\r\n\r\n    '&-label-left': {\r\n      '.sk-icon': {\r\n        '@apply left-auto right-0': {},\r\n      },\r\n    },\r\n\r\n    '&-label-right': {\r\n      '.sk-icon': {\r\n        '@apply right-auto left-0': {},\r\n      },\r\n    },\r\n\r\n    '&-label': {\r\n      '@apply font-normal text-body select-none text-small': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply relative inline-flex align-top items-center cursor-base': {},\r\n      },\r\n\r\n      '&-sm': {\r\n        '@apply text-small': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply text-base': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply text-large': {},\r\n      },\r\n    },\r\n\r\n    '&-group': {\r\n      '@apply flex flex-col gap-16 my-12': {},\r\n      '&[data-direction=\"row\"]': {\r\n        '@apply flex-row': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,QAAQ,GAAGA,CAAA,MAAO;EAC7B,mBAAmB,EAAE;IACnB,mBAAmB,EAAE,CAAC,CAAC;IACvB,wBAAwB,EAAE,CAAC,CAAC;IAC5B,0CAA0C,EAAE,CAAC,CAAC;IAE9C;IACA,MAAM,EAAE;MACN,8BAA8B,EAAE,CAAC;IACnC,CAAC;IAED,MAAM,EAAE;MACN,8BAA8B,EAAE,CAAC;IACnC,CAAC;IAED,MAAM,EAAE;MACN,8BAA8B,EAAE,CAAC;IACnC,CAAC;IAED,YAAY,EAAE;MACZ,gDAAgD,EAAE,CAAC,CAAC;MACpD,wGAAwG,EAAE,CAAC,CAAC;MAC5G,6EAA6E,EAAE,CAAC,CAAC;MAEjFC,GAAG,EAAE;QACH,eAAe,EAAE,CAAC;MACpB;IACF,CAAC;IAED,YAAY,EAAE;MACZ,mCAAmC,EAAE,CAAC,CAAC;MAEvC,cAAc,EAAE;QACd,+DAA+D,EAAE,CAAC,CAAC;QAEnEA,GAAG,EAAE;UACH,cAAc,EAAE,CAAC;QACnB;MACF;IACF,CAAC;IAED,6HAA6H,EAC3H;MACE,kCAAkC,EAAE;QAClC,4JAA4J,EAC1J,CAAC,CAAC;QAEJA,GAAG,EAAE;UACH,cAAc,EAAE,CAAC;QACnB;MACF;IACF,CAAC;IAEH,uBAAuB,EAAE;MACvB,cAAc,EAAE;QACd,8CAA8C,EAAE,CAAC;MACnD,CAAC;MAED,YAAY,EAAE;QACZ,cAAc,EAAE;UACd,oDAAoD,EAAE,CAAC,CAAC;UAExDA,GAAG,EAAE;YACH,cAAc,EAAE,CAAC;UACnB;QACF;MACF;IACF,CAAC;IAED;IACA,+BAA+B,EAAE;MAC/B,2BAA2B,EAAE,CAAC,CAAC;MAE/B,cAAc,EAAE;QACd,6DAA6D,EAAE,CAAC;MAClE,CAAC;MAED,WAAW,EAAE;QACX,cAAc,EAAE;UACd,qDAAqD,EAAE,CAAC;QAC1D;MACF,CAAC;MAED,6BAA6B,EAAE;QAC7B,2BAA2B,EAAE,CAAC;MAChC;IACF,CAAC;IAED;IACA,sBAAsB,EAAE;MACtB,mBAAmB,EAAE,CAAC;IACxB,CAAC;IACD,uBAAuB,EAAE;MACvB,mBAAmB,EAAE,CAAC;IACxB,CAAC;IAED,cAAc,EAAE;MACd,UAAU,EAAE;QACV,0BAA0B,EAAE,CAAC;MAC/B;IACF,CAAC;IAED,eAAe,EAAE;MACf,UAAU,EAAE;QACV,0BAA0B,EAAE,CAAC;MAC/B;IACF,CAAC;IAED,SAAS,EAAE;MACT,qDAAqD,EAAE,CAAC,CAAC;MAEzD,WAAW,EAAE;QACX,gEAAgE,EAAE,CAAC;MACrE,CAAC;MAED,MAAM,EAAE;QACN,mBAAmB,EAAE,CAAC;MACxB,CAAC;MAED,MAAM,EAAE;QACN,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,MAAM,EAAE;QACN,mBAAmB,EAAE,CAAC;MACxB;IACF,CAAC;IAED,SAAS,EAAE;MACT,mCAAmC,EAAE,CAAC,CAAC;MACvC,yBAAyB,EAAE;QACzB,iBAAiB,EAAE,CAAC;MACtB;IACF;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"checkbox.js","names":["Checkbox","svg"],"sources":["../../../src/components/checkbox.ts"],"sourcesContent":["export const Checkbox = () => ({\r\n  '.sk-form-checkbox': {\r\n    '@apply bg-inherit': {},\r\n    '@apply rounded-utility': {},\r\n    '@apply bg-transparent border-transparent': {},\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply w-[2.4rem] h-[2.4rem]': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply w-[2.4rem] h-[2.4rem]': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply w-[2.4rem] h-[2.4rem]': {},\r\n    },\r\n\r\n    '+ .sk-icon': {\r\n      '@apply absolute inset-0 my-auto bg-transparent': {},\r\n      '@apply border-[0.1rem] p-2 border-primitives-overlay-darken-6 dark:border-primitives-overlay-lighten-6': {},\r\n      '@apply bg-primitives-overlay-lighten-10 dark:bg-primitives-overlay-darken-6': {},\r\n\r\n      svg: {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n\r\n    '&&:checked': {\r\n      '@apply text-light-primary bg-none': {},\r\n\r\n      '& + .sk-icon': {\r\n        '@apply text-light-primary bg-dark-primary border-dark-primary': {},\r\n\r\n        svg: {\r\n          '@apply block': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[type=\"checkbox\"]:checked': {\r\n      '@apply text-transparent': {},\r\n    },\r\n    '&&:hover:not(&&-disabled,&&:checked,&&[aria-invalid=true]),&&:hover:focus:not(&&-disabled,&&:checked,&&[aria-invalid=true])':\r\n      {\r\n        '& + .sk-icon, &:focus + .sk-icon': {\r\n          '@apply text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-5 border-primitives-overlay-darken-8 dark:border-primitives-overlay-lighten-4':\r\n            {},\r\n\r\n          svg: {\r\n            '@apply block': {},\r\n          },\r\n        },\r\n      },\r\n\r\n    '&&[aria-invalid=true]': {\r\n      '& + .sk-icon': {\r\n        '@apply border-2 border-error-surface-primary': {},\r\n      },\r\n\r\n      '&&:checked': {\r\n        '& + .sk-icon': {\r\n          '@apply p-2 bg-background-content text-dark-primary': {},\r\n\r\n          svg: {\r\n            '@apply block': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    // disabled\r\n    '&&-disabled,&&-disabled:hover': {\r\n      '@apply cursor-not-allowed': {},\r\n\r\n      '& + .sk-icon': {\r\n        '@apply bg-background-200 border-primitives-overlay-darken-3': {},\r\n      },\r\n\r\n      '&:checked': {\r\n        '& + .sk-icon': {\r\n          '@apply bg-dark-disabled text-light-primary border-0': {},\r\n        },\r\n      },\r\n\r\n      '& ~ .sk-form-checkbox-label': {\r\n        '@apply text-dark-disabled': {},\r\n      },\r\n    },\r\n\r\n    // label\r\n    '&-label-left &-label': {\r\n      '@apply mr-[.8rem]': {},\r\n    },\r\n    '&-label-right &-label': {\r\n      '@apply ml-[.8rem]': {},\r\n    },\r\n\r\n    '&-label-left': {\r\n      '.sk-icon': {\r\n        '@apply left-auto right-0': {},\r\n      },\r\n    },\r\n\r\n    '&-label-right': {\r\n      '.sk-icon': {\r\n        '@apply right-auto left-0': {},\r\n      },\r\n    },\r\n\r\n    '&-label': {\r\n      '@apply font-normal text-body select-none text-small': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply relative inline-flex align-top items-center cursor-base': {},\r\n      },\r\n\r\n      '&-sm': {\r\n        '@apply text-small': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply text-base': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply text-large': {},\r\n      },\r\n    },\r\n\r\n    '&-group': {\r\n      '@apply flex flex-col gap-16 my-12': {},\r\n      '&[data-direction=\"row\"]': {\r\n        '@apply flex-row': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,QAAQ,GAAGA,CAAA,MAAO;EAC7B,mBAAmB,EAAE;IACnB,mBAAmB,EAAE,CAAC,CAAC;IACvB,wBAAwB,EAAE,CAAC,CAAC;IAC5B,0CAA0C,EAAE,CAAC,CAAC;IAE9C;IACA,MAAM,EAAE;MACN,8BAA8B,EAAE,CAAC;IACnC,CAAC;IAED,MAAM,EAAE;MACN,8BAA8B,EAAE,CAAC;IACnC,CAAC;IAED,MAAM,EAAE;MACN,8BAA8B,EAAE,CAAC;IACnC,CAAC;IAED,YAAY,EAAE;MACZ,gDAAgD,EAAE,CAAC,CAAC;MACpD,wGAAwG,EAAE,CAAC,CAAC;MAC5G,6EAA6E,EAAE,CAAC,CAAC;MAEjFC,GAAG,EAAE;QACH,eAAe,EAAE,CAAC;MACpB;IACF,CAAC;IAED,YAAY,EAAE;MACZ,mCAAmC,EAAE,CAAC,CAAC;MAEvC,cAAc,EAAE;QACd,+DAA+D,EAAE,CAAC,CAAC;QAEnEA,GAAG,EAAE;UACH,cAAc,EAAE,CAAC;QACnB;MACF;IACF,CAAC;IAED,4BAA4B,EAAE;MAC5B,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IACD,6HAA6H,EAC3H;MACE,kCAAkC,EAAE;QAClC,4JAA4J,EAC1J,CAAC,CAAC;QAEJA,GAAG,EAAE;UACH,cAAc,EAAE,CAAC;QACnB;MACF;IACF,CAAC;IAEH,uBAAuB,EAAE;MACvB,cAAc,EAAE;QACd,8CAA8C,EAAE,CAAC;MACnD,CAAC;MAED,YAAY,EAAE;QACZ,cAAc,EAAE;UACd,oDAAoD,EAAE,CAAC,CAAC;UAExDA,GAAG,EAAE;YACH,cAAc,EAAE,CAAC;UACnB;QACF;MACF;IACF,CAAC;IAED;IACA,+BAA+B,EAAE;MAC/B,2BAA2B,EAAE,CAAC,CAAC;MAE/B,cAAc,EAAE;QACd,6DAA6D,EAAE,CAAC;MAClE,CAAC;MAED,WAAW,EAAE;QACX,cAAc,EAAE;UACd,qDAAqD,EAAE,CAAC;QAC1D;MACF,CAAC;MAED,6BAA6B,EAAE;QAC7B,2BAA2B,EAAE,CAAC;MAChC;IACF,CAAC;IAED;IACA,sBAAsB,EAAE;MACtB,mBAAmB,EAAE,CAAC;IACxB,CAAC;IACD,uBAAuB,EAAE;MACvB,mBAAmB,EAAE,CAAC;IACxB,CAAC;IAED,cAAc,EAAE;MACd,UAAU,EAAE;QACV,0BAA0B,EAAE,CAAC;MAC/B;IACF,CAAC;IAED,eAAe,EAAE;MACf,UAAU,EAAE;QACV,0BAA0B,EAAE,CAAC;MAC/B;IACF,CAAC;IAED,SAAS,EAAE;MACT,qDAAqD,EAAE,CAAC,CAAC;MAEzD,WAAW,EAAE;QACX,gEAAgE,EAAE,CAAC;MACrE,CAAC;MAED,MAAM,EAAE;QACN,mBAAmB,EAAE,CAAC;MACxB,CAAC;MAED,MAAM,EAAE;QACN,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,MAAM,EAAE;QACN,mBAAmB,EAAE,CAAC;MACxB;IACF,CAAC;IAED,SAAS,EAAE;MACT,mCAAmC,EAAE,CAAC,CAAC;MACvC,yBAAyB,EAAE;QACzB,iBAAiB,EAAE,CAAC;MACtB;IACF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.js","names":["Chip"],"sources":["../../../src/components/chip.ts"],"sourcesContent":["export const Chip = () => ({\n  '.sk-chip': {\n    '@apply inline-flex': {},\n    '@apply items-center justify-center': {},\n    '@apply bg-secondary-surface': {},\n    '@apply hover:bg-secondary-surface-hover': {},\n    '@apply focus-visible:bg-secondary-surface-hover': {},\n    '@apply focus-visible:ring': {},\n    '@apply px-[.9rem] gap-4': {},\n    '@apply h-[3.4rem]': {},\n    '@apply text-small': {},\n    '@apply text-dark-secondary': {},\n    '@apply border-1': {},\n    '@apply border-secondary-outline': {},\n    '@apply hover:border-secondary-outline-hover': {},\n    '@apply focus-visible:border-transparent': {},\n    '@apply rounded-button': {},\n    '&[data-strong=\"true\"]': {\n      '@apply border-2': {},\n      '@apply px-8': {},\n    },\n    '&[data-rounded=\"true\"]': {\n      '@apply rounded-full': {},\n    },\n    '&[data-inverted=\"true\"]': {\n      '@apply text-inverted-dark-secondary': {},\n      '@apply border-inverted-secondary-outline': {},\n      '@apply hover:border-inverted-secondary-outline-hover': {},\n      '@apply bg-inverted-secondary-surface': {},\n      '@apply hover:bg-inverted-secondary-surface-hover': {},\n      '@apply focus-visible:bg-inverted-secondary-surface-hover': {},\n    },\n  },\n});\n"],"mappings":"AAAA,OAAO,IAAMA,IAAI,GAAGA,CAAA,MAAO;EACzB,UAAU,EAAE;IACV,oBAAoB,EAAE,CAAC,CAAC;IACxB,oCAAoC,EAAE,CAAC,CAAC;IACxC,6BAA6B,EAAE,CAAC,CAAC;IACjC,yCAAyC,EAAE,CAAC,CAAC;IAC7C,iDAAiD,EAAE,CAAC,CAAC;IACrD,2BAA2B,EAAE,CAAC,CAAC;IAC/B,yBAAyB,EAAE,CAAC,CAAC;IAC7B,mBAAmB,EAAE,CAAC,CAAC;IACvB,mBAAmB,EAAE,CAAC,CAAC;IACvB,4BAA4B,EAAE,CAAC,CAAC;IAChC,iBAAiB,EAAE,CAAC,CAAC;IACrB,iCAAiC,EAAE,CAAC,CAAC;IACrC,6CAA6C,EAAE,CAAC,CAAC;IACjD,yCAAyC,EAAE,CAAC,CAAC;IAC7C,uBAAuB,EAAE,CAAC,CAAC;IAC3B,uBAAuB,EAAE;MACvB,iBAAiB,EAAE,CAAC,CAAC;MACrB,aAAa,EAAE,CAAC;IAClB,CAAC;IACD,wBAAwB,EAAE;MACxB,qBAAqB,EAAE,CAAC;IAC1B,CAAC;IACD,yBAAyB,EAAE;MACzB,qCAAqC,EAAE,CAAC,CAAC;MACzC,0CAA0C,EAAE,CAAC,CAAC;MAC9C,sDAAsD,EAAE,CAAC,CAAC;MAC1D,sCAAsC,EAAE,CAAC,CAAC;MAC1C,kDAAkD,EAAE,CAAC,CAAC;MACtD,0DAA0D,EAAE,CAAC;IAC/D;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"chip.js","names":["Chip"],"sources":["../../../src/components/chip.ts"],"sourcesContent":["export const Chip = () => ({\r\n  '.sk-chip': {\r\n    '@apply inline-flex': {},\r\n    '@apply items-center justify-center': {},\r\n    '@apply bg-secondary-surface': {},\r\n    '@apply hover:bg-secondary-surface-hover': {},\r\n    '@apply focus-visible:bg-secondary-surface-hover': {},\r\n    '@apply focus-visible:ring': {},\r\n    '@apply px-[.9rem] gap-4': {},\r\n    '@apply h-[3.4rem]': {},\r\n    '@apply text-small': {},\r\n    '@apply text-dark-secondary': {},\r\n    '@apply border-1': {},\r\n    '@apply border-secondary-outline': {},\r\n    '@apply hover:border-secondary-outline-hover': {},\r\n    '@apply focus-visible:border-transparent': {},\r\n    '@apply rounded-button': {},\r\n    '&[data-strong=\"true\"]': {\r\n      '@apply border-2': {},\r\n      '@apply px-8': {},\r\n    },\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-full': {},\r\n    },\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply text-inverted-dark-secondary': {},\r\n      '@apply border-inverted-secondary-outline': {},\r\n      '@apply hover:border-inverted-secondary-outline-hover': {},\r\n      '@apply bg-inverted-secondary-surface': {},\r\n      '@apply hover:bg-inverted-secondary-surface-hover': {},\r\n      '@apply focus-visible:bg-inverted-secondary-surface-hover': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,IAAI,GAAGA,CAAA,MAAO;EACzB,UAAU,EAAE;IACV,oBAAoB,EAAE,CAAC,CAAC;IACxB,oCAAoC,EAAE,CAAC,CAAC;IACxC,6BAA6B,EAAE,CAAC,CAAC;IACjC,yCAAyC,EAAE,CAAC,CAAC;IAC7C,iDAAiD,EAAE,CAAC,CAAC;IACrD,2BAA2B,EAAE,CAAC,CAAC;IAC/B,yBAAyB,EAAE,CAAC,CAAC;IAC7B,mBAAmB,EAAE,CAAC,CAAC;IACvB,mBAAmB,EAAE,CAAC,CAAC;IACvB,4BAA4B,EAAE,CAAC,CAAC;IAChC,iBAAiB,EAAE,CAAC,CAAC;IACrB,iCAAiC,EAAE,CAAC,CAAC;IACrC,6CAA6C,EAAE,CAAC,CAAC;IACjD,yCAAyC,EAAE,CAAC,CAAC;IAC7C,uBAAuB,EAAE,CAAC,CAAC;IAC3B,uBAAuB,EAAE;MACvB,iBAAiB,EAAE,CAAC,CAAC;MACrB,aAAa,EAAE,CAAC;IAClB,CAAC;IACD,wBAAwB,EAAE;MACxB,qBAAqB,EAAE,CAAC;IAC1B,CAAC;IACD,yBAAyB,EAAE;MACzB,qCAAqC,EAAE,CAAC,CAAC;MACzC,0CAA0C,EAAE,CAAC,CAAC;MAC9C,sDAAsD,EAAE,CAAC,CAAC;MAC1D,sCAAsC,EAAE,CAAC,CAAC;MAC1C,kDAAkD,EAAE,CAAC,CAAC;MACtD,0DAA0D,EAAE,CAAC;IAC/D;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.js","names":["ComboBox"],"sources":["../../../src/components/combobox.ts"],"sourcesContent":["export const ComboBox = () => ({\n  '.sk-form-combobox': {\n    '@apply focus-within:ring ring-ring ring-offset': {},\n    '@apply relative w-auto': {},\n    '@apply inline-block': {},\n    '&-sm': {\n      '@apply h-[3.2rem]': {},\n      '@apply rounded-button-sm': {},\n      '.sk-form-combobox-select.active': {\n        '@apply text-input-small': {},\n        '@apply pr-[5.2rem]': {},\n      },\n    },\n    '&-md': {\n      '@apply h-[4rem]': {},\n      '@apply rounded-button-md': {},\n      '.sk-form-combobox-select.active': {\n        '@apply text-input-medium': {},\n        '@apply pr-[6.1rem]': {},\n      },\n    },\n    '&-lg': {\n      '@apply h-[4.8rem]': {},\n      '@apply rounded-button-lg': {},\n      '.sk-form-combobox-select.active': {\n        '@apply text-input-large': {},\n        '@apply pr-[6.8rem]': {},\n      },\n    },\n\n    '&:not([aria-expanded=\"true\"])': {\n      '.sk-form-combobox-select': {\n        '@apply caret-transparent': {},\n      },\n    },\n\n    '&-select': {\n      '@apply h-full bg-right-12 bg-no-repeat': {},\n\n      '&.sk-form-select': { '@apply focus:outline-none focus:ring-0 focus:ring-transparent': {} },\n      '@apply w-full': {},\n\n      '&:not(.active)': {\n        '@apply cursor-default': {},\n      },\n      '@apply focus:border-transparent': {},\n      '@apply focus:hover:border-transparent': {},\n      '&.active': {\n        '@apply bg-primitives-overlay-lighten-10': {},\n        '@apply dark:bg-primitives-overlay-darken-6': {},\n        '@apply placeholder:text-dark-placeholder': {},\n        '@apply text-dark-primary': {},\n        '@apply border-transparent': {},\n      },\n    },\n    '&-list': {\n      '@apply w-full': {},\n      '@apply max-h-[23rem] overflow-y-auto': {},\n      '&-option': {\n        '&.sk-popup-menu-item': {\n          '@apply cursor-default': {},\n          '@apply leading-none': {},\n          '@apply h-auto': {},\n        },\n\n        '&-checkbox': {\n          '@apply w-0 h-0 m-0 p-0 opacity-0': {},\n        },\n      },\n    },\n  },\n});\n"],"mappings":"AAAA,OAAO,IAAMA,QAAQ,GAAGA,CAAA,MAAO;EAC7B,mBAAmB,EAAE;IACnB,gDAAgD,EAAE,CAAC,CAAC;IACpD,wBAAwB,EAAE,CAAC,CAAC;IAC5B,qBAAqB,EAAE,CAAC,CAAC;IACzB,MAAM,EAAE;MACN,mBAAmB,EAAE,CAAC,CAAC;MACvB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,iCAAiC,EAAE;QACjC,yBAAyB,EAAE,CAAC,CAAC;QAC7B,oBAAoB,EAAE,CAAC;MACzB;IACF,CAAC;IACD,MAAM,EAAE;MACN,iBAAiB,EAAE,CAAC,CAAC;MACrB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,iCAAiC,EAAE;QACjC,0BAA0B,EAAE,CAAC,CAAC;QAC9B,oBAAoB,EAAE,CAAC;MACzB;IACF,CAAC;IACD,MAAM,EAAE;MACN,mBAAmB,EAAE,CAAC,CAAC;MACvB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,iCAAiC,EAAE;QACjC,yBAAyB,EAAE,CAAC,CAAC;QAC7B,oBAAoB,EAAE,CAAC;MACzB;IACF,CAAC;IAED,+BAA+B,EAAE;MAC/B,0BAA0B,EAAE;QAC1B,0BAA0B,EAAE,CAAC;MAC/B;IACF,CAAC;IAED,UAAU,EAAE;MACV,wCAAwC,EAAE,CAAC,CAAC;MAE5C,kBAAkB,EAAE;QAAE,+DAA+D,EAAE,CAAC;MAAE,CAAC;MAC3F,eAAe,EAAE,CAAC,CAAC;MAEnB,gBAAgB,EAAE;QAChB,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,iCAAiC,EAAE,CAAC,CAAC;MACrC,uCAAuC,EAAE,CAAC,CAAC;MAC3C,UAAU,EAAE;QACV,yCAAyC,EAAE,CAAC,CAAC;QAC7C,4CAA4C,EAAE,CAAC,CAAC;QAChD,0CAA0C,EAAE,CAAC,CAAC;QAC9C,0BAA0B,EAAE,CAAC,CAAC;QAC9B,2BAA2B,EAAE,CAAC;MAChC;IACF,CAAC;IACD,QAAQ,EAAE;MACR,eAAe,EAAE,CAAC,CAAC;MACnB,sCAAsC,EAAE,CAAC,CAAC;MAC1C,UAAU,EAAE;QACV,sBAAsB,EAAE;UACtB,uBAAuB,EAAE,CAAC,CAAC;UAC3B,qBAAqB,EAAE,CAAC,CAAC;UACzB,eAAe,EAAE,CAAC;QACpB,CAAC;QAED,YAAY,EAAE;UACZ,kCAAkC,EAAE,CAAC;QACvC;MACF;IACF;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"combobox.js","names":["ComboBox"],"sources":["../../../src/components/combobox.ts"],"sourcesContent":["export const ComboBox = () => ({\r\n  '.sk-form-combobox': {\r\n    '@apply focus-within:ring ring-ring ring-offset': {},\r\n    '@apply relative w-auto': {},\r\n    '@apply inline-block': {},\r\n    '&-sm': {\r\n      '@apply h-[3.2rem]': {},\r\n      '@apply rounded-button-sm': {},\r\n      '.sk-form-combobox-select.active': {\r\n        '@apply text-input-small': {},\r\n        '@apply pr-[5.2rem]': {},\r\n      },\r\n    },\r\n    '&-md': {\r\n      '@apply h-[4rem]': {},\r\n      '@apply rounded-button-md': {},\r\n      '.sk-form-combobox-select.active': {\r\n        '@apply text-input-medium': {},\r\n        '@apply pr-[6.1rem]': {},\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '@apply h-[4.8rem]': {},\r\n      '@apply rounded-button-lg': {},\r\n      '.sk-form-combobox-select.active': {\r\n        '@apply text-input-large': {},\r\n        '@apply pr-[6.8rem]': {},\r\n      },\r\n    },\r\n\r\n    '&:not([aria-expanded=\"true\"])': {\r\n      '.sk-form-combobox-select': {\r\n        '@apply caret-transparent': {},\r\n      },\r\n    },\r\n\r\n    '&-select': {\r\n      '@apply h-full bg-right-12 bg-no-repeat': {},\r\n\r\n      '&.sk-form-select': { '@apply focus:outline-none focus:ring-0 focus:ring-transparent': {} },\r\n      '@apply w-full': {},\r\n\r\n      '&:not(.active)': {\r\n        '@apply cursor-default': {},\r\n      },\r\n      '@apply focus:border-transparent': {},\r\n      '@apply focus:hover:border-transparent': {},\r\n      '&.active': {\r\n        '@apply bg-primitives-overlay-lighten-10': {},\r\n        '@apply dark:bg-primitives-overlay-darken-6': {},\r\n        '@apply placeholder:text-dark-placeholder': {},\r\n        '@apply text-dark-primary': {},\r\n        '@apply border-transparent': {},\r\n      },\r\n    },\r\n    '&-list': {\r\n      '@apply w-full': {},\r\n      '@apply max-h-[23rem] overflow-y-auto': {},\r\n      '&-option': {\r\n        '&.sk-popup-menu-item': {\r\n          '@apply cursor-default': {},\r\n          '@apply leading-none': {},\r\n          '@apply h-auto': {},\r\n        },\r\n\r\n        '&-checkbox': {\r\n          '@apply w-0 h-0 m-0 p-0 opacity-0': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,QAAQ,GAAGA,CAAA,MAAO;EAC7B,mBAAmB,EAAE;IACnB,gDAAgD,EAAE,CAAC,CAAC;IACpD,wBAAwB,EAAE,CAAC,CAAC;IAC5B,qBAAqB,EAAE,CAAC,CAAC;IACzB,MAAM,EAAE;MACN,mBAAmB,EAAE,CAAC,CAAC;MACvB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,iCAAiC,EAAE;QACjC,yBAAyB,EAAE,CAAC,CAAC;QAC7B,oBAAoB,EAAE,CAAC;MACzB;IACF,CAAC;IACD,MAAM,EAAE;MACN,iBAAiB,EAAE,CAAC,CAAC;MACrB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,iCAAiC,EAAE;QACjC,0BAA0B,EAAE,CAAC,CAAC;QAC9B,oBAAoB,EAAE,CAAC;MACzB;IACF,CAAC;IACD,MAAM,EAAE;MACN,mBAAmB,EAAE,CAAC,CAAC;MACvB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,iCAAiC,EAAE;QACjC,yBAAyB,EAAE,CAAC,CAAC;QAC7B,oBAAoB,EAAE,CAAC;MACzB;IACF,CAAC;IAED,+BAA+B,EAAE;MAC/B,0BAA0B,EAAE;QAC1B,0BAA0B,EAAE,CAAC;MAC/B;IACF,CAAC;IAED,UAAU,EAAE;MACV,wCAAwC,EAAE,CAAC,CAAC;MAE5C,kBAAkB,EAAE;QAAE,+DAA+D,EAAE,CAAC;MAAE,CAAC;MAC3F,eAAe,EAAE,CAAC,CAAC;MAEnB,gBAAgB,EAAE;QAChB,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,iCAAiC,EAAE,CAAC,CAAC;MACrC,uCAAuC,EAAE,CAAC,CAAC;MAC3C,UAAU,EAAE;QACV,yCAAyC,EAAE,CAAC,CAAC;QAC7C,4CAA4C,EAAE,CAAC,CAAC;QAChD,0CAA0C,EAAE,CAAC,CAAC;QAC9C,0BAA0B,EAAE,CAAC,CAAC;QAC9B,2BAA2B,EAAE,CAAC;MAChC;IACF,CAAC;IACD,QAAQ,EAAE;MACR,eAAe,EAAE,CAAC,CAAC;MACnB,sCAAsC,EAAE,CAAC,CAAC;MAC1C,UAAU,EAAE;QACV,sBAAsB,EAAE;UACtB,uBAAuB,EAAE,CAAC,CAAC;UAC3B,qBAAqB,EAAE,CAAC,CAAC;UACzB,eAAe,EAAE,CAAC;QACpB,CAAC;QAED,YAAY,EAAE;UACZ,kCAAkC,EAAE,CAAC;QACvC;MACF;IACF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/comments.js

@@ -5,9 +5,9 @@ module.exports = Comments = () => ({
   '.comment-item': {
     '@apply w-full': {},
     '&-container': {
-      '@apply flex relative w-full': {},
+      '@apply flex justify-between relative': {},
       '&-textpic': {
-        '@apply flex gap-2 grow': {}
+        '@apply flex gap-2': {}
       }
     },
     '&-text': {

package/dist/esm/components/comments.js.map

@@ -1 +1 @@
-{"version":3,"file":"comments.js","names":["module","exports","Comments"],"sources":["../../../src/components/comments.js"],"sourcesContent":["module.exports = Comments = () => ({\n  '.comment-header': {\n    '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {},\n  },\n\n  '.comment-item': {\n    '@apply w-full': {},\n\n    '&-container': {\n      '@apply flex relative w-full': {},\n\n      '&-textpic': {\n        '@apply flex gap-2 grow': {},\n      },\n    },\n    '&-text': {\n      '@apply text-base font-bold mx-0 mb-0 mt-4': {},\n    },\n    '&-commentorpublished': {\n      '@apply float-right text-neutral-600 m-0': {},\n    },\n  },\n  '.comment-input': {\n    '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},\n\n    '&-inactive': {\n      '@apply text-neutral-300 !text-3xl': {},\n    },\n\n    '&-active': {\n      '@apply text-primary !text-3xl': {},\n    },\n  },\n});\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAGA,CAAA,MAAO;EACjC,iBAAiB,EAAE;IACjB,uEAAuE,EAAE,CAAC;EAC5E,CAAC;EAED,eAAe,EAAE;IACf,eAAe,EAAE,CAAC,CAAC;IAEnB,aAAa,EAAE;MACb,6BAA6B,EAAE,CAAC,CAAC;MAEjC,WAAW,EAAE;QACX,wBAAwB,EAAE,CAAC;MAC7B;IACF,CAAC;IACD,QAAQ,EAAE;MACR,2CAA2C,EAAE,CAAC;IAChD,CAAC;IACD,sBAAsB,EAAE;MACtB,yCAAyC,EAAE,CAAC;IAC9C;EACF,CAAC;EACD,gBAAgB,EAAE;IAChB,2CAA2C,EAAE,CAAC,CAAC;IAE/C,YAAY,EAAE;MACZ,mCAAmC,EAAE,CAAC;IACxC,CAAC;IAED,UAAU,EAAE;MACV,+BAA+B,EAAE,CAAC;IACpC;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"comments.js","names":["module","exports","Comments"],"sources":["../../../src/components/comments.js"],"sourcesContent":["module.exports = Comments = () => ({ \r\n\r\n    '.comment-header': {\r\n        '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {},\r\n    },\r\n\r\n    '.comment-item':{\r\n        '@apply w-full': {},\r\n\r\n        '&-container': {\r\n            '@apply flex justify-between relative': {},\r\n\r\n            '&-textpic': {\r\n                '@apply flex gap-2': {},\r\n            },\r\n        },\r\n        '&-text': {\r\n            '@apply text-base font-bold mx-0 mb-0 mt-4': {},\r\n        },\r\n        '&-commentorpublished': {\r\n            '@apply float-right text-neutral-600 m-0': {},\r\n        },\r\n    },\r\n    '.comment-input':{\r\n        '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},\r\n\r\n        '&-inactive': {\r\n            '@apply text-neutral-300 !text-3xl': {},\r\n        },\r\n\r\n        '&-active': {\r\n            '@apply text-primary !text-3xl': {},\r\n        }\r\n\r\n    },\r\n\r\n   \r\n});"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAGA,CAAA,MAAO;EAE/B,iBAAiB,EAAE;IACf,uEAAuE,EAAE,CAAC;EAC9E,CAAC;EAED,eAAe,EAAC;IACZ,eAAe,EAAE,CAAC,CAAC;IAEnB,aAAa,EAAE;MACX,sCAAsC,EAAE,CAAC,CAAC;MAE1C,WAAW,EAAE;QACT,mBAAmB,EAAE,CAAC;MAC1B;IACJ,CAAC;IACD,QAAQ,EAAE;MACN,2CAA2C,EAAE,CAAC;IAClD,CAAC;IACD,sBAAsB,EAAE;MACpB,yCAAyC,EAAE,CAAC;IAChD;EACJ,CAAC;EACD,gBAAgB,EAAC;IACb,2CAA2C,EAAE,CAAC,CAAC;IAE/C,YAAY,EAAE;MACV,mCAAmC,EAAE,CAAC;IAC1C,CAAC;IAED,UAAU,EAAE;MACR,+BAA+B,EAAE,CAAC;IACtC;EAEJ;AAGJ,CAAC,CAAC"}

package/dist/esm/components/forms.js.map

@@ -1 +1 @@
-{"version":3,"file":"forms.js","names":["Forms","display"],"sources":["../../../src/components/forms.ts"],"sourcesContent":["export const Forms = () => ({\n  '.sk-form-control': {\n    '@apply flex flex-col gap-8 w-fit': {},\n  },\n\n  '.sk-form-label': {\n    '@apply font-bold': {},\n    '&-sm': {\n      '@apply text-label-small': {},\n    },\n    '&-md': {\n      '@apply text-label-medium': {},\n    },\n    '&-lg': {\n      '@apply text-label-large': {},\n    },\n  },\n\n  'legend.sk-form-label': {\n    display: 'contents',\n  },\n\n  '.sk-form-helper-text, .sk-form-error-message': {\n    '@apply font-normal': {},\n    '@apply text-small': {},\n  },\n});\n"],"mappings":"AAAA,OAAO,IAAMA,KAAK,GAAGA,CAAA,MAAO;EAC1B,kBAAkB,EAAE;IAClB,kCAAkC,EAAE,CAAC;EACvC,CAAC;EAED,gBAAgB,EAAE;IAChB,kBAAkB,EAAE,CAAC,CAAC;IACtB,MAAM,EAAE;MACN,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IACD,MAAM,EAAE;MACN,0BAA0B,EAAE,CAAC;IAC/B,CAAC;IACD,MAAM,EAAE;MACN,yBAAyB,EAAE,CAAC;IAC9B;EACF,CAAC;EAED,sBAAsB,EAAE;IACtBC,OAAO,EAAE;EACX,CAAC;EAED,8CAA8C,EAAE;IAC9C,oBAAoB,EAAE,CAAC,CAAC;IACxB,mBAAmB,EAAE,CAAC;EACxB;AACF,CAAC,CAAC"}
+{"version":3,"file":"forms.js","names":["Forms","display"],"sources":["../../../src/components/forms.ts"],"sourcesContent":["export const Forms = () => ({\r\n  '.sk-form-control': {\r\n    '@apply flex flex-col gap-8 w-fit': {},\r\n  },\r\n\r\n  '.sk-form-label': {\r\n    '@apply font-bold': {},\r\n    '&-sm': {\r\n      '@apply text-label-small': {},\r\n    },\r\n    '&-md': {\r\n      '@apply text-label-medium': {},\r\n    },\r\n    '&-lg': {\r\n      '@apply text-label-large': {},\r\n    },\r\n  },\r\n\r\n  'legend.sk-form-label': {\r\n    display: 'contents',\r\n  },\r\n\r\n  '.sk-form-helper-text, .sk-form-error-message': {\r\n    '@apply font-normal': {},\r\n    '@apply text-small': {},\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,KAAK,GAAGA,CAAA,MAAO;EAC1B,kBAAkB,EAAE;IAClB,kCAAkC,EAAE,CAAC;EACvC,CAAC;EAED,gBAAgB,EAAE;IAChB,kBAAkB,EAAE,CAAC,CAAC;IACtB,MAAM,EAAE;MACN,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IACD,MAAM,EAAE;MACN,0BAA0B,EAAE,CAAC;IAC/B,CAAC;IACD,MAAM,EAAE;MACN,yBAAyB,EAAE,CAAC;IAC9B;EACF,CAAC;EAED,sBAAsB,EAAE;IACtBC,OAAO,EAAE;EACX,CAAC;EAED,8CAA8C,EAAE;IAC9C,oBAAoB,EAAE,CAAC,CAAC;IACxB,mBAAmB,EAAE,CAAC;EACxB;AACF,CAAC,CAAC"}

package/dist/esm/components/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":["calendar","clock","inputStandards","addin","svg","inputGroup","_extends","timeAndDatePicker","mask","maskSize","Input","display","margin"],"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\n}\nfunction clock() {\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\n}\n\nfunction inputStandards() {\n  return {\n    '@apply border-1': {},\n    '@apply border-primitives-overlay-darken-6': {},\n    '@apply dark:border-primitives-overlay-lighten-6': {},\n    '@apply hover:border-primitives-overlay-darken-8': {},\n    '@apply dark:hover:border-primitives-overlay-lighten-4': {},\n\n    '@apply placeholder:text-dark-placeholder': {},\n\n    '@apply bg-primitives-overlay-lighten-10': {},\n    '@apply dark:bg-primitives-overlay-darken-6': {},\n\n    //Invalid\n    '&:invalid, &[aria-invalid=\"true\"]': {\n      '@apply border-2 border-error-surface-primary': {},\n    },\n\n    //Disabled\n    '&:disabled, &[aria-disabled=\"true\"]': {\n      '@apply bg-primitives-overlay-darken-1': {},\n      '@apply dark:bg-primitives-overlay-lighten-1': {},\n      '@apply border-primitives-overlay-darken-3': {},\n      '@apply dark:border-primitives-overlay-lighten-3': {},\n      '@apply hover:border-primitives-overlay-darken-3': {},\n      '@apply dark:hover:border-primitives-overlay-lighten-3': {},\n      '@apply text-dark-disabled': {},\n    },\n  };\n}\n\nfunction addin() {\n  return {\n    '&-addin': {\n      '@apply bg-transparent': {},\n      '@apply flex': {},\n      '@apply justify-start items-center': {},\n      '&-sm': {\n        '@apply px-6 gap-6': {},\n        '&.sk-form-input-addin-left': {\n          '@apply -mr-12': {},\n          '@apply pl-10': {},\n        },\n        '&.sk-form-input-addin-right': {\n          '@apply -ml-12': {},\n          '@apply pr-10': {},\n        },\n        svg: {\n          '@apply w-[1.6rem] h-[1.6rem]': {},\n        },\n      },\n      '&-md': {\n        '@apply md:px-8 md:gap-8': {},\n        '&.sk-form-input-addin-left': {\n          '@apply -mr-16': {},\n          '@apply pl-12': {},\n        },\n        '&.sk-form-input-addin-right': {\n          '@apply -ml-16': {},\n          '@apply pr-12': {},\n        },\n        svg: {\n          '@apply w-[2rem] h-[2rem]': {},\n        },\n      },\n      '&-lg': {\n        '@apply md:px-8 md:gap-8': {},\n        '&.sk-form-input-addin-left': {\n          '@apply -mr-20': {},\n          '@apply pl-16': {},\n        },\n        '&.sk-form-input-addin-right': {\n          '@apply -ml-20': {},\n          '@apply pr-16': {},\n        },\n        svg: {\n          '@apply w-[2.2rem] h-[2.2rem]': {},\n        },\n      },\n    },\n  };\n}\n\nfunction inputGroup() {\n  return {\n    '&-group': {\n      '@apply flex relative': {},\n      '@apply items-center': {},\n      '@apply focus-within:ring': {},\n      '@apply focus-within:ring-ring': {},\n      '@apply text-dark-secondary': {},\n      //Focus\n      '@apply focus-within:border-primitives-overlay-lighten-10': {},\n      '@apply dark:focus-within:border-primitives-overlay-darken-6': {},\n\n      '&:not(:invalid):not([aria-invalid=\"true\"])': {\n        '@apply focus-within:hover:border-primitives-overlay-lighten-10': {},\n        '@apply dark:focus-within:hover:border-primitives-overlay-darken-6': {},\n      },\n\n      // '&:disabled, &[aria-disabled=\"true\"]': {\n      //   '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\n      //     '@apply color-black-disabled': {},\n      //   },\n      // },\n      '&&-lg': {\n        '@apply text-input-large': {},\n        '@apply rounded-button-lg': {},\n      },\n      '&&-md': {\n        '@apply text-input-medium': {},\n        '@apply rounded-button-md': {},\n      },\n      '&&-sm': {\n        '@apply text-input-small': {},\n        '@apply rounded-button-sm': {},\n      },\n      ...inputStandards(),\n      '.sk-form-input': {\n        '@apply rounded-0': {},\n        '@apply border-0': {},\n        '@apply focus:ring-0': {},\n        '@apply focus:ring-offset-0': {},\n        '@apply bg-transparent': {},\n        '@apply dark:bg-transparent': {},\n        '@apply grow': {},\n      },\n    },\n  };\n}\n\nfunction timeAndDatePicker() {\n  return {\n    '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\n      '@apply block': {},\n      '@apply p-0': {},\n      '@apply pl-6 md:pl-8': {},\n      '@apply m-0': {},\n      '@apply bg-none': {},\n      '@apply bg-dark-secondary': {},\n      '&.sk-form-input-sm': {\n        '@apply w-[1.6rem] h-[1.6rem]': {},\n        '@apply -mr-2': {},\n      },\n      '&.sk-form-input-md': {\n        '@apply -mr-4': {},\n        '@apply w-[1.8rem] h-[1.8rem]': {},\n      },\n      '&.sk-form-input-lg': {\n        '@apply -mr-6': {},\n        '@apply w-[2rem] h-[2rem]': {},\n      },\n    },\n\n    '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\n      mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\n      maskSize: 'contain',\n      '-webkit-mask-size': 'contain',\n    },\n    '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\n      {\n        mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\n        '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\n        maskSize: 'contain',\n        '-webkit-mask-size': 'contain',\n      },\n    '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\n      mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\n      maskSize: 'contain',\n      '-webkit-mask-size': 'contain',\n    },\n\n    '&:disabled, &[aria-disabled=\"true\"]': {\n      '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\n        '@apply color-black-disabled': {},\n      },\n    },\n  };\n}\n\nexport const Input = () => ({\n  '.sk-form-input': {\n    '@apply grow-0': {},\n    '@apply text-dark-primary': {},\n\n    '&[data-hideextra=\"true\"]': {\n      '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\n        '-webkit-appearance': 'none',\n        display: 'none',\n        margin: '0px',\n      },\n      '-moz-appearance': 'textfield',\n    },\n\n    '&&-lg': {\n      '@apply rounded-button-lg': {},\n      '@apply px-20': {},\n      '@apply py-[1.1rem]': {},\n      '@apply gap-8': {},\n      '@apply text-input-large': {},\n      '@apply h-[4.8rem]': {},\n    },\n    '&&-md': {\n      '@apply rounded-button-md': {},\n      '@apply px-16': {},\n      '@apply py-[0.7rem]': {},\n      '@apply gap-8': {},\n      '@apply text-input-medium': {},\n      '@apply h-[4rem]': {},\n    },\n    '&&-sm': {\n      '@apply rounded-button-sm': {},\n      '@apply px-12': {},\n      '@apply py-[0.5rem]': {},\n      '@apply gap-6': {},\n      '@apply text-input-small': {},\n      '@apply h-[3.2rem]': {},\n    },\n    '&&-textarea': {\n      '@apply h-auto': {},\n    },\n\n    //Focus\n    '@apply focus:ring': {},\n    '@apply focus:ring-ring': {},\n    '@apply focus:ring-offset': {},\n    '@apply focus:border-primitives-overlay-lighten-10': {},\n    '@apply dark:focus:border-primitives-overlay-darken-6': {},\n    '&:not(:invalid):not([aria-invalid=\"true\"])': {\n      '@apply focus:hover:border-primitives-overlay-lighten-10': {},\n      '@apply dark:focus:hover:border-primitives-overlay-darken-6': {},\n    },\n    ...timeAndDatePicker(),\n    ...inputStandards(),\n    ...inputGroup(),\n    ...addin(),\n  },\n});\n"],"mappings":"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"}
+{"version":3,"file":"input.js","names":["calendar","clock","inputStandards","addin","svg","inputGroup","_extends","timeAndDatePicker","mask","maskSize","Input","display","margin"],"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n  return {\r\n    '@apply border-1': {},\r\n    '@apply border-primitives-overlay-darken-6': {},\r\n    '@apply dark:border-primitives-overlay-lighten-6': {},\r\n    '@apply hover:border-primitives-overlay-darken-8': {},\r\n    '@apply dark:hover:border-primitives-overlay-lighten-4': {},\r\n\r\n    '@apply placeholder:text-dark-placeholder': {},\r\n\r\n    '@apply bg-primitives-overlay-lighten-10': {},\r\n    '@apply dark:bg-primitives-overlay-darken-6': {},\r\n\r\n    //Invalid\r\n    '&:invalid, &[aria-invalid=\"true\"]': {\r\n      '@apply border-2 border-error-surface-primary': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply bg-primitives-overlay-darken-1': {},\r\n      '@apply dark:bg-primitives-overlay-lighten-1': {},\r\n      '@apply border-primitives-overlay-darken-3': {},\r\n      '@apply dark:border-primitives-overlay-lighten-3': {},\r\n      '@apply hover:border-primitives-overlay-darken-3': {},\r\n      '@apply dark:hover:border-primitives-overlay-lighten-3': {},\r\n      '@apply text-dark-disabled': {},\r\n    },\r\n  };\r\n}\r\n\r\nfunction addin() {\r\n  return {\r\n    '&-addin': {\r\n      '@apply bg-transparent': {},\r\n      '@apply flex': {},\r\n      '@apply justify-start items-center': {},\r\n      '&-sm': {\r\n        '@apply px-6 gap-6': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-12': {},\r\n          '@apply pl-10': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-12': {},\r\n          '@apply pr-10': {},\r\n        },\r\n        svg: {\r\n          '@apply w-[1.6rem] h-[1.6rem]': {},\r\n        },\r\n      },\r\n      '&-md': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-16': {},\r\n          '@apply pl-12': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-16': {},\r\n          '@apply pr-12': {},\r\n        },\r\n        svg: {\r\n          '@apply w-[2rem] h-[2rem]': {},\r\n        },\r\n      },\r\n      '&-lg': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-20': {},\r\n          '@apply pl-16': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-20': {},\r\n          '@apply pr-16': {},\r\n        },\r\n        svg: {\r\n          '@apply w-[2.2rem] h-[2.2rem]': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction inputGroup() {\r\n  return {\r\n    '&-group': {\r\n      '@apply flex relative': {},\r\n      '@apply items-center': {},\r\n      '@apply focus-within:ring': {},\r\n      '@apply focus-within:ring-ring': {},\r\n      '@apply text-dark-secondary': {},\r\n      //Focus\r\n      '@apply focus-within:border-primitives-overlay-lighten-10': {},\r\n      '@apply dark:focus-within:border-primitives-overlay-darken-6': {},\r\n\r\n      '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n        '@apply focus-within:hover:border-primitives-overlay-lighten-10': {},\r\n        '@apply dark:focus-within:hover:border-primitives-overlay-darken-6': {},\r\n      },\r\n\r\n      // '&:disabled, &[aria-disabled=\"true\"]': {\r\n      //   '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n      //     '@apply color-black-disabled': {},\r\n      //   },\r\n      // },\r\n      '&&-lg': {\r\n        '@apply text-input-large': {},\r\n        '@apply rounded-button-lg': {},\r\n      },\r\n      '&&-md': {\r\n        '@apply text-input-medium': {},\r\n        '@apply rounded-button-md': {},\r\n      },\r\n      '&&-sm': {\r\n        '@apply text-input-small': {},\r\n        '@apply rounded-button-sm': {},\r\n      },\r\n      ...inputStandards(),\r\n      '.sk-form-input': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0': {},\r\n        '@apply focus:ring-0': {},\r\n        '@apply focus:ring-offset-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply dark:bg-transparent': {},\r\n        '@apply grow': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n  return {\r\n    '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n      '@apply block': {},\r\n      '@apply p-0': {},\r\n      '@apply pl-6 md:pl-8': {},\r\n      '@apply m-0': {},\r\n      '@apply bg-none': {},\r\n      '@apply bg-dark-secondary': {},\r\n      '&.sk-form-input-sm': {\r\n        '@apply w-[1.6rem] h-[1.6rem]': {},\r\n        '@apply -mr-2': {},\r\n      },\r\n      '&.sk-form-input-md': {\r\n        '@apply -mr-4': {},\r\n        '@apply w-[1.8rem] h-[1.8rem]': {},\r\n      },\r\n      '&.sk-form-input-lg': {\r\n        '@apply -mr-6': {},\r\n        '@apply w-[2rem] h-[2rem]': {},\r\n      },\r\n    },\r\n\r\n    '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n    '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n      {\r\n        mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        maskSize: 'contain',\r\n        '-webkit-mask-size': 'contain',\r\n      },\r\n    '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n        '@apply color-black-disabled': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nexport const Input = () => ({\r\n  '.sk-form-input': {\r\n    '@apply grow-0': {},\r\n    '@apply text-dark-primary': {},\r\n\r\n    '&[data-hideextra=\"true\"]': {\r\n      '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n        '-webkit-appearance': 'none',\r\n        display: 'none',\r\n        margin: '0px',\r\n      },\r\n      '-moz-appearance': 'textfield',\r\n    },\r\n\r\n    '&&-lg': {\r\n      '@apply rounded-button-lg': {},\r\n      '@apply px-20': {},\r\n      '@apply py-[1.1rem]': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-large': {},\r\n      '@apply h-[4.8rem]': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply rounded-button-md': {},\r\n      '@apply px-16': {},\r\n      '@apply py-[0.7rem]': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-medium': {},\r\n      '@apply h-[4rem]': {},\r\n    },\r\n    '&&-sm': {\r\n      '@apply rounded-button-sm': {},\r\n      '@apply px-12': {},\r\n      '@apply py-[0.5rem]': {},\r\n      '@apply gap-6': {},\r\n      '@apply text-input-small': {},\r\n      '@apply h-[3.2rem]': {},\r\n    },\r\n    '&&-textarea': {\r\n      '@apply h-auto': {},\r\n    },\r\n\r\n    //Focus\r\n    '@apply focus:ring': {},\r\n    '@apply focus:ring-ring': {},\r\n    '@apply focus:ring-offset': {},\r\n    '@apply focus:border-primitives-overlay-lighten-10': {},\r\n    '@apply dark:focus:border-primitives-overlay-darken-6': {},\r\n    '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n      '@apply focus:hover:border-primitives-overlay-lighten-10': {},\r\n      '@apply dark:focus:hover:border-primitives-overlay-darken-6': {},\r\n    },\r\n    ...timeAndDatePicker(),\r\n    ...inputStandards(),\r\n    ...inputGroup(),\r\n    ...addin(),\r\n  },\r\n});\r\n"],"mappings":"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"}