@sk-web-gui/core 3.14.0 → 3.16.0

package/dist/types/components/input.d.ts

@@ -1,5 +1,101 @@
 export declare const Input: () => {
     '.sk-form-input': {
+        '&-addon': {
+            '.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': {};
+            };
+            '.sk-form-select': {
+                '@apply rounded-0': {};
+                '@apply border-0 hover:border-0': {};
+                '@apply focus:ring-0 focus:z-10': {};
+                '@apply focus:ring-offset-0': {};
+                '@apply bg-transparent hover:bg-transparent': {};
+                '@apply dark:bg-transparent hover:dark:bg-transparent': {};
+                '@apply grow': {};
+            };
+            '&&-left .sk-form-select': {
+                '@apply border-r-1 border-r-divider': {};
+                '@apply focus:border-r-transparent': {};
+            };
+            '&&-right .sk-form-select': {
+                '@apply border-l-1 border-l-divider': {};
+                '@apply focus:border-l-transparent': {};
+            };
+            '.sk-form-combobox': {
+                '@apply rounded-0': {};
+                '@apply border-0': {};
+                '@apply focus-within:ring-0': {};
+                '@apply focus-within:ring-offset-0': {};
+                '@apply bg-transparent': {};
+                '@apply dark:bg-transparent': {};
+            };
+            '&&-left .sk-form-combobox': {
+                '@apply border-r-1 border-r-divider': {};
+                '@apply focus:border-r-transparent': {};
+            };
+            '&&-right .sk-form-combobox': {
+                '@apply border-l-1 border-l-divider': {};
+                '@apply focus:border-l-transparent': {};
+            };
+            '@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, &[aria-invalid="true"]': {
+                '@apply border-2 border-error-surface-primary': {};
+            };
+            '&: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': {};
+            };
+            '&:read-only': {
+                '@apply bg-input-field-surface': {};
+                '@apply border-input-field-outline-disabled': {};
+                '@apply text-dark-secondary': {};
+                '@apply placeholder:text-dark-secondary': {};
+            };
+            '@apply flex relative': {};
+            '@apply items-center': {};
+            '@apply focus-within:ring': {};
+            '@apply focus-within:ring-ring': {};
+            '@apply text-dark-secondary': {};
+            '@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': {};
+                '@apply h-48': {};
+            };
+            '&&-md': {
+                '@apply text-input-medium': {};
+                '@apply rounded-button-md': {};
+                '@apply h-40': {};
+            };
+            '&&-sm': {
+                '@apply text-input-small': {};
+                '@apply rounded-button-sm': {};
+                '@apply h-32': {};
+            };
+            '&&-left': {
+                '@apply rounded-r-0': {};
+                '@apply border-r-0': {};
+            };
+            '&&-right': {
+                '@apply rounded-l-0': {};
+                '@apply border-l-0': {};
+            };
+        };
         '&-addin': {
             '@apply bg-transparent': {};
             '@apply flex': {};
@@ -77,6 +173,9 @@ export declare const Input: () => {
                 '@apply text-dark-secondary': {};
                 '@apply placeholder:text-dark-secondary': {};
             };
+            '&-wrapper': {
+                '@apply flex gap-0': {};
+            };
             '@apply flex relative': {};
             '@apply items-center': {};
             '@apply focus-within:ring': {};
@@ -89,14 +188,27 @@ export declare const Input: () => {
             '&&-lg': {
                 '@apply text-input-large': {};
                 '@apply rounded-button-lg': {};
+                '@apply h-48': {};
             };
             '&&-md': {
                 '@apply text-input-medium': {};
                 '@apply rounded-button-md': {};
+                '@apply h-40': {};
             };
             '&&-sm': {
                 '@apply text-input-small': {};
                 '@apply rounded-button-sm': {};
+                '@apply h-32': {};
+            };
+            '&[data-hasleftaddon="true"]': {
+                '@apply pl-0': {};
+                '@apply rounded-l-0': {};
+                '@apply border-l-0': {};
+            };
+            '&[data-hasrightaddon="true"]': {
+                '@apply pr-0': {};
+                '@apply rounded-r-0': {};
+                '@apply border-r-0': {};
             };
         };
         '@apply border-1': {};

package/dist/types/components/logo.d.ts

@@ -18,7 +18,7 @@ export declare const Logo: () => {
             '@apply h-60': {};
             '@apply pb-4': {};
             '.sk-logo-figure': {
-                '@apply w-auto h-56': {};
+                '@apply w-34 h-56': {};
             };
         };
         'a:focus-within &': {

package/dist/types/fonts.d.ts

@@ -5,4 +5,10 @@ export declare const fonts: {
     sans: string;
     serif: string;
     mono: string;
+    flag: string;
+    'flag-header': string;
+    'flag-display': string;
+    'flag-sans': string;
+    'flag-serif': string;
+    'flag-mono': string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sk-web-gui/core",
-  "version": "3.14.0",
+  "version": "3.16.0",
   "license": "MIT",
   "type": "module",
   "main": "./dist/cjs/index.js",
@@ -29,17 +29,17 @@
     "build:types": "tsc -p ./tsconfig.production.json --emitDeclarationOnly --declaration --declarationDir dist/types"
   },
   "devDependencies": {
-    "autoprefixer": "^10.4.20",
+    "autoprefixer": "^10.4.21",
     "clean-css": "^5.3.3",
-    "postcss": "^8.5.1",
-    "postcss-import": "^16.1.0"
+    "postcss": "^8.5.6",
+    "postcss-import": "^16.1.1"
   },
   "dependencies": {
-    "@sk-web-gui/theme": "2.5.1",
+    "@sk-web-gui/theme": "2.6.0",
     "@tailwindcss/container-queries": "^0.1.1",
     "@tailwindcss/forms": "^0.5.10",
     "mini-svg-data-uri": "^1.4.4",
     "tailwindcss": "^3.4.17"
   },
-  "gitHead": "2bf411166419e3932d8ab344931f6ac36694c301"
+  "gitHead": "07921087d198ec037edb1fc5d7dc12ad40b9eb7b"
 }