@sk-web-gui/core 1.1.0 → 1.1.2

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.
Files changed (104) hide show
  1. package/dist/cjs/components/alert-banner.js +1 -1
  2. package/dist/cjs/components/alert-banner.js.map +1 -1
  3. package/dist/cjs/components/button.js +3 -0
  4. package/dist/cjs/components/button.js.map +1 -1
  5. package/dist/cjs/components/calendar.js +67 -0
  6. package/dist/cjs/components/calendar.js.map +1 -0
  7. package/dist/cjs/components/chip.js.map +1 -1
  8. package/dist/cjs/components/combobox.js.map +1 -1
  9. package/dist/cjs/components/comments.js +2 -2
  10. package/dist/cjs/components/comments.js.map +1 -1
  11. package/dist/cjs/components/forms.js.map +1 -1
  12. package/dist/cjs/components/input.js.map +1 -1
  13. package/dist/cjs/components/label.js.map +1 -1
  14. package/dist/cjs/components/list.js.map +1 -1
  15. package/dist/cjs/components/logo.js.map +1 -1
  16. package/dist/cjs/components/menu-vertical.js.map +1 -1
  17. package/dist/cjs/components/menubar.js.map +1 -1
  18. package/dist/cjs/components/message.js +52 -0
  19. package/dist/cjs/components/message.js.map +1 -0
  20. package/dist/cjs/components/modal.js +5 -3
  21. package/dist/cjs/components/modal.js.map +1 -1
  22. package/dist/cjs/components/notification.js +2 -2
  23. package/dist/cjs/components/notification.js.map +1 -1
  24. package/dist/cjs/components/popup-menu.js.map +1 -1
  25. package/dist/cjs/components/profile-picture.js +15 -0
  26. package/dist/cjs/components/profile-picture.js.map +1 -0
  27. package/dist/cjs/components/profile.js +34 -0
  28. package/dist/cjs/components/profile.js.map +1 -0
  29. package/dist/cjs/components/progress-bar.js.map +1 -1
  30. package/dist/cjs/components/progress-stepper.js.map +1 -1
  31. package/dist/cjs/components/search-bar.js +8 -0
  32. package/dist/cjs/components/search-bar.js.map +1 -0
  33. package/dist/cjs/components/search-field.js.map +1 -1
  34. package/dist/cjs/components/select.js.map +1 -1
  35. package/dist/cjs/components/side-menu.js +7 -7
  36. package/dist/cjs/components/side-menu.js.map +1 -1
  37. package/dist/cjs/components/spinner.js.map +1 -1
  38. package/dist/cjs/components/tab-menu.js.map +1 -1
  39. package/dist/cjs/components/tabs.js.map +1 -1
  40. package/dist/cjs/components/tag.js +72 -0
  41. package/dist/cjs/components/tag.js.map +1 -0
  42. package/dist/cjs/components/tooltip.js.map +1 -1
  43. package/dist/cjs/index.js.map +1 -1
  44. package/dist/cjs/plugin.js.map +1 -1
  45. package/dist/cjs/theme.js +3 -2
  46. package/dist/cjs/theme.js.map +1 -1
  47. package/dist/cjs/units.js.map +1 -1
  48. package/dist/esm/components/alert-banner.js +1 -1
  49. package/dist/esm/components/alert-banner.js.map +1 -1
  50. package/dist/esm/components/button.js +3 -0
  51. package/dist/esm/components/button.js.map +1 -1
  52. package/dist/esm/components/calendar.js +65 -0
  53. package/dist/esm/components/calendar.js.map +1 -0
  54. package/dist/esm/components/chip.js.map +1 -1
  55. package/dist/esm/components/combobox.js.map +1 -1
  56. package/dist/esm/components/comments.js +2 -2
  57. package/dist/esm/components/comments.js.map +1 -1
  58. package/dist/esm/components/forms.js.map +1 -1
  59. package/dist/esm/components/input.js.map +1 -1
  60. package/dist/esm/components/label.js.map +1 -1
  61. package/dist/esm/components/list.js.map +1 -1
  62. package/dist/esm/components/logo.js.map +1 -1
  63. package/dist/esm/components/menu-vertical.js.map +1 -1
  64. package/dist/esm/components/menubar.js.map +1 -1
  65. package/dist/esm/components/message.js +50 -0
  66. package/dist/esm/components/message.js.map +1 -0
  67. package/dist/esm/components/modal.js +5 -3
  68. package/dist/esm/components/modal.js.map +1 -1
  69. package/dist/esm/components/notification.js +2 -2
  70. package/dist/esm/components/notification.js.map +1 -1
  71. package/dist/esm/components/popup-menu.js.map +1 -1
  72. package/dist/esm/components/profile-picture.js +13 -0
  73. package/dist/esm/components/profile-picture.js.map +1 -0
  74. package/dist/esm/components/profile.js +32 -0
  75. package/dist/esm/components/profile.js.map +1 -0
  76. package/dist/esm/components/progress-bar.js.map +1 -1
  77. package/dist/esm/components/progress-stepper.js.map +1 -1
  78. package/dist/esm/components/search-bar.js +6 -0
  79. package/dist/esm/components/search-bar.js.map +1 -0
  80. package/dist/esm/components/search-field.js.map +1 -1
  81. package/dist/esm/components/select.js.map +1 -1
  82. package/dist/esm/components/side-menu.js +7 -7
  83. package/dist/esm/components/side-menu.js.map +1 -1
  84. package/dist/esm/components/spinner.js.map +1 -1
  85. package/dist/esm/components/tab-menu.js.map +1 -1
  86. package/dist/esm/components/tabs.js.map +1 -1
  87. package/dist/esm/components/tag.js +79 -0
  88. package/dist/esm/components/tag.js.map +1 -0
  89. package/dist/esm/components/tooltip.js.map +1 -1
  90. package/dist/esm/index.js.map +1 -1
  91. package/dist/esm/plugin.js.map +1 -1
  92. package/dist/esm/theme.js +3 -2
  93. package/dist/esm/theme.js.map +1 -1
  94. package/dist/esm/units.js.map +1 -1
  95. package/dist/types/components/button.d.ts +3 -0
  96. package/dist/types/components/modal.d.ts +4 -0
  97. package/package.json +2 -2
  98. package/dist/types/components/alert-banner.d.ts +0 -24
  99. package/dist/types/components/comments.d.ts +0 -30
  100. package/dist/types/components/context-menu.d.ts +0 -39
  101. package/dist/types/components/dropdown-filter.d.ts +0 -58
  102. package/dist/types/components/notification.d.ts +0 -48
  103. package/dist/types/components/side-menu.d.ts +0 -219
  104. package/dist/types/components/tab-menu.d.ts +0 -57
@@ -1,219 +0,0 @@
1
- declare function _exports(): {
2
- '.sk-sidemenu': {
3
- '@apply w-[440px]': {};
4
- '&-header': {
5
- '@apply relative py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {};
6
- '.label-small': {
7
- '@apply text-[1.6rem]': {};
8
- };
9
- '.label-button': {
10
- '@apply w-full justify-between p-0 leading-[inherit]': {};
11
- '&-icon': {
12
- '@apply !text-xl': {};
13
- };
14
- };
15
- '&-label': {
16
- '@apply flex items-center': {};
17
- 'label, .label': {
18
- '@apply text-xl font-bold flex items-center w-full': {};
19
- };
20
- span: {
21
- '@apply ml-auto': {};
22
- };
23
- };
24
- };
25
- '&-item': {
26
- '@apply bg-white h-full': {};
27
- '> ul.items': {
28
- '@apply hidden': {};
29
- };
30
- '&.open > ul.items': {
31
- '@apply block': {};
32
- };
33
- '&-label': {
34
- '@apply flex-grow select-none flex items-center': {};
35
- };
36
- '&.active': {
37
- '> .sk-sidemenu-wrapper': {
38
- boxShadow: string;
39
- '.sk-sidemenu-item-label': {
40
- '@apply underline': {};
41
- };
42
- };
43
- };
44
- '& .sk-sidemenu-wrapper': {
45
- '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {};
46
- '.sk-sidemenu-item-link': {
47
- '@apply flex-grow relative flex items-center text-base text-left justify-start pr-sm h-full': {};
48
- '@apply focus-visible:z-base': {};
49
- '&[aria-disabled="true"]': {
50
- '@apply text-neutral-600 cursor-not-allowed': {};
51
- '.sk-sidemenu-item-label': {
52
- '@apply text-neutral-600': {};
53
- };
54
- };
55
- };
56
- '.expand': {
57
- '@apply w-[50px] h-full flex justify-center items-center ml-auto p-0': {};
58
- '&[aria-disabled="true"]': {
59
- '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {};
60
- path: {
61
- '@apply fill-gray-stroke': {};
62
- };
63
- };
64
- path: {
65
- '@apply fill-primary': {};
66
- };
67
- '&-button': {
68
- '@apply fill-primary flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {};
69
- };
70
- };
71
- };
72
- '&.open': {
73
- '& + .menu-item > .sk-sidemenu-wrapper': {
74
- '@apply border-t': {};
75
- };
76
- };
77
- '&.draggable': {
78
- '&.dragenter': {
79
- '> .sk-sidemenu-wrapper': {
80
- '@apply h-full max-h-full': {};
81
- };
82
- "> .sk-sidemenu-wrapper > *:not([draggable='true'])": {
83
- '@apply pointer-events-none': {};
84
- };
85
- '& > .sk-sidemenu-wrapper::after': {
86
- '@apply bg-info-surface-accent block relative w-full h-[44px]': {};
87
- content: string;
88
- };
89
- };
90
- '&.moving': {
91
- '@apply hidden': {};
92
- };
93
- '& .sk-sidemenu-menuitem-movebutton': {
94
- '@apply -translate-x-full no-underline text-gray-stroke absolute py-sm inset-y-0 my-auto': {};
95
- svg: {
96
- '@apply h-full': {};
97
- };
98
- '&[aria-disabled="true"]': {
99
- '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {};
100
- };
101
- };
102
- '&.separator': {
103
- '@apply bg-transparent relative': {};
104
- '> div.sk-sidemenu-wrapper, > .sk-sidemenu-item-link': {
105
- '@apply h-[44px]': {};
106
- };
107
- };
108
- };
109
- '&-separator': {
110
- '@apply text-divider': {};
111
- height: string;
112
- width: string;
113
- backgroundImage: string;
114
- backgroundSize: string;
115
- backgroundPosition: string;
116
- backgroundRepeat: string;
117
- };
118
- '&.lvl-0': {
119
- '&:first-child > .sk-sidemenu-wrapper': {
120
- '@apply border-t-0': {};
121
- };
122
- '> .sk-sidemenu-wrapper': {
123
- '@apply h-[64px] max-h-[64px] border border-divider': {};
124
- '> .sk-sidemenu-item-link': {
125
- '@apply py-md': {};
126
- paddingLeft: string;
127
- };
128
- };
129
- '.sk-sidemenu-item-link': {
130
- '@apply h-[64px] max-h-[64px]': {};
131
- };
132
- '& + .sk-sidemenu-item > .sk-sidemenu-wrapper': {
133
- '@apply border-t-0': {};
134
- };
135
- '> .items': {
136
- '@apply border-l border-r border-divider': {};
137
- };
138
- '&.open > .items': {
139
- '@apply border-b border-divider': {};
140
- };
141
- '&.separator': {
142
- '& + .lvl-0': {
143
- '@apply border-t border-divider': {};
144
- };
145
- };
146
- '&.separator > .sk-sidemenu-wrapper': {
147
- '@apply border-0': {};
148
- };
149
- };
150
- '&.lvl-1': {
151
- '@apply bg-gray-lighter': {};
152
- '> .sk-sidemenu-wrapper, .sk-sidemenu-item-link': {
153
- '@apply h-[56px] max-h-[56px]': {};
154
- };
155
- '&.open > .sk-sidemenu-wrapper': {
156
- '@apply border-b border-divider': {};
157
- };
158
- '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
159
- paddingLeft: string;
160
- };
161
- };
162
- '&.lvl-2': {
163
- '.sk-sidemenu-wrapper': {
164
- '@apply bg-gray-middle h-[48px] max-h-[48px]': {};
165
- '> .sk-sidemenu-item-link': {
166
- '@apply h-[48px] max-h-[48px]': {};
167
- };
168
- };
169
- '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
170
- paddingLeft: string;
171
- };
172
- };
173
- '&.lvl-3': {
174
- '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
175
- paddingLeft: string;
176
- };
177
- };
178
- '&.lvl-4': {
179
- '.sk-sidemenu-wrapper': {
180
- '@apply bg-[#d4d4d4]': {};
181
- };
182
- '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
183
- paddingLeft: string;
184
- };
185
- };
186
- '&.lvl-5': {
187
- '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
188
- paddingLeft: string;
189
- };
190
- };
191
- '&.lvl-6': {
192
- '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
193
- paddingLeft: string;
194
- };
195
- };
196
- '&.lvl-7': {
197
- '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
198
- paddingLeft: string;
199
- };
200
- };
201
- '&.lvl-8': {
202
- '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
203
- paddingLeft: string;
204
- };
205
- };
206
- '&.lvl-9': {
207
- '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
208
- paddingLeft: string;
209
- };
210
- };
211
- '&.lvl-10': {
212
- '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
213
- paddingLeft: string;
214
- };
215
- };
216
- };
217
- };
218
- };
219
- export = _exports;
@@ -1,57 +0,0 @@
1
- declare function _exports(): {
2
- '.sk-tab-menu': {
3
- '&-wrapper': {
4
- display: string;
5
- flexDirection: string;
6
- margin: string;
7
- };
8
- '&-right': {
9
- '@apply justify-end': {};
10
- };
11
- '&-center': {
12
- '@apply justify-center': {};
13
- };
14
- '&-list': {
15
- all: string;
16
- display: string;
17
- '&-stretch': {
18
- '@apply w-full justify-between': {};
19
- };
20
- };
21
- '&-underline': {
22
- width: string;
23
- height: number;
24
- '@apply bg-gray-light': {};
25
- };
26
- '&-item': {
27
- all: string;
28
- height: number;
29
- display: string;
30
- padding: string;
31
- marginRight: string;
32
- alignItems: string;
33
- position: string;
34
- cursor: string;
35
- '&-stretch': {
36
- '@apply mr-0': {};
37
- };
38
- '&-right': {
39
- '@apply mr-0 ml-[5rem]': {};
40
- };
41
- '&-center:last-of-type': {
42
- '@apply mr-0': {};
43
- };
44
- '&.active::after': {
45
- content: string;
46
- display: string;
47
- position: string;
48
- width: string;
49
- height: number;
50
- top: string;
51
- left: number;
52
- '@apply bg-primary': {};
53
- };
54
- };
55
- };
56
- };
57
- export = _exports;