@sk-web-gui/core 1.0.1 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -86,7 +86,7 @@ module.exports = ZebraTable = function ZebraTable() {
86
86
  '.sk-zebratable': {
87
87
  '&-thead': {
88
88
  '&-th': {
89
- '@apply py-12': {}
89
+ '@apply py-4': {}
90
90
  }
91
91
  },
92
92
  '&-tbody': {
@@ -1 +1 @@
1
- {"version":3,"file":"zebratable.js","names":["module","exports","ZebraTable","svg"],"sources":["../../../src/components/zebratable.js"],"sourcesContent":["module.exports = ZebraTable = () => ({\r\n '.sk-zebratable-wrapper': {\r\n '@apply rounded-groups': {},\r\n '@apply border-1': {},\r\n '@apply bg-background-content': {},\r\n '&-inside': {\r\n '@apply border-0 rounded-t-groups': {},\r\n '@apply overflow-hidden': {},\r\n },\r\n '&[data-variant=\"table\"]': {\r\n '&:not([data-background=\"true\"])': {\r\n '@apply border-0': {},\r\n '@apply bg-transparent': {},\r\n },\r\n '.sk-zebratable-wrapper-inside': {\r\n '@apply border-0 rounded-b-groups': {},\r\n },\r\n },\r\n },\r\n '.sk-zebratable': {\r\n '@apply w-full text-left table-auto': {},\r\n '@apply text-dark-secondary': {},\r\n\r\n '&-thead': {\r\n '@apply border-b-1 border-dark-primary': {},\r\n '@apply h-48': {},\r\n '&-tr': {\r\n '@apply table-row': {},\r\n '@apply text-label-small': {},\r\n },\r\n\r\n '&-th': {\r\n '@apply py-4': {},\r\n\r\n \"&[data-isColumnSortable='true']\": {\r\n '@apply cursor-pointer': {},\r\n },\r\n },\r\n '@apply bg-transparent': {},\r\n '&[data-background=\"true\"]': {\r\n '@apply bg-vattjom-background-200 border-b-transparent': {},\r\n },\r\n },\r\n\r\n '&-sortbutton': {\r\n '@apply flex items-center': {},\r\n '@apply focus-visible:ring ring-ring ring-offset-0': {},\r\n '@apply focus-visible:bg-vattjom-background-200': {},\r\n '@apply rounded-utility': {},\r\n '@apply px-16': {},\r\n '@apply h-40': {},\r\n\r\n '&-icon': {\r\n '@apply inline-flex pl-sm': {},\r\n\r\n '&-sort': {\r\n '@apply text-dark-secondary': {},\r\n '@apply flex flex-col': {},\r\n\r\n svg: {\r\n '@apply h-16 w-16': {},\r\n '@apply first-of-type:-mb-4': {},\r\n '@apply last-of-type:-mt-4': {},\r\n },\r\n\r\n \"&[data-sortmodeascending='true']\": {\r\n '> *': {\r\n '@apply last-of-type:text-dark-ghost': {},\r\n },\r\n },\r\n\r\n \"&[data-sortmodeascending='false']\": {\r\n '> *': {\r\n '@apply first-of-type:text-dark-ghost': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-tbody': {\r\n '@apply text-dark-secondary bg-transparent': {},\r\n\r\n '&-tr': {\r\n '@apply bg-transparent': {},\r\n '@apply hover:bg-background-100': {},\r\n '@apply border-b-1': {},\r\n '@apply last-of-type:border-b-transparent': {},\r\n },\r\n\r\n '&-td': {\r\n '@apply py-20 px-18': {},\r\n '@apply text-small': {},\r\n },\r\n },\r\n\r\n '&[data-dense=\"true\"]': {\r\n '.sk-zebratable': {\r\n '&-thead': {\r\n '&-th': {\r\n '@apply py-12': {},\r\n },\r\n },\r\n '&-tbody': {\r\n '&-td': {\r\n '@apply py-12': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-paginationwrapper': {\r\n '@apply w-full max-w-[60rem]': {},\r\n '@apply shrink': {},\r\n },\r\n\r\n '&-bottom': {\r\n '@apply py-14 px-16': {},\r\n '@apply border-t-1': {},\r\n '@apply flex flex-row': {},\r\n '@apply gap-32': {},\r\n '@apply justify-between items-center': {},\r\n '&-section': {\r\n '@apply shrink-0': {},\r\n '@apply flex flex-row': {},\r\n '@apply justify-start items-center': {},\r\n '@apply gap-8': {},\r\n '&-label': {\r\n '@apply font-normal': {},\r\n '@apply text-small': {},\r\n '@apply shrink-0': {},\r\n },\r\n },\r\n '&-pagination': {\r\n '@apply grow': {},\r\n '@apply shrink': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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"}
1
+ {"version":3,"file":"zebratable.js","names":["module","exports","ZebraTable","svg"],"sources":["../../../src/components/zebratable.js"],"sourcesContent":["module.exports = ZebraTable = () => ({\r\n '.sk-zebratable-wrapper': {\r\n '@apply rounded-groups': {},\r\n '@apply border-1': {},\r\n '@apply bg-background-content': {},\r\n '&-inside': {\r\n '@apply border-0 rounded-t-groups': {},\r\n '@apply overflow-hidden': {},\r\n },\r\n '&[data-variant=\"table\"]': {\r\n '&:not([data-background=\"true\"])': {\r\n '@apply border-0': {},\r\n '@apply bg-transparent': {},\r\n },\r\n '.sk-zebratable-wrapper-inside': {\r\n '@apply border-0 rounded-b-groups': {},\r\n },\r\n },\r\n },\r\n '.sk-zebratable': {\r\n '@apply w-full text-left table-auto': {},\r\n '@apply text-dark-secondary': {},\r\n\r\n '&-thead': {\r\n '@apply border-b-1 border-dark-primary': {},\r\n '@apply h-48': {},\r\n '&-tr': {\r\n '@apply table-row': {},\r\n '@apply text-label-small': {},\r\n },\r\n\r\n '&-th': {\r\n '@apply py-4': {},\r\n\r\n \"&[data-isColumnSortable='true']\": {\r\n '@apply cursor-pointer': {},\r\n },\r\n },\r\n '@apply bg-transparent': {},\r\n '&[data-background=\"true\"]': {\r\n '@apply bg-vattjom-background-200 border-b-transparent': {},\r\n },\r\n },\r\n\r\n '&-sortbutton': {\r\n '@apply flex items-center': {},\r\n '@apply focus-visible:ring ring-ring ring-offset-0': {},\r\n '@apply focus-visible:bg-vattjom-background-200': {},\r\n '@apply rounded-utility': {},\r\n '@apply px-16': {},\r\n '@apply h-40': {},\r\n\r\n '&-icon': {\r\n '@apply inline-flex pl-sm': {},\r\n\r\n '&-sort': {\r\n '@apply text-dark-secondary': {},\r\n '@apply flex flex-col': {},\r\n\r\n svg: {\r\n '@apply h-16 w-16': {},\r\n '@apply first-of-type:-mb-4': {},\r\n '@apply last-of-type:-mt-4': {},\r\n },\r\n\r\n \"&[data-sortmodeascending='true']\": {\r\n '> *': {\r\n '@apply last-of-type:text-dark-ghost': {},\r\n },\r\n },\r\n\r\n \"&[data-sortmodeascending='false']\": {\r\n '> *': {\r\n '@apply first-of-type:text-dark-ghost': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-tbody': {\r\n '@apply text-dark-secondary bg-transparent': {},\r\n\r\n '&-tr': {\r\n '@apply bg-transparent': {},\r\n '@apply hover:bg-background-100': {},\r\n '@apply border-b-1': {},\r\n '@apply last-of-type:border-b-transparent': {},\r\n },\r\n\r\n '&-td': {\r\n '@apply py-20 px-18': {},\r\n '@apply text-small': {},\r\n },\r\n },\r\n\r\n '&[data-dense=\"true\"]': {\r\n '.sk-zebratable': {\r\n '&-thead': {\r\n '&-th': {\r\n '@apply py-4': {},\r\n },\r\n },\r\n '&-tbody': {\r\n '&-td': {\r\n '@apply py-12': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-paginationwrapper': {\r\n '@apply w-full max-w-[60rem]': {},\r\n '@apply shrink': {},\r\n },\r\n\r\n '&-bottom': {\r\n '@apply py-14 px-16': {},\r\n '@apply border-t-1': {},\r\n '@apply flex flex-row': {},\r\n '@apply gap-32': {},\r\n '@apply justify-between items-center': {},\r\n '&-section': {\r\n '@apply shrink-0': {},\r\n '@apply flex flex-row': {},\r\n '@apply justify-start items-center': {},\r\n '@apply gap-8': {},\r\n '&-label': {\r\n '@apply font-normal': {},\r\n '@apply text-small': {},\r\n '@apply shrink-0': {},\r\n },\r\n },\r\n '&-pagination': {\r\n '@apply grow': {},\r\n '@apply shrink': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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"}
@@ -1,9 +1,6 @@
1
- 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); }
2
- var plugin = require('tailwindcss/plugin');
3
1
  module.exports = function (options) {
4
2
  if (options === void 0) {
5
3
  options = {
6
- customScrollbar: true,
7
4
  tailwindForms: true,
8
5
  plugin: {
9
6
  colors: [],
@@ -12,24 +9,7 @@ module.exports = function (options) {
12
9
  };
13
10
  }
14
11
  return {
15
- theme: _extends({}, options.customScrollbar ? {
16
- '.custom-scrollbar': {
17
- '@apply scrollbar scrollbar-h-5 scrollbar-w-4 scrollbar-thumb-gray-300 scrollbar-track-gray-100 scrollbar-thumb-rounded-full scrollbar-track-rounded-full': {}
18
- }
19
- } : {}),
20
- plugins: [].concat(options.tailwindForms ? [require('@tailwindcss/forms')] : [], options.customScrollbar ? [require('tailwind-scrollbar')({
21
- nocompatible: true
22
- })] : [], options.customScrollbar ? [plugin(function (_ref) {
23
- var addBase = _ref.addBase;
24
- addBase({
25
- '.custom-scrollbar': {
26
- '@apply scrollbar scrollbar-h-5 scrollbar-w-4 scrollbar-thumb-gray-300 scrollbar-track-gray-100 scrollbar-thumb-rounded-full scrollbar-track-rounded-full': {}
27
- }
28
- });
29
- })] : [], [require('./plugin')(options.plugin)]),
30
- variants: _extends({}, options.customScrollbar ? {
31
- scrollbar: ['rounded']
32
- } : {})
12
+ plugins: [].concat(options.tailwindForms ? [require('@tailwindcss/forms')] : [], [require('./plugin')(options.plugin)])
33
13
  };
34
14
  };
35
15
  //# sourceMappingURL=preset.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"preset.js","names":["plugin","require","module","exports","options","customScrollbar","tailwindForms","colors","cssBase","theme","_extends","plugins","concat","nocompatible","_ref","addBase","variants","scrollbar"],"sources":["../../src/preset.js"],"sourcesContent":["const plugin = require('tailwindcss/plugin');\r\n\r\nmodule.exports = function (\r\n options = { customScrollbar: true, tailwindForms: true, plugin: { colors: [], cssBase: true } }\r\n) {\r\n return {\r\n theme: {\r\n ...(options.customScrollbar\r\n ? {\r\n '.custom-scrollbar': {\r\n '@apply scrollbar scrollbar-h-5 scrollbar-w-4 scrollbar-thumb-gray-300 scrollbar-track-gray-100 scrollbar-thumb-rounded-full scrollbar-track-rounded-full':\r\n {},\r\n },\r\n }\r\n : {}),\r\n },\r\n plugins: [\r\n ...(options.tailwindForms ? [require('@tailwindcss/forms')] : []),\r\n ...(options.customScrollbar ? [require('tailwind-scrollbar')({ nocompatible: true })] : []),\r\n ...(options.customScrollbar\r\n ? [\r\n plugin(function ({ addBase }) {\r\n addBase({\r\n '.custom-scrollbar': {\r\n '@apply scrollbar scrollbar-h-5 scrollbar-w-4 scrollbar-thumb-gray-300 scrollbar-track-gray-100 scrollbar-thumb-rounded-full scrollbar-track-rounded-full':\r\n {},\r\n },\r\n });\r\n }),\r\n ]\r\n : []),\r\n require('./plugin')(options.plugin),\r\n ],\r\n variants: {\r\n ...(options.customScrollbar ? { scrollbar: ['rounded'] } : {}),\r\n },\r\n };\r\n};\r\n"],"mappings":";AAAA,IAAMA,MAAM,GAAGC,OAAO,CAAC,oBAAoB,CAAC;AAE5CC,MAAM,CAACC,OAAO,GAAG,UACfC,OAAO,EACP;EAAA,IADAA,OAAO;IAAPA,OAAO,GAAG;MAAEC,eAAe,EAAE,IAAI;MAAEC,aAAa,EAAE,IAAI;MAAEN,MAAM,EAAE;QAAEO,MAAM,EAAE,EAAE;QAAEC,OAAO,EAAE;MAAK;IAAE,CAAC;EAAA;EAE/F,OAAO;IACLC,KAAK,EAAAC,QAAA,KACCN,OAAO,CAACC,eAAe,GACvB;MACE,mBAAmB,EAAE;QACnB,0JAA0J,EACxJ,CAAC;MACL;IACF,CAAC,GACD,CAAC,CAAC,CACP;IACDM,OAAO,KAAAC,MAAA,CACDR,OAAO,CAACE,aAAa,GAAG,CAACL,OAAO,CAAC,oBAAoB,CAAC,CAAC,GAAG,EAAE,EAC5DG,OAAO,CAACC,eAAe,GAAG,CAACJ,OAAO,CAAC,oBAAoB,CAAC,CAAC;MAAEY,YAAY,EAAE;IAAK,CAAC,CAAC,CAAC,GAAG,EAAE,EACtFT,OAAO,CAACC,eAAe,GACvB,CACEL,MAAM,CAAC,UAAAc,IAAA,EAAuB;MAAA,IAAXC,OAAO,GAAAD,IAAA,CAAPC,OAAO;MACxBA,OAAO,CAAC;QACN,mBAAmB,EAAE;UACnB,0JAA0J,EACxJ,CAAC;QACL;MACF,CAAC,CAAC;IACJ,CAAC,CAAC,CACH,GACD,EAAE,GACNd,OAAO,CAAC,UAAU,CAAC,CAACG,OAAO,CAACJ,MAAM,CAAC,EACpC;IACDgB,QAAQ,EAAAN,QAAA,KACFN,OAAO,CAACC,eAAe,GAAG;MAAEY,SAAS,EAAE,CAAC,SAAS;IAAE,CAAC,GAAG,CAAC,CAAC;EAEjE,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"preset.js","names":["module","exports","options","tailwindForms","plugin","colors","cssBase","plugins","concat","require"],"sources":["../../src/preset.js"],"sourcesContent":["module.exports = function (options = { tailwindForms: true, plugin: { colors: [], cssBase: true } }) {\r\n return {\r\n plugins: [...(options.tailwindForms ? [require('@tailwindcss/forms')] : []), require('./plugin')(options.plugin)],\r\n };\r\n};\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAG,UAAUC,OAAO,EAAmE;EAAA,IAA1EA,OAAO;IAAPA,OAAO,GAAG;MAAEC,aAAa,EAAE,IAAI;MAAEC,MAAM,EAAE;QAAEC,MAAM,EAAE,EAAE;QAAEC,OAAO,EAAE;MAAK;IAAE,CAAC;EAAA;EACjG,OAAO;IACLC,OAAO,KAAAC,MAAA,CAAON,OAAO,CAACC,aAAa,GAAG,CAACM,OAAO,CAAC,oBAAoB,CAAC,CAAC,GAAG,EAAE,GAAGA,OAAO,CAAC,UAAU,CAAC,CAACP,OAAO,CAACE,MAAM,CAAC;EAClH,CAAC;AACH,CAAC"}
package/dist/cjs/theme.js CHANGED
@@ -72,7 +72,7 @@ module.exports = {
72
72
  xl: units.spacing[48]
73
73
  }),
74
74
  maxWidth: {
75
- content: '100%'
75
+ content: screens['desktop-max']
76
76
  },
77
77
  borderRadius: _extends({}, units.radius, {
78
78
  base: 'var(--sk-spacing-0)'
@@ -1 +1 @@
1
- {"version":3,"file":"theme.js","names":["withOpacity","require","colors","units","_require","screens","module","exports","fontSize","_extends","fontSizes","tiny","xs","xl","fontFamily","DEFAULT","sans","header","display","borderRadius","radius","base","extend","backgroundPosition","Object","keys","spacing","reduce","positions","spaceKey","_extends2","boxShadow","ringColor","ring","ringOffsetWidth","ringWidth","ringOpacity","current","gray","primitives","stroke","divider","middle","light","lighter","hover","background","one","two","cursor","sm","md","lg","maxWidth","content","lineHeight","lineHeights","opacity","borderWidth","backgroundColor","fill","textColor","foreground","muted","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/theme.js"],"sourcesContent":["const withOpacity = require('./with-opacity');\r\nconst colors = require('./colors');\r\nconst units = require('./units');\r\nconst { screens } = require('@sk-web-gui/theme');\r\n\r\nmodule.exports = {\r\n fontSize: {\r\n ...units.fontSizes,\r\n tiny: '1rem',\r\n xs: '1.2rem',\r\n xl: units.fontSizes['h4'],\r\n '2xl': units.fontSizes['h3'],\r\n '3xl': units.fontSizes['h2'],\r\n '4xl': units.fontSizes['h1'],\r\n '5xl': units.fontSizes['h3'],\r\n },\r\n fontFamily: {\r\n DEFAULT: ['Arial', 'Helvetica', 'sans-serif'],\r\n sans: ['Arial', 'Helvetica', 'sans-serif'],\r\n header: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\r\n display: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\r\n },\r\n screens,\r\n borderRadius: {\r\n ...units.radius,\r\n base: 'var(--sk-spacing-0)',\r\n },\r\n\r\n extend: {\r\n backgroundPosition: {\r\n ...Object.keys(units.spacing).reduce(\r\n (positions, spaceKey) => ({\r\n ...positions,\r\n [`top-${spaceKey}`]: `center top ${units.spacing[spaceKey]}`,\r\n [`right-${spaceKey}`]: `center right ${units.spacing[spaceKey]}`,\r\n [`bottom-${spaceKey}`]: `center bottom ${units.spacing[spaceKey]}`,\r\n [`left-${spaceKey}`]: `center left ${units.spacing[spaceKey]}`,\r\n }),\r\n {}\r\n ),\r\n },\r\n boxShadow: {\r\n 100: [\r\n '0 0.6rem 1.6rem 0 rgba(13,13,14, 0.07)',\r\n '0 0.181rem 1.2rem 0 rgba(13,13,14, 0.15)',\r\n '0 0.075rem 0.2rem 0 rgba(13,13,14, 0.085)',\r\n '0 0.027rem 0.072rem 0 rgba(13,13,14, 0.0583)',\r\n ],\r\n 200: [\r\n '0 1.5rem 2.7rem 0 rgba(13,13,14, 0.1)',\r\n '0 0.452rem 1.2rem 0 rgba(13,13,14, 0.06)',\r\n '0 0.188rem 0.338rem 0 rgba(13,13,14, 0.03)',\r\n '0 0.068rem 0.122rem 0 rgba(13,13,14, 0.02)',\r\n ],\r\n },\r\n ringColor: {\r\n DEFAULT: colors.ring,\r\n ...colors,\r\n },\r\n ringOffsetWidth: {\r\n DEFAULT: '0.2rem',\r\n },\r\n ringWidth: {\r\n DEFAULT: '0.3rem',\r\n 0: '0px',\r\n },\r\n ringOpacity: {\r\n DEFAULT: 1,\r\n },\r\n colors: {\r\n ...colors,\r\n current: 'currentColor',\r\n gray: {\r\n DEFAULT: colors.primitives.gray[600],\r\n stroke: colors.divider,\r\n middle: colors.primitives.gray[600],\r\n light: colors.primitives.gray[300],\r\n lighter: colors.primitives.gray[200],\r\n ...colors.primitives.gray,\r\n },\r\n hover: colors.primitives.gray[600],\r\n background: {\r\n ...colors.background,\r\n one: colors.background[100],\r\n two: colors.background[200],\r\n },\r\n },\r\n cursor: {\r\n base: 'var(--tw-cursor)',\r\n },\r\n spacing: {\r\n ...units.spacing,\r\n xs: units.spacing[4],\r\n sm: units.spacing[8],\r\n md: units.spacing[16],\r\n lg: units.spacing[24],\r\n xl: units.spacing[48],\r\n },\r\n maxWidth: {\r\n content: '100%',\r\n },\r\n borderRadius: {\r\n ...units.radius,\r\n base: 'var(--sk-spacing-0)',\r\n },\r\n lineHeight: {\r\n ...units.lineHeights,\r\n xs: '1.6rem',\r\n xl: units.lineHeights['h4'],\r\n '2xl': units.lineHeights['h3'],\r\n '3xl': units.lineHeights['h2'],\r\n '4xl': units.lineHeights['h1'],\r\n '5xl': units.lineHeights['display-3'],\r\n },\r\n opacity: {\r\n 15: '0.15',\r\n },\r\n borderWidth: {\r\n DEFAULT: '0.2rem',\r\n 1: '0.1rem',\r\n 2: '0.2rem',\r\n },\r\n backgroundColor: {\r\n base: withOpacity('--sk-colors-primary-surface'),\r\n fill: withOpacity('--sk-colors-bg-fill'),\r\n },\r\n textColor: {\r\n foreground: withOpacity('--sk-colors-primary-DEFAULT'),\r\n muted: withOpacity('--sk-colors-xt-muted'),\r\n },\r\n\r\n zIndex: {\r\n hide: -1,\r\n none: 0,\r\n base: 1,\r\n docked: 10,\r\n dropdown: 1000,\r\n sticky: 1100,\r\n banner: 1200,\r\n overlay: 1300,\r\n modal: 1400,\r\n popover: 1500,\r\n skipLink: 1600,\r\n toast: 1700,\r\n tooltip: 1800,\r\n },\r\n keyframes: {\r\n 'reset-overflow': {\r\n 'from, to': {\r\n overflow: 'hidden',\r\n },\r\n },\r\n },\r\n animation: {\r\n 'reset-overflow': 'reset-overflow 180ms backwards',\r\n },\r\n },\r\n};\r\n"],"mappings":"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"}
1
+ {"version":3,"file":"theme.js","names":["withOpacity","require","colors","units","_require","screens","module","exports","fontSize","_extends","fontSizes","tiny","xs","xl","fontFamily","DEFAULT","sans","header","display","borderRadius","radius","base","extend","backgroundPosition","Object","keys","spacing","reduce","positions","spaceKey","_extends2","boxShadow","ringColor","ring","ringOffsetWidth","ringWidth","ringOpacity","current","gray","primitives","stroke","divider","middle","light","lighter","hover","background","one","two","cursor","sm","md","lg","maxWidth","content","lineHeight","lineHeights","opacity","borderWidth","backgroundColor","fill","textColor","foreground","muted","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/theme.js"],"sourcesContent":["const withOpacity = require('./with-opacity');\r\nconst colors = require('./colors');\r\nconst units = require('./units');\r\nconst { screens } = require('@sk-web-gui/theme');\r\n\r\nmodule.exports = {\r\n fontSize: {\r\n ...units.fontSizes,\r\n tiny: '1rem',\r\n xs: '1.2rem',\r\n xl: units.fontSizes['h4'],\r\n '2xl': units.fontSizes['h3'],\r\n '3xl': units.fontSizes['h2'],\r\n '4xl': units.fontSizes['h1'],\r\n '5xl': units.fontSizes['h3'],\r\n },\r\n fontFamily: {\r\n DEFAULT: ['Arial', 'Helvetica', 'sans-serif'],\r\n sans: ['Arial', 'Helvetica', 'sans-serif'],\r\n header: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\r\n display: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\r\n },\r\n screens,\r\n borderRadius: {\r\n ...units.radius,\r\n base: 'var(--sk-spacing-0)',\r\n },\r\n\r\n extend: {\r\n backgroundPosition: {\r\n ...Object.keys(units.spacing).reduce(\r\n (positions, spaceKey) => ({\r\n ...positions,\r\n [`top-${spaceKey}`]: `center top ${units.spacing[spaceKey]}`,\r\n [`right-${spaceKey}`]: `center right ${units.spacing[spaceKey]}`,\r\n [`bottom-${spaceKey}`]: `center bottom ${units.spacing[spaceKey]}`,\r\n [`left-${spaceKey}`]: `center left ${units.spacing[spaceKey]}`,\r\n }),\r\n {}\r\n ),\r\n },\r\n boxShadow: {\r\n 100: [\r\n '0 0.6rem 1.6rem 0 rgba(13,13,14, 0.07)',\r\n '0 0.181rem 1.2rem 0 rgba(13,13,14, 0.15)',\r\n '0 0.075rem 0.2rem 0 rgba(13,13,14, 0.085)',\r\n '0 0.027rem 0.072rem 0 rgba(13,13,14, 0.0583)',\r\n ],\r\n 200: [\r\n '0 1.5rem 2.7rem 0 rgba(13,13,14, 0.1)',\r\n '0 0.452rem 1.2rem 0 rgba(13,13,14, 0.06)',\r\n '0 0.188rem 0.338rem 0 rgba(13,13,14, 0.03)',\r\n '0 0.068rem 0.122rem 0 rgba(13,13,14, 0.02)',\r\n ],\r\n },\r\n ringColor: {\r\n DEFAULT: colors.ring,\r\n ...colors,\r\n },\r\n ringOffsetWidth: {\r\n DEFAULT: '0.2rem',\r\n },\r\n ringWidth: {\r\n DEFAULT: '0.3rem',\r\n 0: '0px',\r\n },\r\n ringOpacity: {\r\n DEFAULT: 1,\r\n },\r\n colors: {\r\n ...colors,\r\n current: 'currentColor',\r\n gray: {\r\n DEFAULT: colors.primitives.gray[600],\r\n stroke: colors.divider,\r\n middle: colors.primitives.gray[600],\r\n light: colors.primitives.gray[300],\r\n lighter: colors.primitives.gray[200],\r\n ...colors.primitives.gray,\r\n },\r\n hover: colors.primitives.gray[600],\r\n background: {\r\n ...colors.background,\r\n one: colors.background[100],\r\n two: colors.background[200],\r\n },\r\n },\r\n cursor: {\r\n base: 'var(--tw-cursor)',\r\n },\r\n spacing: {\r\n ...units.spacing,\r\n xs: units.spacing[4],\r\n sm: units.spacing[8],\r\n md: units.spacing[16],\r\n lg: units.spacing[24],\r\n xl: units.spacing[48],\r\n },\r\n maxWidth: {\r\n content: screens['desktop-max'],\r\n },\r\n borderRadius: {\r\n ...units.radius,\r\n base: 'var(--sk-spacing-0)',\r\n },\r\n lineHeight: {\r\n ...units.lineHeights,\r\n xs: '1.6rem',\r\n xl: units.lineHeights['h4'],\r\n '2xl': units.lineHeights['h3'],\r\n '3xl': units.lineHeights['h2'],\r\n '4xl': units.lineHeights['h1'],\r\n '5xl': units.lineHeights['display-3'],\r\n },\r\n opacity: {\r\n 15: '0.15',\r\n },\r\n borderWidth: {\r\n DEFAULT: '0.2rem',\r\n 1: '0.1rem',\r\n 2: '0.2rem',\r\n },\r\n backgroundColor: {\r\n base: withOpacity('--sk-colors-primary-surface'),\r\n fill: withOpacity('--sk-colors-bg-fill'),\r\n },\r\n textColor: {\r\n foreground: withOpacity('--sk-colors-primary-DEFAULT'),\r\n muted: withOpacity('--sk-colors-xt-muted'),\r\n },\r\n\r\n zIndex: {\r\n hide: -1,\r\n none: 0,\r\n base: 1,\r\n docked: 10,\r\n dropdown: 1000,\r\n sticky: 1100,\r\n banner: 1200,\r\n overlay: 1300,\r\n modal: 1400,\r\n popover: 1500,\r\n skipLink: 1600,\r\n toast: 1700,\r\n tooltip: 1800,\r\n },\r\n keyframes: {\r\n 'reset-overflow': {\r\n 'from, to': {\r\n overflow: 'hidden',\r\n },\r\n },\r\n },\r\n animation: {\r\n 'reset-overflow': 'reset-overflow 180ms backwards',\r\n },\r\n },\r\n};\r\n"],"mappings":";AAAA,IAAMA,WAAW,GAAGC,OAAO,CAAC,gBAAgB,CAAC;AAC7C,IAAMC,MAAM,GAAGD,OAAO,CAAC,UAAU,CAAC;AAClC,IAAME,KAAK,GAAGF,OAAO,CAAC,SAAS,CAAC;AAChC,IAAAG,QAAA,GAAoBH,OAAO,CAAC,mBAAmB,CAAC;EAAxCI,OAAO,GAAAD,QAAA,CAAPC,OAAO;AAEfC,MAAM,CAACC,OAAO,GAAG;EACfC,QAAQ,EAAAC,QAAA,KACHN,KAAK,CAACO,SAAS;IAClBC,IAAI,EAAE,MAAM;IACZC,EAAE,EAAE,QAAQ;IACZC,EAAE,EAAEV,KAAK,CAACO,SAAS,CAAC,IAAI,CAAC;IACzB,KAAK,EAAEP,KAAK,CAACO,SAAS,CAAC,IAAI,CAAC;IAC5B,KAAK,EAAEP,KAAK,CAACO,SAAS,CAAC,IAAI,CAAC;IAC5B,KAAK,EAAEP,KAAK,CAACO,SAAS,CAAC,IAAI,CAAC;IAC5B,KAAK,EAAEP,KAAK,CAACO,SAAS,CAAC,IAAI;EAAC,EAC7B;EACDI,UAAU,EAAE;IACVC,OAAO,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,YAAY,CAAC;IAC7CC,IAAI,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,YAAY,CAAC;IAC1CC,MAAM,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,CAAC;IACvDC,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY;EACzD,CAAC;EACDb,OAAO,EAAPA,OAAO;EACPc,YAAY,EAAAV,QAAA,KACPN,KAAK,CAACiB,MAAM;IACfC,IAAI,EAAE;EAAqB,EAC5B;EAEDC,MAAM,EAAE;IACNC,kBAAkB,EAAAd,QAAA,KACbe,MAAM,CAACC,IAAI,CAACtB,KAAK,CAACuB,OAAO,CAAC,CAACC,MAAM,CAClC,UAACC,SAAS,EAAEC,QAAQ;MAAA,IAAAC,SAAA;MAAA,OAAArB,QAAA,KACfmB,SAAS,GAAAE,SAAA,OAAAA,SAAA,UACJD,QAAQ,oBAAmB1B,KAAK,CAACuB,OAAO,CAACG,QAAQ,CAAC,EAAAC,SAAA,YAChDD,QAAQ,sBAAqB1B,KAAK,CAACuB,OAAO,CAACG,QAAQ,CAAC,EAAAC,SAAA,aACnDD,QAAQ,uBAAsB1B,KAAK,CAACuB,OAAO,CAACG,QAAQ,CAAC,EAAAC,SAAA,WACvDD,QAAQ,qBAAoB1B,KAAK,CAACuB,OAAO,CAACG,QAAQ,CAAC,EAAAC,SAAA;IAAA,CAC5D,EACF,CAAC,CACH,CAAC,CACF;IACDC,SAAS,EAAE;MACT,GAAG,EAAE,CACH,wCAAwC,EACxC,0CAA0C,EAC1C,2CAA2C,EAC3C,8CAA8C,CAC/C;MACD,GAAG,EAAE,CACH,uCAAuC,EACvC,0CAA0C,EAC1C,4CAA4C,EAC5C,4CAA4C;IAEhD,CAAC;IACDC,SAAS,EAAAvB,QAAA;MACPM,OAAO,EAAEb,MAAM,CAAC+B;IAAI,GACjB/B,MAAM,CACV;IACDgC,eAAe,EAAE;MACfnB,OAAO,EAAE;IACX,CAAC;IACDoB,SAAS,EAAE;MACTpB,OAAO,EAAE,QAAQ;MACjB,CAAC,EAAE;IACL,CAAC;IACDqB,WAAW,EAAE;MACXrB,OAAO,EAAE;IACX,CAAC;IACDb,MAAM,EAAAO,QAAA,KACDP,MAAM;MACTmC,OAAO,EAAE,cAAc;MACvBC,IAAI,EAAA7B,QAAA;QACFM,OAAO,EAAEb,MAAM,CAACqC,UAAU,CAACD,IAAI,CAAC,GAAG,CAAC;QACpCE,MAAM,EAAEtC,MAAM,CAACuC,OAAO;QACtBC,MAAM,EAAExC,MAAM,CAACqC,UAAU,CAACD,IAAI,CAAC,GAAG,CAAC;QACnCK,KAAK,EAAEzC,MAAM,CAACqC,UAAU,CAACD,IAAI,CAAC,GAAG,CAAC;QAClCM,OAAO,EAAE1C,MAAM,CAACqC,UAAU,CAACD,IAAI,CAAC,GAAG;MAAC,GACjCpC,MAAM,CAACqC,UAAU,CAACD,IAAI,CAC1B;MACDO,KAAK,EAAE3C,MAAM,CAACqC,UAAU,CAACD,IAAI,CAAC,GAAG,CAAC;MAClCQ,UAAU,EAAArC,QAAA,KACLP,MAAM,CAAC4C,UAAU;QACpBC,GAAG,EAAE7C,MAAM,CAAC4C,UAAU,CAAC,GAAG,CAAC;QAC3BE,GAAG,EAAE9C,MAAM,CAAC4C,UAAU,CAAC,GAAG;MAAC;IAC5B,EACF;IACDG,MAAM,EAAE;MACN5B,IAAI,EAAE;IACR,CAAC;IACDK,OAAO,EAAAjB,QAAA,KACFN,KAAK,CAACuB,OAAO;MAChBd,EAAE,EAAET,KAAK,CAACuB,OAAO,CAAC,CAAC,CAAC;MACpBwB,EAAE,EAAE/C,KAAK,CAACuB,OAAO,CAAC,CAAC,CAAC;MACpByB,EAAE,EAAEhD,KAAK,CAACuB,OAAO,CAAC,EAAE,CAAC;MACrB0B,EAAE,EAAEjD,KAAK,CAACuB,OAAO,CAAC,EAAE,CAAC;MACrBb,EAAE,EAAEV,KAAK,CAACuB,OAAO,CAAC,EAAE;IAAC,EACtB;IACD2B,QAAQ,EAAE;MACRC,OAAO,EAAEjD,OAAO,CAAC,aAAa;IAChC,CAAC;IACDc,YAAY,EAAAV,QAAA,KACPN,KAAK,CAACiB,MAAM;MACfC,IAAI,EAAE;IAAqB,EAC5B;IACDkC,UAAU,EAAA9C,QAAA,KACLN,KAAK,CAACqD,WAAW;MACpB5C,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAEV,KAAK,CAACqD,WAAW,CAAC,IAAI,CAAC;MAC3B,KAAK,EAAErD,KAAK,CAACqD,WAAW,CAAC,IAAI,CAAC;MAC9B,KAAK,EAAErD,KAAK,CAACqD,WAAW,CAAC,IAAI,CAAC;MAC9B,KAAK,EAAErD,KAAK,CAACqD,WAAW,CAAC,IAAI,CAAC;MAC9B,KAAK,EAAErD,KAAK,CAACqD,WAAW,CAAC,WAAW;IAAC,EACtC;IACDC,OAAO,EAAE;MACP,EAAE,EAAE;IACN,CAAC;IACDC,WAAW,EAAE;MACX3C,OAAO,EAAE,QAAQ;MACjB,CAAC,EAAE,QAAQ;MACX,CAAC,EAAE;IACL,CAAC;IACD4C,eAAe,EAAE;MACftC,IAAI,EAAErB,WAAW,CAAC,6BAA6B,CAAC;MAChD4D,IAAI,EAAE5D,WAAW,CAAC,qBAAqB;IACzC,CAAC;IACD6D,SAAS,EAAE;MACTC,UAAU,EAAE9D,WAAW,CAAC,6BAA6B,CAAC;MACtD+D,KAAK,EAAE/D,WAAW,CAAC,sBAAsB;IAC3C,CAAC;IAEDgE,MAAM,EAAE;MACNC,IAAI,EAAE,CAAC,CAAC;MACRC,IAAI,EAAE,CAAC;MACP7C,IAAI,EAAE,CAAC;MACP8C,MAAM,EAAE,EAAE;MACVC,QAAQ,EAAE,IAAI;MACdC,MAAM,EAAE,IAAI;MACZC,MAAM,EAAE,IAAI;MACZC,OAAO,EAAE,IAAI;MACbC,KAAK,EAAE,IAAI;MACXC,OAAO,EAAE,IAAI;MACbC,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE,IAAI;MACXC,OAAO,EAAE;IACX,CAAC;IACDC,SAAS,EAAE;MACT,gBAAgB,EAAE;QAChB,UAAU,EAAE;UACVC,QAAQ,EAAE;QACZ;MACF;IACF,CAAC;IACDC,SAAS,EAAE;MACT,gBAAgB,EAAE;IACpB;EACF;AACF,CAAC"}
@@ -85,7 +85,7 @@ module.exports = ZebraTable = () => ({
85
85
  '.sk-zebratable': {
86
86
  '&-thead': {
87
87
  '&-th': {
88
- '@apply py-12': {}
88
+ '@apply py-4': {}
89
89
  }
90
90
  },
91
91
  '&-tbody': {
@@ -1 +1 @@
1
- {"version":3,"file":"zebratable.js","names":["module","exports","ZebraTable","svg"],"sources":["../../../src/components/zebratable.js"],"sourcesContent":["module.exports = ZebraTable = () => ({\r\n '.sk-zebratable-wrapper': {\r\n '@apply rounded-groups': {},\r\n '@apply border-1': {},\r\n '@apply bg-background-content': {},\r\n '&-inside': {\r\n '@apply border-0 rounded-t-groups': {},\r\n '@apply overflow-hidden': {},\r\n },\r\n '&[data-variant=\"table\"]': {\r\n '&:not([data-background=\"true\"])': {\r\n '@apply border-0': {},\r\n '@apply bg-transparent': {},\r\n },\r\n '.sk-zebratable-wrapper-inside': {\r\n '@apply border-0 rounded-b-groups': {},\r\n },\r\n },\r\n },\r\n '.sk-zebratable': {\r\n '@apply w-full text-left table-auto': {},\r\n '@apply text-dark-secondary': {},\r\n\r\n '&-thead': {\r\n '@apply border-b-1 border-dark-primary': {},\r\n '@apply h-48': {},\r\n '&-tr': {\r\n '@apply table-row': {},\r\n '@apply text-label-small': {},\r\n },\r\n\r\n '&-th': {\r\n '@apply py-4': {},\r\n\r\n \"&[data-isColumnSortable='true']\": {\r\n '@apply cursor-pointer': {},\r\n },\r\n },\r\n '@apply bg-transparent': {},\r\n '&[data-background=\"true\"]': {\r\n '@apply bg-vattjom-background-200 border-b-transparent': {},\r\n },\r\n },\r\n\r\n '&-sortbutton': {\r\n '@apply flex items-center': {},\r\n '@apply focus-visible:ring ring-ring ring-offset-0': {},\r\n '@apply focus-visible:bg-vattjom-background-200': {},\r\n '@apply rounded-utility': {},\r\n '@apply px-16': {},\r\n '@apply h-40': {},\r\n\r\n '&-icon': {\r\n '@apply inline-flex pl-sm': {},\r\n\r\n '&-sort': {\r\n '@apply text-dark-secondary': {},\r\n '@apply flex flex-col': {},\r\n\r\n svg: {\r\n '@apply h-16 w-16': {},\r\n '@apply first-of-type:-mb-4': {},\r\n '@apply last-of-type:-mt-4': {},\r\n },\r\n\r\n \"&[data-sortmodeascending='true']\": {\r\n '> *': {\r\n '@apply last-of-type:text-dark-ghost': {},\r\n },\r\n },\r\n\r\n \"&[data-sortmodeascending='false']\": {\r\n '> *': {\r\n '@apply first-of-type:text-dark-ghost': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-tbody': {\r\n '@apply text-dark-secondary bg-transparent': {},\r\n\r\n '&-tr': {\r\n '@apply bg-transparent': {},\r\n '@apply hover:bg-background-100': {},\r\n '@apply border-b-1': {},\r\n '@apply last-of-type:border-b-transparent': {},\r\n },\r\n\r\n '&-td': {\r\n '@apply py-20 px-18': {},\r\n '@apply text-small': {},\r\n },\r\n },\r\n\r\n '&[data-dense=\"true\"]': {\r\n '.sk-zebratable': {\r\n '&-thead': {\r\n '&-th': {\r\n '@apply py-12': {},\r\n },\r\n },\r\n '&-tbody': {\r\n '&-td': {\r\n '@apply py-12': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-paginationwrapper': {\r\n '@apply w-full max-w-[60rem]': {},\r\n '@apply shrink': {},\r\n },\r\n\r\n '&-bottom': {\r\n '@apply py-14 px-16': {},\r\n '@apply border-t-1': {},\r\n '@apply flex flex-row': {},\r\n '@apply gap-32': {},\r\n '@apply justify-between items-center': {},\r\n '&-section': {\r\n '@apply shrink-0': {},\r\n '@apply flex flex-row': {},\r\n '@apply justify-start items-center': {},\r\n '@apply gap-8': {},\r\n '&-label': {\r\n '@apply font-normal': {},\r\n '@apply text-small': {},\r\n '@apply shrink-0': {},\r\n },\r\n },\r\n '&-pagination': {\r\n '@apply grow': {},\r\n '@apply shrink': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,UAAU,GAAGA,CAAA,MAAO;EACnC,wBAAwB,EAAE;IACxB,uBAAuB,EAAE,CAAC,CAAC;IAC3B,iBAAiB,EAAE,CAAC,CAAC;IACrB,8BAA8B,EAAE,CAAC,CAAC;IAClC,UAAU,EAAE;MACV,kCAAkC,EAAE,CAAC,CAAC;MACtC,wBAAwB,EAAE,CAAC;IAC7B,CAAC;IACD,yBAAyB,EAAE;MACzB,iCAAiC,EAAE;QACjC,iBAAiB,EAAE,CAAC,CAAC;QACrB,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,+BAA+B,EAAE;QAC/B,kCAAkC,EAAE,CAAC;MACvC;IACF;EACF,CAAC;EACD,gBAAgB,EAAE;IAChB,oCAAoC,EAAE,CAAC,CAAC;IACxC,4BAA4B,EAAE,CAAC,CAAC;IAEhC,SAAS,EAAE;MACT,uCAAuC,EAAE,CAAC,CAAC;MAC3C,aAAa,EAAE,CAAC,CAAC;MACjB,MAAM,EAAE;QACN,kBAAkB,EAAE,CAAC,CAAC;QACtB,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MAED,MAAM,EAAE;QACN,aAAa,EAAE,CAAC,CAAC;QAEjB,iCAAiC,EAAE;UACjC,uBAAuB,EAAE,CAAC;QAC5B;MACF,CAAC;MACD,uBAAuB,EAAE,CAAC,CAAC;MAC3B,2BAA2B,EAAE;QAC3B,uDAAuD,EAAE,CAAC;MAC5D;IACF,CAAC;IAED,cAAc,EAAE;MACd,0BAA0B,EAAE,CAAC,CAAC;MAC9B,mDAAmD,EAAE,CAAC,CAAC;MACvD,gDAAgD,EAAE,CAAC,CAAC;MACpD,wBAAwB,EAAE,CAAC,CAAC;MAC5B,cAAc,EAAE,CAAC,CAAC;MAClB,aAAa,EAAE,CAAC,CAAC;MAEjB,QAAQ,EAAE;QACR,0BAA0B,EAAE,CAAC,CAAC;QAE9B,QAAQ,EAAE;UACR,4BAA4B,EAAE,CAAC,CAAC;UAChC,sBAAsB,EAAE,CAAC,CAAC;UAE1BC,GAAG,EAAE;YACH,kBAAkB,EAAE,CAAC,CAAC;YACtB,4BAA4B,EAAE,CAAC,CAAC;YAChC,2BAA2B,EAAE,CAAC;UAChC,CAAC;UAED,kCAAkC,EAAE;YAClC,KAAK,EAAE;cACL,qCAAqC,EAAE,CAAC;YAC1C;UACF,CAAC;UAED,mCAAmC,EAAE;YACnC,KAAK,EAAE;cACL,sCAAsC,EAAE,CAAC;YAC3C;UACF;QACF;MACF;IACF,CAAC;IAED,SAAS,EAAE;MACT,2CAA2C,EAAE,CAAC,CAAC;MAE/C,MAAM,EAAE;QACN,uBAAuB,EAAE,CAAC,CAAC;QAC3B,gCAAgC,EAAE,CAAC,CAAC;QACpC,mBAAmB,EAAE,CAAC,CAAC;QACvB,0CAA0C,EAAE,CAAC;MAC/C,CAAC;MAED,MAAM,EAAE;QACN,oBAAoB,EAAE,CAAC,CAAC;QACxB,mBAAmB,EAAE,CAAC;MACxB;IACF,CAAC;IAED,sBAAsB,EAAE;MACtB,gBAAgB,EAAE;QAChB,SAAS,EAAE;UACT,MAAM,EAAE;YACN,cAAc,EAAE,CAAC;UACnB;QACF,CAAC;QACD,SAAS,EAAE;UACT,MAAM,EAAE;YACN,cAAc,EAAE,CAAC;UACnB;QACF;MACF;IACF,CAAC;IAED,qBAAqB,EAAE;MACrB,6BAA6B,EAAE,CAAC,CAAC;MACjC,eAAe,EAAE,CAAC;IACpB,CAAC;IAED,UAAU,EAAE;MACV,oBAAoB,EAAE,CAAC,CAAC;MACxB,mBAAmB,EAAE,CAAC,CAAC;MACvB,sBAAsB,EAAE,CAAC,CAAC;MAC1B,eAAe,EAAE,CAAC,CAAC;MACnB,qCAAqC,EAAE,CAAC,CAAC;MACzC,WAAW,EAAE;QACX,iBAAiB,EAAE,CAAC,CAAC;QACrB,sBAAsB,EAAE,CAAC,CAAC;QAC1B,mCAAmC,EAAE,CAAC,CAAC;QACvC,cAAc,EAAE,CAAC,CAAC;QAClB,SAAS,EAAE;UACT,oBAAoB,EAAE,CAAC,CAAC;UACxB,mBAAmB,EAAE,CAAC,CAAC;UACvB,iBAAiB,EAAE,CAAC;QACtB;MACF,CAAC;MACD,cAAc,EAAE;QACd,aAAa,EAAE,CAAC,CAAC;QACjB,eAAe,EAAE,CAAC;MACpB;IACF;EACF;AACF,CAAC,CAAC"}
1
+ {"version":3,"file":"zebratable.js","names":["module","exports","ZebraTable","svg"],"sources":["../../../src/components/zebratable.js"],"sourcesContent":["module.exports = ZebraTable = () => ({\r\n '.sk-zebratable-wrapper': {\r\n '@apply rounded-groups': {},\r\n '@apply border-1': {},\r\n '@apply bg-background-content': {},\r\n '&-inside': {\r\n '@apply border-0 rounded-t-groups': {},\r\n '@apply overflow-hidden': {},\r\n },\r\n '&[data-variant=\"table\"]': {\r\n '&:not([data-background=\"true\"])': {\r\n '@apply border-0': {},\r\n '@apply bg-transparent': {},\r\n },\r\n '.sk-zebratable-wrapper-inside': {\r\n '@apply border-0 rounded-b-groups': {},\r\n },\r\n },\r\n },\r\n '.sk-zebratable': {\r\n '@apply w-full text-left table-auto': {},\r\n '@apply text-dark-secondary': {},\r\n\r\n '&-thead': {\r\n '@apply border-b-1 border-dark-primary': {},\r\n '@apply h-48': {},\r\n '&-tr': {\r\n '@apply table-row': {},\r\n '@apply text-label-small': {},\r\n },\r\n\r\n '&-th': {\r\n '@apply py-4': {},\r\n\r\n \"&[data-isColumnSortable='true']\": {\r\n '@apply cursor-pointer': {},\r\n },\r\n },\r\n '@apply bg-transparent': {},\r\n '&[data-background=\"true\"]': {\r\n '@apply bg-vattjom-background-200 border-b-transparent': {},\r\n },\r\n },\r\n\r\n '&-sortbutton': {\r\n '@apply flex items-center': {},\r\n '@apply focus-visible:ring ring-ring ring-offset-0': {},\r\n '@apply focus-visible:bg-vattjom-background-200': {},\r\n '@apply rounded-utility': {},\r\n '@apply px-16': {},\r\n '@apply h-40': {},\r\n\r\n '&-icon': {\r\n '@apply inline-flex pl-sm': {},\r\n\r\n '&-sort': {\r\n '@apply text-dark-secondary': {},\r\n '@apply flex flex-col': {},\r\n\r\n svg: {\r\n '@apply h-16 w-16': {},\r\n '@apply first-of-type:-mb-4': {},\r\n '@apply last-of-type:-mt-4': {},\r\n },\r\n\r\n \"&[data-sortmodeascending='true']\": {\r\n '> *': {\r\n '@apply last-of-type:text-dark-ghost': {},\r\n },\r\n },\r\n\r\n \"&[data-sortmodeascending='false']\": {\r\n '> *': {\r\n '@apply first-of-type:text-dark-ghost': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-tbody': {\r\n '@apply text-dark-secondary bg-transparent': {},\r\n\r\n '&-tr': {\r\n '@apply bg-transparent': {},\r\n '@apply hover:bg-background-100': {},\r\n '@apply border-b-1': {},\r\n '@apply last-of-type:border-b-transparent': {},\r\n },\r\n\r\n '&-td': {\r\n '@apply py-20 px-18': {},\r\n '@apply text-small': {},\r\n },\r\n },\r\n\r\n '&[data-dense=\"true\"]': {\r\n '.sk-zebratable': {\r\n '&-thead': {\r\n '&-th': {\r\n '@apply py-4': {},\r\n },\r\n },\r\n '&-tbody': {\r\n '&-td': {\r\n '@apply py-12': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-paginationwrapper': {\r\n '@apply w-full max-w-[60rem]': {},\r\n '@apply shrink': {},\r\n },\r\n\r\n '&-bottom': {\r\n '@apply py-14 px-16': {},\r\n '@apply border-t-1': {},\r\n '@apply flex flex-row': {},\r\n '@apply gap-32': {},\r\n '@apply justify-between items-center': {},\r\n '&-section': {\r\n '@apply shrink-0': {},\r\n '@apply flex flex-row': {},\r\n '@apply justify-start items-center': {},\r\n '@apply gap-8': {},\r\n '&-label': {\r\n '@apply font-normal': {},\r\n '@apply text-small': {},\r\n '@apply shrink-0': {},\r\n },\r\n },\r\n '&-pagination': {\r\n '@apply grow': {},\r\n '@apply shrink': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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"}
@@ -1,9 +1,6 @@
1
- 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); }
2
- var plugin = require('tailwindcss/plugin');
3
1
  module.exports = function (options) {
4
2
  if (options === void 0) {
5
3
  options = {
6
- customScrollbar: true,
7
4
  tailwindForms: true,
8
5
  plugin: {
9
6
  colors: [],
@@ -12,26 +9,7 @@ module.exports = function (options) {
12
9
  };
13
10
  }
14
11
  return {
15
- theme: _extends({}, options.customScrollbar ? {
16
- '.custom-scrollbar': {
17
- '@apply scrollbar scrollbar-h-5 scrollbar-w-4 scrollbar-thumb-gray-300 scrollbar-track-gray-100 scrollbar-thumb-rounded-full scrollbar-track-rounded-full': {}
18
- }
19
- } : {}),
20
- plugins: [...(options.tailwindForms ? [require('@tailwindcss/forms')] : []), ...(options.customScrollbar ? [require('tailwind-scrollbar')({
21
- nocompatible: true
22
- })] : []), ...(options.customScrollbar ? [plugin(function (_ref) {
23
- var {
24
- addBase
25
- } = _ref;
26
- addBase({
27
- '.custom-scrollbar': {
28
- '@apply scrollbar scrollbar-h-5 scrollbar-w-4 scrollbar-thumb-gray-300 scrollbar-track-gray-100 scrollbar-thumb-rounded-full scrollbar-track-rounded-full': {}
29
- }
30
- });
31
- })] : []), require('./plugin')(options.plugin)],
32
- variants: _extends({}, options.customScrollbar ? {
33
- scrollbar: ['rounded']
34
- } : {})
12
+ plugins: [...(options.tailwindForms ? [require('@tailwindcss/forms')] : []), require('./plugin')(options.plugin)]
35
13
  };
36
14
  };
37
15
  //# sourceMappingURL=preset.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"preset.js","names":["plugin","require","module","exports","options","customScrollbar","tailwindForms","colors","cssBase","theme","_extends","plugins","nocompatible","_ref","addBase","variants","scrollbar"],"sources":["../../src/preset.js"],"sourcesContent":["const plugin = require('tailwindcss/plugin');\r\n\r\nmodule.exports = function (\r\n options = { customScrollbar: true, tailwindForms: true, plugin: { colors: [], cssBase: true } }\r\n) {\r\n return {\r\n theme: {\r\n ...(options.customScrollbar\r\n ? {\r\n '.custom-scrollbar': {\r\n '@apply scrollbar scrollbar-h-5 scrollbar-w-4 scrollbar-thumb-gray-300 scrollbar-track-gray-100 scrollbar-thumb-rounded-full scrollbar-track-rounded-full':\r\n {},\r\n },\r\n }\r\n : {}),\r\n },\r\n plugins: [\r\n ...(options.tailwindForms ? [require('@tailwindcss/forms')] : []),\r\n ...(options.customScrollbar ? [require('tailwind-scrollbar')({ nocompatible: true })] : []),\r\n ...(options.customScrollbar\r\n ? [\r\n plugin(function ({ addBase }) {\r\n addBase({\r\n '.custom-scrollbar': {\r\n '@apply scrollbar scrollbar-h-5 scrollbar-w-4 scrollbar-thumb-gray-300 scrollbar-track-gray-100 scrollbar-thumb-rounded-full scrollbar-track-rounded-full':\r\n {},\r\n },\r\n });\r\n }),\r\n ]\r\n : []),\r\n require('./plugin')(options.plugin),\r\n ],\r\n variants: {\r\n ...(options.customScrollbar ? { scrollbar: ['rounded'] } : {}),\r\n },\r\n };\r\n};\r\n"],"mappings":";AAAA,IAAMA,MAAM,GAAGC,OAAO,CAAC,oBAAoB,CAAC;AAE5CC,MAAM,CAACC,OAAO,GAAG,UACfC,OAAO,EACP;EAAA,IADAA,OAAO;IAAPA,OAAO,GAAG;MAAEC,eAAe,EAAE,IAAI;MAAEC,aAAa,EAAE,IAAI;MAAEN,MAAM,EAAE;QAAEO,MAAM,EAAE,EAAE;QAAEC,OAAO,EAAE;MAAK;IAAE,CAAC;EAAA;EAE/F,OAAO;IACLC,KAAK,EAAAC,QAAA,KACCN,OAAO,CAACC,eAAe,GACvB;MACE,mBAAmB,EAAE;QACnB,0JAA0J,EACxJ,CAAC;MACL;IACF,CAAC,GACD,CAAC,CAAC,CACP;IACDM,OAAO,EAAE,CACP,IAAIP,OAAO,CAACE,aAAa,GAAG,CAACL,OAAO,CAAC,oBAAoB,CAAC,CAAC,GAAG,EAAE,CAAC,EACjE,IAAIG,OAAO,CAACC,eAAe,GAAG,CAACJ,OAAO,CAAC,oBAAoB,CAAC,CAAC;MAAEW,YAAY,EAAE;IAAK,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,EAC3F,IAAIR,OAAO,CAACC,eAAe,GACvB,CACEL,MAAM,CAAC,UAAAa,IAAA,EAAuB;MAAA,IAAb;QAAEC;MAAQ,CAAC,GAAAD,IAAA;MAC1BC,OAAO,CAAC;QACN,mBAAmB,EAAE;UACnB,0JAA0J,EACxJ,CAAC;QACL;MACF,CAAC,CAAC;IACJ,CAAC,CAAC,CACH,GACD,EAAE,CAAC,EACPb,OAAO,CAAC,UAAU,CAAC,CAACG,OAAO,CAACJ,MAAM,CAAC,CACpC;IACDe,QAAQ,EAAAL,QAAA,KACFN,OAAO,CAACC,eAAe,GAAG;MAAEW,SAAS,EAAE,CAAC,SAAS;IAAE,CAAC,GAAG,CAAC,CAAC;EAEjE,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"preset.js","names":["module","exports","options","tailwindForms","plugin","colors","cssBase","plugins","require"],"sources":["../../src/preset.js"],"sourcesContent":["module.exports = function (options = { tailwindForms: true, plugin: { colors: [], cssBase: true } }) {\r\n return {\r\n plugins: [...(options.tailwindForms ? [require('@tailwindcss/forms')] : []), require('./plugin')(options.plugin)],\r\n };\r\n};\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAG,UAAUC,OAAO,EAAmE;EAAA,IAA1EA,OAAO;IAAPA,OAAO,GAAG;MAAEC,aAAa,EAAE,IAAI;MAAEC,MAAM,EAAE;QAAEC,MAAM,EAAE,EAAE;QAAEC,OAAO,EAAE;MAAK;IAAE,CAAC;EAAA;EACjG,OAAO;IACLC,OAAO,EAAE,CAAC,IAAIL,OAAO,CAACC,aAAa,GAAG,CAACK,OAAO,CAAC,oBAAoB,CAAC,CAAC,GAAG,EAAE,CAAC,EAAEA,OAAO,CAAC,UAAU,CAAC,CAACN,OAAO,CAACE,MAAM,CAAC;EAClH,CAAC;AACH,CAAC"}
package/dist/esm/theme.js CHANGED
@@ -75,7 +75,7 @@ module.exports = {
75
75
  xl: units.spacing[48]
76
76
  }),
77
77
  maxWidth: {
78
- content: '100%'
78
+ content: screens['desktop-max']
79
79
  },
80
80
  borderRadius: _extends({}, units.radius, {
81
81
  base: 'var(--sk-spacing-0)'
@@ -1 +1 @@
1
- {"version":3,"file":"theme.js","names":["withOpacity","require","colors","units","screens","module","exports","fontSize","_extends","fontSizes","tiny","xs","xl","fontFamily","DEFAULT","sans","header","display","borderRadius","radius","base","extend","backgroundPosition","Object","keys","spacing","reduce","positions","spaceKey","boxShadow","ringColor","ring","ringOffsetWidth","ringWidth","ringOpacity","current","gray","primitives","stroke","divider","middle","light","lighter","hover","background","one","two","cursor","sm","md","lg","maxWidth","content","lineHeight","lineHeights","opacity","borderWidth","backgroundColor","fill","textColor","foreground","muted","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/theme.js"],"sourcesContent":["const withOpacity = require('./with-opacity');\r\nconst colors = require('./colors');\r\nconst units = require('./units');\r\nconst { screens } = require('@sk-web-gui/theme');\r\n\r\nmodule.exports = {\r\n fontSize: {\r\n ...units.fontSizes,\r\n tiny: '1rem',\r\n xs: '1.2rem',\r\n xl: units.fontSizes['h4'],\r\n '2xl': units.fontSizes['h3'],\r\n '3xl': units.fontSizes['h2'],\r\n '4xl': units.fontSizes['h1'],\r\n '5xl': units.fontSizes['h3'],\r\n },\r\n fontFamily: {\r\n DEFAULT: ['Arial', 'Helvetica', 'sans-serif'],\r\n sans: ['Arial', 'Helvetica', 'sans-serif'],\r\n header: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\r\n display: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\r\n },\r\n screens,\r\n borderRadius: {\r\n ...units.radius,\r\n base: 'var(--sk-spacing-0)',\r\n },\r\n\r\n extend: {\r\n backgroundPosition: {\r\n ...Object.keys(units.spacing).reduce(\r\n (positions, spaceKey) => ({\r\n ...positions,\r\n [`top-${spaceKey}`]: `center top ${units.spacing[spaceKey]}`,\r\n [`right-${spaceKey}`]: `center right ${units.spacing[spaceKey]}`,\r\n [`bottom-${spaceKey}`]: `center bottom ${units.spacing[spaceKey]}`,\r\n [`left-${spaceKey}`]: `center left ${units.spacing[spaceKey]}`,\r\n }),\r\n {}\r\n ),\r\n },\r\n boxShadow: {\r\n 100: [\r\n '0 0.6rem 1.6rem 0 rgba(13,13,14, 0.07)',\r\n '0 0.181rem 1.2rem 0 rgba(13,13,14, 0.15)',\r\n '0 0.075rem 0.2rem 0 rgba(13,13,14, 0.085)',\r\n '0 0.027rem 0.072rem 0 rgba(13,13,14, 0.0583)',\r\n ],\r\n 200: [\r\n '0 1.5rem 2.7rem 0 rgba(13,13,14, 0.1)',\r\n '0 0.452rem 1.2rem 0 rgba(13,13,14, 0.06)',\r\n '0 0.188rem 0.338rem 0 rgba(13,13,14, 0.03)',\r\n '0 0.068rem 0.122rem 0 rgba(13,13,14, 0.02)',\r\n ],\r\n },\r\n ringColor: {\r\n DEFAULT: colors.ring,\r\n ...colors,\r\n },\r\n ringOffsetWidth: {\r\n DEFAULT: '0.2rem',\r\n },\r\n ringWidth: {\r\n DEFAULT: '0.3rem',\r\n 0: '0px',\r\n },\r\n ringOpacity: {\r\n DEFAULT: 1,\r\n },\r\n colors: {\r\n ...colors,\r\n current: 'currentColor',\r\n gray: {\r\n DEFAULT: colors.primitives.gray[600],\r\n stroke: colors.divider,\r\n middle: colors.primitives.gray[600],\r\n light: colors.primitives.gray[300],\r\n lighter: colors.primitives.gray[200],\r\n ...colors.primitives.gray,\r\n },\r\n hover: colors.primitives.gray[600],\r\n background: {\r\n ...colors.background,\r\n one: colors.background[100],\r\n two: colors.background[200],\r\n },\r\n },\r\n cursor: {\r\n base: 'var(--tw-cursor)',\r\n },\r\n spacing: {\r\n ...units.spacing,\r\n xs: units.spacing[4],\r\n sm: units.spacing[8],\r\n md: units.spacing[16],\r\n lg: units.spacing[24],\r\n xl: units.spacing[48],\r\n },\r\n maxWidth: {\r\n content: '100%',\r\n },\r\n borderRadius: {\r\n ...units.radius,\r\n base: 'var(--sk-spacing-0)',\r\n },\r\n lineHeight: {\r\n ...units.lineHeights,\r\n xs: '1.6rem',\r\n xl: units.lineHeights['h4'],\r\n '2xl': units.lineHeights['h3'],\r\n '3xl': units.lineHeights['h2'],\r\n '4xl': units.lineHeights['h1'],\r\n '5xl': units.lineHeights['display-3'],\r\n },\r\n opacity: {\r\n 15: '0.15',\r\n },\r\n borderWidth: {\r\n DEFAULT: '0.2rem',\r\n 1: '0.1rem',\r\n 2: '0.2rem',\r\n },\r\n backgroundColor: {\r\n base: withOpacity('--sk-colors-primary-surface'),\r\n fill: withOpacity('--sk-colors-bg-fill'),\r\n },\r\n textColor: {\r\n foreground: withOpacity('--sk-colors-primary-DEFAULT'),\r\n muted: withOpacity('--sk-colors-xt-muted'),\r\n },\r\n\r\n zIndex: {\r\n hide: -1,\r\n none: 0,\r\n base: 1,\r\n docked: 10,\r\n dropdown: 1000,\r\n sticky: 1100,\r\n banner: 1200,\r\n overlay: 1300,\r\n modal: 1400,\r\n popover: 1500,\r\n skipLink: 1600,\r\n toast: 1700,\r\n tooltip: 1800,\r\n },\r\n keyframes: {\r\n 'reset-overflow': {\r\n 'from, to': {\r\n overflow: 'hidden',\r\n },\r\n },\r\n },\r\n animation: {\r\n 'reset-overflow': 'reset-overflow 180ms backwards',\r\n },\r\n },\r\n};\r\n"],"mappings":"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"}
1
+ {"version":3,"file":"theme.js","names":["withOpacity","require","colors","units","screens","module","exports","fontSize","_extends","fontSizes","tiny","xs","xl","fontFamily","DEFAULT","sans","header","display","borderRadius","radius","base","extend","backgroundPosition","Object","keys","spacing","reduce","positions","spaceKey","boxShadow","ringColor","ring","ringOffsetWidth","ringWidth","ringOpacity","current","gray","primitives","stroke","divider","middle","light","lighter","hover","background","one","two","cursor","sm","md","lg","maxWidth","content","lineHeight","lineHeights","opacity","borderWidth","backgroundColor","fill","textColor","foreground","muted","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/theme.js"],"sourcesContent":["const withOpacity = require('./with-opacity');\r\nconst colors = require('./colors');\r\nconst units = require('./units');\r\nconst { screens } = require('@sk-web-gui/theme');\r\n\r\nmodule.exports = {\r\n fontSize: {\r\n ...units.fontSizes,\r\n tiny: '1rem',\r\n xs: '1.2rem',\r\n xl: units.fontSizes['h4'],\r\n '2xl': units.fontSizes['h3'],\r\n '3xl': units.fontSizes['h2'],\r\n '4xl': units.fontSizes['h1'],\r\n '5xl': units.fontSizes['h3'],\r\n },\r\n fontFamily: {\r\n DEFAULT: ['Arial', 'Helvetica', 'sans-serif'],\r\n sans: ['Arial', 'Helvetica', 'sans-serif'],\r\n header: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\r\n display: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\r\n },\r\n screens,\r\n borderRadius: {\r\n ...units.radius,\r\n base: 'var(--sk-spacing-0)',\r\n },\r\n\r\n extend: {\r\n backgroundPosition: {\r\n ...Object.keys(units.spacing).reduce(\r\n (positions, spaceKey) => ({\r\n ...positions,\r\n [`top-${spaceKey}`]: `center top ${units.spacing[spaceKey]}`,\r\n [`right-${spaceKey}`]: `center right ${units.spacing[spaceKey]}`,\r\n [`bottom-${spaceKey}`]: `center bottom ${units.spacing[spaceKey]}`,\r\n [`left-${spaceKey}`]: `center left ${units.spacing[spaceKey]}`,\r\n }),\r\n {}\r\n ),\r\n },\r\n boxShadow: {\r\n 100: [\r\n '0 0.6rem 1.6rem 0 rgba(13,13,14, 0.07)',\r\n '0 0.181rem 1.2rem 0 rgba(13,13,14, 0.15)',\r\n '0 0.075rem 0.2rem 0 rgba(13,13,14, 0.085)',\r\n '0 0.027rem 0.072rem 0 rgba(13,13,14, 0.0583)',\r\n ],\r\n 200: [\r\n '0 1.5rem 2.7rem 0 rgba(13,13,14, 0.1)',\r\n '0 0.452rem 1.2rem 0 rgba(13,13,14, 0.06)',\r\n '0 0.188rem 0.338rem 0 rgba(13,13,14, 0.03)',\r\n '0 0.068rem 0.122rem 0 rgba(13,13,14, 0.02)',\r\n ],\r\n },\r\n ringColor: {\r\n DEFAULT: colors.ring,\r\n ...colors,\r\n },\r\n ringOffsetWidth: {\r\n DEFAULT: '0.2rem',\r\n },\r\n ringWidth: {\r\n DEFAULT: '0.3rem',\r\n 0: '0px',\r\n },\r\n ringOpacity: {\r\n DEFAULT: 1,\r\n },\r\n colors: {\r\n ...colors,\r\n current: 'currentColor',\r\n gray: {\r\n DEFAULT: colors.primitives.gray[600],\r\n stroke: colors.divider,\r\n middle: colors.primitives.gray[600],\r\n light: colors.primitives.gray[300],\r\n lighter: colors.primitives.gray[200],\r\n ...colors.primitives.gray,\r\n },\r\n hover: colors.primitives.gray[600],\r\n background: {\r\n ...colors.background,\r\n one: colors.background[100],\r\n two: colors.background[200],\r\n },\r\n },\r\n cursor: {\r\n base: 'var(--tw-cursor)',\r\n },\r\n spacing: {\r\n ...units.spacing,\r\n xs: units.spacing[4],\r\n sm: units.spacing[8],\r\n md: units.spacing[16],\r\n lg: units.spacing[24],\r\n xl: units.spacing[48],\r\n },\r\n maxWidth: {\r\n content: screens['desktop-max'],\r\n },\r\n borderRadius: {\r\n ...units.radius,\r\n base: 'var(--sk-spacing-0)',\r\n },\r\n lineHeight: {\r\n ...units.lineHeights,\r\n xs: '1.6rem',\r\n xl: units.lineHeights['h4'],\r\n '2xl': units.lineHeights['h3'],\r\n '3xl': units.lineHeights['h2'],\r\n '4xl': units.lineHeights['h1'],\r\n '5xl': units.lineHeights['display-3'],\r\n },\r\n opacity: {\r\n 15: '0.15',\r\n },\r\n borderWidth: {\r\n DEFAULT: '0.2rem',\r\n 1: '0.1rem',\r\n 2: '0.2rem',\r\n },\r\n backgroundColor: {\r\n base: withOpacity('--sk-colors-primary-surface'),\r\n fill: withOpacity('--sk-colors-bg-fill'),\r\n },\r\n textColor: {\r\n foreground: withOpacity('--sk-colors-primary-DEFAULT'),\r\n muted: withOpacity('--sk-colors-xt-muted'),\r\n },\r\n\r\n zIndex: {\r\n hide: -1,\r\n none: 0,\r\n base: 1,\r\n docked: 10,\r\n dropdown: 1000,\r\n sticky: 1100,\r\n banner: 1200,\r\n overlay: 1300,\r\n modal: 1400,\r\n popover: 1500,\r\n skipLink: 1600,\r\n toast: 1700,\r\n tooltip: 1800,\r\n },\r\n keyframes: {\r\n 'reset-overflow': {\r\n 'from, to': {\r\n overflow: 'hidden',\r\n },\r\n },\r\n },\r\n animation: {\r\n 'reset-overflow': 'reset-overflow 180ms backwards',\r\n },\r\n },\r\n};\r\n"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sk-web-gui/core",
3
- "version": "1.0.1",
3
+ "version": "1.0.2",
4
4
  "license": "MIT",
5
5
  "main": "src/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -33,12 +33,11 @@
33
33
  "clean-css": "^5.3.2",
34
34
  "postcss": "^8.4.31",
35
35
  "postcss-import": "^15.1.0",
36
- "tailwind-scrollbar": "^3.0.5",
37
36
  "tailwindcss": "^3.3.5"
38
37
  },
39
38
  "dependencies": {
40
- "@sk-web-gui/theme": "1.0.0",
39
+ "@sk-web-gui/theme": "1.0.1",
41
40
  "mini-svg-data-uri": "^1.4.4"
42
41
  },
43
- "gitHead": "007fe1467d7a71c36e27dbac50911d78de747b6a"
42
+ "gitHead": "10dbf85cbf3a3ac1cce7a09594034f396f3bd14a"
44
43
  }
@@ -98,7 +98,7 @@ module.exports = ZebraTable = () => ({
98
98
  '.sk-zebratable': {
99
99
  '&-thead': {
100
100
  '&-th': {
101
- '@apply py-12': {},
101
+ '@apply py-4': {},
102
102
  },
103
103
  },
104
104
  '&-tbody': {
package/src/preset.js CHANGED
@@ -1,38 +1,5 @@
1
- const plugin = require('tailwindcss/plugin');
2
-
3
- module.exports = function (
4
- options = { customScrollbar: true, tailwindForms: true, plugin: { colors: [], cssBase: true } }
5
- ) {
1
+ module.exports = function (options = { tailwindForms: true, plugin: { colors: [], cssBase: true } }) {
6
2
  return {
7
- theme: {
8
- ...(options.customScrollbar
9
- ? {
10
- '.custom-scrollbar': {
11
- '@apply scrollbar scrollbar-h-5 scrollbar-w-4 scrollbar-thumb-gray-300 scrollbar-track-gray-100 scrollbar-thumb-rounded-full scrollbar-track-rounded-full':
12
- {},
13
- },
14
- }
15
- : {}),
16
- },
17
- plugins: [
18
- ...(options.tailwindForms ? [require('@tailwindcss/forms')] : []),
19
- ...(options.customScrollbar ? [require('tailwind-scrollbar')({ nocompatible: true })] : []),
20
- ...(options.customScrollbar
21
- ? [
22
- plugin(function ({ addBase }) {
23
- addBase({
24
- '.custom-scrollbar': {
25
- '@apply scrollbar scrollbar-h-5 scrollbar-w-4 scrollbar-thumb-gray-300 scrollbar-track-gray-100 scrollbar-thumb-rounded-full scrollbar-track-rounded-full':
26
- {},
27
- },
28
- });
29
- }),
30
- ]
31
- : []),
32
- require('./plugin')(options.plugin),
33
- ],
34
- variants: {
35
- ...(options.customScrollbar ? { scrollbar: ['rounded'] } : {}),
36
- },
3
+ plugins: [...(options.tailwindForms ? [require('@tailwindcss/forms')] : []), require('./plugin')(options.plugin)],
37
4
  };
38
5
  };
package/src/theme.js CHANGED
@@ -97,7 +97,7 @@ module.exports = {
97
97
  xl: units.spacing[48],
98
98
  },
99
99
  maxWidth: {
100
- content: '100%',
100
+ content: screens['desktop-max'],
101
101
  },
102
102
  borderRadius: {
103
103
  ...units.radius,