@sk-web-gui/core 0.1.81 → 0.1.83
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.
- package/dist/cjs/colors.js +1 -0
- package/dist/cjs/colors.js.map +1 -1
- package/dist/cjs/components/accordion.js +1 -1
- package/dist/cjs/components/accordion.js.map +1 -1
- package/dist/cjs/components/alert.js.map +1 -1
- package/dist/cjs/components/badge.js.map +1 -1
- package/dist/cjs/components/button.js.map +1 -1
- package/dist/cjs/components/checkbox.js +5 -1
- package/dist/cjs/components/checkbox.js.map +1 -1
- package/dist/cjs/components/dot.js.map +1 -1
- package/dist/cjs/components/dropdown-filter.js +5 -2
- package/dist/cjs/components/dropdown-filter.js.map +1 -1
- package/dist/cjs/components/footer.js.map +1 -1
- package/dist/cjs/components/forms.js.map +1 -1
- package/dist/cjs/components/header.js.map +1 -1
- package/dist/cjs/components/pagination.js +3 -3
- package/dist/cjs/components/pagination.js.map +1 -1
- package/dist/cjs/components/radio.js.map +1 -1
- package/dist/cjs/components/switch.js.map +1 -1
- package/dist/cjs/components/tab-menu.js.map +1 -1
- package/dist/cjs/components/tabs.js.map +1 -1
- package/dist/cjs/components/zebratable.js +10 -1
- package/dist/cjs/components/zebratable.js.map +1 -1
- package/dist/cjs/index.js +6 -69
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/plugin.js +72 -0
- package/dist/cjs/plugin.js.map +1 -0
- package/dist/cjs/preset.js +30 -83
- package/dist/cjs/preset.js.map +1 -1
- package/dist/cjs/theme.js +87 -0
- package/dist/cjs/theme.js.map +1 -0
- package/dist/esm/colors.js +1 -0
- package/dist/esm/colors.js.map +1 -1
- package/dist/esm/components/accordion.js +1 -1
- package/dist/esm/components/accordion.js.map +1 -1
- package/dist/esm/components/alert.js.map +1 -1
- package/dist/esm/components/badge.js.map +1 -1
- package/dist/esm/components/button.js.map +1 -1
- package/dist/esm/components/checkbox.js +7 -1
- package/dist/esm/components/checkbox.js.map +1 -1
- package/dist/esm/components/dot.js.map +1 -1
- package/dist/esm/components/dropdown-filter.js +5 -2
- package/dist/esm/components/dropdown-filter.js.map +1 -1
- package/dist/esm/components/footer.js.map +1 -1
- package/dist/esm/components/forms.js.map +1 -1
- package/dist/esm/components/header.js.map +1 -1
- package/dist/esm/components/pagination.js +3 -3
- package/dist/esm/components/pagination.js.map +1 -1
- package/dist/esm/components/radio.js.map +1 -1
- package/dist/esm/components/switch.js.map +1 -1
- package/dist/esm/components/tab-menu.js.map +1 -1
- package/dist/esm/components/tabs.js.map +1 -1
- package/dist/esm/components/zebratable.js +10 -1
- package/dist/esm/components/zebratable.js.map +1 -1
- package/dist/esm/index.js +6 -69
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/plugin.js +70 -0
- package/dist/esm/plugin.js.map +1 -0
- package/dist/esm/preset.js +32 -84
- package/dist/esm/preset.js.map +1 -1
- package/dist/esm/theme.js +86 -0
- package/dist/esm/theme.js.map +1 -0
- package/package.json +3 -2
- package/src/colors.js +1 -0
- package/src/components/accordion.js +1 -1
- package/src/components/checkbox.js +8 -1
- package/src/components/dropdown-filter.js +6 -2
- package/src/components/pagination.js +3 -3
- package/src/components/tab-menu.js +58 -58
- package/src/components/tabs.js +64 -64
- package/src/components/zebratable.js +11 -2
- package/src/index.js +6 -119
- package/src/plugin.js +120 -0
- package/src/preset.js +34 -83
- package/src/theme.js +84 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.js","names":["module","exports","Radio","colors","_extends","backgroundColor","borderColor","reduce","styles","color"],"sources":["../../../src/components/radio.js"],"sourcesContent":["module.exports = Radio = (colors) => ({\r\n '.form-radio': {\r\n '@apply shadow-sm': {},\r\n backgroundColor: 'inherit',\r\n '@apply border-neutral-300': {},\r\n '&[aria-invalid=true]': {\r\n '--tw-border-opacity': '1',\r\n borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n },\r\n '&[aria-invalid=true]:hover': {\r\n '--tw-border-opacity': '1',\r\n 'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n },\r\n // dark colors\r\n '@apply dark:border-neutral-400': {},\r\n '.dark &[aria-invalid=true]': {\r\n '--tw-border-opacity': '1',\r\n borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))',\r\n },\r\n '.dark &[aria-invalid=true]:hover': {\r\n '--tw-border-opacity': '1',\r\n borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))',\r\n },\r\n\r\n '@media (prefers-color-scheme: dark)': {\r\n '&[aria-invalid=true]': {\r\n '--tw-border-opacity': '1',\r\n borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n },\r\n '&[aria-invalid=true]:hover': {\r\n '--tw-border-opacity': '1',\r\n 'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n },\r\n },\r\n\r\n '&:checked': {\r\n borderColor: 'transparent',\r\n },\r\n\r\n // colors\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply text-${color}-600`]: {},\r\n [`@apply focus-visible:border-${color}-600 focus-visible:ring-${color}-600`]: {},\r\n [`@apply dark:text-${color}-500`]: {},\r\n [`@apply dark:focus-visible:border-${color}-400 dark:focus-visible:ring-${color}-400`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n '@apply dark:focus-visible:ring-offset-neutral-900': {},\r\n\r\n // sizing\r\n '&-sm': {\r\n '@apply w-3 h-3': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply w-4 h-4': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply w-5 h-5': {},\r\n },\r\n\r\n '&-xl': {\r\n '@apply w-6 h-6': {},\r\n },\r\n\r\n // disabled\r\n '&-disabled': {\r\n '@apply disabled:shadow-none disabled:border-neutral-300 disabled:bg-neutral-300 disabled:hover:text-neutral-300':\r\n {},\r\n '@apply dark:disabled:border-transparent dark:disabled:bg-white/20 dark:disabled:hover:text-white/20': {},\r\n },\r\n\r\n // label\r\n '&-label': {\r\n '@apply ml-2 select-none text-sm': {},\r\n '@apply text-body': {},\r\n // dark colors\r\n '@apply dark:text-neutral-100': {},\r\n\r\n '&-sm': {\r\n '@apply text-xs': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply text-sm': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-base': {},\r\n },\r\n\r\n '&-xl': {\r\n '@apply text-lg': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":";AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAIC,MAAM,KAAM;EACpC,aAAa,EAAAC,QAAA;IACX,kBAAkB,EAAE,CAAC,CAAC;IACtBC,eAAe,EAAE,SAAS;IAC1B,2BAA2B,EAAE,CAAC,CAAC;IAC/B,sBAAsB,EAAE;MACtB,qBAAqB,EAAE,GAAG;MAC1BC,WAAW,EAAE;IACf,CAAC;IACD,4BAA4B,EAAE;MAC5B,qBAAqB,EAAE,GAAG;MAC1B,cAAc,EAAE;IAClB,CAAC;IACD;IACA,gCAAgC,EAAE,CAAC,CAAC;IACpC,4BAA4B,EAAE;MAC5B,qBAAqB,EAAE,GAAG;MAC1BA,WAAW,EAAE;IACf,CAAC;IACD,kCAAkC,EAAE;MAClC,qBAAqB,EAAE,GAAG;MAC1BA,WAAW,EAAE;IACf,CAAC;IAED,qCAAqC,EAAE;MACrC,sBAAsB,EAAE;QACtB,qBAAqB,EAAE,GAAG;QAC1BA,WAAW,EAAE;MACf,CAAC;MACD,4BAA4B,EAAE;QAC5B,qBAAqB,EAAE,GAAG;QAC1B,cAAc,EAAE;MAClB;IACF,CAAC;IAED,WAAW,EAAE;MACXA,WAAW,EAAE;IACf;EAAC,GAGEH,MAAM,CAACI,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAL,QAAA,KACTI,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,kBAAgBA,KAAK,YAAS,CAAC,CAAC;MAChC,kCAAgCA,KAAK,gCAA2BA,KAAK,YAAS,CAAC,CAAC;MAChF,uBAAqBA,KAAK,YAAS,CAAC,CAAC;MACrC,uCAAqCA,KAAK,qCAAgCA,KAAK,YAAS,CAAC;IAC3F;EAAC,EACD,EACF,CAAC,CAAC
|
|
1
|
+
{"version":3,"file":"radio.js","names":["module","exports","Radio","colors","_extends","backgroundColor","borderColor","reduce","styles","color"],"sources":["../../../src/components/radio.js"],"sourcesContent":["module.exports = Radio = (colors) => ({\r\n '.form-radio': {\r\n '@apply shadow-sm': {},\r\n backgroundColor: 'inherit',\r\n '@apply border-neutral-300': {},\r\n '&[aria-invalid=true]': {\r\n '--tw-border-opacity': '1',\r\n borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n },\r\n '&[aria-invalid=true]:hover': {\r\n '--tw-border-opacity': '1',\r\n 'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n },\r\n // dark colors\r\n '@apply dark:border-neutral-400': {},\r\n '.dark &[aria-invalid=true]': {\r\n '--tw-border-opacity': '1',\r\n borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))',\r\n },\r\n '.dark &[aria-invalid=true]:hover': {\r\n '--tw-border-opacity': '1',\r\n borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))',\r\n },\r\n\r\n '@media (prefers-color-scheme: dark)': {\r\n '&[aria-invalid=true]': {\r\n '--tw-border-opacity': '1',\r\n borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n },\r\n '&[aria-invalid=true]:hover': {\r\n '--tw-border-opacity': '1',\r\n 'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n },\r\n },\r\n\r\n '&:checked': {\r\n borderColor: 'transparent',\r\n },\r\n\r\n // colors\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply text-${color}-600`]: {},\r\n [`@apply focus-visible:border-${color}-600 focus-visible:ring-${color}-600`]: {},\r\n [`@apply dark:text-${color}-500`]: {},\r\n [`@apply dark:focus-visible:border-${color}-400 dark:focus-visible:ring-${color}-400`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n '@apply dark:focus-visible:ring-offset-neutral-900': {},\r\n\r\n // sizing\r\n '&-sm': {\r\n '@apply w-3 h-3': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply w-4 h-4': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply w-5 h-5': {},\r\n },\r\n\r\n '&-xl': {\r\n '@apply w-6 h-6': {},\r\n },\r\n\r\n // disabled\r\n '&-disabled': {\r\n '@apply disabled:shadow-none disabled:border-neutral-300 disabled:bg-neutral-300 disabled:hover:text-neutral-300':\r\n {},\r\n '@apply dark:disabled:border-transparent dark:disabled:bg-white/20 dark:disabled:hover:text-white/20': {},\r\n },\r\n\r\n // label\r\n '&-label': {\r\n '@apply ml-2 select-none text-sm': {},\r\n '@apply text-body': {},\r\n // dark colors\r\n '@apply dark:text-neutral-100': {},\r\n\r\n '&-sm': {\r\n '@apply text-xs': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply text-sm': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-base': {},\r\n },\r\n\r\n '&-xl': {\r\n '@apply text-lg': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":";AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAIC,MAAM,KAAM;EACpC,aAAa,EAAAC,QAAA;IACX,kBAAkB,EAAE,CAAC,CAAC;IACtBC,eAAe,EAAE,SAAS;IAC1B,2BAA2B,EAAE,CAAC,CAAC;IAC/B,sBAAsB,EAAE;MACtB,qBAAqB,EAAE,GAAG;MAC1BC,WAAW,EAAE;IACf,CAAC;IACD,4BAA4B,EAAE;MAC5B,qBAAqB,EAAE,GAAG;MAC1B,cAAc,EAAE;IAClB,CAAC;IACD;IACA,gCAAgC,EAAE,CAAC,CAAC;IACpC,4BAA4B,EAAE;MAC5B,qBAAqB,EAAE,GAAG;MAC1BA,WAAW,EAAE;IACf,CAAC;IACD,kCAAkC,EAAE;MAClC,qBAAqB,EAAE,GAAG;MAC1BA,WAAW,EAAE;IACf,CAAC;IAED,qCAAqC,EAAE;MACrC,sBAAsB,EAAE;QACtB,qBAAqB,EAAE,GAAG;QAC1BA,WAAW,EAAE;MACf,CAAC;MACD,4BAA4B,EAAE;QAC5B,qBAAqB,EAAE,GAAG;QAC1B,cAAc,EAAE;MAClB;IACF,CAAC;IAED,WAAW,EAAE;MACXA,WAAW,EAAE;IACf;EAAC,GAGEH,MAAM,CAACI,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAL,QAAA,KACTI,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,kBAAgBA,KAAK,YAAS,CAAC,CAAC;MAChC,kCAAgCA,KAAK,gCAA2BA,KAAK,YAAS,CAAC,CAAC;MAChF,uBAAqBA,KAAK,YAAS,CAAC,CAAC;MACrC,uCAAqCA,KAAK,qCAAgCA,KAAK,YAAS,CAAC;IAC3F;EAAC,EACD,EACF,CAAC,CACH,CAAC;IAED,mDAAmD,EAAE,CAAC,CAAC;IAEvD;IACA,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED;IACA,YAAY,EAAE;MACZ,iHAAiH,EAC/G,CAAC,CAAC;MACJ,qGAAqG,EAAE,CAAC;IAC1G,CAAC;IAED;IACA,SAAS,EAAE;MACT,iCAAiC,EAAE,CAAC,CAAC;MACrC,kBAAkB,EAAE,CAAC,CAAC;MACtB;MACA,8BAA8B,EAAE,CAAC,CAAC;MAElC,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB;IACF;EAAC;AAEL,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.js","names":["module","exports","Switch","colors","_extends","border","backgroundColor","transform","reduce","styles","color","height","width"],"sources":["../../../src/components/switch.js"],"sourcesContent":["module.exports = Switch = (colors) => ({\r\n '.form-switch-label': {\r\n '@apply inline-block align-middle': {},\r\n\r\n \"&[type='hidden']\": {\r\n '@apply hidden': {},\r\n\r\n '.form-switch': {\r\n '@apply hidden': {},\r\n },\r\n },\r\n },\r\n '.form-switch': {\r\n '@apply rounded-full p-0.5 cursor-base focus:outline-none': {},\r\n '@apply bg-gray-stroke dark:bg-neutral-700': {},\r\n // Hover\r\n //\"@apply hover:bg-neutral-300 dark:hover:bg-neutral-600\": {},\r\n\r\n border: '0.1rem solid transparent',\r\n\r\n 'input[type=checkbox]:checked + &, input[type=checkbox][aria-checked=mixed] + &': {\r\n backgroundColor: 'currentColor',\r\n '.form-switch-box-sm': {\r\n transform: 'translateX(1.42rem)',\r\n },\r\n '.form-switch-box-md': {\r\n transform: 'translateX(1.6rem)',\r\n },\r\n '.form-switch-box-lg': {\r\n transform: 'translateX(1.78rem)',\r\n },\r\n },\r\n\r\n 'input[type=checkbox]:focus-visible + &': {\r\n '@apply z-base !important': {},\r\n '@apply border-primary !important': {},\r\n '@apply ring-4 ring-black !important': {},\r\n },\r\n\r\n 'input[type=checkbox]:checked:focus-visible + &, input[type=checkbox][aria-checked=mixed]:focus-visible + &': {\r\n '@apply ring-black !important': {},\r\n },\r\n '.dark input[type=checkbox]:checked:focus-visible + &,.dark input[type=checkbox][aria-checked=mixed]:focus-visible + &':\r\n {\r\n '@apply ring-black !important': {},\r\n },\r\n 'input[type=checkbox]:checked:hover:not(:disabled) + &, input[type=checkbox][aria-checked=mixed]:hover:not(:disabled) + &':\r\n {\r\n '@apply cursor-base': {},\r\n },\r\n\r\n // colors\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply text-${color}`]: {},\r\n\r\n // 'input[type=checkbox]:focus + &': {\r\n // borderColor: `${theme(`colors.${color}.DEFAULT`)}`,\r\n // boxShadow: `0 0 5px ${theme(`colors.${color}.DEFAULT`)}`,\r\n // borderWidth: '0.1rem',\r\n // },\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n // disabled\r\n '&-disabled': {\r\n '@apply cursor-not-allowed': {},\r\n\r\n '&': {\r\n backgroundColor: '#ECECEC',\r\n },\r\n },\r\n\r\n 'input[type=checkbox]:not(:checked) + &-disabled .form-switch-box': {\r\n '@apply bg-gray-stroke': {},\r\n },\r\n\r\n // sizing\r\n '&-sm': {\r\n height: '2.16rem',\r\n width: '3.6rem',\r\n },\r\n\r\n '&-md': {\r\n height: '2.4rem',\r\n width: '4rem',\r\n },\r\n\r\n '&-lg': {\r\n height: '2.64rem',\r\n width: '4.4rem',\r\n },\r\n },\r\n\r\n // Knob\r\n '.form-switch-box': {\r\n '@apply transition-transform ease-in-out duration-150 transform bg-white rounded-full shadow translate-x-0': {},\r\n\r\n // sizing\r\n '&-sm': {\r\n height: '1.6rem',\r\n width: '1.7rem',\r\n },\r\n\r\n '&-md': {\r\n height: '2rem',\r\n width: '2rem',\r\n },\r\n\r\n '&-lg': {\r\n height: '2.2rem',\r\n width: '2.2rem',\r\n },\r\n },\r\n});\r\n"],"mappings":";AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAIC,MAAM,KAAM;EACrC,oBAAoB,EAAE;IACpB,kCAAkC,EAAE,CAAC,CAAC;IAEtC,kBAAkB,EAAE;MAClB,eAAe,EAAE,CAAC,CAAC;MAEnB,cAAc,EAAE;QACd,eAAe,EAAE,CAAC;MACpB;IACF;EACF,CAAC;EACD,cAAc,EAAAC,QAAA;IACZ,0DAA0D,EAAE,CAAC,CAAC;IAC9D,2CAA2C,EAAE,CAAC,CAAC;IAC/C;IACA;;IAEAC,MAAM,EAAE,0BAA0B;IAElC,gFAAgF,EAAE;MAChFC,eAAe,EAAE,cAAc;MAC/B,qBAAqB,EAAE;QACrBC,SAAS,EAAE;MACb,CAAC;MACD,qBAAqB,EAAE;QACrBA,SAAS,EAAE;MACb,CAAC;MACD,qBAAqB,EAAE;QACrBA,SAAS,EAAE;MACb;IACF,CAAC;IAED,wCAAwC,EAAE;MACxC,0BAA0B,EAAE,CAAC,CAAC;MAC9B,kCAAkC,EAAE,CAAC,CAAC;MACtC,qCAAqC,EAAE,CAAC;IAC1C,CAAC;IAED,4GAA4G,EAAE;MAC5G,8BAA8B,EAAE,CAAC;IACnC,CAAC;IACD,uHAAuH,EACrH;MACE,8BAA8B,EAAE,CAAC;IACnC,CAAC;IACH,0HAA0H,EACxH;MACE,oBAAoB,EAAE,CAAC;IACzB;EAAC,GAGAJ,MAAM,CAACK,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAN,QAAA,KACTK,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,kBAAgBA,KAAK,GAAK,CAAC;;MAE3B;MACA;MACA;MACA;MACA;IACF;EAAC,EACD,EACF,CAAC,CAAC
|
|
1
|
+
{"version":3,"file":"switch.js","names":["module","exports","Switch","colors","_extends","border","backgroundColor","transform","reduce","styles","color","height","width"],"sources":["../../../src/components/switch.js"],"sourcesContent":["module.exports = Switch = (colors) => ({\r\n '.form-switch-label': {\r\n '@apply inline-block align-middle': {},\r\n\r\n \"&[type='hidden']\": {\r\n '@apply hidden': {},\r\n\r\n '.form-switch': {\r\n '@apply hidden': {},\r\n },\r\n },\r\n },\r\n '.form-switch': {\r\n '@apply rounded-full p-0.5 cursor-base focus:outline-none': {},\r\n '@apply bg-gray-stroke dark:bg-neutral-700': {},\r\n // Hover\r\n //\"@apply hover:bg-neutral-300 dark:hover:bg-neutral-600\": {},\r\n\r\n border: '0.1rem solid transparent',\r\n\r\n 'input[type=checkbox]:checked + &, input[type=checkbox][aria-checked=mixed] + &': {\r\n backgroundColor: 'currentColor',\r\n '.form-switch-box-sm': {\r\n transform: 'translateX(1.42rem)',\r\n },\r\n '.form-switch-box-md': {\r\n transform: 'translateX(1.6rem)',\r\n },\r\n '.form-switch-box-lg': {\r\n transform: 'translateX(1.78rem)',\r\n },\r\n },\r\n\r\n 'input[type=checkbox]:focus-visible + &': {\r\n '@apply z-base !important': {},\r\n '@apply border-primary !important': {},\r\n '@apply ring-4 ring-black !important': {},\r\n },\r\n\r\n 'input[type=checkbox]:checked:focus-visible + &, input[type=checkbox][aria-checked=mixed]:focus-visible + &': {\r\n '@apply ring-black !important': {},\r\n },\r\n '.dark input[type=checkbox]:checked:focus-visible + &,.dark input[type=checkbox][aria-checked=mixed]:focus-visible + &':\r\n {\r\n '@apply ring-black !important': {},\r\n },\r\n 'input[type=checkbox]:checked:hover:not(:disabled) + &, input[type=checkbox][aria-checked=mixed]:hover:not(:disabled) + &':\r\n {\r\n '@apply cursor-base': {},\r\n },\r\n\r\n // colors\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply text-${color}`]: {},\r\n\r\n // 'input[type=checkbox]:focus + &': {\r\n // borderColor: `${theme(`colors.${color}.DEFAULT`)}`,\r\n // boxShadow: `0 0 5px ${theme(`colors.${color}.DEFAULT`)}`,\r\n // borderWidth: '0.1rem',\r\n // },\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n // disabled\r\n '&-disabled': {\r\n '@apply cursor-not-allowed': {},\r\n\r\n '&': {\r\n backgroundColor: '#ECECEC',\r\n },\r\n },\r\n\r\n 'input[type=checkbox]:not(:checked) + &-disabled .form-switch-box': {\r\n '@apply bg-gray-stroke': {},\r\n },\r\n\r\n // sizing\r\n '&-sm': {\r\n height: '2.16rem',\r\n width: '3.6rem',\r\n },\r\n\r\n '&-md': {\r\n height: '2.4rem',\r\n width: '4rem',\r\n },\r\n\r\n '&-lg': {\r\n height: '2.64rem',\r\n width: '4.4rem',\r\n },\r\n },\r\n\r\n // Knob\r\n '.form-switch-box': {\r\n '@apply transition-transform ease-in-out duration-150 transform bg-white rounded-full shadow translate-x-0': {},\r\n\r\n // sizing\r\n '&-sm': {\r\n height: '1.6rem',\r\n width: '1.7rem',\r\n },\r\n\r\n '&-md': {\r\n height: '2rem',\r\n width: '2rem',\r\n },\r\n\r\n '&-lg': {\r\n height: '2.2rem',\r\n width: '2.2rem',\r\n },\r\n },\r\n});\r\n"],"mappings":";AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAIC,MAAM,KAAM;EACrC,oBAAoB,EAAE;IACpB,kCAAkC,EAAE,CAAC,CAAC;IAEtC,kBAAkB,EAAE;MAClB,eAAe,EAAE,CAAC,CAAC;MAEnB,cAAc,EAAE;QACd,eAAe,EAAE,CAAC;MACpB;IACF;EACF,CAAC;EACD,cAAc,EAAAC,QAAA;IACZ,0DAA0D,EAAE,CAAC,CAAC;IAC9D,2CAA2C,EAAE,CAAC,CAAC;IAC/C;IACA;;IAEAC,MAAM,EAAE,0BAA0B;IAElC,gFAAgF,EAAE;MAChFC,eAAe,EAAE,cAAc;MAC/B,qBAAqB,EAAE;QACrBC,SAAS,EAAE;MACb,CAAC;MACD,qBAAqB,EAAE;QACrBA,SAAS,EAAE;MACb,CAAC;MACD,qBAAqB,EAAE;QACrBA,SAAS,EAAE;MACb;IACF,CAAC;IAED,wCAAwC,EAAE;MACxC,0BAA0B,EAAE,CAAC,CAAC;MAC9B,kCAAkC,EAAE,CAAC,CAAC;MACtC,qCAAqC,EAAE,CAAC;IAC1C,CAAC;IAED,4GAA4G,EAAE;MAC5G,8BAA8B,EAAE,CAAC;IACnC,CAAC;IACD,uHAAuH,EACrH;MACE,8BAA8B,EAAE,CAAC;IACnC,CAAC;IACH,0HAA0H,EACxH;MACE,oBAAoB,EAAE,CAAC;IACzB;EAAC,GAGAJ,MAAM,CAACK,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAN,QAAA,KACTK,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,kBAAgBA,KAAK,GAAK,CAAC;;MAE3B;MACA;MACA;MACA;MACA;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IAED;IACA,YAAY,EAAE;MACZ,2BAA2B,EAAE,CAAC,CAAC;MAE/B,GAAG,EAAE;QACHJ,eAAe,EAAE;MACnB;IACF,CAAC;IAED,kEAAkE,EAAE;MAClE,uBAAuB,EAAE,CAAC;IAC5B,CAAC;IAED;IACA,MAAM,EAAE;MACNK,MAAM,EAAE,SAAS;MACjBC,KAAK,EAAE;IACT,CAAC;IAED,MAAM,EAAE;MACND,MAAM,EAAE,QAAQ;MAChBC,KAAK,EAAE;IACT,CAAC;IAED,MAAM,EAAE;MACND,MAAM,EAAE,SAAS;MACjBC,KAAK,EAAE;IACT;EAAC,EACF;EAED;EACA,kBAAkB,EAAE;IAClB,2GAA2G,EAAE,CAAC,CAAC;IAE/G;IACA,MAAM,EAAE;MACND,MAAM,EAAE,QAAQ;MAChBC,KAAK,EAAE;IACT,CAAC;IAED,MAAM,EAAE;MACND,MAAM,EAAE,MAAM;MACdC,KAAK,EAAE;IACT,CAAC;IAED,MAAM,EAAE;MACND,MAAM,EAAE,QAAQ;MAChBC,KAAK,EAAE;IACT;EACF;AACF,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-menu.js","names":["module","exports","TabMenu","display","flexDirection","margin","all","width","height","padding","marginRight","alignItems","position","cursor","content","top","left"],"sources":["../../../src/components/tab-menu.js"],"sourcesContent":["module.exports = TabMenu = () => ({\
|
|
1
|
+
{"version":3,"file":"tab-menu.js","names":["module","exports","TabMenu","display","flexDirection","margin","all","width","height","padding","marginRight","alignItems","position","cursor","content","top","left"],"sources":["../../../src/components/tab-menu.js"],"sourcesContent":["module.exports = TabMenu = () => ({\n '.sk-tab-menu': {\n '&-wrapper': {\n display: 'flex',\n flexDirection: 'row',\n margin: 'auto',\n },\n '&-right': {\n '@apply justify-end': {},\n },\n '&-center': {\n '@apply justify-center': {},\n },\n '&-list': {\n all: 'unset',\n display: 'flex',\n '&-stretch': {\n '@apply w-full justify-between': {},\n },\n },\n\n '&-underline': {\n width: '100%',\n height: 6,\n '@apply bg-gray-light': {},\n },\n '&-item': {\n all: 'unset',\n height: 65,\n display: 'flex',\n padding: '0 1rem',\n marginRight: '5rem',\n alignItems: 'center',\n position: 'relative',\n cursor: 'pointer',\n '&-stretch': {\n '@apply mr-0': {},\n },\n '&-right': {\n '@apply mr-0 ml-[5rem]': {},\n },\n '&-center:last-of-type': {\n '@apply mr-0': {},\n },\n\n '&.active::after': {\n content: '\"\"',\n display: 'block',\n position: 'absolute',\n width: '100%',\n height: 6,\n top: '100%',\n left: 0,\n '@apply bg-primary': {},\n },\n },\n },\n});\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAGA,CAAA,MAAO;EAChC,cAAc,EAAE;IACd,WAAW,EAAE;MACXC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,KAAK;MACpBC,MAAM,EAAE;IACV,CAAC;IACD,SAAS,EAAE;MACT,oBAAoB,EAAE,CAAC;IACzB,CAAC;IACD,UAAU,EAAE;MACV,uBAAuB,EAAE,CAAC;IAC5B,CAAC;IACD,QAAQ,EAAE;MACRC,GAAG,EAAE,OAAO;MACZH,OAAO,EAAE,MAAM;MACf,WAAW,EAAE;QACX,+BAA+B,EAAE,CAAC;MACpC;IACF,CAAC;IAED,aAAa,EAAE;MACbI,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,CAAC;MACT,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IACD,QAAQ,EAAE;MACRF,GAAG,EAAE,OAAO;MACZE,MAAM,EAAE,EAAE;MACVL,OAAO,EAAE,MAAM;MACfM,OAAO,EAAE,QAAQ;MACjBC,WAAW,EAAE,MAAM;MACnBC,UAAU,EAAE,QAAQ;MACpBC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,SAAS;MACjB,WAAW,EAAE;QACX,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,SAAS,EAAE;QACT,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,uBAAuB,EAAE;QACvB,aAAa,EAAE,CAAC;MAClB,CAAC;MAED,iBAAiB,EAAE;QACjBC,OAAO,EAAE,IAAI;QACbX,OAAO,EAAE,OAAO;QAChBS,QAAQ,EAAE,UAAU;QACpBL,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,CAAC;QACTO,GAAG,EAAE,MAAM;QACXC,IAAI,EAAE,CAAC;QACP,mBAAmB,EAAE,CAAC;MACxB;IACF;EACF;AACF,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.js","names":["module","exports","Tabs","content","display","hidden"],"sources":["../../../src/components/tabs.js"],"sourcesContent":["module.exports = Tabs = () => ({\
|
|
1
|
+
{"version":3,"file":"tabs.js","names":["module","exports","Tabs","content","display","hidden"],"sources":["../../../src/components/tabs.js"],"sourcesContent":["module.exports = Tabs = () => ({\n '.sk-tabs': {\n '&-stretch': {\n '@apply w-full': {},\n },\n '&-list': {\n '@apply block relative w-full h-[3rem]': {},\n '&-stretch': {\n '@apply flex justify-between': {},\n },\n '&-right': {\n '@apply text-right': {},\n },\n '&-center': {\n '@apply text-center': {},\n },\n\n '&-line::after': {\n content: '\"\"',\n '@apply bg-gray-middle w-full h-[2px] absolute left-0 right-0 bottom-0': {},\n },\n },\n '&-tab': {\n '@apply relative mr-[3.2rem] text-base font-bold p-0 relative h-[2.8rem] inline-block': {},\n '@apply text-gray': {},\n '@apply cursor-pointer': {},\n '&.disabled': {\n '@apply cursor-not-allowed': {},\n '@apply text-gray-stroke': {},\n },\n '&.active': {\n '@apply text-body': {},\n '&::after': {\n content: '\"\"',\n '@apply bg-primary w-full h-[2px] absolute left-0 right-0 top-[100%] z-[1]': {},\n },\n },\n '&-stretch': {\n '@apply mr-0': {},\n },\n '&-header': {\n '@apply text-lg font-normal': {},\n },\n '&-right': {\n '@apply mr-0 ml-lg': {},\n },\n '&:last-of-type': {\n '@apply mr-0': {},\n },\n '&-icon': {\n '&-with-label': {\n '@apply mr-sm': {},\n },\n },\n },\n '&-panel': {\n '@apply mt-lg': {},\n '&:not(.active)': {\n display: 'none',\n hidden: true,\n },\n },\n },\n});\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,IAAI,GAAGA,CAAA,MAAO;EAC7B,UAAU,EAAE;IACV,WAAW,EAAE;MACX,eAAe,EAAE,CAAC;IACpB,CAAC;IACD,QAAQ,EAAE;MACR,wCAAwC,EAAE,CAAC,CAAC;MAC5C,WAAW,EAAE;QACX,6BAA6B,EAAE,CAAC;MAClC,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,UAAU,EAAE;QACV,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,eAAe,EAAE;QACfC,OAAO,EAAE,IAAI;QACb,uEAAuE,EAAE,CAAC;MAC5E;IACF,CAAC;IACD,OAAO,EAAE;MACP,uFAAuF,EAAE,CAAC,CAAC;MAC3F,kBAAkB,EAAE,CAAC,CAAC;MACtB,uBAAuB,EAAE,CAAC,CAAC;MAC3B,YAAY,EAAE;QACZ,2BAA2B,EAAE,CAAC,CAAC;QAC/B,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MACD,UAAU,EAAE;QACV,kBAAkB,EAAE,CAAC,CAAC;QACtB,UAAU,EAAE;UACVA,OAAO,EAAE,IAAI;UACb,2EAA2E,EAAE,CAAC;QAChF;MACF,CAAC;MACD,WAAW,EAAE;QACX,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,UAAU,EAAE;QACV,4BAA4B,EAAE,CAAC;MACjC,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,gBAAgB,EAAE;QAChB,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,QAAQ,EAAE;QACR,cAAc,EAAE;UACd,cAAc,EAAE,CAAC;QACnB;MACF;IACF,CAAC;IACD,SAAS,EAAE;MACT,cAAc,EAAE,CAAC,CAAC;MAClB,gBAAgB,EAAE;QAChBC,OAAO,EAAE,MAAM;QACfC,MAAM,EAAE;MACV;IACF;EACF;AACF,CAAC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
module.exports = ZebraTable = () => ({
|
|
2
|
-
'.zebratable': {
|
|
2
|
+
'.sk-zebratable': {
|
|
3
3
|
'@apply w-full text-left table-auto': {},
|
|
4
4
|
'&-thead': {
|
|
5
5
|
'&-tr': {
|
|
@@ -51,6 +51,15 @@ module.exports = ZebraTable = () => ({
|
|
|
51
51
|
'&-paginationwrapper': {
|
|
52
52
|
'@apply w-full text-lg flex justify-center lg:justify-start': {}
|
|
53
53
|
},
|
|
54
|
+
'&-pagination': {
|
|
55
|
+
'@apply grow': {}
|
|
56
|
+
},
|
|
57
|
+
'&.-pagination-pagesizes': {
|
|
58
|
+
'@apply grow-0': {},
|
|
59
|
+
'&.-select': {
|
|
60
|
+
'@apply w-auto': {}
|
|
61
|
+
}
|
|
62
|
+
},
|
|
54
63
|
'&-bottomwrapper': {
|
|
55
64
|
'@apply mt-lg px-lg flex items-center justify-end': {}
|
|
56
65
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"zebratable.js","names":["module","exports","ZebraTable","fontSize"],"sources":["../../../src/components/zebratable.js"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"zebratable.js","names":["module","exports","ZebraTable","fontSize"],"sources":["../../../src/components/zebratable.js"],"sourcesContent":["module.exports = ZebraTable = () => ({\r\n '.sk-zebratable': {\r\n '@apply w-full text-left table-auto': {},\r\n\r\n '&-thead': {\r\n '&-tr': {\r\n '@apply text-sm hidden lg:table-row': {},\r\n },\r\n\r\n '&-th': {\r\n '@apply py-sm first-of-type:pl-lg': {},\r\n\r\n \"&[data-isColumnSortable='true']\": {\r\n '@apply py-sm cursor-pointer': {},\r\n },\r\n },\r\n },\r\n\r\n '&-sortbutton': {\r\n '@apply flex items-center': {},\r\n\r\n '&-icon': {\r\n '@apply inline-flex pl-sm': {},\r\n\r\n '.MuiSvgIcon-root': {\r\n '@apply !text-lg': {},\r\n },\r\n\r\n '&-sort': {\r\n '@apply text-black transform': {},\r\n\r\n \"&[data-sortmodeascending='true']\": {\r\n '@apply -rotate-90': {},\r\n },\r\n\r\n \"&[data-sortmodeascending='false']\": {\r\n '@apply rotate-90': {},\r\n },\r\n },\r\n\r\n '&-more': {\r\n '@apply text-gray': {},\r\n },\r\n },\r\n },\r\n\r\n '.material-icons-outlined': {\r\n fontSize: '1.25em',\r\n },\r\n\r\n '&-tbody': {\r\n '@apply text-body lg:bg-white': {},\r\n\r\n '&-tr': {\r\n '@apply transition-all bg-white lg:even:bg-white lg:odd:bg-gray-100 px-md py-md md:px-lg md:py-lg my-lg first-of-type:mt-0 block shadow-md lg:shadow-none lg:table-row lg:my-0 lg:py-0 lg:px-lg':\r\n {},\r\n\r\n '&.highlighted': {\r\n '@apply lg:border-4 lg:border-hover': {},\r\n },\r\n },\r\n\r\n '&-td': {\r\n '@apply empty:hidden py-4 px-sm lg:px-0 first-of-type:pl-sm lg:first-of-type:pl-lg last-of-type:px-0 lg:last-of-type:pr-lg last-of-type:text-right block lg:table-cell even:bg-white odd:bg-gray-100 last-of-type:bg-transparent lg:even:bg-transparent lg:odd:bg-transparent':\r\n {},\r\n },\r\n },\r\n\r\n '&-paginationwrapper': {\r\n '@apply w-full text-lg flex justify-center lg:justify-start': {},\r\n },\r\n '&-pagination': {\r\n '@apply grow': {},\r\n },\r\n '&.-pagination-pagesizes': {\r\n '@apply grow-0': {},\r\n '&.-select': {\r\n '@apply w-auto': {},\r\n },\r\n },\r\n\r\n '&-bottomwrapper': {\r\n '@apply mt-lg px-lg flex items-center justify-end': {},\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,UAAU,GAAGA,CAAA,MAAO;EACnC,gBAAgB,EAAE;IAChB,oCAAoC,EAAE,CAAC,CAAC;IAExC,SAAS,EAAE;MACT,MAAM,EAAE;QACN,oCAAoC,EAAE,CAAC;MACzC,CAAC;MAED,MAAM,EAAE;QACN,kCAAkC,EAAE,CAAC,CAAC;QAEtC,iCAAiC,EAAE;UACjC,6BAA6B,EAAE,CAAC;QAClC;MACF;IACF,CAAC;IAED,cAAc,EAAE;MACd,0BAA0B,EAAE,CAAC,CAAC;MAE9B,QAAQ,EAAE;QACR,0BAA0B,EAAE,CAAC,CAAC;QAE9B,kBAAkB,EAAE;UAClB,iBAAiB,EAAE,CAAC;QACtB,CAAC;QAED,QAAQ,EAAE;UACR,6BAA6B,EAAE,CAAC,CAAC;UAEjC,kCAAkC,EAAE;YAClC,mBAAmB,EAAE,CAAC;UACxB,CAAC;UAED,mCAAmC,EAAE;YACnC,kBAAkB,EAAE,CAAC;UACvB;QACF,CAAC;QAED,QAAQ,EAAE;UACR,kBAAkB,EAAE,CAAC;QACvB;MACF;IACF,CAAC;IAED,0BAA0B,EAAE;MAC1BC,QAAQ,EAAE;IACZ,CAAC;IAED,SAAS,EAAE;MACT,8BAA8B,EAAE,CAAC,CAAC;MAElC,MAAM,EAAE;QACN,gMAAgM,EAC9L,CAAC,CAAC;QAEJ,eAAe,EAAE;UACf,oCAAoC,EAAE,CAAC;QACzC;MACF,CAAC;MAED,MAAM,EAAE;QACN,8QAA8Q,EAC5Q,CAAC;MACL;IACF,CAAC;IAED,qBAAqB,EAAE;MACrB,4DAA4D,EAAE,CAAC;IACjE,CAAC;IACD,cAAc,EAAE;MACd,aAAa,EAAE,CAAC;IAClB,CAAC;IACD,yBAAyB,EAAE;MACzB,eAAe,EAAE,CAAC,CAAC;MACnB,WAAW,EAAE;QACX,eAAe,EAAE,CAAC;MACpB;IACF,CAAC;IAED,iBAAiB,EAAE;MACjB,kDAAkD,EAAE,CAAC;IACvD;EACF;AACF,CAAC,CAAC"}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,71 +1,8 @@
|
|
|
1
|
-
var plugin = require('tailwindcss/plugin');
|
|
2
|
-
var base = require('./base');
|
|
3
1
|
var preset = require('./preset');
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
var AlertBanner = require('./components/alert-banner');
|
|
11
|
-
var Badge = require('./components/badge');
|
|
12
|
-
var Breadcrumb = require('./components/breadcrumb');
|
|
13
|
-
var ButtonGroup = require('./components/button-group');
|
|
14
|
-
var Comments = require('./components/comments');
|
|
15
|
-
var Checkbox = require('./components/checkbox');
|
|
16
|
-
var ContextMenu = require('./components/context-menu');
|
|
17
|
-
var Dialog = require('./components/dialog');
|
|
18
|
-
var Dot = require('./components/dot');
|
|
19
|
-
var Forms = require('./components/forms');
|
|
20
|
-
var Calendar = require('./components/calendar');
|
|
21
|
-
var Icon = require('./components/icon');
|
|
22
|
-
var Link = require('./components/link');
|
|
23
|
-
var Message = require('./components/message');
|
|
24
|
-
var Notification = require('./components/notification');
|
|
25
|
-
var Radio = require('./components/radio');
|
|
26
|
-
var Switch = require('./components/switch');
|
|
27
|
-
var Button = require('./components/button');
|
|
28
|
-
var Accordion = require('./components/accordion');
|
|
29
|
-
var Card = require('./components/card');
|
|
30
|
-
var Table = require('./components/table');
|
|
31
|
-
var ZebraTable = require('./components/zebratable');
|
|
32
|
-
var Modal = require('./components/modal');
|
|
33
|
-
var CookieConsent = require('./components/cookie-consent');
|
|
34
|
-
var Divider = require('./components/divider');
|
|
35
|
-
var SideMenu = require('./components/side-menu');
|
|
36
|
-
var TabMenu = require('./components/tab-menu');
|
|
37
|
-
var Tabs = require('./components/tabs');
|
|
38
|
-
var UserMenu = require('./components/user-menu');
|
|
39
|
-
var DropdownFilter = require('./components/dropdown-filter');
|
|
40
|
-
var Tag = require('./components/tag');
|
|
41
|
-
var Pagination = require('./components/pagination');
|
|
42
|
-
var Footer = require('./components/footer');
|
|
43
|
-
var Header = require('./components/header');
|
|
44
|
-
var SearchBar = require('./components/search-bar');
|
|
45
|
-
var ProfilePicture = require('./components/profile-picture');
|
|
46
|
-
var Profile = require('./components/profile');
|
|
47
|
-
var components = [Alert, AlertBanner, Badge, Breadcrumb, ButtonGroup, Button, Checkbox, Comments, ContextMenu, Dialog, Dot, Forms, Calendar, Icon, Link, Message, Notification, Radio, Switch, Table, ZebraTable, CookieConsent, Modal, Accordion, Card, Divider, SideMenu, TabMenu, Tabs, UserMenu, DropdownFilter, SearchBar, Tag, Pagination, Footer, Header, ProfilePicture, Profile];
|
|
48
|
-
var defaultColors = ['primary', 'secondary'];
|
|
49
|
-
module.exports = plugin.withOptions(function (options) {
|
|
50
|
-
if (options === void 0) {
|
|
51
|
-
options = {
|
|
52
|
-
colors: [],
|
|
53
|
-
cssBase: true
|
|
54
|
-
};
|
|
55
|
-
}
|
|
56
|
-
return function (_ref) {
|
|
57
|
-
var {
|
|
58
|
-
addComponents,
|
|
59
|
-
addBase,
|
|
60
|
-
theme
|
|
61
|
-
} = _ref;
|
|
62
|
-
var optionColors = [...defaultColors, ...(options.colors || [])];
|
|
63
|
-
if (options.cssBase) {
|
|
64
|
-
addBase(base);
|
|
65
|
-
}
|
|
66
|
-
addComponents(components.map(component => component(optionColors, theme)));
|
|
67
|
-
};
|
|
68
|
-
}, function () {
|
|
69
|
-
return preset;
|
|
70
|
-
});
|
|
2
|
+
var plugin = require('./plugin');
|
|
3
|
+
module.exports = {
|
|
4
|
+
default: plugin,
|
|
5
|
+
plugin: plugin,
|
|
6
|
+
preset: preset
|
|
7
|
+
};
|
|
71
8
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["
|
|
1
|
+
{"version":3,"file":"index.js","names":["preset","require","plugin","module","exports","default"],"sources":["../../src/index.js"],"sourcesContent":["const preset = require('./preset');\r\nconst plugin = require('./plugin');\r\n\r\nmodule.exports = {\r\n default: plugin,\r\n plugin: plugin,\r\n preset: preset,\r\n};\r\n"],"mappings":"AAAA,IAAMA,MAAM,GAAGC,OAAO,CAAC,UAAU,CAAC;AAClC,IAAMC,MAAM,GAAGD,OAAO,CAAC,UAAU,CAAC;AAElCE,MAAM,CAACC,OAAO,GAAG;EACfC,OAAO,EAAEH,MAAM;EACfA,MAAM,EAAEA,MAAM;EACdF,MAAM,EAAEA;AACV,CAAC"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
var plugin = require('tailwindcss/plugin');
|
|
2
|
+
var base = require('./base');
|
|
3
|
+
var theme = require('./theme');
|
|
4
|
+
|
|
5
|
+
// components
|
|
6
|
+
var Alert = require('./components/alert');
|
|
7
|
+
var AlertBanner = require('./components/alert-banner');
|
|
8
|
+
var Badge = require('./components/badge');
|
|
9
|
+
var Breadcrumb = require('./components/breadcrumb');
|
|
10
|
+
var ButtonGroup = require('./components/button-group');
|
|
11
|
+
var Comments = require('./components/comments');
|
|
12
|
+
var Checkbox = require('./components/checkbox');
|
|
13
|
+
var ContextMenu = require('./components/context-menu');
|
|
14
|
+
var Dialog = require('./components/dialog');
|
|
15
|
+
var Dot = require('./components/dot');
|
|
16
|
+
var Forms = require('./components/forms');
|
|
17
|
+
var Calendar = require('./components/calendar');
|
|
18
|
+
var Icon = require('./components/icon');
|
|
19
|
+
var Link = require('./components/link');
|
|
20
|
+
var Message = require('./components/message');
|
|
21
|
+
var Notification = require('./components/notification');
|
|
22
|
+
var Radio = require('./components/radio');
|
|
23
|
+
var Switch = require('./components/switch');
|
|
24
|
+
var Button = require('./components/button');
|
|
25
|
+
var Accordion = require('./components/accordion');
|
|
26
|
+
var Card = require('./components/card');
|
|
27
|
+
var Table = require('./components/table');
|
|
28
|
+
var ZebraTable = require('./components/zebratable');
|
|
29
|
+
var Modal = require('./components/modal');
|
|
30
|
+
var CookieConsent = require('./components/cookie-consent');
|
|
31
|
+
var Divider = require('./components/divider');
|
|
32
|
+
var SideMenu = require('./components/side-menu');
|
|
33
|
+
var TabMenu = require('./components/tab-menu');
|
|
34
|
+
var Tabs = require('./components/tabs');
|
|
35
|
+
var UserMenu = require('./components/user-menu');
|
|
36
|
+
var DropdownFilter = require('./components/dropdown-filter');
|
|
37
|
+
var Tag = require('./components/tag');
|
|
38
|
+
var Pagination = require('./components/pagination');
|
|
39
|
+
var Footer = require('./components/footer');
|
|
40
|
+
var Header = require('./components/header');
|
|
41
|
+
var SearchBar = require('./components/search-bar');
|
|
42
|
+
var ProfilePicture = require('./components/profile-picture');
|
|
43
|
+
var Profile = require('./components/profile');
|
|
44
|
+
var components = [Alert, AlertBanner, Badge, Breadcrumb, ButtonGroup, Button, Checkbox, Comments, ContextMenu, Dialog, Dot, Forms, Calendar, Icon, Link, Message, Notification, Radio, Switch, Table, ZebraTable, CookieConsent, Modal, Accordion, Card, Divider, SideMenu, TabMenu, Tabs, UserMenu, DropdownFilter, SearchBar, Tag, Pagination, Footer, Header, ProfilePicture, Profile];
|
|
45
|
+
var defaultColors = ['primary', 'secondary'];
|
|
46
|
+
module.exports = plugin.withOptions(function (options) {
|
|
47
|
+
if (options === void 0) {
|
|
48
|
+
options = {
|
|
49
|
+
colors: [],
|
|
50
|
+
cssBase: true
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
return function (_ref) {
|
|
54
|
+
var {
|
|
55
|
+
addComponents,
|
|
56
|
+
addBase,
|
|
57
|
+
theme
|
|
58
|
+
} = _ref;
|
|
59
|
+
var optionColors = [...defaultColors, ...(options.colors || [])];
|
|
60
|
+
if (options.cssBase) {
|
|
61
|
+
addBase(base);
|
|
62
|
+
}
|
|
63
|
+
addComponents(components.map(component => component(optionColors, theme)));
|
|
64
|
+
};
|
|
65
|
+
}, function () {
|
|
66
|
+
return {
|
|
67
|
+
theme: theme
|
|
68
|
+
};
|
|
69
|
+
});
|
|
70
|
+
//# sourceMappingURL=plugin.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"plugin.js","names":["plugin","require","base","theme","Alert","AlertBanner","Badge","Breadcrumb","ButtonGroup","Comments","Checkbox","ContextMenu","Dialog","Dot","Forms","Calendar","Icon","Link","Message","Notification","Radio","Switch","Button","Accordion","Card","Table","ZebraTable","Modal","CookieConsent","Divider","SideMenu","TabMenu","Tabs","UserMenu","DropdownFilter","Tag","Pagination","Footer","Header","SearchBar","ProfilePicture","Profile","components","defaultColors","module","exports","withOptions","options","colors","cssBase","_ref","addComponents","addBase","optionColors","map","component"],"sources":["../../src/plugin.js"],"sourcesContent":["const plugin = require('tailwindcss/plugin');\r\n\r\nconst base = require('./base');\r\nconst theme = require('./theme');\r\n\r\n// components\r\nconst Alert = require('./components/alert');\r\nconst AlertBanner = require('./components/alert-banner');\r\nconst Badge = require('./components/badge');\r\nconst Breadcrumb = require('./components/breadcrumb');\r\nconst ButtonGroup = require('./components/button-group');\r\nconst Comments = require('./components/comments');\r\nconst Checkbox = require('./components/checkbox');\r\nconst ContextMenu = require('./components/context-menu');\r\nconst Dialog = require('./components/dialog');\r\nconst Dot = require('./components/dot');\r\nconst Forms = require('./components/forms');\r\nconst Calendar = require('./components/calendar');\r\nconst Icon = require('./components/icon');\r\nconst Link = require('./components/link');\r\nconst Message = require('./components/message');\r\nconst Notification = require('./components/notification');\r\nconst Radio = require('./components/radio');\r\nconst Switch = require('./components/switch');\r\n\r\nconst Button = require('./components/button');\r\nconst Accordion = require('./components/accordion');\r\nconst Card = require('./components/card');\r\nconst Table = require('./components/table');\r\nconst ZebraTable = require('./components/zebratable');\r\n\r\nconst Modal = require('./components/modal');\r\nconst CookieConsent = require('./components/cookie-consent');\r\nconst Divider = require('./components/divider');\r\n\r\nconst SideMenu = require('./components/side-menu');\r\nconst TabMenu = require('./components/tab-menu');\r\nconst Tabs = require('./components/tabs');\r\nconst UserMenu = require('./components/user-menu');\r\n\r\nconst DropdownFilter = require('./components/dropdown-filter');\r\n\r\nconst Tag = require('./components/tag');\r\nconst Pagination = require('./components/pagination');\r\nconst Footer = require('./components/footer');\r\nconst Header = require('./components/header');\r\n\r\nconst SearchBar = require('./components/search-bar');\r\n\r\nconst ProfilePicture = require('./components/profile-picture');\r\nconst Profile = require('./components/profile');\r\n\r\nconst components = [\r\n Alert,\r\n AlertBanner,\r\n Badge,\r\n Breadcrumb,\r\n ButtonGroup,\r\n Button,\r\n Checkbox,\r\n Comments,\r\n ContextMenu,\r\n Dialog,\r\n Dot,\r\n Forms,\r\n Calendar,\r\n Icon,\r\n Link,\r\n Message,\r\n Notification,\r\n Radio,\r\n Switch,\r\n\r\n Table,\r\n ZebraTable,\r\n CookieConsent,\r\n Modal,\r\n\r\n Accordion,\r\n Card,\r\n Divider,\r\n\r\n SideMenu,\r\n TabMenu,\r\n Tabs,\r\n UserMenu,\r\n\r\n DropdownFilter,\r\n\r\n SearchBar,\r\n\r\n Tag,\r\n Pagination,\r\n Footer,\r\n Header,\r\n\r\n ProfilePicture,\r\n Profile,\r\n];\r\n\r\nconst defaultColors = ['primary', 'secondary'];\r\n\r\nmodule.exports = plugin.withOptions(\r\n function (options = { colors: [], cssBase: true }) {\r\n return function ({ addComponents, addBase, theme }) {\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"],"mappings":"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"}
|
package/dist/esm/preset.js
CHANGED
|
@@ -1,89 +1,37 @@
|
|
|
1
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
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
xs: '1.2rem',
|
|
12
|
-
sm: '1.4rem',
|
|
13
|
-
base: '1.6rem',
|
|
14
|
-
lg: '1.8rem',
|
|
15
|
-
xl: '2.0rem',
|
|
16
|
-
'2xl': '2.4rem',
|
|
17
|
-
'3xl': '3.2rem',
|
|
18
|
-
'4xl': '4.0rem',
|
|
19
|
-
'5xl': '5.2rem'
|
|
20
|
-
},
|
|
21
|
-
extend: {
|
|
22
|
-
colors: _extends({}, colors, {
|
|
23
|
-
current: 'currentColor'
|
|
24
|
-
}),
|
|
25
|
-
cursor: {
|
|
26
|
-
base: 'var(--vc-cursor)'
|
|
27
|
-
},
|
|
28
|
-
spacing: {
|
|
29
|
-
xs: '4px',
|
|
30
|
-
sm: '8px',
|
|
31
|
-
md: '16px',
|
|
32
|
-
lg: '24px',
|
|
33
|
-
xl: '48px'
|
|
34
|
-
},
|
|
35
|
-
lineHeight: {
|
|
36
|
-
tiny: '1.4rem',
|
|
37
|
-
xs: '1.6rem',
|
|
38
|
-
sm: '2rem',
|
|
39
|
-
base: '2.4rem',
|
|
40
|
-
lg: '2.4rem',
|
|
41
|
-
xl: '3.2rem',
|
|
42
|
-
'2xl': '3.2rem',
|
|
43
|
-
'3xl': '4rem',
|
|
44
|
-
'4xl': '4.8rem',
|
|
45
|
-
'5xl': '5.8rem'
|
|
46
|
-
},
|
|
47
|
-
opacity: {
|
|
48
|
-
15: '0.15'
|
|
49
|
-
},
|
|
50
|
-
backgroundColor: {
|
|
51
|
-
base: withOpacity('--vc-colors-bg-base'),
|
|
52
|
-
fill: withOpacity('--vc-colors-bg-fill')
|
|
53
|
-
},
|
|
54
|
-
textColor: {
|
|
55
|
-
foreground: withOpacity('--vc-colors-text-foreground'),
|
|
56
|
-
muted: withOpacity('--vc-colors-text-muted')
|
|
57
|
-
},
|
|
58
|
-
borderRadius: {
|
|
59
|
-
base: 'var(--vc-rounded)'
|
|
60
|
-
},
|
|
61
|
-
zIndex: {
|
|
62
|
-
hide: -1,
|
|
63
|
-
none: 0,
|
|
64
|
-
base: 1,
|
|
65
|
-
docked: 10,
|
|
66
|
-
dropdown: 1000,
|
|
67
|
-
sticky: 1100,
|
|
68
|
-
banner: 1200,
|
|
69
|
-
overlay: 1300,
|
|
70
|
-
modal: 1400,
|
|
71
|
-
popover: 1500,
|
|
72
|
-
skipLink: 1600,
|
|
73
|
-
toast: 1700,
|
|
74
|
-
tooltip: 1800
|
|
75
|
-
},
|
|
76
|
-
keyframes: {
|
|
77
|
-
'reset-overflow': {
|
|
78
|
-
'from, to': {
|
|
79
|
-
overflow: 'hidden'
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
},
|
|
83
|
-
animation: {
|
|
84
|
-
'reset-overflow': 'reset-overflow 180ms backwards'
|
|
2
|
+
var plugin = require('tailwindcss/plugin');
|
|
3
|
+
module.exports = function (options) {
|
|
4
|
+
if (options === void 0) {
|
|
5
|
+
options = {
|
|
6
|
+
customScrollbar: true,
|
|
7
|
+
tailwindForms: true,
|
|
8
|
+
plugin: {
|
|
9
|
+
colors: [],
|
|
10
|
+
cssBase: true
|
|
85
11
|
}
|
|
86
|
-
}
|
|
12
|
+
};
|
|
87
13
|
}
|
|
14
|
+
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
|
+
} : {})
|
|
35
|
+
};
|
|
88
36
|
};
|
|
89
37
|
//# sourceMappingURL=preset.js.map
|
package/dist/esm/preset.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preset.js","names":["
|
|
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"}
|
|
@@ -0,0 +1,86 @@
|
|
|
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 {
|
|
3
|
+
colors
|
|
4
|
+
} = require('@sk-web-gui/theme');
|
|
5
|
+
var withOpacity = require('./with-opacity');
|
|
6
|
+
module.exports = {
|
|
7
|
+
fontSize: {
|
|
8
|
+
tiny: '1rem',
|
|
9
|
+
xs: '1.2rem',
|
|
10
|
+
sm: '1.4rem',
|
|
11
|
+
base: '1.6rem',
|
|
12
|
+
lg: '1.8rem',
|
|
13
|
+
xl: '2.0rem',
|
|
14
|
+
'2xl': '2.4rem',
|
|
15
|
+
'3xl': '3.2rem',
|
|
16
|
+
'4xl': '4.0rem',
|
|
17
|
+
'5xl': '5.2rem'
|
|
18
|
+
},
|
|
19
|
+
extend: {
|
|
20
|
+
colors: _extends({}, colors, {
|
|
21
|
+
current: 'currentColor'
|
|
22
|
+
}),
|
|
23
|
+
cursor: {
|
|
24
|
+
base: 'var(--vc-cursor)'
|
|
25
|
+
},
|
|
26
|
+
spacing: {
|
|
27
|
+
xs: '4px',
|
|
28
|
+
sm: '8px',
|
|
29
|
+
md: '16px',
|
|
30
|
+
lg: '24px',
|
|
31
|
+
xl: '48px'
|
|
32
|
+
},
|
|
33
|
+
lineHeight: {
|
|
34
|
+
tiny: '1.4rem',
|
|
35
|
+
xs: '1.6rem',
|
|
36
|
+
sm: '2rem',
|
|
37
|
+
base: '2.4rem',
|
|
38
|
+
lg: '2.4rem',
|
|
39
|
+
xl: '3.2rem',
|
|
40
|
+
'2xl': '3.2rem',
|
|
41
|
+
'3xl': '4rem',
|
|
42
|
+
'4xl': '4.8rem',
|
|
43
|
+
'5xl': '5.8rem'
|
|
44
|
+
},
|
|
45
|
+
opacity: {
|
|
46
|
+
15: '0.15'
|
|
47
|
+
},
|
|
48
|
+
backgroundColor: {
|
|
49
|
+
base: withOpacity('--vc-colors-bg-base'),
|
|
50
|
+
fill: withOpacity('--vc-colors-bg-fill')
|
|
51
|
+
},
|
|
52
|
+
textColor: {
|
|
53
|
+
foreground: withOpacity('--vc-colors-text-foreground'),
|
|
54
|
+
muted: withOpacity('--vc-colors-text-muted')
|
|
55
|
+
},
|
|
56
|
+
borderRadius: {
|
|
57
|
+
base: 'var(--vc-rounded)'
|
|
58
|
+
},
|
|
59
|
+
zIndex: {
|
|
60
|
+
hide: -1,
|
|
61
|
+
none: 0,
|
|
62
|
+
base: 1,
|
|
63
|
+
docked: 10,
|
|
64
|
+
dropdown: 1000,
|
|
65
|
+
sticky: 1100,
|
|
66
|
+
banner: 1200,
|
|
67
|
+
overlay: 1300,
|
|
68
|
+
modal: 1400,
|
|
69
|
+
popover: 1500,
|
|
70
|
+
skipLink: 1600,
|
|
71
|
+
toast: 1700,
|
|
72
|
+
tooltip: 1800
|
|
73
|
+
},
|
|
74
|
+
keyframes: {
|
|
75
|
+
'reset-overflow': {
|
|
76
|
+
'from, to': {
|
|
77
|
+
overflow: 'hidden'
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
},
|
|
81
|
+
animation: {
|
|
82
|
+
'reset-overflow': 'reset-overflow 180ms backwards'
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
};
|
|
86
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.js","names":["colors","require","withOpacity","module","exports","fontSize","tiny","xs","sm","base","lg","xl","extend","_extends","current","cursor","spacing","md","lineHeight","opacity","backgroundColor","fill","textColor","foreground","muted","borderRadius","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/theme.js"],"sourcesContent":["const { colors } = require('@sk-web-gui/theme');\r\nconst withOpacity = require('./with-opacity');\r\n\r\nmodule.exports = {\r\n fontSize: {\r\n tiny: '1rem',\r\n xs: '1.2rem',\r\n sm: '1.4rem',\r\n base: '1.6rem',\r\n lg: '1.8rem',\r\n xl: '2.0rem',\r\n '2xl': '2.4rem',\r\n '3xl': '3.2rem',\r\n '4xl': '4.0rem',\r\n '5xl': '5.2rem',\r\n },\r\n extend: {\r\n colors: {\r\n ...colors,\r\n current: 'currentColor',\r\n },\r\n cursor: {\r\n base: 'var(--vc-cursor)',\r\n },\r\n spacing: {\r\n xs: '4px',\r\n sm: '8px',\r\n md: '16px',\r\n lg: '24px',\r\n xl: '48px',\r\n },\r\n lineHeight: {\r\n tiny: '1.4rem',\r\n xs: '1.6rem',\r\n sm: '2rem',\r\n base: '2.4rem',\r\n lg: '2.4rem',\r\n xl: '3.2rem',\r\n '2xl': '3.2rem',\r\n '3xl': '4rem',\r\n '4xl': '4.8rem',\r\n '5xl': '5.8rem',\r\n },\r\n opacity: {\r\n 15: '0.15',\r\n },\r\n backgroundColor: {\r\n base: withOpacity('--vc-colors-bg-base'),\r\n fill: withOpacity('--vc-colors-bg-fill'),\r\n },\r\n textColor: {\r\n foreground: withOpacity('--vc-colors-text-foreground'),\r\n muted: withOpacity('--vc-colors-text-muted'),\r\n },\r\n borderRadius: {\r\n base: 'var(--vc-rounded)',\r\n },\r\n zIndex: {\r\n hide: -1,\r\n none: 0,\r\n base: 1,\r\n docked: 10,\r\n dropdown: 1000,\r\n sticky: 1100,\r\n banner: 1200,\r\n overlay: 1300,\r\n modal: 1400,\r\n popover: 1500,\r\n skipLink: 1600,\r\n toast: 1700,\r\n tooltip: 1800,\r\n },\r\n keyframes: {\r\n 'reset-overflow': {\r\n 'from, to': {\r\n overflow: 'hidden',\r\n },\r\n },\r\n },\r\n animation: {\r\n 'reset-overflow': 'reset-overflow 180ms backwards',\r\n },\r\n },\r\n};\r\n"],"mappings":";AAAA,IAAM;EAAEA;AAAO,CAAC,GAAGC,OAAO,CAAC,mBAAmB,CAAC;AAC/C,IAAMC,WAAW,GAAGD,OAAO,CAAC,gBAAgB,CAAC;AAE7CE,MAAM,CAACC,OAAO,GAAG;EACfC,QAAQ,EAAE;IACRC,IAAI,EAAE,MAAM;IACZC,EAAE,EAAE,QAAQ;IACZC,EAAE,EAAE,QAAQ;IACZC,IAAI,EAAE,QAAQ;IACdC,EAAE,EAAE,QAAQ;IACZC,EAAE,EAAE,QAAQ;IACZ,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE;EACT,CAAC;EACDC,MAAM,EAAE;IACNZ,MAAM,EAAAa,QAAA,KACDb,MAAM;MACTc,OAAO,EAAE;IAAc,EACxB;IACDC,MAAM,EAAE;MACNN,IAAI,EAAE;IACR,CAAC;IACDO,OAAO,EAAE;MACPT,EAAE,EAAE,KAAK;MACTC,EAAE,EAAE,KAAK;MACTS,EAAE,EAAE,MAAM;MACVP,EAAE,EAAE,MAAM;MACVC,EAAE,EAAE;IACN,CAAC;IACDO,UAAU,EAAE;MACVZ,IAAI,EAAE,QAAQ;MACdC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,MAAM;MACVC,IAAI,EAAE,QAAQ;MACdC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZ,KAAK,EAAE,QAAQ;MACf,KAAK,EAAE,MAAM;MACb,KAAK,EAAE,QAAQ;MACf,KAAK,EAAE;IACT,CAAC;IACDQ,OAAO,EAAE;MACP,EAAE,EAAE;IACN,CAAC;IACDC,eAAe,EAAE;MACfX,IAAI,EAAEP,WAAW,CAAC,qBAAqB,CAAC;MACxCmB,IAAI,EAAEnB,WAAW,CAAC,qBAAqB;IACzC,CAAC;IACDoB,SAAS,EAAE;MACTC,UAAU,EAAErB,WAAW,CAAC,6BAA6B,CAAC;MACtDsB,KAAK,EAAEtB,WAAW,CAAC,wBAAwB;IAC7C,CAAC;IACDuB,YAAY,EAAE;MACZhB,IAAI,EAAE;IACR,CAAC;IACDiB,MAAM,EAAE;MACNC,IAAI,EAAE,CAAC,CAAC;MACRC,IAAI,EAAE,CAAC;MACPnB,IAAI,EAAE,CAAC;MACPoB,MAAM,EAAE,EAAE;MACVC,QAAQ,EAAE,IAAI;MACdC,MAAM,EAAE,IAAI;MACZC,MAAM,EAAE,IAAI;MACZC,OAAO,EAAE,IAAI;MACbC,KAAK,EAAE,IAAI;MACXC,OAAO,EAAE,IAAI;MACbC,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE,IAAI;MACXC,OAAO,EAAE;IACX,CAAC;IACDC,SAAS,EAAE;MACT,gBAAgB,EAAE;QAChB,UAAU,EAAE;UACVC,QAAQ,EAAE;QACZ;MACF;IACF,CAAC;IACDC,SAAS,EAAE;MACT,gBAAgB,EAAE;IACpB;EACF;AACF,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sk-web-gui/core",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.83",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "src/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -33,11 +33,12 @@
|
|
|
33
33
|
"clean-css": "^5.3.2",
|
|
34
34
|
"postcss": "^8.4.23",
|
|
35
35
|
"postcss-import": "^15.1.0",
|
|
36
|
+
"tailwind-scrollbar": "^3.0.4",
|
|
36
37
|
"tailwindcss": "^3.2.7"
|
|
37
38
|
},
|
|
38
39
|
"dependencies": {
|
|
39
40
|
"@sk-web-gui/theme": "0.1.13",
|
|
40
41
|
"mini-svg-data-uri": "^1.4.4"
|
|
41
42
|
},
|
|
42
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "208483d0618b03b24e6946239ddfed13fce28dcd"
|
|
43
44
|
}
|
package/src/colors.js
CHANGED