@sk-web-gui/core 2.2.2 → 2.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/aria-plugin.js +47 -0
- package/dist/cjs/aria-plugin.js.map +1 -0
- package/dist/cjs/components/chip.js.map +1 -1
- package/dist/cjs/components/combobox.js.map +1 -1
- package/dist/cjs/components/forms.js.map +1 -1
- package/dist/cjs/components/input.js.map +1 -1
- package/dist/cjs/components/label.js.map +1 -1
- package/dist/cjs/components/list.js.map +1 -1
- package/dist/cjs/components/logo.js.map +1 -1
- package/dist/cjs/components/menu-vertical.js.map +1 -1
- package/dist/cjs/components/menubar.js.map +1 -1
- package/dist/cjs/components/popup-menu.js.map +1 -1
- package/dist/cjs/components/progress-bar.js.map +1 -1
- package/dist/cjs/components/progress-stepper.js.map +1 -1
- package/dist/cjs/components/search-field.js.map +1 -1
- package/dist/cjs/components/select.js.map +1 -1
- package/dist/cjs/components/spinner.js.map +1 -1
- package/dist/cjs/components/table-autotable.js.map +1 -1
- package/dist/cjs/components/tabs.js.map +1 -1
- package/dist/cjs/components/tooltip.js.map +1 -1
- package/dist/cjs/data-plugin.js +30 -0
- package/dist/cjs/data-plugin.js.map +1 -0
- package/dist/cjs/index.js +4 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/plugin.js.map +1 -1
- package/dist/cjs/preset.js +5 -1
- package/dist/cjs/preset.js.map +1 -1
- package/dist/cjs/theme.js.map +1 -1
- package/dist/cjs/units.js.map +1 -1
- package/dist/esm/aria-plugin.js +42 -0
- package/dist/esm/aria-plugin.js.map +1 -0
- package/dist/esm/components/chip.js.map +1 -1
- package/dist/esm/components/combobox.js.map +1 -1
- package/dist/esm/components/forms.js.map +1 -1
- package/dist/esm/components/input.js.map +1 -1
- package/dist/esm/components/label.js.map +1 -1
- package/dist/esm/components/list.js.map +1 -1
- package/dist/esm/components/logo.js.map +1 -1
- package/dist/esm/components/menu-vertical.js.map +1 -1
- package/dist/esm/components/menubar.js.map +1 -1
- package/dist/esm/components/popup-menu.js.map +1 -1
- package/dist/esm/components/progress-bar.js.map +1 -1
- package/dist/esm/components/progress-stepper.js.map +1 -1
- package/dist/esm/components/search-field.js.map +1 -1
- package/dist/esm/components/select.js.map +1 -1
- package/dist/esm/components/spinner.js.map +1 -1
- package/dist/esm/components/table-autotable.js.map +1 -1
- package/dist/esm/components/tabs.js.map +1 -1
- package/dist/esm/components/tooltip.js.map +1 -1
- package/dist/esm/data-plugin.js +27 -0
- package/dist/esm/data-plugin.js.map +1 -0
- package/dist/esm/index.js +3 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/plugin.js.map +1 -1
- package/dist/esm/preset.js +5 -1
- package/dist/esm/preset.js.map +1 -1
- package/dist/esm/theme.js.map +1 -1
- package/dist/esm/units.js.map +1 -1
- package/dist/types/aria-plugin.d.ts +4 -0
- package/dist/types/data-plugin.d.ts +4 -0
- package/dist/types/index.d.ts +3 -1
- package/dist/types/preset.d.ts +2 -0
- package/package.json +2 -2
- package/dist/cjs/components/alert-banner.js +0 -26
- package/dist/cjs/components/alert-banner.js.map +0 -1
- package/dist/cjs/components/calendar.js +0 -67
- package/dist/cjs/components/calendar.js.map +0 -1
- package/dist/cjs/components/comments.js +0 -32
- package/dist/cjs/components/comments.js.map +0 -1
- package/dist/cjs/components/context-menu.js +0 -13
- package/dist/cjs/components/context-menu.js.map +0 -1
- package/dist/cjs/components/dropdown-filter.js +0 -60
- package/dist/cjs/components/dropdown-filter.js.map +0 -1
- package/dist/cjs/components/message.js +0 -52
- package/dist/cjs/components/message.js.map +0 -1
- package/dist/cjs/components/notification.js +0 -51
- package/dist/cjs/components/notification.js.map +0 -1
- package/dist/cjs/components/profile-picture.js +0 -15
- package/dist/cjs/components/profile-picture.js.map +0 -1
- package/dist/cjs/components/profile.js +0 -34
- package/dist/cjs/components/profile.js.map +0 -1
- package/dist/cjs/components/search-bar.js +0 -8
- package/dist/cjs/components/search-bar.js.map +0 -1
- package/dist/cjs/components/side-menu.js +0 -221
- package/dist/cjs/components/side-menu.js.map +0 -1
- package/dist/cjs/components/tab-menu.js +0 -59
- package/dist/cjs/components/tab-menu.js.map +0 -1
- package/dist/cjs/components/tag.js +0 -72
- package/dist/cjs/components/tag.js.map +0 -1
- package/dist/cjs/components/zebratable.js +0 -158
- package/dist/cjs/components/zebratable.js.map +0 -1
- package/dist/esm/components/alert-banner.js +0 -24
- package/dist/esm/components/alert-banner.js.map +0 -1
- package/dist/esm/components/calendar.js +0 -65
- package/dist/esm/components/calendar.js.map +0 -1
- package/dist/esm/components/comments.js +0 -30
- package/dist/esm/components/comments.js.map +0 -1
- package/dist/esm/components/context-menu.js +0 -11
- package/dist/esm/components/context-menu.js.map +0 -1
- package/dist/esm/components/dropdown-filter.js +0 -58
- package/dist/esm/components/dropdown-filter.js.map +0 -1
- package/dist/esm/components/message.js +0 -50
- package/dist/esm/components/message.js.map +0 -1
- package/dist/esm/components/notification.js +0 -49
- package/dist/esm/components/notification.js.map +0 -1
- package/dist/esm/components/profile-picture.js +0 -13
- package/dist/esm/components/profile-picture.js.map +0 -1
- package/dist/esm/components/profile.js +0 -32
- package/dist/esm/components/profile.js.map +0 -1
- package/dist/esm/components/search-bar.js +0 -6
- package/dist/esm/components/search-bar.js.map +0 -1
- package/dist/esm/components/side-menu.js +0 -219
- package/dist/esm/components/side-menu.js.map +0 -1
- package/dist/esm/components/tab-menu.js +0 -57
- package/dist/esm/components/tab-menu.js.map +0 -1
- package/dist/esm/components/tag.js +0 -79
- package/dist/esm/components/tag.js.map +0 -1
- package/dist/esm/components/zebratable.js +0 -152
- package/dist/esm/components/zebratable.js.map +0 -1
- package/dist/types/components/zebratable.d.ts +0 -151
|
@@ -1,221 +0,0 @@
|
|
|
1
|
-
module.exports = Menu = function Menu() {
|
|
2
|
-
return {
|
|
3
|
-
'.sk-sidemenu': {
|
|
4
|
-
'@apply w-[440px]': {},
|
|
5
|
-
'&-header': {
|
|
6
|
-
'@apply relative py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {},
|
|
7
|
-
'.label-small': {
|
|
8
|
-
'@apply text-[1.6rem]': {}
|
|
9
|
-
},
|
|
10
|
-
'.label-button': {
|
|
11
|
-
'@apply w-full justify-between p-0 leading-[inherit]': {},
|
|
12
|
-
'&-icon': {
|
|
13
|
-
'@apply !text-xl': {}
|
|
14
|
-
}
|
|
15
|
-
},
|
|
16
|
-
'&-label': {
|
|
17
|
-
'@apply flex items-center': {},
|
|
18
|
-
'label, .label': {
|
|
19
|
-
'@apply text-xl font-bold flex items-center w-full': {}
|
|
20
|
-
},
|
|
21
|
-
span: {
|
|
22
|
-
'@apply ml-auto': {}
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
},
|
|
26
|
-
'&-item': {
|
|
27
|
-
'@apply bg-white h-full': {},
|
|
28
|
-
'> ul.items': {
|
|
29
|
-
'@apply hidden': {}
|
|
30
|
-
},
|
|
31
|
-
'&.open > ul.items': {
|
|
32
|
-
'@apply block': {}
|
|
33
|
-
},
|
|
34
|
-
'&-label': {
|
|
35
|
-
'@apply flex-grow select-none flex items-center': {}
|
|
36
|
-
},
|
|
37
|
-
'&.active': {
|
|
38
|
-
'> .sk-sidemenu-wrapper': {
|
|
39
|
-
boxShadow: 'inset 6px 0 0 0 #005595',
|
|
40
|
-
'.sk-sidemenu-item-label': {
|
|
41
|
-
'@apply underline': {}
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
},
|
|
45
|
-
'& .sk-sidemenu-wrapper': {
|
|
46
|
-
'@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},
|
|
47
|
-
'.sk-sidemenu-item-link': {
|
|
48
|
-
'@apply flex-grow relative flex items-center text-base text-left justify-start pr-sm h-full': {},
|
|
49
|
-
'@apply focus-visible:z-base': {},
|
|
50
|
-
'&[aria-disabled="true"]': {
|
|
51
|
-
'@apply text-neutral-600 cursor-not-allowed': {},
|
|
52
|
-
'.sk-sidemenu-item-label': {
|
|
53
|
-
'@apply text-neutral-600': {}
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
},
|
|
57
|
-
'.expand': {
|
|
58
|
-
'@apply w-[50px] h-full flex justify-center items-center ml-auto p-0': {},
|
|
59
|
-
'&[aria-disabled="true"]': {
|
|
60
|
-
'@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},
|
|
61
|
-
path: {
|
|
62
|
-
'@apply fill-gray-stroke': {}
|
|
63
|
-
}
|
|
64
|
-
},
|
|
65
|
-
path: {
|
|
66
|
-
'@apply fill-primary': {}
|
|
67
|
-
},
|
|
68
|
-
'&-button': {
|
|
69
|
-
'@apply fill-primary flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {}
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
},
|
|
73
|
-
'&.open': {
|
|
74
|
-
'& + .menu-item > .sk-sidemenu-wrapper': {
|
|
75
|
-
'@apply border-t': {}
|
|
76
|
-
}
|
|
77
|
-
},
|
|
78
|
-
'&.draggable': {
|
|
79
|
-
'&.dragenter': {
|
|
80
|
-
'> .sk-sidemenu-wrapper': {
|
|
81
|
-
'@apply h-full max-h-full': {}
|
|
82
|
-
},
|
|
83
|
-
"> .sk-sidemenu-wrapper > *:not([draggable='true'])": {
|
|
84
|
-
'@apply pointer-events-none': {}
|
|
85
|
-
},
|
|
86
|
-
'& > .sk-sidemenu-wrapper::after': {
|
|
87
|
-
'@apply bg-info-light block relative w-full h-[44px]': {},
|
|
88
|
-
content: "''"
|
|
89
|
-
}
|
|
90
|
-
},
|
|
91
|
-
'&.moving': {
|
|
92
|
-
'@apply hidden': {}
|
|
93
|
-
},
|
|
94
|
-
'& .sk-sidemenu-menuitem-movebutton': {
|
|
95
|
-
'@apply -translate-x-full no-underline text-gray-stroke absolute py-sm inset-y-0 my-auto': {},
|
|
96
|
-
svg: {
|
|
97
|
-
'@apply h-full': {}
|
|
98
|
-
},
|
|
99
|
-
'&[aria-disabled="true"]': {
|
|
100
|
-
'@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {}
|
|
101
|
-
}
|
|
102
|
-
},
|
|
103
|
-
'&.separator': {
|
|
104
|
-
'@apply bg-transparent relative': {},
|
|
105
|
-
'> div.sk-sidemenu-wrapper, > .sk-sidemenu-item-link': {
|
|
106
|
-
'@apply h-[44px]': {}
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
},
|
|
110
|
-
'&-separator': {
|
|
111
|
-
'@apply text-svartvik-200': {},
|
|
112
|
-
height: '1px',
|
|
113
|
-
width: '100%',
|
|
114
|
-
backgroundImage: "repeating-linear-gradient(0deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(90deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(180deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(270deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px)",
|
|
115
|
-
backgroundSize: '2px 100%, 100% 2px, 2px 100% , 100% 2px',
|
|
116
|
-
backgroundPosition: '0 0, 0 0, 100% 0, 0 100%',
|
|
117
|
-
backgroundRepeat: 'no-repeat'
|
|
118
|
-
},
|
|
119
|
-
'&.lvl-0': {
|
|
120
|
-
'&:first-child > .sk-sidemenu-wrapper': {
|
|
121
|
-
'@apply border-t-0': {}
|
|
122
|
-
},
|
|
123
|
-
'> .sk-sidemenu-wrapper': {
|
|
124
|
-
'@apply h-[64px] max-h-[64px] border border-svartvik-200': {},
|
|
125
|
-
'> .sk-sidemenu-item-link': {
|
|
126
|
-
'@apply py-md': {},
|
|
127
|
-
paddingLeft: '3.2rem'
|
|
128
|
-
}
|
|
129
|
-
},
|
|
130
|
-
'.sk-sidemenu-item-link': {
|
|
131
|
-
'@apply h-[64px] max-h-[64px]': {}
|
|
132
|
-
},
|
|
133
|
-
'& + .sk-sidemenu-item > .sk-sidemenu-wrapper': {
|
|
134
|
-
'@apply border-t-0': {}
|
|
135
|
-
},
|
|
136
|
-
'> .items': {
|
|
137
|
-
'@apply border-l border-r border-svartvik-200': {}
|
|
138
|
-
},
|
|
139
|
-
'&.open > .items': {
|
|
140
|
-
'@apply border-b border-svartvik-200': {}
|
|
141
|
-
},
|
|
142
|
-
'&.separator': {
|
|
143
|
-
'& + .lvl-0': {
|
|
144
|
-
'@apply border-t border-svartvik-200': {}
|
|
145
|
-
}
|
|
146
|
-
},
|
|
147
|
-
'&.separator > .sk-sidemenu-wrapper': {
|
|
148
|
-
'@apply border-0': {}
|
|
149
|
-
}
|
|
150
|
-
},
|
|
151
|
-
'&.lvl-1': {
|
|
152
|
-
'@apply bg-gray-lighter': {},
|
|
153
|
-
'> .sk-sidemenu-wrapper, .sk-sidemenu-item-link': {
|
|
154
|
-
'@apply h-[56px] max-h-[56px]': {}
|
|
155
|
-
},
|
|
156
|
-
'&.open > .sk-sidemenu-wrapper': {
|
|
157
|
-
'@apply border-b border-svartvik-200': {}
|
|
158
|
-
},
|
|
159
|
-
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
160
|
-
paddingLeft: '4.8rem'
|
|
161
|
-
}
|
|
162
|
-
},
|
|
163
|
-
'&.lvl-2': {
|
|
164
|
-
'.sk-sidemenu-wrapper': {
|
|
165
|
-
'@apply bg-gray-middle h-[48px] max-h-[48px]': {},
|
|
166
|
-
'> .sk-sidemenu-item-link': {
|
|
167
|
-
'@apply h-[48px] max-h-[48px]': {}
|
|
168
|
-
}
|
|
169
|
-
},
|
|
170
|
-
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
171
|
-
paddingLeft: '6.4rem'
|
|
172
|
-
}
|
|
173
|
-
},
|
|
174
|
-
'&.lvl-3': {
|
|
175
|
-
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
176
|
-
paddingLeft: '8rem'
|
|
177
|
-
}
|
|
178
|
-
},
|
|
179
|
-
'&.lvl-4': {
|
|
180
|
-
'.sk-sidemenu-wrapper': {
|
|
181
|
-
'@apply bg-[#d4d4d4]': {}
|
|
182
|
-
},
|
|
183
|
-
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
184
|
-
paddingLeft: '9.6rem'
|
|
185
|
-
}
|
|
186
|
-
},
|
|
187
|
-
'&.lvl-5': {
|
|
188
|
-
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
189
|
-
paddingLeft: '11.2rem'
|
|
190
|
-
}
|
|
191
|
-
},
|
|
192
|
-
'&.lvl-6': {
|
|
193
|
-
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
194
|
-
paddingLeft: '12.8rem'
|
|
195
|
-
}
|
|
196
|
-
},
|
|
197
|
-
'&.lvl-7': {
|
|
198
|
-
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
199
|
-
paddingLeft: '14.4rem'
|
|
200
|
-
}
|
|
201
|
-
},
|
|
202
|
-
'&.lvl-8': {
|
|
203
|
-
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
204
|
-
paddingLeft: '16rem'
|
|
205
|
-
}
|
|
206
|
-
},
|
|
207
|
-
'&.lvl-9': {
|
|
208
|
-
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
209
|
-
paddingLeft: '17.6rem'
|
|
210
|
-
}
|
|
211
|
-
},
|
|
212
|
-
'&.lvl-10': {
|
|
213
|
-
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
214
|
-
paddingLeft: '19.2rem'
|
|
215
|
-
}
|
|
216
|
-
}
|
|
217
|
-
}
|
|
218
|
-
}
|
|
219
|
-
};
|
|
220
|
-
};
|
|
221
|
-
//# sourceMappingURL=side-menu.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"side-menu.js","names":["module","exports","Menu","span","boxShadow","path","content","svg","height","width","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","paddingLeft"],"sources":["../../../src/components/side-menu.js"],"sourcesContent":["module.exports = Menu = () => ({\r\n '.sk-sidemenu': {\r\n '@apply w-[440px]': {},\r\n\r\n '&-header': {\r\n '@apply relative py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {},\r\n\r\n '.label-small': {\r\n '@apply text-[1.6rem]': {},\r\n },\r\n\r\n '.label-button': {\r\n '@apply w-full justify-between p-0 leading-[inherit]': {},\r\n\r\n '&-icon': {\r\n '@apply !text-xl': {},\r\n },\r\n },\r\n\r\n '&-label': {\r\n '@apply flex items-center': {},\r\n\r\n 'label, .label': {\r\n '@apply text-xl font-bold flex items-center w-full': {},\r\n },\r\n\r\n span: {\r\n '@apply ml-auto': {},\r\n },\r\n },\r\n },\r\n\r\n '&-item': {\r\n '@apply bg-white h-full': {},\r\n\r\n '> ul.items': {\r\n '@apply hidden': {},\r\n },\r\n\r\n '&.open > ul.items': {\r\n '@apply block': {},\r\n },\r\n\r\n '&-label': {\r\n '@apply flex-grow select-none flex items-center': {},\r\n },\r\n\r\n '&.active': {\r\n '> .sk-sidemenu-wrapper': {\r\n boxShadow: 'inset 6px 0 0 0 #005595',\r\n '.sk-sidemenu-item-label': {\r\n '@apply underline': {},\r\n },\r\n },\r\n },\r\n\r\n '& .sk-sidemenu-wrapper': {\r\n '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},\r\n\r\n '.sk-sidemenu-item-link': {\r\n '@apply flex-grow relative flex items-center text-base text-left justify-start pr-sm h-full': {},\r\n '@apply focus-visible:z-base': {},\r\n\r\n '&[aria-disabled=\"true\"]': {\r\n '@apply text-neutral-600 cursor-not-allowed': {},\r\n\r\n '.sk-sidemenu-item-label': {\r\n '@apply text-neutral-600': {},\r\n },\r\n },\r\n },\r\n\r\n '.expand': {\r\n '@apply w-[50px] h-full flex justify-center items-center ml-auto p-0': {},\r\n\r\n '&[aria-disabled=\"true\"]': {\r\n '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},\r\n\r\n path: {\r\n '@apply fill-gray-stroke': {},\r\n },\r\n },\r\n\r\n path: {\r\n '@apply fill-primary': {},\r\n },\r\n\r\n '&-button': {\r\n '@apply fill-primary flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {},\r\n },\r\n },\r\n },\r\n\r\n '&.open': {\r\n '& + .menu-item > .sk-sidemenu-wrapper': {\r\n '@apply border-t': {},\r\n },\r\n },\r\n\r\n '&.draggable': {\r\n '&.dragenter': {\r\n '> .sk-sidemenu-wrapper': {\r\n '@apply h-full max-h-full': {},\r\n },\r\n \"> .sk-sidemenu-wrapper > *:not([draggable='true'])\": {\r\n '@apply pointer-events-none': {},\r\n },\r\n\r\n '& > .sk-sidemenu-wrapper::after': {\r\n '@apply bg-info-light block relative w-full h-[44px]': {},\r\n content: \"''\",\r\n },\r\n },\r\n\r\n '&.moving': {\r\n '@apply hidden': {},\r\n },\r\n\r\n '& .sk-sidemenu-menuitem-movebutton': {\r\n '@apply -translate-x-full no-underline text-gray-stroke absolute py-sm inset-y-0 my-auto': {},\r\n\r\n svg: {\r\n '@apply h-full': {},\r\n },\r\n\r\n '&[aria-disabled=\"true\"]': {\r\n '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},\r\n },\r\n },\r\n\r\n '&.separator': {\r\n '@apply bg-transparent relative': {},\r\n\r\n '> div.sk-sidemenu-wrapper, > .sk-sidemenu-item-link': {\r\n '@apply h-[44px]': {},\r\n },\r\n },\r\n },\r\n\r\n '&-separator': {\r\n '@apply text-svartvik-200': {},\r\n height: '1px',\r\n width: '100%',\r\n backgroundImage: `repeating-linear-gradient(0deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(90deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(180deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(270deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px)`,\r\n backgroundSize: '2px 100%, 100% 2px, 2px 100% , 100% 2px',\r\n backgroundPosition: '0 0, 0 0, 100% 0, 0 100%',\r\n backgroundRepeat: 'no-repeat',\r\n },\r\n\r\n '&.lvl-0': {\r\n '&:first-child > .sk-sidemenu-wrapper': {\r\n '@apply border-t-0': {},\r\n },\r\n '> .sk-sidemenu-wrapper': {\r\n '@apply h-[64px] max-h-[64px] border border-svartvik-200': {},\r\n\r\n '> .sk-sidemenu-item-link': {\r\n '@apply py-md': {},\r\n paddingLeft: '3.2rem',\r\n },\r\n },\r\n\r\n '.sk-sidemenu-item-link': {\r\n '@apply h-[64px] max-h-[64px]': {},\r\n },\r\n\r\n '& + .sk-sidemenu-item > .sk-sidemenu-wrapper': {\r\n '@apply border-t-0': {},\r\n },\r\n\r\n '> .items': {\r\n '@apply border-l border-r border-svartvik-200': {},\r\n },\r\n\r\n '&.open > .items': {\r\n '@apply border-b border-svartvik-200': {},\r\n },\r\n\r\n '&.separator': {\r\n '& + .lvl-0': {\r\n '@apply border-t border-svartvik-200': {},\r\n },\r\n },\r\n\r\n '&.separator > .sk-sidemenu-wrapper': {\r\n '@apply border-0': {},\r\n },\r\n },\r\n\r\n '&.lvl-1': {\r\n '@apply bg-gray-lighter': {},\r\n\r\n '> .sk-sidemenu-wrapper, .sk-sidemenu-item-link': {\r\n '@apply h-[56px] max-h-[56px]': {},\r\n },\r\n\r\n '&.open > .sk-sidemenu-wrapper': {\r\n '@apply border-b border-svartvik-200': {},\r\n },\r\n\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '4.8rem',\r\n },\r\n },\r\n\r\n '&.lvl-2': {\r\n '.sk-sidemenu-wrapper': {\r\n '@apply bg-gray-middle h-[48px] max-h-[48px]': {},\r\n\r\n '> .sk-sidemenu-item-link': {\r\n '@apply h-[48px] max-h-[48px]': {},\r\n },\r\n },\r\n\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '6.4rem',\r\n },\r\n },\r\n\r\n '&.lvl-3': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '8rem',\r\n },\r\n },\r\n\r\n '&.lvl-4': {\r\n '.sk-sidemenu-wrapper': {\r\n '@apply bg-[#d4d4d4]': {},\r\n },\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '9.6rem',\r\n },\r\n },\r\n\r\n '&.lvl-5': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '11.2rem',\r\n },\r\n },\r\n\r\n '&.lvl-6': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '12.8rem',\r\n },\r\n },\r\n\r\n '&.lvl-7': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '14.4rem',\r\n },\r\n },\r\n\r\n '&.lvl-8': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '16rem',\r\n },\r\n },\r\n\r\n '&.lvl-9': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '17.6rem',\r\n },\r\n },\r\n\r\n '&.lvl-10': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '19.2rem',\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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"}
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
module.exports = TabMenu = function TabMenu() {
|
|
2
|
-
return {
|
|
3
|
-
'.sk-tab-menu': {
|
|
4
|
-
'&-wrapper': {
|
|
5
|
-
display: 'flex',
|
|
6
|
-
flexDirection: 'row',
|
|
7
|
-
margin: 'auto'
|
|
8
|
-
},
|
|
9
|
-
'&-right': {
|
|
10
|
-
'@apply justify-end': {}
|
|
11
|
-
},
|
|
12
|
-
'&-center': {
|
|
13
|
-
'@apply justify-center': {}
|
|
14
|
-
},
|
|
15
|
-
'&-list': {
|
|
16
|
-
all: 'unset',
|
|
17
|
-
display: 'flex',
|
|
18
|
-
'&-stretch': {
|
|
19
|
-
'@apply w-full justify-between': {}
|
|
20
|
-
}
|
|
21
|
-
},
|
|
22
|
-
'&-underline': {
|
|
23
|
-
width: '100%',
|
|
24
|
-
height: 6,
|
|
25
|
-
'@apply bg-gray-light': {}
|
|
26
|
-
},
|
|
27
|
-
'&-item': {
|
|
28
|
-
all: 'unset',
|
|
29
|
-
height: 65,
|
|
30
|
-
display: 'flex',
|
|
31
|
-
padding: '0 1rem',
|
|
32
|
-
marginRight: '5rem',
|
|
33
|
-
alignItems: 'center',
|
|
34
|
-
position: 'relative',
|
|
35
|
-
cursor: 'pointer',
|
|
36
|
-
'&-stretch': {
|
|
37
|
-
'@apply mr-0': {}
|
|
38
|
-
},
|
|
39
|
-
'&-right': {
|
|
40
|
-
'@apply mr-0 ml-[5rem]': {}
|
|
41
|
-
},
|
|
42
|
-
'&-center:last-of-type': {
|
|
43
|
-
'@apply mr-0': {}
|
|
44
|
-
},
|
|
45
|
-
'&.active::after': {
|
|
46
|
-
content: '""',
|
|
47
|
-
display: 'block',
|
|
48
|
-
position: 'absolute',
|
|
49
|
-
width: '100%',
|
|
50
|
-
height: 6,
|
|
51
|
-
top: '100%',
|
|
52
|
-
left: 0,
|
|
53
|
-
'@apply bg-primary': {}
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
};
|
|
58
|
-
};
|
|
59
|
-
//# sourceMappingURL=tab-menu.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tab-menu.js","names":["module","exports","TabMenu","display","flexDirection","margin","all","width","height","padding","marginRight","alignItems","position","cursor","content","top","left"],"sources":["../../../src/components/tab-menu.js"],"sourcesContent":["module.exports = TabMenu = () => ({\r\n '.sk-tab-menu': {\r\n '&-wrapper': {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n margin: 'auto',\r\n },\r\n '&-right': {\r\n '@apply justify-end': {},\r\n },\r\n '&-center': {\r\n '@apply justify-center': {},\r\n },\r\n '&-list': {\r\n all: 'unset',\r\n display: 'flex',\r\n '&-stretch': {\r\n '@apply w-full justify-between': {},\r\n },\r\n },\r\n\r\n '&-underline': {\r\n width: '100%',\r\n height: 6,\r\n '@apply bg-gray-light': {},\r\n },\r\n '&-item': {\r\n all: 'unset',\r\n height: 65,\r\n display: 'flex',\r\n padding: '0 1rem',\r\n marginRight: '5rem',\r\n alignItems: 'center',\r\n position: 'relative',\r\n cursor: 'pointer',\r\n '&-stretch': {\r\n '@apply mr-0': {},\r\n },\r\n '&-right': {\r\n '@apply mr-0 ml-[5rem]': {},\r\n },\r\n '&-center:last-of-type': {\r\n '@apply mr-0': {},\r\n },\r\n\r\n '&.active::after': {\r\n content: '\"\"',\r\n display: 'block',\r\n position: 'absolute',\r\n width: '100%',\r\n height: 6,\r\n top: '100%',\r\n left: 0,\r\n '@apply bg-primary': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAG,SAAAA,QAAA;EAAA,OAAO;IAChC,cAAc,EAAE;MACd,WAAW,EAAE;QACXC,OAAO,EAAE,MAAM;QACfC,aAAa,EAAE,KAAK;QACpBC,MAAM,EAAE;MACV,CAAC;MACD,SAAS,EAAE;QACT,oBAAoB,EAAE,CAAC;MACzB,CAAC;MACD,UAAU,EAAE;QACV,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,QAAQ,EAAE;QACRC,GAAG,EAAE,OAAO;QACZH,OAAO,EAAE,MAAM;QACf,WAAW,EAAE;UACX,+BAA+B,EAAE,CAAC;QACpC;MACF,CAAC;MAED,aAAa,EAAE;QACbI,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,CAAC;QACT,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MACD,QAAQ,EAAE;QACRF,GAAG,EAAE,OAAO;QACZE,MAAM,EAAE,EAAE;QACVL,OAAO,EAAE,MAAM;QACfM,OAAO,EAAE,QAAQ;QACjBC,WAAW,EAAE,MAAM;QACnBC,UAAU,EAAE,QAAQ;QACpBC,QAAQ,EAAE,UAAU;QACpBC,MAAM,EAAE,SAAS;QACjB,WAAW,EAAE;UACX,aAAa,EAAE,CAAC;QAClB,CAAC;QACD,SAAS,EAAE;UACT,uBAAuB,EAAE,CAAC;QAC5B,CAAC;QACD,uBAAuB,EAAE;UACvB,aAAa,EAAE,CAAC;QAClB,CAAC;QAED,iBAAiB,EAAE;UACjBC,OAAO,EAAE,IAAI;UACbX,OAAO,EAAE,OAAO;UAChBS,QAAQ,EAAE,UAAU;UACpBL,KAAK,EAAE,MAAM;UACbC,MAAM,EAAE,CAAC;UACTO,GAAG,EAAE,MAAM;UACXC,IAAI,EAAE,CAAC;UACP,mBAAmB,EAAE,CAAC;QACxB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
function tagOutline(colors) {
|
|
3
|
-
var _href;
|
|
4
|
-
return {
|
|
5
|
-
'.tag-outline': {
|
|
6
|
-
'@apply border bg-transparent border-gray-stroke text-body': {},
|
|
7
|
-
'&[href]': (_href = {}, _href["@apply hover:border-hover hover:text-white hover:bg-hover"] = {}, _href["@apply active:text-white active:bg-hover"] = {}, _href["@apply focus-visible:text-white focus-visible:ring-4 focus-visible:ring-black focus-visible:bg-hover"] = {}, _href)
|
|
8
|
-
}
|
|
9
|
-
};
|
|
10
|
-
}
|
|
11
|
-
function tagSolid(colors) {
|
|
12
|
-
var _href2;
|
|
13
|
-
return {
|
|
14
|
-
'.tag-solid': {
|
|
15
|
-
'@apply border bg-gray-stroke border-transparent text-white': {},
|
|
16
|
-
'&[href]': (_href2 = {}, _href2["@apply hover:text-white hover:bg-hover"] = {}, _href2["@apply active:text-white active:bg-hover"] = {}, _href2["@apply focus-visible:text-white focus-visible:ring-4 focus-visible:ring-black focus-visible:bg-hover"] = {}, _href2),
|
|
17
|
-
'.tag-close-button': {
|
|
18
|
-
'@apply text-white hover:text-body': {}
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
}
|
|
23
|
-
function tagLight(colors) {
|
|
24
|
-
var _href3;
|
|
25
|
-
return {
|
|
26
|
-
'.tag-light': {
|
|
27
|
-
'@apply border border-transparent text-body': {},
|
|
28
|
-
'&[href]': (_href3 = {}, _href3["@apply hover:border-hover"] = {}, _href3["@apply active:border-hover"] = {}, _href3["@apply focus-visible:border-hover focus-visible:ring-4 focus-visible:ring-black"] = {}, _href3)
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
}
|
|
32
|
-
module.exports = Tag = function Tag(colors) {
|
|
33
|
-
return _extends({
|
|
34
|
-
'.tag': {
|
|
35
|
-
'@apply leading-none inline-flex items-center content-center max-h-full rounded-full font-normal outline-none whitespace-nowrap': {},
|
|
36
|
-
width: 'fit-content',
|
|
37
|
-
height: 'fit-content',
|
|
38
|
-
padding: '0 1.145em 0 1.145em',
|
|
39
|
-
borderRadius: '3.2rem',
|
|
40
|
-
'&-text': {
|
|
41
|
-
padding: '0.5em 0'
|
|
42
|
-
},
|
|
43
|
-
'&-sm': {
|
|
44
|
-
'@apply text-xs': {},
|
|
45
|
-
minWidth: '1.25rem'
|
|
46
|
-
},
|
|
47
|
-
'&-md': {
|
|
48
|
-
'@apply text-sm': {},
|
|
49
|
-
minWidth: '1.5rem'
|
|
50
|
-
},
|
|
51
|
-
'&-lg': {
|
|
52
|
-
'@apply text-base': {},
|
|
53
|
-
minWidth: '1.75rem'
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
}, tagOutline(colors), tagSolid(colors), tagLight(colors), {
|
|
57
|
-
'.tag-close-button': {
|
|
58
|
-
'@apply border-transparent cursor-base': {},
|
|
59
|
-
fontSize: '1em',
|
|
60
|
-
padding: '0.36em',
|
|
61
|
-
marginLeft: '0.25em',
|
|
62
|
-
marginRight: '-1em',
|
|
63
|
-
'&-icon': {
|
|
64
|
-
fontSize: '1em !important'
|
|
65
|
-
},
|
|
66
|
-
'&-disabled': {
|
|
67
|
-
'@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {}
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
});
|
|
71
|
-
};
|
|
72
|
-
//# sourceMappingURL=tag.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tag.js","names":["tagOutline","colors","_href","tagSolid","_href2","tagLight","_href3","module","exports","Tag","_extends","width","height","padding","borderRadius","minWidth","fontSize","marginLeft","marginRight"],"sources":["../../../src/components/tag.js"],"sourcesContent":["function tagOutline(colors) {\r\n return {\r\n '.tag-outline': {\r\n '@apply border bg-transparent border-gray-stroke text-body': {},\r\n\r\n '&[href]': {\r\n [`@apply hover:border-hover hover:text-white hover:bg-hover`]: {},\r\n [`@apply active:text-white active:bg-hover`]: {},\r\n [`@apply focus-visible:text-white focus-visible:ring-4 focus-visible:ring-black focus-visible:bg-hover`]: {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction tagSolid(colors) {\r\n return {\r\n '.tag-solid': {\r\n '@apply border bg-gray-stroke border-transparent text-white': {},\r\n\r\n '&[href]': {\r\n [`@apply hover:text-white hover:bg-hover`]: {},\r\n [`@apply active:text-white active:bg-hover`]: {},\r\n [`@apply focus-visible:text-white focus-visible:ring-4 focus-visible:ring-black focus-visible:bg-hover`]: {},\r\n },\r\n\r\n '.tag-close-button': {\r\n '@apply text-white hover:text-body': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction tagLight(colors) {\r\n return {\r\n '.tag-light': {\r\n '@apply border border-transparent text-body': {},\r\n\r\n '&[href]': {\r\n [`@apply hover:border-hover`]: {},\r\n [`@apply active:border-hover`]: {},\r\n [`@apply focus-visible:border-hover focus-visible:ring-4 focus-visible:ring-black`]: {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nmodule.exports = Tag = (colors) => ({\r\n '.tag': {\r\n '@apply leading-none inline-flex items-center content-center max-h-full rounded-full font-normal outline-none whitespace-nowrap':\r\n {},\r\n width: 'fit-content',\r\n height: 'fit-content',\r\n padding: '0 1.145em 0 1.145em',\r\n borderRadius: '3.2rem',\r\n\r\n '&-text': {\r\n padding: '0.5em 0',\r\n },\r\n\r\n '&-sm': {\r\n '@apply text-xs': {},\r\n minWidth: '1.25rem',\r\n },\r\n\r\n '&-md': {\r\n '@apply text-sm': {},\r\n minWidth: '1.5rem',\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-base': {},\r\n minWidth: '1.75rem',\r\n },\r\n },\r\n\r\n // variants\r\n ...tagOutline(colors),\r\n ...tagSolid(colors),\r\n ...tagLight(colors),\r\n\r\n '.tag-close-button': {\r\n '@apply border-transparent cursor-base': {},\r\n fontSize: '1em',\r\n padding: '0.36em',\r\n marginLeft: '0.25em',\r\n marginRight: '-1em',\r\n\r\n '&-icon': {\r\n fontSize: '1em !important',\r\n },\r\n\r\n '&-disabled': {\r\n '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {},\r\n },\r\n },\r\n});\r\n"],"mappings":";AAAA,SAASA,UAAUA,CAACC,MAAM,EAAE;EAAA,IAAAC,KAAA;EAC1B,OAAO;IACL,cAAc,EAAE;MACd,2DAA2D,EAAE,CAAC,CAAC;MAE/D,SAAS,GAAAA,KAAA,OAAAA,KAAA,gEACwD,CAAC,CAAC,EAAAA,KAAA,+CACnB,CAAC,CAAC,EAAAA,KAAA,2GAC0D,CAAC,CAAC,EAAAA,KAAA;IAEhH;EACF,CAAC;AACH;AAEA,SAASC,QAAQA,CAACF,MAAM,EAAE;EAAA,IAAAG,MAAA;EACxB,OAAO;IACL,YAAY,EAAE;MACZ,4DAA4D,EAAE,CAAC,CAAC;MAEhE,SAAS,GAAAA,MAAA,OAAAA,MAAA,6CACqC,CAAC,CAAC,EAAAA,MAAA,+CACA,CAAC,CAAC,EAAAA,MAAA,2GAC0D,CAAC,CAAC,EAAAA,MAAA,CAC7G;MAED,mBAAmB,EAAE;QACnB,mCAAmC,EAAE,CAAC;MACxC;IACF;EACF,CAAC;AACH;AAEA,SAASC,QAAQA,CAACJ,MAAM,EAAE;EAAA,IAAAK,MAAA;EACxB,OAAO;IACL,YAAY,EAAE;MACZ,4CAA4C,EAAE,CAAC,CAAC;MAEhD,SAAS,GAAAA,MAAA,OAAAA,MAAA,gCACwB,CAAC,CAAC,EAAAA,MAAA,iCACD,CAAC,CAAC,EAAAA,MAAA,sFACmD,CAAC,CAAC,EAAAA,MAAA;IAE3F;EACF,CAAC;AACH;AAEAC,MAAM,CAACC,OAAO,GAAGC,GAAG,GAAG,SAAAA,IAACR,MAAM;EAAA,OAAAS,QAAA;IAC5B,MAAM,EAAE;MACN,gIAAgI,EAC9H,CAAC,CAAC;MACJC,KAAK,EAAE,aAAa;MACpBC,MAAM,EAAE,aAAa;MACrBC,OAAO,EAAE,qBAAqB;MAC9BC,YAAY,EAAE,QAAQ;MAEtB,QAAQ,EAAE;QACRD,OAAO,EAAE;MACX,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC,CAAC;QACpBE,QAAQ,EAAE;MACZ,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC,CAAC;QACpBA,QAAQ,EAAE;MACZ,CAAC;MAED,MAAM,EAAE;QACN,kBAAkB,EAAE,CAAC,CAAC;QACtBA,QAAQ,EAAE;MACZ;IACF;EAAC,GAGEf,UAAU,CAACC,MAAM,CAAC,EAClBE,QAAQ,CAACF,MAAM,CAAC,EAChBI,QAAQ,CAACJ,MAAM,CAAC;IAEnB,mBAAmB,EAAE;MACnB,uCAAuC,EAAE,CAAC,CAAC;MAC3Ce,QAAQ,EAAE,KAAK;MACfH,OAAO,EAAE,QAAQ;MACjBI,UAAU,EAAE,QAAQ;MACpBC,WAAW,EAAE,MAAM;MAEnB,QAAQ,EAAE;QACRF,QAAQ,EAAE;MACZ,CAAC;MAED,YAAY,EAAE;QACZ,6EAA6E,EAAE,CAAC;MAClF;IACF;EAAC;AAAA,CACD"}
|
|
@@ -1,158 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.ZebraTable = void 0;
|
|
5
|
-
var ZebraTable = exports.ZebraTable = function ZebraTable() {
|
|
6
|
-
return {
|
|
7
|
-
'.sk-zebratable-wrapper': {
|
|
8
|
-
'@apply rounded-groups': {},
|
|
9
|
-
'@apply border-1': {},
|
|
10
|
-
'@apply bg-background-content': {},
|
|
11
|
-
'&-inside': {
|
|
12
|
-
'@apply border-0 rounded-t-groups': {},
|
|
13
|
-
'@apply overflow-hidden': {}
|
|
14
|
-
},
|
|
15
|
-
'&[data-variant="table"]': {
|
|
16
|
-
'&:not([data-background="true"])': {
|
|
17
|
-
'@apply border-0': {},
|
|
18
|
-
'@apply bg-transparent': {}
|
|
19
|
-
},
|
|
20
|
-
'.sk-zebratable-wrapper-inside': {
|
|
21
|
-
'@apply border-0 rounded-b-groups': {}
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
'.sk-zebratable': {
|
|
26
|
-
'@apply w-full text-left table-auto': {},
|
|
27
|
-
'@apply text-dark-secondary': {},
|
|
28
|
-
'&-thead': {
|
|
29
|
-
'@apply border-b-1 border-dark-primary': {},
|
|
30
|
-
'@apply h-48': {},
|
|
31
|
-
'&-tr': {
|
|
32
|
-
'@apply table-row': {},
|
|
33
|
-
'@apply text-label-small': {}
|
|
34
|
-
},
|
|
35
|
-
'&-th': {
|
|
36
|
-
'@apply py-4': {},
|
|
37
|
-
"&[data-isColumnSortable='true']": {
|
|
38
|
-
'@apply cursor-pointer': {}
|
|
39
|
-
}
|
|
40
|
-
},
|
|
41
|
-
'&-manualth': {
|
|
42
|
-
'@apply py-4': {},
|
|
43
|
-
'@apply px-16': {},
|
|
44
|
-
"&[data-isColumnSortable='true']": {
|
|
45
|
-
'@apply cursor-pointer': {}
|
|
46
|
-
}
|
|
47
|
-
},
|
|
48
|
-
'@apply bg-transparent': {},
|
|
49
|
-
'&[data-background="true"]': {
|
|
50
|
-
'@apply bg-vattjom-background-200 border-b-transparent': {}
|
|
51
|
-
}
|
|
52
|
-
},
|
|
53
|
-
'&-sortbutton': {
|
|
54
|
-
'@apply flex items-center': {},
|
|
55
|
-
'@apply focus-visible:ring ring-ring ring-offset-0': {},
|
|
56
|
-
'@apply focus-visible:bg-vattjom-background-200': {},
|
|
57
|
-
'@apply rounded-utility': {},
|
|
58
|
-
'@apply px-16': {},
|
|
59
|
-
'@apply h-40': {},
|
|
60
|
-
'&-icon': {
|
|
61
|
-
'@apply inline-flex pl-sm': {},
|
|
62
|
-
'&-sort': {
|
|
63
|
-
'@apply text-dark-secondary': {},
|
|
64
|
-
'@apply flex flex-col': {},
|
|
65
|
-
svg: {
|
|
66
|
-
'@apply h-16 w-16': {},
|
|
67
|
-
'@apply first-of-type:-mb-4': {},
|
|
68
|
-
'@apply last-of-type:-mt-4': {}
|
|
69
|
-
},
|
|
70
|
-
"&[data-sortmodeascending='true']": {
|
|
71
|
-
'> *': {
|
|
72
|
-
'@apply last-of-type:text-dark-ghost': {}
|
|
73
|
-
}
|
|
74
|
-
},
|
|
75
|
-
"&[data-sortmodeascending='false']": {
|
|
76
|
-
'> *': {
|
|
77
|
-
'@apply first-of-type:text-dark-ghost': {}
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
},
|
|
83
|
-
'&-tbody': {
|
|
84
|
-
'@apply text-dark-secondary bg-transparent': {},
|
|
85
|
-
'&-tr': {
|
|
86
|
-
'@apply bg-transparent': {},
|
|
87
|
-
'@apply hover:bg-background-100': {},
|
|
88
|
-
'@apply border-b-1': {},
|
|
89
|
-
'@apply last-of-type:border-b-transparent': {}
|
|
90
|
-
},
|
|
91
|
-
'&-td': {
|
|
92
|
-
'@apply text-small': {},
|
|
93
|
-
'&-content': {
|
|
94
|
-
'@apply inline-flex': {},
|
|
95
|
-
'@apply justify-start items-center': {},
|
|
96
|
-
'@apply gap-8': {},
|
|
97
|
-
'@apply py-8 px-18': {},
|
|
98
|
-
'@apply h-[6.3rem]': {},
|
|
99
|
-
'@apply min-h-[6.3rem]': {}
|
|
100
|
-
}
|
|
101
|
-
},
|
|
102
|
-
'&-manualtd': {
|
|
103
|
-
'@apply text-small': {},
|
|
104
|
-
'&-content': {
|
|
105
|
-
'@apply justify-start items-center': {},
|
|
106
|
-
'@apply gap-8': {},
|
|
107
|
-
'@apply py-8 px-18': {},
|
|
108
|
-
'@apply h-[6.3rem]': {},
|
|
109
|
-
'@apply min-h-[6.3rem]': {}
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
},
|
|
113
|
-
'&[data-dense="true"]': {
|
|
114
|
-
'.sk-zebratable': {
|
|
115
|
-
'&-thead': {
|
|
116
|
-
'&-th': {
|
|
117
|
-
'@apply py-4': {}
|
|
118
|
-
}
|
|
119
|
-
},
|
|
120
|
-
'&-tbody': {
|
|
121
|
-
'&-td-content': {
|
|
122
|
-
'@apply py-0': {},
|
|
123
|
-
'@apply h-[4.7rem]': {},
|
|
124
|
-
'@apply min-h-[4.7rem]': {}
|
|
125
|
-
}
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
},
|
|
129
|
-
'&-paginationwrapper': {
|
|
130
|
-
'@apply w-full max-w-[60rem]': {},
|
|
131
|
-
'@apply shrink': {}
|
|
132
|
-
},
|
|
133
|
-
'&-bottom': {
|
|
134
|
-
'@apply py-14 px-16': {},
|
|
135
|
-
'@apply border-t-1': {},
|
|
136
|
-
'@apply flex flex-row': {},
|
|
137
|
-
'@apply gap-32': {},
|
|
138
|
-
'@apply justify-between items-center': {},
|
|
139
|
-
'&-section': {
|
|
140
|
-
'@apply shrink-0': {},
|
|
141
|
-
'@apply flex flex-row': {},
|
|
142
|
-
'@apply justify-start items-center': {},
|
|
143
|
-
'@apply gap-8': {},
|
|
144
|
-
'&-label': {
|
|
145
|
-
'@apply font-normal': {},
|
|
146
|
-
'@apply text-small': {},
|
|
147
|
-
'@apply shrink-0': {}
|
|
148
|
-
}
|
|
149
|
-
},
|
|
150
|
-
'&-pagination': {
|
|
151
|
-
'@apply grow': {},
|
|
152
|
-
'@apply shrink': {}
|
|
153
|
-
}
|
|
154
|
-
}
|
|
155
|
-
}
|
|
156
|
-
};
|
|
157
|
-
};
|
|
158
|
-
//# sourceMappingURL=zebratable.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"zebratable.js","names":["ZebraTable","exports","svg"],"sources":["../../../src/components/zebratable.ts"],"sourcesContent":["export const ZebraTable = () => ({\r\n '.sk-zebratable-wrapper': {\r\n '@apply rounded-groups': {},\r\n '@apply border-1': {},\r\n '@apply bg-background-content': {},\r\n '&-inside': {\r\n '@apply border-0 rounded-t-groups': {},\r\n '@apply overflow-hidden': {},\r\n },\r\n '&[data-variant=\"table\"]': {\r\n '&:not([data-background=\"true\"])': {\r\n '@apply border-0': {},\r\n '@apply bg-transparent': {},\r\n },\r\n '.sk-zebratable-wrapper-inside': {\r\n '@apply border-0 rounded-b-groups': {},\r\n },\r\n },\r\n },\r\n '.sk-zebratable': {\r\n '@apply w-full text-left table-auto': {},\r\n '@apply text-dark-secondary': {},\r\n\r\n '&-thead': {\r\n '@apply border-b-1 border-dark-primary': {},\r\n '@apply h-48': {},\r\n '&-tr': {\r\n '@apply table-row': {},\r\n '@apply text-label-small': {},\r\n },\r\n\r\n '&-th': {\r\n '@apply py-4': {},\r\n\r\n \"&[data-isColumnSortable='true']\": {\r\n '@apply cursor-pointer': {},\r\n },\r\n },\r\n '&-manualth': {\r\n '@apply py-4': {},\r\n '@apply px-16': {},\r\n\r\n \"&[data-isColumnSortable='true']\": {\r\n '@apply cursor-pointer': {},\r\n },\r\n },\r\n '@apply bg-transparent': {},\r\n '&[data-background=\"true\"]': {\r\n '@apply bg-vattjom-background-200 border-b-transparent': {},\r\n },\r\n },\r\n\r\n '&-sortbutton': {\r\n '@apply flex items-center': {},\r\n '@apply focus-visible:ring ring-ring ring-offset-0': {},\r\n '@apply focus-visible:bg-vattjom-background-200': {},\r\n '@apply rounded-utility': {},\r\n '@apply px-16': {},\r\n '@apply h-40': {},\r\n\r\n '&-icon': {\r\n '@apply inline-flex pl-sm': {},\r\n\r\n '&-sort': {\r\n '@apply text-dark-secondary': {},\r\n '@apply flex flex-col': {},\r\n\r\n svg: {\r\n '@apply h-16 w-16': {},\r\n '@apply first-of-type:-mb-4': {},\r\n '@apply last-of-type:-mt-4': {},\r\n },\r\n\r\n \"&[data-sortmodeascending='true']\": {\r\n '> *': {\r\n '@apply last-of-type:text-dark-ghost': {},\r\n },\r\n },\r\n\r\n \"&[data-sortmodeascending='false']\": {\r\n '> *': {\r\n '@apply first-of-type:text-dark-ghost': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-tbody': {\r\n '@apply text-dark-secondary bg-transparent': {},\r\n\r\n '&-tr': {\r\n '@apply bg-transparent': {},\r\n '@apply hover:bg-background-100': {},\r\n '@apply border-b-1': {},\r\n '@apply last-of-type:border-b-transparent': {},\r\n },\r\n\r\n '&-td': {\r\n '@apply text-small': {},\r\n '&-content': {\r\n '@apply inline-flex': {},\r\n '@apply justify-start items-center': {},\r\n '@apply gap-8': {},\r\n '@apply py-8 px-18': {},\r\n '@apply h-[6.3rem]': {},\r\n '@apply min-h-[6.3rem]': {},\r\n },\r\n },\r\n '&-manualtd': {\r\n '@apply text-small': {},\r\n '&-content': {\r\n '@apply justify-start items-center': {},\r\n '@apply gap-8': {},\r\n '@apply py-8 px-18': {},\r\n '@apply h-[6.3rem]': {},\r\n '@apply min-h-[6.3rem]': {},\r\n },\r\n },\r\n },\r\n\r\n '&[data-dense=\"true\"]': {\r\n '.sk-zebratable': {\r\n '&-thead': {\r\n '&-th': {\r\n '@apply py-4': {},\r\n },\r\n },\r\n '&-tbody': {\r\n '&-td-content': {\r\n '@apply py-0': {},\r\n '@apply h-[4.7rem]': {},\r\n '@apply min-h-[4.7rem]': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-paginationwrapper': {\r\n '@apply w-full max-w-[60rem]': {},\r\n '@apply shrink': {},\r\n },\r\n\r\n '&-bottom': {\r\n '@apply py-14 px-16': {},\r\n '@apply border-t-1': {},\r\n '@apply flex flex-row': {},\r\n '@apply gap-32': {},\r\n '@apply justify-between items-center': {},\r\n '&-section': {\r\n '@apply shrink-0': {},\r\n '@apply flex flex-row': {},\r\n '@apply justify-start items-center': {},\r\n '@apply gap-8': {},\r\n '&-label': {\r\n '@apply font-normal': {},\r\n '@apply text-small': {},\r\n '@apply shrink-0': {},\r\n },\r\n },\r\n '&-pagination': {\r\n '@apply grow': {},\r\n '@apply shrink': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
module.exports = Modal = () => ({
|
|
2
|
-
'.alert-banner': {
|
|
3
|
-
'@apply p-md': {},
|
|
4
|
-
'&-content': {
|
|
5
|
-
'@apply w-full m-auto flex': {},
|
|
6
|
-
'&-wrapper': {
|
|
7
|
-
'@apply flex-grow flex': {}
|
|
8
|
-
}
|
|
9
|
-
},
|
|
10
|
-
'&-icon': {
|
|
11
|
-
'@apply mr-[10px]': {}
|
|
12
|
-
},
|
|
13
|
-
'&-children': {
|
|
14
|
-
'@apply w-full underline inline-block max-w-[800px] text-body text-base': {}
|
|
15
|
-
},
|
|
16
|
-
'&-close': {
|
|
17
|
-
'@apply p-4 -m-4 flex flex-col': {}
|
|
18
|
-
}
|
|
19
|
-
},
|
|
20
|
-
'.tab': {
|
|
21
|
-
'@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-3xl shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {}
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
//# sourceMappingURL=alert-banner.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"alert-banner.js","names":["module","exports","Modal"],"sources":["../../../src/components/alert-banner.js"],"sourcesContent":["module.exports = Modal = () => ({\r\n '.alert-banner': {\r\n '@apply p-md': {},\r\n\r\n '&-content': {\r\n '@apply w-full m-auto flex': {},\r\n\r\n '&-wrapper': {\r\n '@apply flex-grow flex': {},\r\n },\r\n },\r\n\r\n '&-icon': {\r\n '@apply mr-[10px]': {},\r\n },\r\n\r\n '&-children': {\r\n '@apply w-full underline inline-block max-w-[800px] text-body text-base': {},\r\n },\r\n\r\n '&-close': {\r\n '@apply p-4 -m-4 flex flex-col': {},\r\n },\r\n },\r\n\r\n '.tab': {\r\n '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-3xl shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {},\r\n },\r\n \r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAGA,CAAA,MAAO;EAC9B,eAAe,EAAE;IACf,aAAa,EAAE,CAAC,CAAC;IAEjB,WAAW,EAAE;MACX,2BAA2B,EAAE,CAAC,CAAC;MAE/B,WAAW,EAAE;QACX,uBAAuB,EAAE,CAAC;MAC5B;IACF,CAAC;IAED,QAAQ,EAAE;MACR,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,YAAY,EAAE;MACZ,wEAAwE,EAAE,CAAC;IAC7E,CAAC;IAED,SAAS,EAAE;MACT,+BAA+B,EAAE,CAAC;IACpC;EACF,CAAC;EAED,MAAM,EAAE;IACN,mGAAmG,EAAE,CAAC;EACxG;AAEF,CAAC,CAAC"}
|