@sk-web-gui/core 2.1.0 → 2.2.0
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/components/combobox.js +5 -2
- package/dist/cjs/components/combobox.js.map +1 -1
- package/dist/cjs/components/input.js +5 -0
- package/dist/cjs/components/input.js.map +1 -1
- package/dist/cjs/components/search-field.js +14 -0
- package/dist/cjs/components/search-field.js.map +1 -1
- package/dist/esm/components/combobox.js +5 -2
- package/dist/esm/components/combobox.js.map +1 -1
- package/dist/esm/components/input.js +5 -0
- package/dist/esm/components/input.js.map +1 -1
- package/dist/esm/components/search-field.js +14 -0
- package/dist/esm/components/search-field.js.map +1 -1
- package/dist/types/components/combobox.d.ts +5 -2
- package/dist/types/components/input.d.ts +5 -0
- package/dist/types/components/search-field.d.ts +14 -0
- package/package.json +3 -3
|
@@ -4,6 +4,9 @@ exports.__esModule = true;
|
|
|
4
4
|
exports.ComboBox = void 0;
|
|
5
5
|
var ComboBox = exports.ComboBox = function ComboBox() {
|
|
6
6
|
return {
|
|
7
|
+
'.sk-combobox-base': {
|
|
8
|
+
'@apply w-auto inline-block relative': {}
|
|
9
|
+
},
|
|
7
10
|
'.sk-form-combobox': {
|
|
8
11
|
'@apply focus-within:ring ring-ring ring-offset': {},
|
|
9
12
|
'@apply relative w-auto': {},
|
|
@@ -32,13 +35,13 @@ var ComboBox = exports.ComboBox = function ComboBox() {
|
|
|
32
35
|
'@apply pr-[6.8rem]': {}
|
|
33
36
|
}
|
|
34
37
|
},
|
|
35
|
-
'
|
|
38
|
+
'&[data-showvalue="true"]': {
|
|
36
39
|
'.sk-form-combobox-select': {
|
|
37
40
|
'@apply caret-transparent': {}
|
|
38
41
|
}
|
|
39
42
|
},
|
|
40
43
|
'&-select': {
|
|
41
|
-
'@apply
|
|
44
|
+
'@apply bg-right-12 bg-no-repeat': {},
|
|
42
45
|
'&.sk-form-select': {
|
|
43
46
|
'@apply focus:outline-none focus:ring-0 focus:ring-transparent': {}
|
|
44
47
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox.js","names":["ComboBox","exports"],"sources":["../../../src/components/combobox.ts"],"sourcesContent":["export const ComboBox = () => ({\r\n '.sk-form-combobox': {\r\n '@apply focus-within:ring ring-ring ring-offset': {},\r\n '@apply relative w-auto': {},\r\n '@apply inline-block': {},\r\n '&-sm': {\r\n '@apply h-[3.2rem]': {},\r\n '@apply rounded-button-sm': {},\r\n '.sk-form-combobox-select.active': {\r\n '@apply text-input-small': {},\r\n '@apply pr-[5.2rem]': {},\r\n },\r\n },\r\n '&-md': {\r\n '@apply h-[4rem]': {},\r\n '@apply rounded-button-md': {},\r\n '.sk-form-combobox-select.active': {\r\n '@apply text-input-medium': {},\r\n '@apply pr-[6.1rem]': {},\r\n },\r\n },\r\n '&-lg': {\r\n '@apply h-[4.8rem]': {},\r\n '@apply rounded-button-lg': {},\r\n '.sk-form-combobox-select.active': {\r\n '@apply text-input-large': {},\r\n '@apply pr-[6.8rem]': {},\r\n },\r\n },\r\n\r\n '
|
|
1
|
+
{"version":3,"file":"combobox.js","names":["ComboBox","exports"],"sources":["../../../src/components/combobox.ts"],"sourcesContent":["export const ComboBox = () => ({\r\n '.sk-combobox-base': {\r\n '@apply w-auto inline-block relative': {},\r\n },\r\n '.sk-form-combobox': {\r\n '@apply focus-within:ring ring-ring ring-offset': {},\r\n '@apply relative w-auto': {},\r\n '@apply inline-block': {},\r\n '&-sm': {\r\n '@apply h-[3.2rem]': {},\r\n '@apply rounded-button-sm': {},\r\n '.sk-form-combobox-select.active': {\r\n '@apply text-input-small': {},\r\n '@apply pr-[5.2rem]': {},\r\n },\r\n },\r\n '&-md': {\r\n '@apply h-[4rem]': {},\r\n '@apply rounded-button-md': {},\r\n '.sk-form-combobox-select.active': {\r\n '@apply text-input-medium': {},\r\n '@apply pr-[6.1rem]': {},\r\n },\r\n },\r\n '&-lg': {\r\n '@apply h-[4.8rem]': {},\r\n '@apply rounded-button-lg': {},\r\n '.sk-form-combobox-select.active': {\r\n '@apply text-input-large': {},\r\n '@apply pr-[6.8rem]': {},\r\n },\r\n },\r\n\r\n '&[data-showvalue=\"true\"]': {\r\n '.sk-form-combobox-select': {\r\n '@apply caret-transparent': {},\r\n },\r\n },\r\n\r\n '&-select': {\r\n '@apply bg-right-12 bg-no-repeat': {},\r\n\r\n '&.sk-form-select': { '@apply focus:outline-none focus:ring-0 focus:ring-transparent': {} },\r\n '@apply w-full': {},\r\n\r\n '&:not(.active)': {\r\n '@apply cursor-default': {},\r\n },\r\n '@apply focus:border-transparent': {},\r\n '@apply focus:hover:border-transparent': {},\r\n '&.active': {\r\n '@apply bg-primitives-overlay-lighten-10': {},\r\n '@apply dark:bg-primitives-overlay-darken-6': {},\r\n '@apply placeholder:text-dark-placeholder': {},\r\n '@apply text-dark-primary': {},\r\n '@apply border-transparent': {},\r\n },\r\n },\r\n '&-list': {\r\n '@apply w-full': {},\r\n '@apply max-h-[23rem] overflow-y-auto': {},\r\n '&-option': {\r\n '&.sk-popup-menu-item': {\r\n '@apply cursor-default': {},\r\n '@apply leading-none': {},\r\n '@apply h-auto': {},\r\n },\r\n\r\n '&-checkbox': {\r\n '@apply w-0 h-0 m-0 p-0 opacity-0': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAA;EAAA,OAAU;IAC7B,mBAAmB,EAAE;MACnB,qCAAqC,EAAE,CAAC;IAC1C,CAAC;IACD,mBAAmB,EAAE;MACnB,gDAAgD,EAAE,CAAC,CAAC;MACpD,wBAAwB,EAAE,CAAC,CAAC;MAC5B,qBAAqB,EAAE,CAAC,CAAC;MACzB,MAAM,EAAE;QACN,mBAAmB,EAAE,CAAC,CAAC;QACvB,0BAA0B,EAAE,CAAC,CAAC;QAC9B,iCAAiC,EAAE;UACjC,yBAAyB,EAAE,CAAC,CAAC;UAC7B,oBAAoB,EAAE,CAAC;QACzB;MACF,CAAC;MACD,MAAM,EAAE;QACN,iBAAiB,EAAE,CAAC,CAAC;QACrB,0BAA0B,EAAE,CAAC,CAAC;QAC9B,iCAAiC,EAAE;UACjC,0BAA0B,EAAE,CAAC,CAAC;UAC9B,oBAAoB,EAAE,CAAC;QACzB;MACF,CAAC;MACD,MAAM,EAAE;QACN,mBAAmB,EAAE,CAAC,CAAC;QACvB,0BAA0B,EAAE,CAAC,CAAC;QAC9B,iCAAiC,EAAE;UACjC,yBAAyB,EAAE,CAAC,CAAC;UAC7B,oBAAoB,EAAE,CAAC;QACzB;MACF,CAAC;MAED,0BAA0B,EAAE;QAC1B,0BAA0B,EAAE;UAC1B,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MAED,UAAU,EAAE;QACV,iCAAiC,EAAE,CAAC,CAAC;QAErC,kBAAkB,EAAE;UAAE,+DAA+D,EAAE,CAAC;QAAE,CAAC;QAC3F,eAAe,EAAE,CAAC,CAAC;QAEnB,gBAAgB,EAAE;UAChB,uBAAuB,EAAE,CAAC;QAC5B,CAAC;QACD,iCAAiC,EAAE,CAAC,CAAC;QACrC,uCAAuC,EAAE,CAAC,CAAC;QAC3C,UAAU,EAAE;UACV,yCAAyC,EAAE,CAAC,CAAC;UAC7C,4CAA4C,EAAE,CAAC,CAAC;UAChD,0CAA0C,EAAE,CAAC,CAAC;UAC9C,0BAA0B,EAAE,CAAC,CAAC;UAC9B,2BAA2B,EAAE,CAAC;QAChC;MACF,CAAC;MACD,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC,CAAC;QACnB,sCAAsC,EAAE,CAAC,CAAC;QAC1C,UAAU,EAAE;UACV,sBAAsB,EAAE;YACtB,uBAAuB,EAAE,CAAC,CAAC;YAC3B,qBAAqB,EAAE,CAAC,CAAC;YACzB,eAAe,EAAE,CAAC;UACpB,CAAC;UAED,YAAY,EAAE;YACZ,kCAAkC,EAAE,CAAC;UACvC;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
|
|
@@ -224,6 +224,11 @@ var Input = exports.Input = function Input() {
|
|
|
224
224
|
'@apply focus:ring-offset': {},
|
|
225
225
|
'@apply focus:border-primitives-overlay-lighten-10': {},
|
|
226
226
|
'@apply dark:focus:border-primitives-overlay-darken-6': {},
|
|
227
|
+
'@apply focus-within:ring': {},
|
|
228
|
+
'@apply focus-within:ring-ring': {},
|
|
229
|
+
'@apply focus-within:ring-offset': {},
|
|
230
|
+
'@apply focus-within:border-primitives-overlay-lighten-10': {},
|
|
231
|
+
'@apply dark:focus-within:border-primitives-overlay-darken-6': {},
|
|
227
232
|
'&:not(:invalid):not([aria-invalid="true"])': {
|
|
228
233
|
'@apply focus:hover:border-primitives-overlay-lighten-10': {},
|
|
229
234
|
'@apply dark:focus:hover:border-primitives-overlay-darken-6': {}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","names":["calendar","clock","inputStandards","addin","svg","inputGroup","_extends","timeAndDatePicker","mask","maskSize","Input","exports","display","margin"],"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n return {\r\n '@apply border-1': {},\r\n '@apply border-primitives-overlay-darken-6': {},\r\n '@apply dark:border-primitives-overlay-lighten-6': {},\r\n '@apply hover:border-primitives-overlay-darken-8': {},\r\n '@apply dark:hover:border-primitives-overlay-lighten-4': {},\r\n\r\n '@apply placeholder:text-dark-placeholder': {},\r\n\r\n '@apply bg-primitives-overlay-lighten-10': {},\r\n '@apply dark:bg-primitives-overlay-darken-6': {},\r\n\r\n //Invalid\r\n '&:invalid, &[aria-invalid=\"true\"]': {\r\n '@apply border-2 border-error-surface-primary': {},\r\n },\r\n\r\n //Disabled\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '@apply bg-primitives-overlay-darken-1': {},\r\n '@apply dark:bg-primitives-overlay-lighten-1': {},\r\n '@apply border-primitives-overlay-darken-3': {},\r\n '@apply dark:border-primitives-overlay-lighten-3': {},\r\n '@apply hover:border-primitives-overlay-darken-3': {},\r\n '@apply dark:hover:border-primitives-overlay-lighten-3': {},\r\n '@apply text-dark-disabled': {},\r\n },\r\n };\r\n}\r\n\r\nfunction addin() {\r\n return {\r\n '&-addin': {\r\n '@apply bg-transparent': {},\r\n '@apply flex': {},\r\n '@apply justify-start items-center': {},\r\n '&-sm': {\r\n '@apply px-6 gap-6': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-12': {},\r\n '@apply pl-10': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-12': {},\r\n '@apply pr-10': {},\r\n },\r\n svg: {\r\n '@apply w-[1.6rem] h-[1.6rem]': {},\r\n },\r\n },\r\n '&-md': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-16': {},\r\n '@apply pl-12': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-16': {},\r\n '@apply pr-12': {},\r\n },\r\n svg: {\r\n '@apply w-[2rem] h-[2rem]': {},\r\n },\r\n },\r\n '&-lg': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-20': {},\r\n '@apply pl-16': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-20': {},\r\n '@apply pr-16': {},\r\n },\r\n svg: {\r\n '@apply w-[2.2rem] h-[2.2rem]': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction inputGroup() {\r\n return {\r\n '&-group': {\r\n '@apply flex relative': {},\r\n '@apply items-center': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply text-dark-secondary': {},\r\n //Focus\r\n '@apply focus-within:border-primitives-overlay-lighten-10': {},\r\n '@apply dark:focus-within:border-primitives-overlay-darken-6': {},\r\n\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus-within:hover:border-primitives-overlay-lighten-10': {},\r\n '@apply dark:focus-within:hover:border-primitives-overlay-darken-6': {},\r\n },\r\n\r\n // '&:disabled, &[aria-disabled=\"true\"]': {\r\n // '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n // '@apply color-black-disabled': {},\r\n // },\r\n // },\r\n '&&-lg': {\r\n '@apply text-input-large': {},\r\n '@apply rounded-button-lg': {},\r\n },\r\n '&&-md': {\r\n '@apply text-input-medium': {},\r\n '@apply rounded-button-md': {},\r\n },\r\n '&&-sm': {\r\n '@apply text-input-small': {},\r\n '@apply rounded-button-sm': {},\r\n },\r\n ...inputStandards(),\r\n '.sk-form-input': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus:ring-0': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n return {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply block': {},\r\n '@apply p-0': {},\r\n '@apply pl-6 md:pl-8': {},\r\n '@apply m-0': {},\r\n '@apply bg-none': {},\r\n '@apply bg-dark-secondary': {},\r\n '&.sk-form-input-sm': {\r\n '@apply w-[1.6rem] h-[1.6rem]': {},\r\n '@apply -mr-2': {},\r\n },\r\n '&.sk-form-input-md': {\r\n '@apply -mr-4': {},\r\n '@apply w-[1.8rem] h-[1.8rem]': {},\r\n },\r\n '&.sk-form-input-lg': {\r\n '@apply -mr-6': {},\r\n '@apply w-[2rem] h-[2rem]': {},\r\n },\r\n },\r\n\r\n '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply color-black-disabled': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nexport const Input = () => ({\r\n '.sk-form-input': {\r\n '@apply grow-0': {},\r\n '@apply text-dark-primary': {},\r\n\r\n '&[data-hideextra=\"true\"]': {\r\n '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n '-webkit-appearance': 'none',\r\n display: 'none',\r\n margin: '0px',\r\n },\r\n '-moz-appearance': 'textfield',\r\n },\r\n\r\n '&&-lg': {\r\n '@apply rounded-button-lg': {},\r\n '@apply px-20': {},\r\n '@apply py-[1.1rem]': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-large': {},\r\n '@apply h-[4.8rem]': {},\r\n },\r\n '&&-md': {\r\n '@apply rounded-button-md': {},\r\n '@apply px-16': {},\r\n '@apply py-[0.7rem]': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-medium': {},\r\n '@apply h-[4rem]': {},\r\n },\r\n '&&-sm': {\r\n '@apply rounded-button-sm': {},\r\n '@apply px-12': {},\r\n '@apply py-[0.5rem]': {},\r\n '@apply gap-6': {},\r\n '@apply text-input-small': {},\r\n '@apply h-[3.2rem]': {},\r\n },\r\n '&&-textarea': {\r\n '@apply h-auto': {},\r\n },\r\n\r\n //Focus\r\n '@apply focus:ring': {},\r\n '@apply focus:ring-ring': {},\r\n '@apply focus:ring-offset': {},\r\n '@apply focus:border-primitives-overlay-lighten-10': {},\r\n '@apply dark:focus:border-primitives-overlay-darken-6': {},\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus:hover:border-primitives-overlay-lighten-10': {},\r\n '@apply dark:focus:hover:border-primitives-overlay-darken-6': {},\r\n },\r\n ...timeAndDatePicker(),\r\n ...inputStandards(),\r\n ...inputGroup(),\r\n ...addin(),\r\n },\r\n});\r\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"input.js","names":["calendar","clock","inputStandards","addin","svg","inputGroup","_extends","timeAndDatePicker","mask","maskSize","Input","exports","display","margin"],"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n return {\r\n '@apply border-1': {},\r\n '@apply border-primitives-overlay-darken-6': {},\r\n '@apply dark:border-primitives-overlay-lighten-6': {},\r\n '@apply hover:border-primitives-overlay-darken-8': {},\r\n '@apply dark:hover:border-primitives-overlay-lighten-4': {},\r\n\r\n '@apply placeholder:text-dark-placeholder': {},\r\n\r\n '@apply bg-primitives-overlay-lighten-10': {},\r\n '@apply dark:bg-primitives-overlay-darken-6': {},\r\n\r\n //Invalid\r\n '&:invalid, &[aria-invalid=\"true\"]': {\r\n '@apply border-2 border-error-surface-primary': {},\r\n },\r\n\r\n //Disabled\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '@apply bg-primitives-overlay-darken-1': {},\r\n '@apply dark:bg-primitives-overlay-lighten-1': {},\r\n '@apply border-primitives-overlay-darken-3': {},\r\n '@apply dark:border-primitives-overlay-lighten-3': {},\r\n '@apply hover:border-primitives-overlay-darken-3': {},\r\n '@apply dark:hover:border-primitives-overlay-lighten-3': {},\r\n '@apply text-dark-disabled': {},\r\n },\r\n };\r\n}\r\n\r\nfunction addin() {\r\n return {\r\n '&-addin': {\r\n '@apply bg-transparent': {},\r\n '@apply flex': {},\r\n '@apply justify-start items-center': {},\r\n '&-sm': {\r\n '@apply px-6 gap-6': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-12': {},\r\n '@apply pl-10': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-12': {},\r\n '@apply pr-10': {},\r\n },\r\n svg: {\r\n '@apply w-[1.6rem] h-[1.6rem]': {},\r\n },\r\n },\r\n '&-md': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-16': {},\r\n '@apply pl-12': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-16': {},\r\n '@apply pr-12': {},\r\n },\r\n svg: {\r\n '@apply w-[2rem] h-[2rem]': {},\r\n },\r\n },\r\n '&-lg': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-20': {},\r\n '@apply pl-16': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-20': {},\r\n '@apply pr-16': {},\r\n },\r\n svg: {\r\n '@apply w-[2.2rem] h-[2.2rem]': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction inputGroup() {\r\n return {\r\n '&-group': {\r\n '@apply flex relative': {},\r\n '@apply items-center': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply text-dark-secondary': {},\r\n //Focus\r\n '@apply focus-within:border-primitives-overlay-lighten-10': {},\r\n '@apply dark:focus-within:border-primitives-overlay-darken-6': {},\r\n\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus-within:hover:border-primitives-overlay-lighten-10': {},\r\n '@apply dark:focus-within:hover:border-primitives-overlay-darken-6': {},\r\n },\r\n\r\n // '&:disabled, &[aria-disabled=\"true\"]': {\r\n // '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n // '@apply color-black-disabled': {},\r\n // },\r\n // },\r\n '&&-lg': {\r\n '@apply text-input-large': {},\r\n '@apply rounded-button-lg': {},\r\n },\r\n '&&-md': {\r\n '@apply text-input-medium': {},\r\n '@apply rounded-button-md': {},\r\n },\r\n '&&-sm': {\r\n '@apply text-input-small': {},\r\n '@apply rounded-button-sm': {},\r\n },\r\n ...inputStandards(),\r\n '.sk-form-input': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus:ring-0': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n return {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply block': {},\r\n '@apply p-0': {},\r\n '@apply pl-6 md:pl-8': {},\r\n '@apply m-0': {},\r\n '@apply bg-none': {},\r\n '@apply bg-dark-secondary': {},\r\n '&.sk-form-input-sm': {\r\n '@apply w-[1.6rem] h-[1.6rem]': {},\r\n '@apply -mr-2': {},\r\n },\r\n '&.sk-form-input-md': {\r\n '@apply -mr-4': {},\r\n '@apply w-[1.8rem] h-[1.8rem]': {},\r\n },\r\n '&.sk-form-input-lg': {\r\n '@apply -mr-6': {},\r\n '@apply w-[2rem] h-[2rem]': {},\r\n },\r\n },\r\n\r\n '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply color-black-disabled': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nexport const Input = () => ({\r\n '.sk-form-input': {\r\n '@apply grow-0': {},\r\n '@apply text-dark-primary': {},\r\n\r\n '&[data-hideextra=\"true\"]': {\r\n '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n '-webkit-appearance': 'none',\r\n display: 'none',\r\n margin: '0px',\r\n },\r\n '-moz-appearance': 'textfield',\r\n },\r\n\r\n '&&-lg': {\r\n '@apply rounded-button-lg': {},\r\n '@apply px-20': {},\r\n '@apply py-[1.1rem]': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-large': {},\r\n '@apply h-[4.8rem]': {},\r\n },\r\n '&&-md': {\r\n '@apply rounded-button-md': {},\r\n '@apply px-16': {},\r\n '@apply py-[0.7rem]': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-medium': {},\r\n '@apply h-[4rem]': {},\r\n },\r\n '&&-sm': {\r\n '@apply rounded-button-sm': {},\r\n '@apply px-12': {},\r\n '@apply py-[0.5rem]': {},\r\n '@apply gap-6': {},\r\n '@apply text-input-small': {},\r\n '@apply h-[3.2rem]': {},\r\n },\r\n '&&-textarea': {\r\n '@apply h-auto': {},\r\n },\r\n\r\n //Focus\r\n '@apply focus:ring': {},\r\n '@apply focus:ring-ring': {},\r\n '@apply focus:ring-offset': {},\r\n '@apply focus:border-primitives-overlay-lighten-10': {},\r\n '@apply dark:focus:border-primitives-overlay-darken-6': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply focus-within:ring-offset': {},\r\n '@apply focus-within:border-primitives-overlay-lighten-10': {},\r\n '@apply dark:focus-within:border-primitives-overlay-darken-6': {},\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus:hover:border-primitives-overlay-lighten-10': {},\r\n '@apply dark:focus:hover:border-primitives-overlay-darken-6': {},\r\n },\r\n ...timeAndDatePicker(),\r\n ...inputStandards(),\r\n ...inputGroup(),\r\n ...addin(),\r\n },\r\n});\r\n"],"mappings":"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"}
|
|
@@ -4,6 +4,20 @@ exports.__esModule = true;
|
|
|
4
4
|
exports.SearchField = void 0;
|
|
5
5
|
var SearchField = exports.SearchField = function SearchField() {
|
|
6
6
|
return {
|
|
7
|
+
'.sk-search-field-suggestions': {
|
|
8
|
+
'&.sk-form-combobox': {
|
|
9
|
+
'@apply h-auto': {}
|
|
10
|
+
},
|
|
11
|
+
'.sk-form-combobox': {
|
|
12
|
+
'&-list': {
|
|
13
|
+
'&-option': {
|
|
14
|
+
'.sk-icon': {
|
|
15
|
+
'@apply hidden': {}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
},
|
|
7
21
|
'.sk-search-field': {
|
|
8
22
|
'&-md': {
|
|
9
23
|
'.sk-search-field-icon': {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-field.js","names":["SearchField","exports","svg"],"sources":["../../../src/components/search-field.ts"],"sourcesContent":["export const SearchField = () => ({\r\n '.sk-search-field': {\r\n '&-md': {\r\n '.sk-search-field-icon': {\r\n '@apply w-[2rem] h-[2rem]': {},\r\n svg: {\r\n '@apply w-[2rem] h-[2rem]': {},\r\n },\r\n },\r\n },\r\n '&-lg': {\r\n '.sk-search-field-icon': {\r\n '@apply w-[2.2rem] h-[2.2rem]': {},\r\n svg: {\r\n '@apply w-[2.2rem] h-[2.2rem]': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAA;EAAA,OAAU;IAChC,kBAAkB,EAAE;MAClB,MAAM,EAAE;QACN,uBAAuB,EAAE;UACvB,0BAA0B,EAAE,CAAC,CAAC;UAC9BE,GAAG,EAAE;YACH,0BAA0B,EAAE,CAAC;UAC/B;QACF;MACF,CAAC;MACD,MAAM,EAAE;QACN,uBAAuB,EAAE;UACvB,8BAA8B,EAAE,CAAC,CAAC;UAClCA,GAAG,EAAE;YACH,8BAA8B,EAAE,CAAC;UACnC;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
|
|
1
|
+
{"version":3,"file":"search-field.js","names":["SearchField","exports","svg"],"sources":["../../../src/components/search-field.ts"],"sourcesContent":["export const SearchField = () => ({\r\n '.sk-search-field-suggestions': {\r\n '&.sk-form-combobox': {\r\n '@apply h-auto': {},\r\n },\r\n '.sk-form-combobox': {\r\n '&-list': {\r\n '&-option': {\r\n '.sk-icon': {\r\n '@apply hidden': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n '.sk-search-field': {\r\n '&-md': {\r\n '.sk-search-field-icon': {\r\n '@apply w-[2rem] h-[2rem]': {},\r\n svg: {\r\n '@apply w-[2rem] h-[2rem]': {},\r\n },\r\n },\r\n },\r\n '&-lg': {\r\n '.sk-search-field-icon': {\r\n '@apply w-[2.2rem] h-[2.2rem]': {},\r\n svg: {\r\n '@apply w-[2.2rem] h-[2.2rem]': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAA;EAAA,OAAU;IAChC,8BAA8B,EAAE;MAC9B,oBAAoB,EAAE;QACpB,eAAe,EAAE,CAAC;MACpB,CAAC;MACD,mBAAmB,EAAE;QACnB,QAAQ,EAAE;UACR,UAAU,EAAE;YACV,UAAU,EAAE;cACV,eAAe,EAAE,CAAC;YACpB;UACF;QACF;MACF;IACF,CAAC;IACD,kBAAkB,EAAE;MAClB,MAAM,EAAE;QACN,uBAAuB,EAAE;UACvB,0BAA0B,EAAE,CAAC,CAAC;UAC9BE,GAAG,EAAE;YACH,0BAA0B,EAAE,CAAC;UAC/B;QACF;MACF,CAAC;MACD,MAAM,EAAE;QACN,uBAAuB,EAAE;UACvB,8BAA8B,EAAE,CAAC,CAAC;UAClCA,GAAG,EAAE;YACH,8BAA8B,EAAE,CAAC;UACnC;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
export var ComboBox = () => ({
|
|
2
|
+
'.sk-combobox-base': {
|
|
3
|
+
'@apply w-auto inline-block relative': {}
|
|
4
|
+
},
|
|
2
5
|
'.sk-form-combobox': {
|
|
3
6
|
'@apply focus-within:ring ring-ring ring-offset': {},
|
|
4
7
|
'@apply relative w-auto': {},
|
|
@@ -27,13 +30,13 @@ export var ComboBox = () => ({
|
|
|
27
30
|
'@apply pr-[6.8rem]': {}
|
|
28
31
|
}
|
|
29
32
|
},
|
|
30
|
-
'
|
|
33
|
+
'&[data-showvalue="true"]': {
|
|
31
34
|
'.sk-form-combobox-select': {
|
|
32
35
|
'@apply caret-transparent': {}
|
|
33
36
|
}
|
|
34
37
|
},
|
|
35
38
|
'&-select': {
|
|
36
|
-
'@apply
|
|
39
|
+
'@apply bg-right-12 bg-no-repeat': {},
|
|
37
40
|
'&.sk-form-select': {
|
|
38
41
|
'@apply focus:outline-none focus:ring-0 focus:ring-transparent': {}
|
|
39
42
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox.js","names":["ComboBox"],"sources":["../../../src/components/combobox.ts"],"sourcesContent":["export const ComboBox = () => ({\r\n '.sk-form-combobox': {\r\n '@apply focus-within:ring ring-ring ring-offset': {},\r\n '@apply relative w-auto': {},\r\n '@apply inline-block': {},\r\n '&-sm': {\r\n '@apply h-[3.2rem]': {},\r\n '@apply rounded-button-sm': {},\r\n '.sk-form-combobox-select.active': {\r\n '@apply text-input-small': {},\r\n '@apply pr-[5.2rem]': {},\r\n },\r\n },\r\n '&-md': {\r\n '@apply h-[4rem]': {},\r\n '@apply rounded-button-md': {},\r\n '.sk-form-combobox-select.active': {\r\n '@apply text-input-medium': {},\r\n '@apply pr-[6.1rem]': {},\r\n },\r\n },\r\n '&-lg': {\r\n '@apply h-[4.8rem]': {},\r\n '@apply rounded-button-lg': {},\r\n '.sk-form-combobox-select.active': {\r\n '@apply text-input-large': {},\r\n '@apply pr-[6.8rem]': {},\r\n },\r\n },\r\n\r\n '
|
|
1
|
+
{"version":3,"file":"combobox.js","names":["ComboBox"],"sources":["../../../src/components/combobox.ts"],"sourcesContent":["export const ComboBox = () => ({\r\n '.sk-combobox-base': {\r\n '@apply w-auto inline-block relative': {},\r\n },\r\n '.sk-form-combobox': {\r\n '@apply focus-within:ring ring-ring ring-offset': {},\r\n '@apply relative w-auto': {},\r\n '@apply inline-block': {},\r\n '&-sm': {\r\n '@apply h-[3.2rem]': {},\r\n '@apply rounded-button-sm': {},\r\n '.sk-form-combobox-select.active': {\r\n '@apply text-input-small': {},\r\n '@apply pr-[5.2rem]': {},\r\n },\r\n },\r\n '&-md': {\r\n '@apply h-[4rem]': {},\r\n '@apply rounded-button-md': {},\r\n '.sk-form-combobox-select.active': {\r\n '@apply text-input-medium': {},\r\n '@apply pr-[6.1rem]': {},\r\n },\r\n },\r\n '&-lg': {\r\n '@apply h-[4.8rem]': {},\r\n '@apply rounded-button-lg': {},\r\n '.sk-form-combobox-select.active': {\r\n '@apply text-input-large': {},\r\n '@apply pr-[6.8rem]': {},\r\n },\r\n },\r\n\r\n '&[data-showvalue=\"true\"]': {\r\n '.sk-form-combobox-select': {\r\n '@apply caret-transparent': {},\r\n },\r\n },\r\n\r\n '&-select': {\r\n '@apply bg-right-12 bg-no-repeat': {},\r\n\r\n '&.sk-form-select': { '@apply focus:outline-none focus:ring-0 focus:ring-transparent': {} },\r\n '@apply w-full': {},\r\n\r\n '&:not(.active)': {\r\n '@apply cursor-default': {},\r\n },\r\n '@apply focus:border-transparent': {},\r\n '@apply focus:hover:border-transparent': {},\r\n '&.active': {\r\n '@apply bg-primitives-overlay-lighten-10': {},\r\n '@apply dark:bg-primitives-overlay-darken-6': {},\r\n '@apply placeholder:text-dark-placeholder': {},\r\n '@apply text-dark-primary': {},\r\n '@apply border-transparent': {},\r\n },\r\n },\r\n '&-list': {\r\n '@apply w-full': {},\r\n '@apply max-h-[23rem] overflow-y-auto': {},\r\n '&-option': {\r\n '&.sk-popup-menu-item': {\r\n '@apply cursor-default': {},\r\n '@apply leading-none': {},\r\n '@apply h-auto': {},\r\n },\r\n\r\n '&-checkbox': {\r\n '@apply w-0 h-0 m-0 p-0 opacity-0': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,QAAQ,GAAGA,CAAA,MAAO;EAC7B,mBAAmB,EAAE;IACnB,qCAAqC,EAAE,CAAC;EAC1C,CAAC;EACD,mBAAmB,EAAE;IACnB,gDAAgD,EAAE,CAAC,CAAC;IACpD,wBAAwB,EAAE,CAAC,CAAC;IAC5B,qBAAqB,EAAE,CAAC,CAAC;IACzB,MAAM,EAAE;MACN,mBAAmB,EAAE,CAAC,CAAC;MACvB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,iCAAiC,EAAE;QACjC,yBAAyB,EAAE,CAAC,CAAC;QAC7B,oBAAoB,EAAE,CAAC;MACzB;IACF,CAAC;IACD,MAAM,EAAE;MACN,iBAAiB,EAAE,CAAC,CAAC;MACrB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,iCAAiC,EAAE;QACjC,0BAA0B,EAAE,CAAC,CAAC;QAC9B,oBAAoB,EAAE,CAAC;MACzB;IACF,CAAC;IACD,MAAM,EAAE;MACN,mBAAmB,EAAE,CAAC,CAAC;MACvB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,iCAAiC,EAAE;QACjC,yBAAyB,EAAE,CAAC,CAAC;QAC7B,oBAAoB,EAAE,CAAC;MACzB;IACF,CAAC;IAED,0BAA0B,EAAE;MAC1B,0BAA0B,EAAE;QAC1B,0BAA0B,EAAE,CAAC;MAC/B;IACF,CAAC;IAED,UAAU,EAAE;MACV,iCAAiC,EAAE,CAAC,CAAC;MAErC,kBAAkB,EAAE;QAAE,+DAA+D,EAAE,CAAC;MAAE,CAAC;MAC3F,eAAe,EAAE,CAAC,CAAC;MAEnB,gBAAgB,EAAE;QAChB,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,iCAAiC,EAAE,CAAC,CAAC;MACrC,uCAAuC,EAAE,CAAC,CAAC;MAC3C,UAAU,EAAE;QACV,yCAAyC,EAAE,CAAC,CAAC;QAC7C,4CAA4C,EAAE,CAAC,CAAC;QAChD,0CAA0C,EAAE,CAAC,CAAC;QAC9C,0BAA0B,EAAE,CAAC,CAAC;QAC9B,2BAA2B,EAAE,CAAC;MAChC;IACF,CAAC;IACD,QAAQ,EAAE;MACR,eAAe,EAAE,CAAC,CAAC;MACnB,sCAAsC,EAAE,CAAC,CAAC;MAC1C,UAAU,EAAE;QACV,sBAAsB,EAAE;UACtB,uBAAuB,EAAE,CAAC,CAAC;UAC3B,qBAAqB,EAAE,CAAC,CAAC;UACzB,eAAe,EAAE,CAAC;QACpB,CAAC;QAED,YAAY,EAAE;UACZ,kCAAkC,EAAE,CAAC;QACvC;MACF;IACF;EACF;AACF,CAAC,CAAC"}
|
|
@@ -219,6 +219,11 @@ export var Input = () => ({
|
|
|
219
219
|
'@apply focus:ring-offset': {},
|
|
220
220
|
'@apply focus:border-primitives-overlay-lighten-10': {},
|
|
221
221
|
'@apply dark:focus:border-primitives-overlay-darken-6': {},
|
|
222
|
+
'@apply focus-within:ring': {},
|
|
223
|
+
'@apply focus-within:ring-ring': {},
|
|
224
|
+
'@apply focus-within:ring-offset': {},
|
|
225
|
+
'@apply focus-within:border-primitives-overlay-lighten-10': {},
|
|
226
|
+
'@apply dark:focus-within:border-primitives-overlay-darken-6': {},
|
|
222
227
|
'&:not(:invalid):not([aria-invalid="true"])': {
|
|
223
228
|
'@apply focus:hover:border-primitives-overlay-lighten-10': {},
|
|
224
229
|
'@apply dark:focus:hover:border-primitives-overlay-darken-6': {}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","names":["calendar","clock","inputStandards","addin","svg","inputGroup","_extends","timeAndDatePicker","mask","maskSize","Input","display","margin"],"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n return {\r\n '@apply border-1': {},\r\n '@apply border-primitives-overlay-darken-6': {},\r\n '@apply dark:border-primitives-overlay-lighten-6': {},\r\n '@apply hover:border-primitives-overlay-darken-8': {},\r\n '@apply dark:hover:border-primitives-overlay-lighten-4': {},\r\n\r\n '@apply placeholder:text-dark-placeholder': {},\r\n\r\n '@apply bg-primitives-overlay-lighten-10': {},\r\n '@apply dark:bg-primitives-overlay-darken-6': {},\r\n\r\n //Invalid\r\n '&:invalid, &[aria-invalid=\"true\"]': {\r\n '@apply border-2 border-error-surface-primary': {},\r\n },\r\n\r\n //Disabled\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '@apply bg-primitives-overlay-darken-1': {},\r\n '@apply dark:bg-primitives-overlay-lighten-1': {},\r\n '@apply border-primitives-overlay-darken-3': {},\r\n '@apply dark:border-primitives-overlay-lighten-3': {},\r\n '@apply hover:border-primitives-overlay-darken-3': {},\r\n '@apply dark:hover:border-primitives-overlay-lighten-3': {},\r\n '@apply text-dark-disabled': {},\r\n },\r\n };\r\n}\r\n\r\nfunction addin() {\r\n return {\r\n '&-addin': {\r\n '@apply bg-transparent': {},\r\n '@apply flex': {},\r\n '@apply justify-start items-center': {},\r\n '&-sm': {\r\n '@apply px-6 gap-6': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-12': {},\r\n '@apply pl-10': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-12': {},\r\n '@apply pr-10': {},\r\n },\r\n svg: {\r\n '@apply w-[1.6rem] h-[1.6rem]': {},\r\n },\r\n },\r\n '&-md': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-16': {},\r\n '@apply pl-12': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-16': {},\r\n '@apply pr-12': {},\r\n },\r\n svg: {\r\n '@apply w-[2rem] h-[2rem]': {},\r\n },\r\n },\r\n '&-lg': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-20': {},\r\n '@apply pl-16': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-20': {},\r\n '@apply pr-16': {},\r\n },\r\n svg: {\r\n '@apply w-[2.2rem] h-[2.2rem]': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction inputGroup() {\r\n return {\r\n '&-group': {\r\n '@apply flex relative': {},\r\n '@apply items-center': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply text-dark-secondary': {},\r\n //Focus\r\n '@apply focus-within:border-primitives-overlay-lighten-10': {},\r\n '@apply dark:focus-within:border-primitives-overlay-darken-6': {},\r\n\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus-within:hover:border-primitives-overlay-lighten-10': {},\r\n '@apply dark:focus-within:hover:border-primitives-overlay-darken-6': {},\r\n },\r\n\r\n // '&:disabled, &[aria-disabled=\"true\"]': {\r\n // '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n // '@apply color-black-disabled': {},\r\n // },\r\n // },\r\n '&&-lg': {\r\n '@apply text-input-large': {},\r\n '@apply rounded-button-lg': {},\r\n },\r\n '&&-md': {\r\n '@apply text-input-medium': {},\r\n '@apply rounded-button-md': {},\r\n },\r\n '&&-sm': {\r\n '@apply text-input-small': {},\r\n '@apply rounded-button-sm': {},\r\n },\r\n ...inputStandards(),\r\n '.sk-form-input': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus:ring-0': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n return {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply block': {},\r\n '@apply p-0': {},\r\n '@apply pl-6 md:pl-8': {},\r\n '@apply m-0': {},\r\n '@apply bg-none': {},\r\n '@apply bg-dark-secondary': {},\r\n '&.sk-form-input-sm': {\r\n '@apply w-[1.6rem] h-[1.6rem]': {},\r\n '@apply -mr-2': {},\r\n },\r\n '&.sk-form-input-md': {\r\n '@apply -mr-4': {},\r\n '@apply w-[1.8rem] h-[1.8rem]': {},\r\n },\r\n '&.sk-form-input-lg': {\r\n '@apply -mr-6': {},\r\n '@apply w-[2rem] h-[2rem]': {},\r\n },\r\n },\r\n\r\n '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply color-black-disabled': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nexport const Input = () => ({\r\n '.sk-form-input': {\r\n '@apply grow-0': {},\r\n '@apply text-dark-primary': {},\r\n\r\n '&[data-hideextra=\"true\"]': {\r\n '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n '-webkit-appearance': 'none',\r\n display: 'none',\r\n margin: '0px',\r\n },\r\n '-moz-appearance': 'textfield',\r\n },\r\n\r\n '&&-lg': {\r\n '@apply rounded-button-lg': {},\r\n '@apply px-20': {},\r\n '@apply py-[1.1rem]': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-large': {},\r\n '@apply h-[4.8rem]': {},\r\n },\r\n '&&-md': {\r\n '@apply rounded-button-md': {},\r\n '@apply px-16': {},\r\n '@apply py-[0.7rem]': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-medium': {},\r\n '@apply h-[4rem]': {},\r\n },\r\n '&&-sm': {\r\n '@apply rounded-button-sm': {},\r\n '@apply px-12': {},\r\n '@apply py-[0.5rem]': {},\r\n '@apply gap-6': {},\r\n '@apply text-input-small': {},\r\n '@apply h-[3.2rem]': {},\r\n },\r\n '&&-textarea': {\r\n '@apply h-auto': {},\r\n },\r\n\r\n //Focus\r\n '@apply focus:ring': {},\r\n '@apply focus:ring-ring': {},\r\n '@apply focus:ring-offset': {},\r\n '@apply focus:border-primitives-overlay-lighten-10': {},\r\n '@apply dark:focus:border-primitives-overlay-darken-6': {},\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus:hover:border-primitives-overlay-lighten-10': {},\r\n '@apply dark:focus:hover:border-primitives-overlay-darken-6': {},\r\n },\r\n ...timeAndDatePicker(),\r\n ...inputStandards(),\r\n ...inputGroup(),\r\n ...addin(),\r\n },\r\n});\r\n"],"mappings":";AAAA,SAASA,QAAQA,CAAA,EAAG;EAClB;AACF;AACA,SAASC,KAAKA,CAAA,EAAG;EACf;AACF;AAEA,SAASC,cAAcA,CAAA,EAAG;EACxB,OAAO;IACL,iBAAiB,EAAE,CAAC,CAAC;IACrB,2CAA2C,EAAE,CAAC,CAAC;IAC/C,iDAAiD,EAAE,CAAC,CAAC;IACrD,iDAAiD,EAAE,CAAC,CAAC;IACrD,uDAAuD,EAAE,CAAC,CAAC;IAE3D,0CAA0C,EAAE,CAAC,CAAC;IAE9C,yCAAyC,EAAE,CAAC,CAAC;IAC7C,4CAA4C,EAAE,CAAC,CAAC;IAEhD;IACA,mCAAmC,EAAE;MACnC,8CAA8C,EAAE,CAAC;IACnD,CAAC;IAED;IACA,qCAAqC,EAAE;MACrC,uCAAuC,EAAE,CAAC,CAAC;MAC3C,6CAA6C,EAAE,CAAC,CAAC;MACjD,2CAA2C,EAAE,CAAC,CAAC;MAC/C,iDAAiD,EAAE,CAAC,CAAC;MACrD,iDAAiD,EAAE,CAAC,CAAC;MACrD,uDAAuD,EAAE,CAAC,CAAC;MAC3D,2BAA2B,EAAE,CAAC;IAChC;EACF,CAAC;AACH;AAEA,SAASC,KAAKA,CAAA,EAAG;EACf,OAAO;IACL,SAAS,EAAE;MACT,uBAAuB,EAAE,CAAC,CAAC;MAC3B,aAAa,EAAE,CAAC,CAAC;MACjB,mCAAmC,EAAE,CAAC,CAAC;MACvC,MAAM,EAAE;QACN,mBAAmB,EAAE,CAAC,CAAC;QACvB,4BAA4B,EAAE;UAC5B,eAAe,EAAE,CAAC,CAAC;UACnB,cAAc,EAAE,CAAC;QACnB,CAAC;QACD,6BAA6B,EAAE;UAC7B,eAAe,EAAE,CAAC,CAAC;UACnB,cAAc,EAAE,CAAC;QACnB,CAAC;QACDC,GAAG,EAAE;UACH,8BAA8B,EAAE,CAAC;QACnC;MACF,CAAC;MACD,MAAM,EAAE;QACN,yBAAyB,EAAE,CAAC,CAAC;QAC7B,4BAA4B,EAAE;UAC5B,eAAe,EAAE,CAAC,CAAC;UACnB,cAAc,EAAE,CAAC;QACnB,CAAC;QACD,6BAA6B,EAAE;UAC7B,eAAe,EAAE,CAAC,CAAC;UACnB,cAAc,EAAE,CAAC;QACnB,CAAC;QACDA,GAAG,EAAE;UACH,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MACD,MAAM,EAAE;QACN,yBAAyB,EAAE,CAAC,CAAC;QAC7B,4BAA4B,EAAE;UAC5B,eAAe,EAAE,CAAC,CAAC;UACnB,cAAc,EAAE,CAAC;QACnB,CAAC;QACD,6BAA6B,EAAE;UAC7B,eAAe,EAAE,CAAC,CAAC;UACnB,cAAc,EAAE,CAAC;QACnB,CAAC;QACDA,GAAG,EAAE;UACH,8BAA8B,EAAE,CAAC;QACnC;MACF;IACF;EACF,CAAC;AACH;AAEA,SAASC,UAAUA,CAAA,EAAG;EACpB,OAAO;IACL,SAAS,EAAAC,QAAA;MACP,sBAAsB,EAAE,CAAC,CAAC;MAC1B,qBAAqB,EAAE,CAAC,CAAC;MACzB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,+BAA+B,EAAE,CAAC,CAAC;MACnC,4BAA4B,EAAE,CAAC,CAAC;MAChC;MACA,0DAA0D,EAAE,CAAC,CAAC;MAC9D,6DAA6D,EAAE,CAAC,CAAC;MAEjE,4CAA4C,EAAE;QAC5C,gEAAgE,EAAE,CAAC,CAAC;QACpE,mEAAmE,EAAE,CAAC;MACxE,CAAC;MAED;MACA;MACA;MACA;MACA;MACA,OAAO,EAAE;QACP,yBAAyB,EAAE,CAAC,CAAC;QAC7B,0BAA0B,EAAE,CAAC;MAC/B,CAAC;MACD,OAAO,EAAE;QACP,0BAA0B,EAAE,CAAC,CAAC;QAC9B,0BAA0B,EAAE,CAAC;MAC/B,CAAC;MACD,OAAO,EAAE;QACP,yBAAyB,EAAE,CAAC,CAAC;QAC7B,0BAA0B,EAAE,CAAC;MAC/B;IAAC,GACEJ,cAAc,CAAC,CAAC;MACnB,gBAAgB,EAAE;QAChB,kBAAkB,EAAE,CAAC,CAAC;QACtB,iBAAiB,EAAE,CAAC,CAAC;QACrB,qBAAqB,EAAE,CAAC,CAAC;QACzB,4BAA4B,EAAE,CAAC,CAAC;QAChC,uBAAuB,EAAE,CAAC,CAAC;QAC3B,4BAA4B,EAAE,CAAC,CAAC;QAChC,aAAa,EAAE,CAAC;MAClB;IAAC;EAEL,CAAC;AACH;AAEA,SAASK,iBAAiBA,CAAA,EAAG;EAC3B,OAAO;IACL,oEAAoE,EAAE;MACpE,cAAc,EAAE,CAAC,CAAC;MAClB,YAAY,EAAE,CAAC,CAAC;MAChB,qBAAqB,EAAE,CAAC,CAAC;MACzB,YAAY,EAAE,CAAC,CAAC;MAChB,gBAAgB,EAAE,CAAC,CAAC;MACpB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,oBAAoB,EAAE;QACpB,8BAA8B,EAAE,CAAC,CAAC;QAClC,cAAc,EAAE,CAAC;MACnB,CAAC;MACD,oBAAoB,EAAE;QACpB,cAAc,EAAE,CAAC,CAAC;QAClB,8BAA8B,EAAE,CAAC;MACnC,CAAC;MACD,oBAAoB,EAAE;QACpB,cAAc,EAAE,CAAC,CAAC;QAClB,0BAA0B,EAAE,CAAC;MAC/B;IACF,CAAC;IAED,8FAA8F,EAAE;MAC9FC,IAAI,EAAE,qCAAkCR,QAAQ,CAAC,CAAC,6BAAyB;MAC3E,cAAc,EAAE,qCAAkCA,QAAQ,CAAC,CAAC,6BAAyB;MACrFS,QAAQ,EAAE,SAAS;MACnB,mBAAmB,EAAE;IACvB,CAAC;IACD,kHAAkH,EAChH;MACED,IAAI,EAAE,qCAAkCR,QAAQ,CAAC,CAAC,6BAAyB;MAC3E,cAAc,EAAE,qCAAkCA,QAAQ,CAAC,CAAC,6BAAyB;MACrFS,QAAQ,EAAE,SAAS;MACnB,mBAAmB,EAAE;IACvB,CAAC;IACH,8FAA8F,EAAE;MAC9FD,IAAI,EAAE,qCAAkCP,KAAK,CAAC,CAAC,6BAAyB;MACxE,cAAc,EAAE,qCAAkCA,KAAK,CAAC,CAAC,6BAAyB;MAClFQ,QAAQ,EAAE,SAAS;MACnB,mBAAmB,EAAE;IACvB,CAAC;IAED,qCAAqC,EAAE;MACrC,oEAAoE,EAAE;QACpE,6BAA6B,EAAE,CAAC;MAClC;IACF;EACF,CAAC;AACH;AAEA,OAAO,IAAMC,KAAK,GAAGA,CAAA,MAAO;EAC1B,gBAAgB,EAAAJ,QAAA;IACd,eAAe,EAAE,CAAC,CAAC;IACnB,0BAA0B,EAAE,CAAC,CAAC;IAE9B,0BAA0B,EAAE;MAC1B,4DAA4D,EAAE;QAC5D,oBAAoB,EAAE,MAAM;QAC5BK,OAAO,EAAE,MAAM;QACfC,MAAM,EAAE;MACV,CAAC;MACD,iBAAiB,EAAE;IACrB,CAAC;IAED,OAAO,EAAE;MACP,0BAA0B,EAAE,CAAC,CAAC;MAC9B,cAAc,EAAE,CAAC,CAAC;MAClB,oBAAoB,EAAE,CAAC,CAAC;MACxB,cAAc,EAAE,CAAC,CAAC;MAClB,yBAAyB,EAAE,CAAC,CAAC;MAC7B,mBAAmB,EAAE,CAAC;IACxB,CAAC;IACD,OAAO,EAAE;MACP,0BAA0B,EAAE,CAAC,CAAC;MAC9B,cAAc,EAAE,CAAC,CAAC;MAClB,oBAAoB,EAAE,CAAC,CAAC;MACxB,cAAc,EAAE,CAAC,CAAC;MAClB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,iBAAiB,EAAE,CAAC;IACtB,CAAC;IACD,OAAO,EAAE;MACP,0BAA0B,EAAE,CAAC,CAAC;MAC9B,cAAc,EAAE,CAAC,CAAC;MAClB,oBAAoB,EAAE,CAAC,CAAC;MACxB,cAAc,EAAE,CAAC,CAAC;MAClB,yBAAyB,EAAE,CAAC,CAAC;MAC7B,mBAAmB,EAAE,CAAC;IACxB,CAAC;IACD,aAAa,EAAE;MACb,eAAe,EAAE,CAAC;IACpB,CAAC;IAED;IACA,mBAAmB,EAAE,CAAC,CAAC;IACvB,wBAAwB,EAAE,CAAC,CAAC;IAC5B,0BAA0B,EAAE,CAAC,CAAC;IAC9B,mDAAmD,EAAE,CAAC,CAAC;IACvD,sDAAsD,EAAE,CAAC,CAAC;IAC1D,4CAA4C,EAAE;MAC5C,yDAAyD,EAAE,CAAC,CAAC;MAC7D,4DAA4D,EAAE,CAAC;IACjE;EAAC,GACEL,iBAAiB,CAAC,CAAC,EACnBL,cAAc,CAAC,CAAC,EAChBG,UAAU,CAAC,CAAC,EACZF,KAAK,CAAC,CAAC;AAEd,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"input.js","names":["calendar","clock","inputStandards","addin","svg","inputGroup","_extends","timeAndDatePicker","mask","maskSize","Input","display","margin"],"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n return {\r\n '@apply border-1': {},\r\n '@apply border-primitives-overlay-darken-6': {},\r\n '@apply dark:border-primitives-overlay-lighten-6': {},\r\n '@apply hover:border-primitives-overlay-darken-8': {},\r\n '@apply dark:hover:border-primitives-overlay-lighten-4': {},\r\n\r\n '@apply placeholder:text-dark-placeholder': {},\r\n\r\n '@apply bg-primitives-overlay-lighten-10': {},\r\n '@apply dark:bg-primitives-overlay-darken-6': {},\r\n\r\n //Invalid\r\n '&:invalid, &[aria-invalid=\"true\"]': {\r\n '@apply border-2 border-error-surface-primary': {},\r\n },\r\n\r\n //Disabled\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '@apply bg-primitives-overlay-darken-1': {},\r\n '@apply dark:bg-primitives-overlay-lighten-1': {},\r\n '@apply border-primitives-overlay-darken-3': {},\r\n '@apply dark:border-primitives-overlay-lighten-3': {},\r\n '@apply hover:border-primitives-overlay-darken-3': {},\r\n '@apply dark:hover:border-primitives-overlay-lighten-3': {},\r\n '@apply text-dark-disabled': {},\r\n },\r\n };\r\n}\r\n\r\nfunction addin() {\r\n return {\r\n '&-addin': {\r\n '@apply bg-transparent': {},\r\n '@apply flex': {},\r\n '@apply justify-start items-center': {},\r\n '&-sm': {\r\n '@apply px-6 gap-6': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-12': {},\r\n '@apply pl-10': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-12': {},\r\n '@apply pr-10': {},\r\n },\r\n svg: {\r\n '@apply w-[1.6rem] h-[1.6rem]': {},\r\n },\r\n },\r\n '&-md': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-16': {},\r\n '@apply pl-12': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-16': {},\r\n '@apply pr-12': {},\r\n },\r\n svg: {\r\n '@apply w-[2rem] h-[2rem]': {},\r\n },\r\n },\r\n '&-lg': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-20': {},\r\n '@apply pl-16': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-20': {},\r\n '@apply pr-16': {},\r\n },\r\n svg: {\r\n '@apply w-[2.2rem] h-[2.2rem]': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction inputGroup() {\r\n return {\r\n '&-group': {\r\n '@apply flex relative': {},\r\n '@apply items-center': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply text-dark-secondary': {},\r\n //Focus\r\n '@apply focus-within:border-primitives-overlay-lighten-10': {},\r\n '@apply dark:focus-within:border-primitives-overlay-darken-6': {},\r\n\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus-within:hover:border-primitives-overlay-lighten-10': {},\r\n '@apply dark:focus-within:hover:border-primitives-overlay-darken-6': {},\r\n },\r\n\r\n // '&:disabled, &[aria-disabled=\"true\"]': {\r\n // '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n // '@apply color-black-disabled': {},\r\n // },\r\n // },\r\n '&&-lg': {\r\n '@apply text-input-large': {},\r\n '@apply rounded-button-lg': {},\r\n },\r\n '&&-md': {\r\n '@apply text-input-medium': {},\r\n '@apply rounded-button-md': {},\r\n },\r\n '&&-sm': {\r\n '@apply text-input-small': {},\r\n '@apply rounded-button-sm': {},\r\n },\r\n ...inputStandards(),\r\n '.sk-form-input': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus:ring-0': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n return {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply block': {},\r\n '@apply p-0': {},\r\n '@apply pl-6 md:pl-8': {},\r\n '@apply m-0': {},\r\n '@apply bg-none': {},\r\n '@apply bg-dark-secondary': {},\r\n '&.sk-form-input-sm': {\r\n '@apply w-[1.6rem] h-[1.6rem]': {},\r\n '@apply -mr-2': {},\r\n },\r\n '&.sk-form-input-md': {\r\n '@apply -mr-4': {},\r\n '@apply w-[1.8rem] h-[1.8rem]': {},\r\n },\r\n '&.sk-form-input-lg': {\r\n '@apply -mr-6': {},\r\n '@apply w-[2rem] h-[2rem]': {},\r\n },\r\n },\r\n\r\n '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply color-black-disabled': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nexport const Input = () => ({\r\n '.sk-form-input': {\r\n '@apply grow-0': {},\r\n '@apply text-dark-primary': {},\r\n\r\n '&[data-hideextra=\"true\"]': {\r\n '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n '-webkit-appearance': 'none',\r\n display: 'none',\r\n margin: '0px',\r\n },\r\n '-moz-appearance': 'textfield',\r\n },\r\n\r\n '&&-lg': {\r\n '@apply rounded-button-lg': {},\r\n '@apply px-20': {},\r\n '@apply py-[1.1rem]': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-large': {},\r\n '@apply h-[4.8rem]': {},\r\n },\r\n '&&-md': {\r\n '@apply rounded-button-md': {},\r\n '@apply px-16': {},\r\n '@apply py-[0.7rem]': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-medium': {},\r\n '@apply h-[4rem]': {},\r\n },\r\n '&&-sm': {\r\n '@apply rounded-button-sm': {},\r\n '@apply px-12': {},\r\n '@apply py-[0.5rem]': {},\r\n '@apply gap-6': {},\r\n '@apply text-input-small': {},\r\n '@apply h-[3.2rem]': {},\r\n },\r\n '&&-textarea': {\r\n '@apply h-auto': {},\r\n },\r\n\r\n //Focus\r\n '@apply focus:ring': {},\r\n '@apply focus:ring-ring': {},\r\n '@apply focus:ring-offset': {},\r\n '@apply focus:border-primitives-overlay-lighten-10': {},\r\n '@apply dark:focus:border-primitives-overlay-darken-6': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply focus-within:ring-offset': {},\r\n '@apply focus-within:border-primitives-overlay-lighten-10': {},\r\n '@apply dark:focus-within:border-primitives-overlay-darken-6': {},\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus:hover:border-primitives-overlay-lighten-10': {},\r\n '@apply dark:focus:hover:border-primitives-overlay-darken-6': {},\r\n },\r\n ...timeAndDatePicker(),\r\n ...inputStandards(),\r\n ...inputGroup(),\r\n ...addin(),\r\n },\r\n});\r\n"],"mappings":";AAAA,SAASA,QAAQA,CAAA,EAAG;EAClB;AACF;AACA,SAASC,KAAKA,CAAA,EAAG;EACf;AACF;AAEA,SAASC,cAAcA,CAAA,EAAG;EACxB,OAAO;IACL,iBAAiB,EAAE,CAAC,CAAC;IACrB,2CAA2C,EAAE,CAAC,CAAC;IAC/C,iDAAiD,EAAE,CAAC,CAAC;IACrD,iDAAiD,EAAE,CAAC,CAAC;IACrD,uDAAuD,EAAE,CAAC,CAAC;IAE3D,0CAA0C,EAAE,CAAC,CAAC;IAE9C,yCAAyC,EAAE,CAAC,CAAC;IAC7C,4CAA4C,EAAE,CAAC,CAAC;IAEhD;IACA,mCAAmC,EAAE;MACnC,8CAA8C,EAAE,CAAC;IACnD,CAAC;IAED;IACA,qCAAqC,EAAE;MACrC,uCAAuC,EAAE,CAAC,CAAC;MAC3C,6CAA6C,EAAE,CAAC,CAAC;MACjD,2CAA2C,EAAE,CAAC,CAAC;MAC/C,iDAAiD,EAAE,CAAC,CAAC;MACrD,iDAAiD,EAAE,CAAC,CAAC;MACrD,uDAAuD,EAAE,CAAC,CAAC;MAC3D,2BAA2B,EAAE,CAAC;IAChC;EACF,CAAC;AACH;AAEA,SAASC,KAAKA,CAAA,EAAG;EACf,OAAO;IACL,SAAS,EAAE;MACT,uBAAuB,EAAE,CAAC,CAAC;MAC3B,aAAa,EAAE,CAAC,CAAC;MACjB,mCAAmC,EAAE,CAAC,CAAC;MACvC,MAAM,EAAE;QACN,mBAAmB,EAAE,CAAC,CAAC;QACvB,4BAA4B,EAAE;UAC5B,eAAe,EAAE,CAAC,CAAC;UACnB,cAAc,EAAE,CAAC;QACnB,CAAC;QACD,6BAA6B,EAAE;UAC7B,eAAe,EAAE,CAAC,CAAC;UACnB,cAAc,EAAE,CAAC;QACnB,CAAC;QACDC,GAAG,EAAE;UACH,8BAA8B,EAAE,CAAC;QACnC;MACF,CAAC;MACD,MAAM,EAAE;QACN,yBAAyB,EAAE,CAAC,CAAC;QAC7B,4BAA4B,EAAE;UAC5B,eAAe,EAAE,CAAC,CAAC;UACnB,cAAc,EAAE,CAAC;QACnB,CAAC;QACD,6BAA6B,EAAE;UAC7B,eAAe,EAAE,CAAC,CAAC;UACnB,cAAc,EAAE,CAAC;QACnB,CAAC;QACDA,GAAG,EAAE;UACH,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MACD,MAAM,EAAE;QACN,yBAAyB,EAAE,CAAC,CAAC;QAC7B,4BAA4B,EAAE;UAC5B,eAAe,EAAE,CAAC,CAAC;UACnB,cAAc,EAAE,CAAC;QACnB,CAAC;QACD,6BAA6B,EAAE;UAC7B,eAAe,EAAE,CAAC,CAAC;UACnB,cAAc,EAAE,CAAC;QACnB,CAAC;QACDA,GAAG,EAAE;UACH,8BAA8B,EAAE,CAAC;QACnC;MACF;IACF;EACF,CAAC;AACH;AAEA,SAASC,UAAUA,CAAA,EAAG;EACpB,OAAO;IACL,SAAS,EAAAC,QAAA;MACP,sBAAsB,EAAE,CAAC,CAAC;MAC1B,qBAAqB,EAAE,CAAC,CAAC;MACzB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,+BAA+B,EAAE,CAAC,CAAC;MACnC,4BAA4B,EAAE,CAAC,CAAC;MAChC;MACA,0DAA0D,EAAE,CAAC,CAAC;MAC9D,6DAA6D,EAAE,CAAC,CAAC;MAEjE,4CAA4C,EAAE;QAC5C,gEAAgE,EAAE,CAAC,CAAC;QACpE,mEAAmE,EAAE,CAAC;MACxE,CAAC;MAED;MACA;MACA;MACA;MACA;MACA,OAAO,EAAE;QACP,yBAAyB,EAAE,CAAC,CAAC;QAC7B,0BAA0B,EAAE,CAAC;MAC/B,CAAC;MACD,OAAO,EAAE;QACP,0BAA0B,EAAE,CAAC,CAAC;QAC9B,0BAA0B,EAAE,CAAC;MAC/B,CAAC;MACD,OAAO,EAAE;QACP,yBAAyB,EAAE,CAAC,CAAC;QAC7B,0BAA0B,EAAE,CAAC;MAC/B;IAAC,GACEJ,cAAc,CAAC,CAAC;MACnB,gBAAgB,EAAE;QAChB,kBAAkB,EAAE,CAAC,CAAC;QACtB,iBAAiB,EAAE,CAAC,CAAC;QACrB,qBAAqB,EAAE,CAAC,CAAC;QACzB,4BAA4B,EAAE,CAAC,CAAC;QAChC,uBAAuB,EAAE,CAAC,CAAC;QAC3B,4BAA4B,EAAE,CAAC,CAAC;QAChC,aAAa,EAAE,CAAC;MAClB;IAAC;EAEL,CAAC;AACH;AAEA,SAASK,iBAAiBA,CAAA,EAAG;EAC3B,OAAO;IACL,oEAAoE,EAAE;MACpE,cAAc,EAAE,CAAC,CAAC;MAClB,YAAY,EAAE,CAAC,CAAC;MAChB,qBAAqB,EAAE,CAAC,CAAC;MACzB,YAAY,EAAE,CAAC,CAAC;MAChB,gBAAgB,EAAE,CAAC,CAAC;MACpB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,oBAAoB,EAAE;QACpB,8BAA8B,EAAE,CAAC,CAAC;QAClC,cAAc,EAAE,CAAC;MACnB,CAAC;MACD,oBAAoB,EAAE;QACpB,cAAc,EAAE,CAAC,CAAC;QAClB,8BAA8B,EAAE,CAAC;MACnC,CAAC;MACD,oBAAoB,EAAE;QACpB,cAAc,EAAE,CAAC,CAAC;QAClB,0BAA0B,EAAE,CAAC;MAC/B;IACF,CAAC;IAED,8FAA8F,EAAE;MAC9FC,IAAI,EAAE,qCAAkCR,QAAQ,CAAC,CAAC,6BAAyB;MAC3E,cAAc,EAAE,qCAAkCA,QAAQ,CAAC,CAAC,6BAAyB;MACrFS,QAAQ,EAAE,SAAS;MACnB,mBAAmB,EAAE;IACvB,CAAC;IACD,kHAAkH,EAChH;MACED,IAAI,EAAE,qCAAkCR,QAAQ,CAAC,CAAC,6BAAyB;MAC3E,cAAc,EAAE,qCAAkCA,QAAQ,CAAC,CAAC,6BAAyB;MACrFS,QAAQ,EAAE,SAAS;MACnB,mBAAmB,EAAE;IACvB,CAAC;IACH,8FAA8F,EAAE;MAC9FD,IAAI,EAAE,qCAAkCP,KAAK,CAAC,CAAC,6BAAyB;MACxE,cAAc,EAAE,qCAAkCA,KAAK,CAAC,CAAC,6BAAyB;MAClFQ,QAAQ,EAAE,SAAS;MACnB,mBAAmB,EAAE;IACvB,CAAC;IAED,qCAAqC,EAAE;MACrC,oEAAoE,EAAE;QACpE,6BAA6B,EAAE,CAAC;MAClC;IACF;EACF,CAAC;AACH;AAEA,OAAO,IAAMC,KAAK,GAAGA,CAAA,MAAO;EAC1B,gBAAgB,EAAAJ,QAAA;IACd,eAAe,EAAE,CAAC,CAAC;IACnB,0BAA0B,EAAE,CAAC,CAAC;IAE9B,0BAA0B,EAAE;MAC1B,4DAA4D,EAAE;QAC5D,oBAAoB,EAAE,MAAM;QAC5BK,OAAO,EAAE,MAAM;QACfC,MAAM,EAAE;MACV,CAAC;MACD,iBAAiB,EAAE;IACrB,CAAC;IAED,OAAO,EAAE;MACP,0BAA0B,EAAE,CAAC,CAAC;MAC9B,cAAc,EAAE,CAAC,CAAC;MAClB,oBAAoB,EAAE,CAAC,CAAC;MACxB,cAAc,EAAE,CAAC,CAAC;MAClB,yBAAyB,EAAE,CAAC,CAAC;MAC7B,mBAAmB,EAAE,CAAC;IACxB,CAAC;IACD,OAAO,EAAE;MACP,0BAA0B,EAAE,CAAC,CAAC;MAC9B,cAAc,EAAE,CAAC,CAAC;MAClB,oBAAoB,EAAE,CAAC,CAAC;MACxB,cAAc,EAAE,CAAC,CAAC;MAClB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,iBAAiB,EAAE,CAAC;IACtB,CAAC;IACD,OAAO,EAAE;MACP,0BAA0B,EAAE,CAAC,CAAC;MAC9B,cAAc,EAAE,CAAC,CAAC;MAClB,oBAAoB,EAAE,CAAC,CAAC;MACxB,cAAc,EAAE,CAAC,CAAC;MAClB,yBAAyB,EAAE,CAAC,CAAC;MAC7B,mBAAmB,EAAE,CAAC;IACxB,CAAC;IACD,aAAa,EAAE;MACb,eAAe,EAAE,CAAC;IACpB,CAAC;IAED;IACA,mBAAmB,EAAE,CAAC,CAAC;IACvB,wBAAwB,EAAE,CAAC,CAAC;IAC5B,0BAA0B,EAAE,CAAC,CAAC;IAC9B,mDAAmD,EAAE,CAAC,CAAC;IACvD,sDAAsD,EAAE,CAAC,CAAC;IAC1D,0BAA0B,EAAE,CAAC,CAAC;IAC9B,+BAA+B,EAAE,CAAC,CAAC;IACnC,iCAAiC,EAAE,CAAC,CAAC;IACrC,0DAA0D,EAAE,CAAC,CAAC;IAC9D,6DAA6D,EAAE,CAAC,CAAC;IACjE,4CAA4C,EAAE;MAC5C,yDAAyD,EAAE,CAAC,CAAC;MAC7D,4DAA4D,EAAE,CAAC;IACjE;EAAC,GACEL,iBAAiB,CAAC,CAAC,EACnBL,cAAc,CAAC,CAAC,EAChBG,UAAU,CAAC,CAAC,EACZF,KAAK,CAAC,CAAC;AAEd,CAAC,CAAC"}
|
|
@@ -1,4 +1,18 @@
|
|
|
1
1
|
export var SearchField = () => ({
|
|
2
|
+
'.sk-search-field-suggestions': {
|
|
3
|
+
'&.sk-form-combobox': {
|
|
4
|
+
'@apply h-auto': {}
|
|
5
|
+
},
|
|
6
|
+
'.sk-form-combobox': {
|
|
7
|
+
'&-list': {
|
|
8
|
+
'&-option': {
|
|
9
|
+
'.sk-icon': {
|
|
10
|
+
'@apply hidden': {}
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
},
|
|
2
16
|
'.sk-search-field': {
|
|
3
17
|
'&-md': {
|
|
4
18
|
'.sk-search-field-icon': {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-field.js","names":["SearchField","svg"],"sources":["../../../src/components/search-field.ts"],"sourcesContent":["export const SearchField = () => ({\r\n '.sk-search-field': {\r\n '&-md': {\r\n '.sk-search-field-icon': {\r\n '@apply w-[2rem] h-[2rem]': {},\r\n svg: {\r\n '@apply w-[2rem] h-[2rem]': {},\r\n },\r\n },\r\n },\r\n '&-lg': {\r\n '.sk-search-field-icon': {\r\n '@apply w-[2.2rem] h-[2.2rem]': {},\r\n svg: {\r\n '@apply w-[2.2rem] h-[2.2rem]': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,WAAW,GAAGA,CAAA,MAAO;EAChC,kBAAkB,EAAE;IAClB,MAAM,EAAE;MACN,uBAAuB,EAAE;QACvB,0BAA0B,EAAE,CAAC,CAAC;QAC9BC,GAAG,EAAE;UACH,0BAA0B,EAAE,CAAC;QAC/B;MACF;IACF,CAAC;IACD,MAAM,EAAE;MACN,uBAAuB,EAAE;QACvB,8BAA8B,EAAE,CAAC,CAAC;QAClCA,GAAG,EAAE;UACH,8BAA8B,EAAE,CAAC;QACnC;MACF;IACF;EACF;AACF,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"search-field.js","names":["SearchField","svg"],"sources":["../../../src/components/search-field.ts"],"sourcesContent":["export const SearchField = () => ({\r\n '.sk-search-field-suggestions': {\r\n '&.sk-form-combobox': {\r\n '@apply h-auto': {},\r\n },\r\n '.sk-form-combobox': {\r\n '&-list': {\r\n '&-option': {\r\n '.sk-icon': {\r\n '@apply hidden': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n '.sk-search-field': {\r\n '&-md': {\r\n '.sk-search-field-icon': {\r\n '@apply w-[2rem] h-[2rem]': {},\r\n svg: {\r\n '@apply w-[2rem] h-[2rem]': {},\r\n },\r\n },\r\n },\r\n '&-lg': {\r\n '.sk-search-field-icon': {\r\n '@apply w-[2.2rem] h-[2.2rem]': {},\r\n svg: {\r\n '@apply w-[2.2rem] h-[2.2rem]': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,WAAW,GAAGA,CAAA,MAAO;EAChC,8BAA8B,EAAE;IAC9B,oBAAoB,EAAE;MACpB,eAAe,EAAE,CAAC;IACpB,CAAC;IACD,mBAAmB,EAAE;MACnB,QAAQ,EAAE;QACR,UAAU,EAAE;UACV,UAAU,EAAE;YACV,eAAe,EAAE,CAAC;UACpB;QACF;MACF;IACF;EACF,CAAC;EACD,kBAAkB,EAAE;IAClB,MAAM,EAAE;MACN,uBAAuB,EAAE;QACvB,0BAA0B,EAAE,CAAC,CAAC;QAC9BC,GAAG,EAAE;UACH,0BAA0B,EAAE,CAAC;QAC/B;MACF;IACF,CAAC;IACD,MAAM,EAAE;MACN,uBAAuB,EAAE;QACvB,8BAA8B,EAAE,CAAC,CAAC;QAClCA,GAAG,EAAE;UACH,8BAA8B,EAAE,CAAC;QACnC;MACF;IACF;EACF;AACF,CAAC,CAAC"}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
export declare const ComboBox: () => {
|
|
2
|
+
'.sk-combobox-base': {
|
|
3
|
+
'@apply w-auto inline-block relative': {};
|
|
4
|
+
};
|
|
2
5
|
'.sk-form-combobox': {
|
|
3
6
|
'@apply focus-within:ring ring-ring ring-offset': {};
|
|
4
7
|
'@apply relative w-auto': {};
|
|
@@ -27,13 +30,13 @@ export declare const ComboBox: () => {
|
|
|
27
30
|
'@apply pr-[6.8rem]': {};
|
|
28
31
|
};
|
|
29
32
|
};
|
|
30
|
-
'
|
|
33
|
+
'&[data-showvalue="true"]': {
|
|
31
34
|
'.sk-form-combobox-select': {
|
|
32
35
|
'@apply caret-transparent': {};
|
|
33
36
|
};
|
|
34
37
|
};
|
|
35
38
|
'&-select': {
|
|
36
|
-
'@apply
|
|
39
|
+
'@apply bg-right-12 bg-no-repeat': {};
|
|
37
40
|
'&.sk-form-select': {
|
|
38
41
|
'@apply focus:outline-none focus:ring-0 focus:ring-transparent': {};
|
|
39
42
|
};
|
|
@@ -201,6 +201,11 @@ export declare const Input: () => {
|
|
|
201
201
|
'@apply focus:ring-offset': {};
|
|
202
202
|
'@apply focus:border-primitives-overlay-lighten-10': {};
|
|
203
203
|
'@apply dark:focus:border-primitives-overlay-darken-6': {};
|
|
204
|
+
'@apply focus-within:ring': {};
|
|
205
|
+
'@apply focus-within:ring-ring': {};
|
|
206
|
+
'@apply focus-within:ring-offset': {};
|
|
207
|
+
'@apply focus-within:border-primitives-overlay-lighten-10': {};
|
|
208
|
+
'@apply dark:focus-within:border-primitives-overlay-darken-6': {};
|
|
204
209
|
'&:not(:invalid):not([aria-invalid="true"])': {
|
|
205
210
|
'@apply focus:hover:border-primitives-overlay-lighten-10': {};
|
|
206
211
|
'@apply dark:focus:hover:border-primitives-overlay-darken-6': {};
|
|
@@ -1,4 +1,18 @@
|
|
|
1
1
|
export declare const SearchField: () => {
|
|
2
|
+
'.sk-search-field-suggestions': {
|
|
3
|
+
'&.sk-form-combobox': {
|
|
4
|
+
'@apply h-auto': {};
|
|
5
|
+
};
|
|
6
|
+
'.sk-form-combobox': {
|
|
7
|
+
'&-list': {
|
|
8
|
+
'&-option': {
|
|
9
|
+
'.sk-icon': {
|
|
10
|
+
'@apply hidden': {};
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
2
16
|
'.sk-search-field': {
|
|
3
17
|
'&-md': {
|
|
4
18
|
'.sk-search-field-icon': {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sk-web-gui/core",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.2.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "dist/cjs/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -45,8 +45,8 @@
|
|
|
45
45
|
"tailwindcss": "^3.4.0"
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
|
-
"@sk-web-gui/theme": "1.0.
|
|
48
|
+
"@sk-web-gui/theme": "1.0.3",
|
|
49
49
|
"mini-svg-data-uri": "^1.4.4"
|
|
50
50
|
},
|
|
51
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "c964aad74732e220d7e8a0245dce059b599ea444"
|
|
52
52
|
}
|