@sk-web-gui/core 3.9.1 → 3.11.0

package/dist/esm/components/input.js

@@ -1,231 +1,293 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 function calendar() {
-  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>";
+    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>";
 }
 function clock() {
-  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>";
+    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>";
 }
 function inputStandards() {
-  return {
-    '@apply border-1': {},
-    '@apply border-primitives-overlay-darken-6': {},
-    '@apply dark:border-primitives-overlay-lighten-6': {},
-    '@apply hover:border-primitives-overlay-darken-8': {},
-    '@apply dark:hover:border-primitives-overlay-lighten-4': {},
-    '@apply placeholder:text-dark-placeholder': {},
-    '@apply bg-primitives-overlay-lighten-10': {},
-    '@apply dark:bg-primitives-overlay-darken-6': {},
-    //Invalid
-    '&:invalid, &[aria-invalid="true"]': {
-      '@apply border-2 border-error-surface-primary': {}
-    },
-    //Disabled
-    '&:disabled, &[aria-disabled="true"]': {
-      '@apply bg-primitives-overlay-darken-1': {},
-      '@apply dark:bg-primitives-overlay-lighten-1': {},
-      '@apply border-primitives-overlay-darken-3': {},
-      '@apply dark:border-primitives-overlay-lighten-3': {},
-      '@apply hover:border-primitives-overlay-darken-3': {},
-      '@apply dark:hover:border-primitives-overlay-lighten-3': {},
-      '@apply text-dark-disabled': {}
-    }
-  };
-}
-function addin() {
-  return {
-    '&-addin': {
-      '@apply bg-transparent': {},
-      '@apply flex': {},
-      '@apply justify-start items-center': {},
-      '&-sm': {
-        '@apply px-6 gap-6': {},
-        '&.sk-form-input-addin-left': {
-          '@apply -mr-12': {},
-          '@apply pl-10': {}
-        },
-        '&.sk-form-input-addin-right': {
-          '@apply -ml-12': {},
-          '@apply pr-10': {}
+    return {
+        '@apply border-1': {},
+        '@apply border-input-field-outline': {},
+        '@apply hover:border-input-field-outline-hover': {},
+        '@apply placeholder:text-dark-placeholder': {},
+        '@apply bg-input-field-surface': {},
+        //Invalid
+        '&:invalid, &[aria-invalid="true"]': {
+            '@apply border-2 border-error-surface-primary': {}
         },
-        svg: {
-          '@apply w-16 h-16': {}
-        }
-      },
-      '&-md': {
-        '@apply md:px-8 md:gap-8': {},
-        '&.sk-form-input-addin-left': {
-          '@apply -mr-16': {},
-          '@apply pl-12': {}
-        },
-        '&.sk-form-input-addin-right': {
-          '@apply -ml-16': {},
-          '@apply pr-12': {}
+        //Disabled
+        '&:disabled, &[aria-disabled="true"]': {
+            '@apply bg-input-field-surface-disabled': {},
+            '@apply border-input-field-outline-disabled': {},
+            '@apply hover:border-input-field-outline-disabled': {},
+            '@apply text-dark-disabled': {}
         },
-        svg: {
-          '@apply w-20 h-20': {}
+        //readOnly
+        '&:read-only': {
+            '@apply bg-input-field-surface': {},
+            '@apply border-input-field-outline-disabled': {},
+            '@apply text-dark-secondary': {},
+            '@apply placeholder:text-dark-secondary': {}
         }
-      },
-      '&-lg': {
-        '@apply md:px-8 md:gap-8': {},
-        '&.sk-form-input-addin-left': {
-          '@apply -mr-20': {},
-          '@apply pl-16': {}
-        },
-        '&.sk-form-input-addin-right': {
-          '@apply -ml-20': {},
-          '@apply pr-16': {}
-        },
-        svg: {
-          '@apply w-22 h-22': {}
+    };
+}
+function addin() {
+    return {
+        '&-addin': {
+            '@apply bg-transparent': {},
+            '@apply flex': {},
+            '@apply justify-start items-center': {},
+            '&-sm': {
+                '@apply px-6 gap-6': {},
+                '&.sk-form-input-addin-left': {
+                    '@apply -mr-12': {},
+                    '@apply pl-10': {}
+                },
+                '&.sk-form-input-addin-right': {
+                    '@apply -ml-12': {},
+                    '@apply pr-10': {}
+                },
+                svg: {
+                    '@apply w-16 h-16': {}
+                }
+            },
+            '&-md': {
+                '@apply md:px-8 md:gap-8': {},
+                '&.sk-form-input-addin-left': {
+                    '@apply -mr-16': {},
+                    '@apply pl-12': {}
+                },
+                '&.sk-form-input-addin-right': {
+                    '@apply -ml-16': {},
+                    '@apply pr-12': {}
+                },
+                svg: {
+                    '@apply w-20 h-20': {}
+                }
+            },
+            '&-lg': {
+                '@apply md:px-8 md:gap-8': {},
+                '&.sk-form-input-addin-left': {
+                    '@apply -mr-20': {},
+                    '@apply pl-16': {}
+                },
+                '&.sk-form-input-addin-right': {
+                    '@apply -ml-20': {},
+                    '@apply pr-16': {}
+                },
+                svg: {
+                    '@apply w-22 h-22': {}
+                }
+            }
         }
-      }
-    }
-  };
+    };
 }
 function inputGroup() {
-  return {
-    '&-group': _extends({
-      '@apply flex relative': {},
-      '@apply items-center': {},
-      '@apply focus-within:ring': {},
-      '@apply focus-within:ring-ring': {},
-      '@apply text-dark-secondary': {},
-      //Focus
-      '@apply focus-within:border-primitives-overlay-lighten-10': {},
-      '@apply dark:focus-within:border-primitives-overlay-darken-6': {},
-      '&:not(:invalid):not([aria-invalid="true"])': {
-        '@apply focus-within:hover:border-primitives-overlay-lighten-10': {},
-        '@apply dark:focus-within:hover:border-primitives-overlay-darken-6': {}
-      },
-      '&&-lg': {
-        '@apply text-input-large': {},
-        '@apply rounded-button-lg': {}
-      },
-      '&&-md': {
-        '@apply text-input-medium': {},
-        '@apply rounded-button-md': {}
-      },
-      '&&-sm': {
-        '@apply text-input-small': {},
-        '@apply rounded-button-sm': {}
-      }
-    }, inputStandards(), {
-      '.sk-form-input': {
-        '@apply rounded-0': {},
-        '@apply border-0': {},
-        '@apply focus:ring-0': {},
-        '@apply focus:ring-offset-0': {},
-        '@apply bg-transparent': {},
-        '@apply dark:bg-transparent': {},
-        '@apply grow': {}
-      }
-    })
-  };
+    return {
+        '&-group': _object_spread_props(_object_spread({
+            '@apply flex relative': {},
+            '@apply items-center': {},
+            '@apply focus-within:ring': {},
+            '@apply focus-within:ring-ring': {},
+            '@apply text-dark-secondary': {},
+            //Focus
+            '@apply focus-within:border-input-field-surface': {},
+            '&:not(:invalid):not([aria-invalid="true"])': {
+                '@apply focus-within:border-input-field-surface': {}
+            },
+            '&&-lg': {
+                '@apply text-input-large': {},
+                '@apply rounded-button-lg': {}
+            },
+            '&&-md': {
+                '@apply text-input-medium': {},
+                '@apply rounded-button-md': {}
+            },
+            '&&-sm': {
+                '@apply text-input-small': {},
+                '@apply rounded-button-sm': {}
+            }
+        }, inputStandards()), {
+            '.sk-form-input': {
+                '@apply rounded-0': {},
+                '@apply border-0': {},
+                '@apply focus:ring-0': {},
+                '@apply focus:ring-offset-0': {},
+                '@apply bg-transparent': {},
+                '@apply dark:bg-transparent': {},
+                '@apply grow': {}
+            }
+        })
+    };
 }
 function timeAndDatePicker() {
-  return {
-    '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {
-      '@apply block': {},
-      '@apply p-0': {},
-      '@apply pl-6 md:pl-8': {},
-      '@apply m-0': {},
-      '@apply bg-none': {},
-      '@apply bg-dark-secondary': {},
-      '&.sk-form-input-sm': {
-        '@apply w-16 h-16': {},
-        '@apply -mr-2': {}
-      },
-      '&.sk-form-input-md': {
-        '@apply -mr-4': {},
-        '@apply w-18 h-18': {}
-      },
-      '&.sk-form-input-lg': {
-        '@apply -mr-6': {},
-        '@apply w-20 h-20': {}
-      }
-    },
-    '&[type="date"]::-webkit-inner-spin-button, &[type="date"]::-webkit-calendar-picker-indicator': {
-      mask: ["url(\"data:image/svg+xml;utf-8," + calendar() + "\") no-repeat 100% 100%"],
-      '-webkit-mask': ["url(\"data:image/svg+xml;utf-8," + calendar() + "\") no-repeat 100% 100%"],
-      maskSize: 'contain',
-      '-webkit-mask-size': 'contain'
-    },
-    '&[type="datetime-local"]::-webkit-inner-spin-button, &[type="datetime-local"]::-webkit-calendar-picker-indicator': {
-      mask: ["url(\"data:image/svg+xml;utf-8," + calendar() + "\") no-repeat 100% 100%"],
-      '-webkit-mask': ["url(\"data:image/svg+xml;utf-8," + calendar() + "\") no-repeat 100% 100%"],
-      maskSize: 'contain',
-      '-webkit-mask-size': 'contain'
-    },
-    '&[type="time"]::-webkit-inner-spin-button, &[type="time"]::-webkit-calendar-picker-indicator': {
-      mask: ["url(\"data:image/svg+xml;utf-8," + clock() + "\") no-repeat 100% 100%"],
-      '-webkit-mask': ["url(\"data:image/svg+xml;utf-8," + clock() + "\") no-repeat 100% 100%"],
-      maskSize: 'contain',
-      '-webkit-mask-size': 'contain'
-    },
-    '&:disabled, &[aria-disabled="true"]': {
-      '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {
-        '@apply color-black-disabled': {}
-      }
-    }
-  };
+    return {
+        '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {
+            '@apply block': {},
+            '@apply p-0': {},
+            '@apply pl-6 md:pl-8': {},
+            '@apply m-0': {},
+            '@apply bg-none': {},
+            '@apply bg-dark-secondary': {},
+            '&.sk-form-input-sm': {
+                '@apply w-16 h-16': {},
+                '@apply -mr-2': {}
+            },
+            '&.sk-form-input-md': {
+                '@apply -mr-4': {},
+                '@apply w-18 h-18': {}
+            },
+            '&.sk-form-input-lg': {
+                '@apply -mr-6': {},
+                '@apply w-20 h-20': {}
+            }
+        },
+        '&[type="date"]::-webkit-inner-spin-button, &[type="date"]::-webkit-calendar-picker-indicator': {
+            mask: [
+                'url("data:image/svg+xml;utf-8,'.concat(calendar(), '") no-repeat 100% 100%')
+            ],
+            '-webkit-mask': [
+                'url("data:image/svg+xml;utf-8,'.concat(calendar(), '") no-repeat 100% 100%')
+            ],
+            maskSize: 'contain',
+            '-webkit-mask-size': 'contain'
+        },
+        '&[type="datetime-local"]::-webkit-inner-spin-button, &[type="datetime-local"]::-webkit-calendar-picker-indicator': {
+            mask: [
+                'url("data:image/svg+xml;utf-8,'.concat(calendar(), '") no-repeat 100% 100%')
+            ],
+            '-webkit-mask': [
+                'url("data:image/svg+xml;utf-8,'.concat(calendar(), '") no-repeat 100% 100%')
+            ],
+            maskSize: 'contain',
+            '-webkit-mask-size': 'contain'
+        },
+        '&[type="time"]::-webkit-inner-spin-button, &[type="time"]::-webkit-calendar-picker-indicator': {
+            mask: [
+                'url("data:image/svg+xml;utf-8,'.concat(clock(), '") no-repeat 100% 100%')
+            ],
+            '-webkit-mask': [
+                'url("data:image/svg+xml;utf-8,'.concat(clock(), '") no-repeat 100% 100%')
+            ],
+            maskSize: 'contain',
+            '-webkit-mask-size': 'contain'
+        },
+        '&:disabled, &[aria-disabled="true"]': {
+            '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {
+                '@apply color-black-disabled': {}
+            }
+        }
+    };
 }
-export var Input = () => ({
-  '.sk-form-input': _extends({
-    '@apply grow-0': {},
-    '@apply text-dark-primary': {},
-    '&[data-hideextra="true"]': {
-      '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {
-        '-webkit-appearance': 'none',
-        display: 'none',
-        margin: '0px'
-      },
-      '-moz-appearance': 'textfield'
-    },
-    '&&-lg': {
-      '@apply rounded-button-lg': {},
-      '@apply px-20': {},
-      '@apply py-11': {},
-      '@apply gap-8': {},
-      '@apply text-input-large': {},
-      '@apply h-48': {}
-    },
-    '&&-md': {
-      '@apply rounded-button-md': {},
-      '@apply px-16': {},
-      '@apply py-7': {},
-      '@apply gap-8': {},
-      '@apply text-input-medium': {},
-      '@apply h-40': {}
-    },
-    '&&-sm': {
-      '@apply rounded-button-sm': {},
-      '@apply px-12': {},
-      '@apply py-5': {},
-      '@apply gap-6': {},
-      '@apply text-input-small': {},
-      '@apply h-32': {}
-    },
-    '&&-textarea': {
-      '@apply h-auto': {},
-      '&-warning': {
-        '@apply sr-only': {}
-      }
-    },
-    //Focus
-    '@apply focus:ring': {},
-    '@apply focus:ring-ring': {},
-    '@apply focus:ring-offset': {},
-    '@apply focus:border-primitives-overlay-lighten-10': {},
-    '@apply dark:focus:border-primitives-overlay-darken-6': {},
-    '@apply focus-within:ring': {},
-    '@apply focus-within:ring-ring': {},
-    '@apply focus-within:ring-offset': {},
-    '@apply focus-within:border-primitives-overlay-lighten-10': {},
-    '@apply dark:focus-within:border-primitives-overlay-darken-6': {},
-    '&:not(:invalid):not([aria-invalid="true"])': {
-      '@apply focus:hover:border-primitives-overlay-lighten-10': {},
-      '@apply dark:focus:hover:border-primitives-overlay-darken-6': {}
-    }
-  }, timeAndDatePicker(), inputStandards(), inputGroup(), addin())
-});
+export var Input = function() {
+    return {
+        '.sk-form-input': _object_spread({
+            '@apply grow-0': {},
+            '@apply text-dark-primary': {},
+            '&[data-hideextra="true"]': {
+                '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {
+                    '-webkit-appearance': 'none',
+                    display: 'none',
+                    margin: '0px'
+                },
+                '-moz-appearance': 'textfield'
+            },
+            '&&-lg': {
+                '@apply rounded-button-lg': {},
+                '@apply px-20': {},
+                '@apply py-11': {},
+                '@apply gap-8': {},
+                '@apply text-input-large': {},
+                '@apply h-48': {}
+            },
+            '&&-md': {
+                '@apply rounded-button-md': {},
+                '@apply px-16': {},
+                '@apply py-7': {},
+                '@apply gap-8': {},
+                '@apply text-input-medium': {},
+                '@apply h-40': {}
+            },
+            '&&-sm': {
+                '@apply rounded-button-sm': {},
+                '@apply px-12': {},
+                '@apply py-5': {},
+                '@apply gap-6': {},
+                '@apply text-input-small': {},
+                '@apply h-32': {}
+            },
+            '&&-textarea': {
+                '@apply h-auto': {},
+                '&-warning': {
+                    '@apply sr-only': {}
+                }
+            },
+            //Focus
+            '@apply focus:ring': {},
+            '@apply focus:ring-ring': {},
+            '@apply focus:ring-offset': {},
+            '@apply focus:border-input-field-surface': {},
+            '@apply focus-within:ring': {},
+            '@apply focus-within:ring-ring': {},
+            '@apply focus-within:ring-offset': {},
+            '@apply focus-within:border-input-field-surface': {},
+            '&:not(:invalid):not([aria-invalid="true"])': {
+                '@apply focus:hover:border-input-field-surface': {}
+            }
+        }, timeAndDatePicker(), inputStandards(), inputGroup(), addin())
+    };
+};
+
 //# sourceMappingURL=input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":["calendar","clock","inputStandards","addin","svg","inputGroup","_extends","timeAndDatePicker","mask","maskSize","Input","display","margin"],"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\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-16 h-16': {},\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-20 h-20': {},\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-22 h-22': {},\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      '&&-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-16 h-16': {},\r\n        '@apply -mr-2': {},\r\n      },\r\n      '&.sk-form-input-md': {\r\n        '@apply -mr-4': {},\r\n        '@apply w-18 h-18': {},\r\n      },\r\n      '&.sk-form-input-lg': {\r\n        '@apply -mr-6': {},\r\n        '@apply w-20 h-20': {},\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-11': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-large': {},\r\n      '@apply h-48': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply rounded-button-md': {},\r\n      '@apply px-16': {},\r\n      '@apply py-7': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-medium': {},\r\n      '@apply h-40': {},\r\n    },\r\n    '&&-sm': {\r\n      '@apply rounded-button-sm': {},\r\n      '@apply px-12': {},\r\n      '@apply py-5': {},\r\n      '@apply gap-6': {},\r\n      '@apply text-input-small': {},\r\n      '@apply h-32': {},\r\n    },\r\n    '&&-textarea': {\r\n      '@apply h-auto': {},\r\n      '&-warning': {\r\n        '@apply sr-only': {},\r\n      },\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,kBAAkB,EAAE,CAAC;QACvB;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,kBAAkB,EAAE,CAAC;QACvB;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,kBAAkB,EAAE,CAAC;QACvB;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,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,kBAAkB,EAAE,CAAC,CAAC;QACtB,cAAc,EAAE,CAAC;MACnB,CAAC;MACD,oBAAoB,EAAE;QACpB,cAAc,EAAE,CAAC,CAAC;QAClB,kBAAkB,EAAE,CAAC;MACvB,CAAC;MACD,oBAAoB,EAAE;QACpB,cAAc,EAAE,CAAC,CAAC;QAClB,kBAAkB,EAAE,CAAC;MACvB;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,cAAc,EAAE,CAAC,CAAC;MAClB,cAAc,EAAE,CAAC,CAAC;MAClB,yBAAyB,EAAE,CAAC,CAAC;MAC7B,aAAa,EAAE,CAAC;IAClB,CAAC;IACD,OAAO,EAAE;MACP,0BAA0B,EAAE,CAAC,CAAC;MAC9B,cAAc,EAAE,CAAC,CAAC;MAClB,aAAa,EAAE,CAAC,CAAC;MACjB,cAAc,EAAE,CAAC,CAAC;MAClB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,aAAa,EAAE,CAAC;IAClB,CAAC;IACD,OAAO,EAAE;MACP,0BAA0B,EAAE,CAAC,CAAC;MAC9B,cAAc,EAAE,CAAC,CAAC;MAClB,aAAa,EAAE,CAAC,CAAC;MACjB,cAAc,EAAE,CAAC,CAAC;MAClB,yBAAyB,EAAE,CAAC,CAAC;MAC7B,aAAa,EAAE,CAAC;IAClB,CAAC;IACD,aAAa,EAAE;MACb,eAAe,EAAE,CAAC,CAAC;MACnB,WAAW,EAAE;QACX,gBAAgB,EAAE,CAAC;MACrB;IACF,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","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\n}\nfunction clock() {\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\n}\n\nfunction inputStandards() {\n  return {\n    '@apply border-1': {},\n    '@apply border-input-field-outline': {},\n    '@apply hover:border-input-field-outline-hover': {},\n\n    '@apply placeholder:text-dark-placeholder': {},\n\n    '@apply bg-input-field-surface': {},\n\n    //Invalid\n    '&:invalid, &[aria-invalid=\"true\"]': {\n      '@apply border-2 border-error-surface-primary': {},\n    },\n\n    //Disabled\n    '&:disabled, &[aria-disabled=\"true\"]': {\n      '@apply bg-input-field-surface-disabled': {},\n      '@apply border-input-field-outline-disabled': {},\n      '@apply hover:border-input-field-outline-disabled': {},\n      '@apply text-dark-disabled': {},\n    },\n\n    //readOnly\n    '&:read-only': {\n      '@apply bg-input-field-surface': {},\n      '@apply border-input-field-outline-disabled': {},\n      '@apply text-dark-secondary': {},\n      '@apply placeholder:text-dark-secondary': {},\n    },\n  };\n}\n\nfunction addin() {\n  return {\n    '&-addin': {\n      '@apply bg-transparent': {},\n      '@apply flex': {},\n      '@apply justify-start items-center': {},\n      '&-sm': {\n        '@apply px-6 gap-6': {},\n        '&.sk-form-input-addin-left': {\n          '@apply -mr-12': {},\n          '@apply pl-10': {},\n        },\n        '&.sk-form-input-addin-right': {\n          '@apply -ml-12': {},\n          '@apply pr-10': {},\n        },\n        svg: {\n          '@apply w-16 h-16': {},\n        },\n      },\n      '&-md': {\n        '@apply md:px-8 md:gap-8': {},\n        '&.sk-form-input-addin-left': {\n          '@apply -mr-16': {},\n          '@apply pl-12': {},\n        },\n        '&.sk-form-input-addin-right': {\n          '@apply -ml-16': {},\n          '@apply pr-12': {},\n        },\n        svg: {\n          '@apply w-20 h-20': {},\n        },\n      },\n      '&-lg': {\n        '@apply md:px-8 md:gap-8': {},\n        '&.sk-form-input-addin-left': {\n          '@apply -mr-20': {},\n          '@apply pl-16': {},\n        },\n        '&.sk-form-input-addin-right': {\n          '@apply -ml-20': {},\n          '@apply pr-16': {},\n        },\n        svg: {\n          '@apply w-22 h-22': {},\n        },\n      },\n    },\n  };\n}\n\nfunction inputGroup() {\n  return {\n    '&-group': {\n      '@apply flex relative': {},\n      '@apply items-center': {},\n      '@apply focus-within:ring': {},\n      '@apply focus-within:ring-ring': {},\n      '@apply text-dark-secondary': {},\n      //Focus\n      '@apply focus-within:border-input-field-surface': {},\n\n      '&:not(:invalid):not([aria-invalid=\"true\"])': {\n        '@apply focus-within:border-input-field-surface': {},\n      },\n\n      '&&-lg': {\n        '@apply text-input-large': {},\n        '@apply rounded-button-lg': {},\n      },\n      '&&-md': {\n        '@apply text-input-medium': {},\n        '@apply rounded-button-md': {},\n      },\n      '&&-sm': {\n        '@apply text-input-small': {},\n        '@apply rounded-button-sm': {},\n      },\n      ...inputStandards(),\n      '.sk-form-input': {\n        '@apply rounded-0': {},\n        '@apply border-0': {},\n        '@apply focus:ring-0': {},\n        '@apply focus:ring-offset-0': {},\n        '@apply bg-transparent': {},\n        '@apply dark:bg-transparent': {},\n        '@apply grow': {},\n      },\n    },\n  };\n}\n\nfunction timeAndDatePicker() {\n  return {\n    '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\n      '@apply block': {},\n      '@apply p-0': {},\n      '@apply pl-6 md:pl-8': {},\n      '@apply m-0': {},\n      '@apply bg-none': {},\n      '@apply bg-dark-secondary': {},\n      '&.sk-form-input-sm': {\n        '@apply w-16 h-16': {},\n        '@apply -mr-2': {},\n      },\n      '&.sk-form-input-md': {\n        '@apply -mr-4': {},\n        '@apply w-18 h-18': {},\n      },\n      '&.sk-form-input-lg': {\n        '@apply -mr-6': {},\n        '@apply w-20 h-20': {},\n      },\n    },\n\n    '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\n      mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\n      maskSize: 'contain',\n      '-webkit-mask-size': 'contain',\n    },\n    '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\n      {\n        mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\n        '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\n        maskSize: 'contain',\n        '-webkit-mask-size': 'contain',\n      },\n    '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\n      mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\n      maskSize: 'contain',\n      '-webkit-mask-size': 'contain',\n    },\n\n    '&:disabled, &[aria-disabled=\"true\"]': {\n      '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\n        '@apply color-black-disabled': {},\n      },\n    },\n  };\n}\n\nexport const Input = () => ({\n  '.sk-form-input': {\n    '@apply grow-0': {},\n    '@apply text-dark-primary': {},\n\n    '&[data-hideextra=\"true\"]': {\n      '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\n        '-webkit-appearance': 'none',\n        display: 'none',\n        margin: '0px',\n      },\n      '-moz-appearance': 'textfield',\n    },\n\n    '&&-lg': {\n      '@apply rounded-button-lg': {},\n      '@apply px-20': {},\n      '@apply py-11': {},\n      '@apply gap-8': {},\n      '@apply text-input-large': {},\n      '@apply h-48': {},\n    },\n    '&&-md': {\n      '@apply rounded-button-md': {},\n      '@apply px-16': {},\n      '@apply py-7': {},\n      '@apply gap-8': {},\n      '@apply text-input-medium': {},\n      '@apply h-40': {},\n    },\n    '&&-sm': {\n      '@apply rounded-button-sm': {},\n      '@apply px-12': {},\n      '@apply py-5': {},\n      '@apply gap-6': {},\n      '@apply text-input-small': {},\n      '@apply h-32': {},\n    },\n    '&&-textarea': {\n      '@apply h-auto': {},\n      '&-warning': {\n        '@apply sr-only': {},\n      },\n    },\n\n    //Focus\n    '@apply focus:ring': {},\n    '@apply focus:ring-ring': {},\n    '@apply focus:ring-offset': {},\n    '@apply focus:border-input-field-surface': {},\n    '@apply focus-within:ring': {},\n    '@apply focus-within:ring-ring': {},\n    '@apply focus-within:ring-offset': {},\n    '@apply focus-within:border-input-field-surface': {},\n    '&:not(:invalid):not([aria-invalid=\"true\"])': {\n      '@apply focus:hover:border-input-field-surface': {},\n    },\n    ...timeAndDatePicker(),\n    ...inputStandards(),\n    ...inputGroup(),\n    ...addin(),\n  },\n});\n"],"names":["calendar","clock","inputStandards","addin","svg","inputGroup","timeAndDatePicker","mask","maskSize","Input","display","margin"],"mappings":"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"}

package/dist/esm/components/kbd.js

@@ -1,10 +1,11 @@
-export var Kbd = () => ({
-  '.kbd': {
-    '@apply inline-flex justify-center items-center capitalize text-xs p-1 rounded h-5 whitespace-nowrap font-sans': {},
-    minWidth: '1.25rem',
-    '@apply bg-blackAlpha-100 text-body': {}
-    // dark
-    // '@apply dark:bg-white/30 dark:text-neutral-300': {},
-  }
-});
+export var Kbd = function() {
+    return {
+        '.kbd': {
+            '@apply inline-flex justify-center items-center capitalize text-xs p-1 rounded h-5 whitespace-nowrap font-sans': {},
+            minWidth: '1.25rem',
+            '@apply bg-blackAlpha-100 text-body': {}
+        }
+    };
+};
+
 //# sourceMappingURL=kbd.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kbd.js","names":["Kbd","minWidth"],"sources":["../../../src/components/kbd.ts"],"sourcesContent":["export const Kbd = () => ({\r\n  '.kbd': {\r\n    '@apply inline-flex justify-center items-center capitalize text-xs p-1 rounded h-5 whitespace-nowrap font-sans': {},\r\n    minWidth: '1.25rem',\r\n    '@apply bg-blackAlpha-100 text-body': {},\r\n    // dark\r\n    // '@apply dark:bg-white/30 dark:text-neutral-300': {},\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,GAAG,GAAGA,CAAA,MAAO;EACxB,MAAM,EAAE;IACN,+GAA+G,EAAE,CAAC,CAAC;IACnHC,QAAQ,EAAE,SAAS;IACnB,oCAAoC,EAAE,CAAC;IACvC;IACA;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/kbd.ts"],"sourcesContent":["export const Kbd = () => ({\r\n  '.kbd': {\r\n    '@apply inline-flex justify-center items-center capitalize text-xs p-1 rounded h-5 whitespace-nowrap font-sans': {},\r\n    minWidth: '1.25rem',\r\n    '@apply bg-blackAlpha-100 text-body': {},\r\n    // dark\r\n    // '@apply dark:bg-white/30 dark:text-neutral-300': {},\r\n  },\r\n});\r\n"],"names":["Kbd","minWidth"],"mappings":"AAAA,OAAO,IAAMA,MAAM;WAAO;QACxB,QAAQ;YACN,iHAAiH,CAAC;YAClHC,UAAU;YACV,sCAAsC,CAAC;QAGzC;IACF;EAAG"}