@sk-web-gui/core 4.1.2 → 4.3.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/ai/chat-input.js +91 -0
- package/dist/cjs/components/ai/chat-input.js.map +1 -0
- package/dist/cjs/components/alert.js +83 -0
- package/dist/cjs/components/alert.js.map +1 -0
- package/dist/cjs/components/input.js +41 -1
- package/dist/cjs/components/input.js.map +1 -1
- package/dist/cjs/components/segmented-control.js +57 -0
- package/dist/cjs/components/segmented-control.js.map +1 -0
- package/dist/cjs/components.js +20 -1
- package/dist/cjs/components.js.map +1 -1
- package/dist/esm/components/ai/chat-input.js +81 -0
- package/dist/esm/components/ai/chat-input.js.map +1 -0
- package/dist/esm/components/alert.js +73 -0
- package/dist/esm/components/alert.js.map +1 -0
- package/dist/esm/components/input.js +41 -1
- package/dist/esm/components/input.js.map +1 -1
- package/dist/esm/components/segmented-control.js +47 -0
- package/dist/esm/components/segmented-control.js.map +1 -0
- package/dist/esm/components.js +20 -1
- package/dist/esm/components.js.map +1 -1
- package/dist/types/components/ai/chat-input.d.ts +79 -0
- package/dist/types/components/alert.d.ts +71 -0
- package/dist/types/components/input.d.ts +106 -0
- package/dist/types/components/segmented-control.d.ts +43 -0
- package/package.json +2 -2
|
@@ -1,5 +1,111 @@
|
|
|
1
1
|
export declare const Input: () => {
|
|
2
2
|
'.sk-form-input': {
|
|
3
|
+
'&-textarea': {
|
|
4
|
+
'&-group-inner': {
|
|
5
|
+
'@apply h-auto': {};
|
|
6
|
+
'@apply flex-wrap': {};
|
|
7
|
+
'.sk-form-input-textarea': {
|
|
8
|
+
'@apply w-full': {};
|
|
9
|
+
};
|
|
10
|
+
'.sk-form-textarea-counter': {
|
|
11
|
+
'@apply w-full': {};
|
|
12
|
+
'@apply border-t-divider border-t-1': {};
|
|
13
|
+
};
|
|
14
|
+
'&&-lg': {
|
|
15
|
+
'@apply min-h-48 h-auto': {};
|
|
16
|
+
'.sk-form-textarea-counter': {
|
|
17
|
+
'@apply px-20': {};
|
|
18
|
+
'@apply py-11': {};
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
'&&-md': {
|
|
22
|
+
'@apply min-h-40 h-auto': {};
|
|
23
|
+
'.sk-form-textarea-counter': {
|
|
24
|
+
'@apply px-16': {};
|
|
25
|
+
'@apply py-7': {};
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
'&&-sm': {
|
|
29
|
+
'@apply min-h-32 h-auto': {};
|
|
30
|
+
'.sk-form-textarea-counter': {
|
|
31
|
+
'@apply px-12': {};
|
|
32
|
+
'@apply py-5': {};
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
'&-group': {
|
|
37
|
+
'&-outer': {
|
|
38
|
+
'@apply flex gap-0 max-w-full': {};
|
|
39
|
+
'&[data-hasleftaddon="true"]': {
|
|
40
|
+
'.sk-form-input, .sk-form-input-group-inner': {
|
|
41
|
+
'@apply rounded-l-0': {};
|
|
42
|
+
'@apply border-l-0': {};
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
'&[data-hasrightaddon="true"]': {
|
|
46
|
+
'.sk-form-input, .sk-form-input-group-inner': {
|
|
47
|
+
'@apply rounded-r-0': {};
|
|
48
|
+
'@apply border-r-0': {};
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
'&-inner': {
|
|
53
|
+
'.sk-form-input': {
|
|
54
|
+
'@apply rounded-0': {};
|
|
55
|
+
'@apply border-0': {};
|
|
56
|
+
'@apply focus:ring-0': {};
|
|
57
|
+
'@apply focus:ring-offset-0': {};
|
|
58
|
+
'@apply bg-transparent': {};
|
|
59
|
+
'@apply dark:bg-transparent': {};
|
|
60
|
+
'@apply grow': {};
|
|
61
|
+
};
|
|
62
|
+
'@apply border-1': {};
|
|
63
|
+
'@apply border-input-field-outline': {};
|
|
64
|
+
'@apply hover:border-input-field-outline-hover': {};
|
|
65
|
+
'@apply placeholder:text-dark-placeholder': {};
|
|
66
|
+
'@apply bg-input-field-surface': {};
|
|
67
|
+
'&:invalid, &[aria-invalid="true"]': {
|
|
68
|
+
'@apply border-2 border-error-surface-primary': {};
|
|
69
|
+
};
|
|
70
|
+
'&:disabled, &[aria-disabled="true"]': {
|
|
71
|
+
'@apply bg-input-field-surface-disabled': {};
|
|
72
|
+
'@apply border-input-field-outline-disabled': {};
|
|
73
|
+
'@apply hover:border-input-field-outline-disabled': {};
|
|
74
|
+
'@apply text-dark-disabled': {};
|
|
75
|
+
};
|
|
76
|
+
'&:read-only': {
|
|
77
|
+
'@apply bg-input-field-surface': {};
|
|
78
|
+
'@apply border-input-field-outline-disabled': {};
|
|
79
|
+
'@apply text-dark-secondary': {};
|
|
80
|
+
'@apply placeholder:text-dark-secondary': {};
|
|
81
|
+
};
|
|
82
|
+
'@apply flex relative grow': {};
|
|
83
|
+
'@apply items-center': {};
|
|
84
|
+
'@apply focus-within:ring': {};
|
|
85
|
+
'@apply focus-within:ring-ring': {};
|
|
86
|
+
'@apply text-dark-secondary': {};
|
|
87
|
+
'@apply focus-within:border-input-field-surface': {};
|
|
88
|
+
'&:not(:invalid):not([aria-invalid="true"])': {
|
|
89
|
+
'@apply focus-within:border-input-field-surface': {};
|
|
90
|
+
};
|
|
91
|
+
'&&-lg': {
|
|
92
|
+
'@apply text-input-large': {};
|
|
93
|
+
'@apply rounded-button-lg': {};
|
|
94
|
+
'@apply h-48': {};
|
|
95
|
+
};
|
|
96
|
+
'&&-md': {
|
|
97
|
+
'@apply text-input-medium': {};
|
|
98
|
+
'@apply rounded-button-md': {};
|
|
99
|
+
'@apply h-40': {};
|
|
100
|
+
};
|
|
101
|
+
'&&-sm': {
|
|
102
|
+
'@apply text-input-small': {};
|
|
103
|
+
'@apply rounded-button-sm': {};
|
|
104
|
+
'@apply h-32': {};
|
|
105
|
+
};
|
|
106
|
+
};
|
|
107
|
+
};
|
|
108
|
+
};
|
|
3
109
|
'&-addon': {
|
|
4
110
|
'.sk-form-input': {
|
|
5
111
|
'@apply rounded-0': {};
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
export declare const SegmentedControl: () => {
|
|
2
|
+
'.sk-segmentedcontrol': {
|
|
3
|
+
'@apply flex flex-row items-center': {};
|
|
4
|
+
'@apply rounded-groups': {};
|
|
5
|
+
'@apply bg-tertiary-surface': {};
|
|
6
|
+
'@apply max-w-fit': {};
|
|
7
|
+
'&[data-size="md"]': {
|
|
8
|
+
'@apply p-6 gap-8': {};
|
|
9
|
+
};
|
|
10
|
+
'&[data-size="lg"]': {
|
|
11
|
+
'@apply p-6 gap-16': {};
|
|
12
|
+
};
|
|
13
|
+
'&-item': {
|
|
14
|
+
'@apply inline-block relative': {};
|
|
15
|
+
'&[data-size="md"]': {
|
|
16
|
+
'@apply h-34': {};
|
|
17
|
+
'> *': {
|
|
18
|
+
'@apply text-small leading-[1.8rem]': {};
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
'&[data-size="lg"]': {
|
|
22
|
+
'@apply h-40': {};
|
|
23
|
+
};
|
|
24
|
+
'> *:first-child': {
|
|
25
|
+
'@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {};
|
|
26
|
+
'@apply bg-transparent text-dark-primary font-bold cursor-pointer': {};
|
|
27
|
+
'@apply gap-2 px-14 py-8 h-full min-h-full': {};
|
|
28
|
+
'@apply inline-flex shrink-0 flex-nowrap border-0': {};
|
|
29
|
+
'@apply hover:bg-tertiary-surface': {};
|
|
30
|
+
'@apply focus-visible:outline-none focus-visible:bg-background-content focus-visible:ring focus-visible:ring-offset-0 focus-visible:shadow-none': {};
|
|
31
|
+
'&[aria-pressed="true"]:not(:hover):not([aria-disabled="true"])': {
|
|
32
|
+
'@apply bg-background-content text-dark-primary focus-visible:ring': {};
|
|
33
|
+
};
|
|
34
|
+
'&[aria-disabled="true"]': {
|
|
35
|
+
'@apply text-dark-disabled cursor-default hover:bg-transparent': {};
|
|
36
|
+
};
|
|
37
|
+
'&.sk-btn[aria-disabled="true"], &.sk-btn-disabled': {
|
|
38
|
+
'@apply bg-transparent border-transparent !important': {};
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sk-web-gui/core",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.3.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/cjs/index.js",
|
|
@@ -41,5 +41,5 @@
|
|
|
41
41
|
"mini-svg-data-uri": "^1.4.4",
|
|
42
42
|
"tailwindcss": "^3.4.17"
|
|
43
43
|
},
|
|
44
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "e4598d1df2d5dc6b2d2bd2273d147e2cc155b5ec"
|
|
45
45
|
}
|