@progress/kendo-vue-common 8.4.0-develop.3 → 8.4.0-develop.5
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/cdn/js/kendo-vue-common.js +1 -1
- package/icons/BaseIconProps.d.ts +11 -2
- package/icons/FontIcon.d.ts +6 -0
- package/icons/FontIcon.js +1 -1
- package/icons/FontIcon.mjs +12 -7
- package/icons/Icon.d.ts +2 -0
- package/icons/Icon.js +1 -1
- package/icons/Icon.mjs +23 -20
- package/icons/SvgIcon.d.ts +34 -0
- package/icons/SvgIcon.js +1 -1
- package/icons/SvgIcon.mjs +39 -26
- package/icons/models/fill-mode.d.ts +16 -0
- package/icons/models/theme-color.d.ts +1 -3
- package/icons/models/variant.d.ts +16 -0
- package/index.d.mts +2 -0
- package/index.d.ts +2 -0
- package/package.json +1 -1
- package/theme.js +1 -1
- package/theme.mjs +1 -0
- package/unstyled/buttons.d.ts +0 -4
- package/unstyled/buttons.js +1 -1
- package/unstyled/buttons.mjs +111 -129
- package/unstyled/icons.d.ts +2 -0
- package/unstyled/icons.js +1 -1
- package/unstyled/icons.mjs +10 -11
- package/unstyled/json-classes.js +1 -1
- package/unstyled/json-classes.mjs +6 -8
package/unstyled/buttons.mjs
CHANGED
|
@@ -5,148 +5,130 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { getClassByName as
|
|
9
|
-
import { buttonPrefix as
|
|
8
|
+
import { getClassByName as P } from "./common.mjs";
|
|
9
|
+
import { buttonPrefix as e, elements as f, base as l, states as p, roundedMap as g, fillModeMap as $, themeColorMap as i, sizeMap as k, containers as u, directionMap as F, ddbPrefix as c } from "./json-classes.mjs";
|
|
10
10
|
const M = {
|
|
11
11
|
wrapper: {
|
|
12
|
-
main:
|
|
12
|
+
main: e,
|
|
13
13
|
size: {
|
|
14
|
-
small: `${
|
|
15
|
-
medium: `${
|
|
16
|
-
large: `${
|
|
14
|
+
small: `${e}-${k.small}`,
|
|
15
|
+
medium: `${e}-${k.medium}`,
|
|
16
|
+
large: `${e}-${k.large}`
|
|
17
17
|
},
|
|
18
18
|
fillMode: {
|
|
19
|
-
solid: `${
|
|
20
|
-
outline: `${
|
|
21
|
-
flat: `${
|
|
22
|
-
link: `${
|
|
23
|
-
clear: `${
|
|
19
|
+
solid: `${e}-${$.solid}`,
|
|
20
|
+
outline: `${e}-${$.outline}`,
|
|
21
|
+
flat: `${e}-${$.flat}`,
|
|
22
|
+
link: `${e}-${$.link}`,
|
|
23
|
+
clear: `${e}-${$.clear}`
|
|
24
24
|
},
|
|
25
25
|
themeColor: {
|
|
26
26
|
base: {
|
|
27
27
|
fillMode: {
|
|
28
|
-
solid: `${
|
|
29
|
-
outline: `${
|
|
30
|
-
flat: `${
|
|
31
|
-
link: `${
|
|
32
|
-
clear: `${
|
|
28
|
+
solid: `${e}-${$.solid}-${i.base}`,
|
|
29
|
+
outline: `${e}-${$.outline}-${i.base}`,
|
|
30
|
+
flat: `${e}-${$.flat}-${i.base}`,
|
|
31
|
+
link: `${e}-${$.link}-${i.base}`,
|
|
32
|
+
clear: `${e}-${$.clear}-${i.base}`
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
35
|
primary: {
|
|
36
36
|
fillMode: {
|
|
37
|
-
solid: `${
|
|
38
|
-
outline: `${
|
|
39
|
-
flat: `${
|
|
40
|
-
link: `${
|
|
41
|
-
clear: `${
|
|
37
|
+
solid: `${e}-${$.solid}-${i.primary}`,
|
|
38
|
+
outline: `${e}-${$.outline}-${i.primary}`,
|
|
39
|
+
flat: `${e}-${$.flat}-${i.primary}`,
|
|
40
|
+
link: `${e}-${$.link}-${i.primary}`,
|
|
41
|
+
clear: `${e}-${$.clear}-${i.primary}`
|
|
42
42
|
}
|
|
43
43
|
},
|
|
44
44
|
secondary: {
|
|
45
45
|
fillMode: {
|
|
46
|
-
solid: `${
|
|
47
|
-
outline: `${
|
|
48
|
-
flat: `${
|
|
49
|
-
link: `${
|
|
50
|
-
clear: `${
|
|
46
|
+
solid: `${e}-${$.solid}-${i.secondary}`,
|
|
47
|
+
outline: `${e}-${$.outline}-${i.secondary}`,
|
|
48
|
+
flat: `${e}-${$.flat}-${i.secondary}`,
|
|
49
|
+
link: `${e}-${$.link}-${i.secondary}`,
|
|
50
|
+
clear: `${e}-${$.clear}-${i.secondary}`
|
|
51
51
|
}
|
|
52
52
|
},
|
|
53
53
|
tertiary: {
|
|
54
54
|
fillMode: {
|
|
55
|
-
solid: `${
|
|
56
|
-
outline: `${
|
|
57
|
-
flat: `${
|
|
58
|
-
link: `${
|
|
59
|
-
clear: `${
|
|
55
|
+
solid: `${e}-${$.solid}-${i.tertiary}`,
|
|
56
|
+
outline: `${e}-${$.outline}-${i.tertiary}`,
|
|
57
|
+
flat: `${e}-${$.flat}-${i.tertiary}`,
|
|
58
|
+
link: `${e}-${$.link}-${i.tertiary}`,
|
|
59
|
+
clear: `${e}-${$.clear}-${i.tertiary}`
|
|
60
60
|
}
|
|
61
61
|
},
|
|
62
62
|
info: {
|
|
63
63
|
fillMode: {
|
|
64
|
-
solid: `${
|
|
65
|
-
outline: `${
|
|
66
|
-
flat: `${
|
|
67
|
-
link: `${
|
|
68
|
-
clear: `${
|
|
64
|
+
solid: `${e}-${$.solid}-${i.info}`,
|
|
65
|
+
outline: `${e}-${$.outline}-${i.info}`,
|
|
66
|
+
flat: `${e}-${$.flat}-${i.info}`,
|
|
67
|
+
link: `${e}-${$.link}-${i.info}`,
|
|
68
|
+
clear: `${e}-${$.clear}-${i.info}`
|
|
69
69
|
}
|
|
70
70
|
},
|
|
71
71
|
success: {
|
|
72
72
|
fillMode: {
|
|
73
|
-
solid: `${
|
|
74
|
-
outline: `${
|
|
75
|
-
flat: `${
|
|
76
|
-
link: `${
|
|
77
|
-
clear: `${
|
|
73
|
+
solid: `${e}-${$.solid}-${i.success}`,
|
|
74
|
+
outline: `${e}-${$.outline}-${i.success}`,
|
|
75
|
+
flat: `${e}-${$.flat}-${i.success}`,
|
|
76
|
+
link: `${e}-${$.link}-${i.success}`,
|
|
77
|
+
clear: `${e}-${$.clear}-${i.success}`
|
|
78
78
|
}
|
|
79
79
|
},
|
|
80
80
|
warning: {
|
|
81
81
|
fillMode: {
|
|
82
|
-
solid: `${
|
|
83
|
-
outline: `${
|
|
84
|
-
flat: `${
|
|
85
|
-
link: `${
|
|
86
|
-
clear: `${
|
|
82
|
+
solid: `${e}-${$.solid}-${i.warning}`,
|
|
83
|
+
outline: `${e}-${$.outline}-${i.warning}`,
|
|
84
|
+
flat: `${e}-${$.flat}-${i.warning}`,
|
|
85
|
+
link: `${e}-${$.link}-${i.warning}`,
|
|
86
|
+
clear: `${e}-${$.clear}-${i.warning}`
|
|
87
87
|
}
|
|
88
88
|
},
|
|
89
89
|
error: {
|
|
90
90
|
fillMode: {
|
|
91
|
-
solid: `${
|
|
92
|
-
outline: `${
|
|
93
|
-
flat: `${
|
|
94
|
-
link: `${
|
|
95
|
-
clear: `${
|
|
96
|
-
}
|
|
97
|
-
},
|
|
98
|
-
dark: {
|
|
99
|
-
fillMode: {
|
|
100
|
-
solid: `${$}-${e.solid}-${i.dark}`,
|
|
101
|
-
outline: `${$}-${e.outline}-${i.dark}`,
|
|
102
|
-
flat: `${$}-${e.flat}-${i.dark}`,
|
|
103
|
-
link: `${$}-${e.link}-${i.dark}`,
|
|
104
|
-
clear: `${$}-${e.clear}-${i.dark}`
|
|
105
|
-
}
|
|
106
|
-
},
|
|
107
|
-
light: {
|
|
108
|
-
fillMode: {
|
|
109
|
-
solid: `${$}-${e.solid}-${i.light}`,
|
|
110
|
-
outline: `${$}-${e.outline}-${i.light}`,
|
|
111
|
-
flat: `${$}-${e.flat}-${i.light}`,
|
|
112
|
-
link: `${$}-${e.link}-${i.light}`,
|
|
113
|
-
clear: `${$}-${e.clear}-${i.light}`
|
|
91
|
+
solid: `${e}-${$.solid}-${i.error}`,
|
|
92
|
+
outline: `${e}-${$.outline}-${i.error}`,
|
|
93
|
+
flat: `${e}-${$.flat}-${i.error}`,
|
|
94
|
+
link: `${e}-${$.link}-${i.error}`,
|
|
95
|
+
clear: `${e}-${$.clear}-${i.error}`
|
|
114
96
|
}
|
|
115
97
|
},
|
|
116
98
|
inverse: {
|
|
117
99
|
fillMode: {
|
|
118
|
-
solid: `${
|
|
119
|
-
outline: `${
|
|
120
|
-
flat: `${
|
|
121
|
-
link: `${
|
|
122
|
-
clear: `${
|
|
100
|
+
solid: `${e}-${$.solid}-${i.inverse}`,
|
|
101
|
+
outline: `${e}-${$.outline}-${i.inverse}`,
|
|
102
|
+
flat: `${e}-${$.flat}-${i.inverse}`,
|
|
103
|
+
link: `${e}-${$.link}-${i.inverse}`,
|
|
104
|
+
clear: `${e}-${$.clear}-${i.inverse}`
|
|
123
105
|
}
|
|
124
106
|
}
|
|
125
107
|
},
|
|
126
108
|
rounded: {
|
|
127
|
-
small: `${
|
|
128
|
-
medium: `${
|
|
129
|
-
large: `${
|
|
109
|
+
small: `${l.prefix}-${l.rounded}-${g.small}`,
|
|
110
|
+
medium: `${l.prefix}-${l.rounded}-${g.medium}`,
|
|
111
|
+
large: `${l.prefix}-${l.rounded}-${g.large}`
|
|
130
112
|
},
|
|
131
|
-
iconButton: `${
|
|
132
|
-
disabled: `${
|
|
133
|
-
selected: `${
|
|
134
|
-
isRtl: `${
|
|
113
|
+
iconButton: `${l.prefix}-${f.icon}-${f.button}`,
|
|
114
|
+
disabled: `${l.prefix}-${p.disabled}`,
|
|
115
|
+
selected: `${l.prefix}-${p.selected}`,
|
|
116
|
+
isRtl: `${l.prefix}-${l.rtl}`
|
|
135
117
|
},
|
|
136
|
-
text: `${
|
|
137
|
-
icon: `${
|
|
118
|
+
text: `${e}-${f.text}`,
|
|
119
|
+
icon: `${e}-${f.icon}`
|
|
138
120
|
}, E = {
|
|
139
121
|
wrapper: (n) => {
|
|
140
|
-
var y, z, B,
|
|
141
|
-
const { isRtl: t, selected: a, disabled: o, size:
|
|
122
|
+
var y, z, B, v, D, R, G;
|
|
123
|
+
const { isRtl: t, selected: a, disabled: o, size: r, fillMode: m, rounded: x, themeColor: h, iconButton: j, c: q = M } = n, d = q.wrapper, s = (y = d.themeColor) == null ? void 0 : y[h], w = (z = s == null ? void 0 : s.fillMode) == null ? void 0 : z[m];
|
|
142
124
|
return {
|
|
143
125
|
[d.main]: !0,
|
|
144
|
-
[d.size[
|
|
145
|
-
[`${
|
|
146
|
-
[d.fillMode[m]]: (
|
|
126
|
+
[d.size[r]]: (B = d.size) == null ? void 0 : B[r],
|
|
127
|
+
[`${e}-${r}`]: r && !((v = d.size) != null && v[r]),
|
|
128
|
+
[d.fillMode[m]]: (D = d.fillMode) == null ? void 0 : D[m],
|
|
147
129
|
[w]: w,
|
|
148
|
-
[d.rounded[
|
|
149
|
-
[`${
|
|
130
|
+
[d.rounded[x]]: (R = d.rounded) == null ? void 0 : R[x],
|
|
131
|
+
[`${l.prefix}-${l.rounded}-${x}`]: x && !((G = d.rounded) != null && G[x]),
|
|
150
132
|
[d.iconButton]: j,
|
|
151
133
|
[s == null ? void 0 : s.disabled]: o && (s == null ? void 0 : s.disabled),
|
|
152
134
|
[s == null ? void 0 : s.selected]: a && (s == null ? void 0 : s.selected),
|
|
@@ -167,94 +149,94 @@ const M = {
|
|
|
167
149
|
[t.icon]: !0
|
|
168
150
|
};
|
|
169
151
|
}
|
|
170
|
-
},
|
|
152
|
+
}, N = {
|
|
171
153
|
wrapper: {
|
|
172
|
-
main: `${
|
|
173
|
-
stretched: `${
|
|
174
|
-
disabled: `${
|
|
154
|
+
main: `${e}-${u.group}`,
|
|
155
|
+
stretched: `${e}-${u.group}-${p.stretched}`,
|
|
156
|
+
disabled: `${l.prefix}-${p.disabled}`
|
|
175
157
|
},
|
|
176
158
|
position: {
|
|
177
|
-
start: `${
|
|
178
|
-
end: `${
|
|
159
|
+
start: `${l.prefix}-${u.group}-${F.start}`,
|
|
160
|
+
end: `${l.prefix}-${u.group}-${F.end}`
|
|
179
161
|
}
|
|
180
162
|
}, H = {
|
|
181
163
|
wrapper: (n) => {
|
|
182
|
-
const { stretched: t, disabled: a, c: o =
|
|
164
|
+
const { stretched: t, disabled: a, c: o = N } = n, r = o.wrapper;
|
|
183
165
|
return {
|
|
184
|
-
[
|
|
185
|
-
[
|
|
186
|
-
[
|
|
166
|
+
[r.main]: !0,
|
|
167
|
+
[r.stretched]: t,
|
|
168
|
+
[r.disabled]: a
|
|
187
169
|
};
|
|
188
170
|
},
|
|
189
171
|
position: (n) => {
|
|
190
|
-
const { start: t, end: a, c: o =
|
|
172
|
+
const { start: t, end: a, c: o = N } = n, r = o.position;
|
|
191
173
|
return {
|
|
192
|
-
[
|
|
193
|
-
[
|
|
174
|
+
[r.start]: t,
|
|
175
|
+
[r.end]: a
|
|
194
176
|
};
|
|
195
177
|
}
|
|
196
|
-
},
|
|
178
|
+
}, b = {
|
|
197
179
|
wrapper: {
|
|
198
180
|
main: `${c}-${f.button}`,
|
|
199
|
-
focus: `${
|
|
200
|
-
disabled: `${
|
|
181
|
+
focus: `${l.prefix}-${p.focus}`,
|
|
182
|
+
disabled: `${l.prefix}-${p.disabled}`
|
|
201
183
|
},
|
|
202
184
|
ul: {
|
|
203
185
|
group: `${c}-${u.group}`,
|
|
204
186
|
size: {
|
|
205
|
-
small: `${c}-${u.group}-${
|
|
206
|
-
medium: `${c}-${u.group}-${
|
|
207
|
-
large: `${c}-${u.group}-${
|
|
187
|
+
small: `${c}-${u.group}-${k.small}`,
|
|
188
|
+
medium: `${c}-${u.group}-${k.medium}`,
|
|
189
|
+
large: `${c}-${u.group}-${k.large}`
|
|
208
190
|
}
|
|
209
191
|
},
|
|
210
192
|
li: {
|
|
211
|
-
item: `${
|
|
212
|
-
focus: `${
|
|
193
|
+
item: `${l.prefix}-${u.item}`,
|
|
194
|
+
focus: `${l.prefix}-${p.focus}`
|
|
213
195
|
},
|
|
214
196
|
item: `${c}-${u.item}`,
|
|
215
197
|
link: {
|
|
216
|
-
main: `${
|
|
198
|
+
main: `${l.prefix}-${f.link}`,
|
|
217
199
|
link: `${c}-${f.link}`,
|
|
218
|
-
selected: `${
|
|
219
|
-
disabled: `${
|
|
200
|
+
selected: `${l.prefix}-${p.selected}`,
|
|
201
|
+
disabled: `${l.prefix}-${p.disabled}`
|
|
220
202
|
},
|
|
221
203
|
popup: `${c}-${u.popup}`
|
|
222
204
|
}, I = {
|
|
223
205
|
wrapper: (n) => {
|
|
224
|
-
const { focused: t, disabled: a, c: o =
|
|
206
|
+
const { focused: t, disabled: a, c: o = b } = n, r = o.wrapper;
|
|
225
207
|
return {
|
|
226
|
-
[
|
|
227
|
-
[
|
|
228
|
-
[
|
|
208
|
+
[r.main]: !0,
|
|
209
|
+
[r.focus]: t,
|
|
210
|
+
[r.disabled]: a
|
|
229
211
|
};
|
|
230
212
|
},
|
|
231
213
|
ul: (n) => {
|
|
232
|
-
var
|
|
233
|
-
const { size: t, c: a =
|
|
214
|
+
var r, m;
|
|
215
|
+
const { size: t, c: a = b } = n, o = a.ul;
|
|
234
216
|
return {
|
|
235
217
|
[o.group]: !0,
|
|
236
|
-
[o.size[t]]: (
|
|
218
|
+
[o.size[t]]: (r = o.size) == null ? void 0 : r[t],
|
|
237
219
|
[`${c}-${u.group}-${t}`]: t && !((m = o.size) != null && m[t])
|
|
238
220
|
};
|
|
239
221
|
},
|
|
240
222
|
li: (n) => {
|
|
241
|
-
const { focused: t, c: a =
|
|
223
|
+
const { focused: t, c: a = b } = n, o = a.li;
|
|
242
224
|
return {
|
|
243
225
|
[o.item]: !0,
|
|
244
226
|
[o.focus]: t
|
|
245
227
|
};
|
|
246
228
|
},
|
|
247
|
-
item:
|
|
229
|
+
item: P(b, "item"),
|
|
248
230
|
link: (n) => {
|
|
249
|
-
const { selected: t, disabled: a, c: o =
|
|
231
|
+
const { selected: t, disabled: a, c: o = b } = n, r = o.link;
|
|
250
232
|
return {
|
|
251
|
-
[
|
|
252
|
-
[
|
|
253
|
-
[
|
|
254
|
-
[
|
|
233
|
+
[r.main]: !0,
|
|
234
|
+
[r.link]: !0,
|
|
235
|
+
[r.selected]: t,
|
|
236
|
+
[r.disabled]: a
|
|
255
237
|
};
|
|
256
238
|
},
|
|
257
|
-
popup:
|
|
239
|
+
popup: P(b, "popup")
|
|
258
240
|
};
|
|
259
241
|
export {
|
|
260
242
|
E as uButton,
|
package/unstyled/icons.d.ts
CHANGED
package/unstyled/icons.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./json-classes.js"),l={wrapper:{main:`${e.base.prefix}-${e.icon.prefix}`,svgPrefix:`${e.base.prefix}-${e.icon.svg}-${e.icon.prefix}`,namePrefix:`${e.base.prefix}-${e.icon.svg}-${e.icon.i}-`,flipH:`${e.base.prefix}-${e.icon.flipH}`,flipV:`${e.base.prefix}-${e.icon.flipV}`,themeColor:{inherit:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.inherit}`,primary:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.primary}`,secondary:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.secondary}`,tertiary:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.tertiary}`,info:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.info}`,success:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.success}`,warning:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.warning}`,error:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.error}`,
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./json-classes.js"),l={wrapper:{main:`${e.base.prefix}-${e.icon.prefix}`,svgPrefix:`${e.base.prefix}-${e.icon.svg}-${e.icon.prefix}`,namePrefix:`${e.base.prefix}-${e.icon.svg}-${e.icon.i}-`,flipH:`${e.base.prefix}-${e.icon.flipH}`,flipV:`${e.base.prefix}-${e.icon.flipV}`,themeColor:{inherit:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.inherit}`,primary:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.primary}`,secondary:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.secondary}`,tertiary:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.tertiary}`,info:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.info}`,success:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.success}`,warning:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.warning}`,error:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.error}`,inverse:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.inverse}`},size:{default:"",xsmall:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.xsmall}`,small:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.small}`,medium:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.medium}`,large:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.large}`,xlarge:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.xlarge}`,xxlarge:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.xxlarge}`,xxxlarge:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.xxxlarge}`}},svg:{main:"",flipH:"",flipV:""}},c={wrapper:p=>{const{iconNameProp:o,themeColor:a,flipH:s,flipV:r,size:$,c:n=l}=p,i=n.wrapper||{};return{[i.main||""]:!0,[i.svgPrefix||""]:!0,[`${i.namePrefix||""}${o}`]:o,[i.themeColor[a]||""]:a,[i.flipH||""]:s,[i.flipV||""]:r,[i.size[$]||""]:i.size[$]}},svg:p=>{const{flipH:o,flipV:a,c:s=l}=p,r=s.svg;return{[r.main||""]:!0,[r.flipH||""]:o,[r.flipV||""]:a}}};exports.uSvgIcon=c;
|
package/unstyled/icons.mjs
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
import { base as e, icon as r, sizeMap as p, themeColorMap as i } from "./json-classes.mjs";
|
|
9
|
-
const
|
|
9
|
+
const n = {
|
|
10
10
|
wrapper: {
|
|
11
11
|
main: `${e.prefix}-${r.prefix}`,
|
|
12
12
|
svgPrefix: `${e.prefix}-${r.svg}-${r.prefix}`,
|
|
@@ -22,8 +22,7 @@ const c = {
|
|
|
22
22
|
success: `${e.prefix}-${r.color}-${i.success}`,
|
|
23
23
|
warning: `${e.prefix}-${r.color}-${i.warning}`,
|
|
24
24
|
error: `${e.prefix}-${r.color}-${i.error}`,
|
|
25
|
-
|
|
26
|
-
light: `${e.prefix}-${r.color}-${i.light}`
|
|
25
|
+
inverse: `${e.prefix}-${r.color}-${i.inverse}`
|
|
27
26
|
},
|
|
28
27
|
size: {
|
|
29
28
|
default: "",
|
|
@@ -42,24 +41,24 @@ const c = {
|
|
|
42
41
|
flipV: ""
|
|
43
42
|
}
|
|
44
43
|
}, m = {
|
|
45
|
-
wrapper: (
|
|
46
|
-
const { iconNameProp: x, themeColor:
|
|
44
|
+
wrapper: (l) => {
|
|
45
|
+
const { iconNameProp: x, themeColor: o, flipH: s, flipV: f, size: a, c = n } = l, $ = c.wrapper || {};
|
|
47
46
|
return {
|
|
48
47
|
[$.main || ""]: !0,
|
|
49
48
|
[$.svgPrefix || ""]: !0,
|
|
50
49
|
[`${$.namePrefix || ""}${x}`]: x,
|
|
51
|
-
[$.themeColor[
|
|
52
|
-
[$.flipH || ""]:
|
|
50
|
+
[$.themeColor[o] || ""]: o,
|
|
51
|
+
[$.flipH || ""]: s,
|
|
53
52
|
[$.flipV || ""]: f,
|
|
54
|
-
[$.size[
|
|
53
|
+
[$.size[a] || ""]: $.size[a]
|
|
55
54
|
};
|
|
56
55
|
},
|
|
57
|
-
svg: (
|
|
58
|
-
const { flipH: x, flipV:
|
|
56
|
+
svg: (l) => {
|
|
57
|
+
const { flipH: x, flipV: o, c: s = n } = l, f = s.svg;
|
|
59
58
|
return {
|
|
60
59
|
[f.main || ""]: !0,
|
|
61
60
|
[f.flipH || ""]: x,
|
|
62
|
-
[f.flipV || ""]:
|
|
61
|
+
[f.flipV || ""]: o
|
|
63
62
|
};
|
|
64
63
|
}
|
|
65
64
|
};
|
package/unstyled/json-classes.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={prefix:"k",important:"!",rtl:"rtl",rounded:"rounded",value:"value",state:"state",filter:"filter",virtual:"virtual",infinite:"infinite",clear:"clear",reset:"reset",data:"data",nodata:"nodata",scroller:"scroller"},n={center:"center",hbox:"hbox",vstack:"vstack",hstack:"hstack",overflow:"overflow"},t={actionsheet:"actionsheet",calendar:"calendar",buttongroup:"buttongroup",dateinput:"dateinput",datetime:"datetime",datetimepicker:"datetimepicker",dropdownlist:"dropdownlist",combobox:"combobox",maskedtextbox:"maskedtextbox",menu:"menu",searchbox:"searchbox",timepicker:"timepicker"},l={xsmall:"xs",small:"sm",medium:"md",large:"lg",xlarge:"xl",xxlarge:"xxl",xxxlarge:"xxxl"},s={solid:"solid",outline:"outline",flat:"flat",link:"link",clear:"clear"},c={base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={prefix:"k",important:"!",rtl:"rtl",rounded:"rounded",value:"value",state:"state",filter:"filter",virtual:"virtual",infinite:"infinite",clear:"clear",reset:"reset",data:"data",nodata:"nodata",scroller:"scroller"},n={center:"center",hbox:"hbox",vstack:"vstack",hstack:"hstack",overflow:"overflow"},t={actionsheet:"actionsheet",calendar:"calendar",buttongroup:"buttongroup",dateinput:"dateinput",datetime:"datetime",datetimepicker:"datetimepicker",dropdownlist:"dropdownlist",combobox:"combobox",maskedtextbox:"maskedtextbox",menu:"menu",searchbox:"searchbox",timepicker:"timepicker"},l={xsmall:"xs",small:"sm",medium:"md",large:"lg",xlarge:"xl",xxlarge:"xxl",xxxlarge:"xxxl"},s={solid:"solid",outline:"outline",flat:"flat",link:"link",clear:"clear"},c={base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inherit:"inherit",inverse:"inverse"},d={small:"sm",medium:"md",large:"lg",full:"full"},p={vertical:"vertical",horizontal:"horizontal"},f={height:"height",width:"width"},m={default:"cursor-default"},u={up:"up",down:"down",left:"left",right:"right",start:"start",mid:"mid",end:"end"},r={actions:"actions",container:"container",content:"content",group:"group",row:"row",nav:"nav",wrap:"wrap",wrapper:"wrapper",list:"list",placeholder:"placeholder",popup:"popup",item:"item",part:"part",picker:"picker",separator:"separator",spacer:"spacer",tab:"tab",titlebar:"titlebar",optionLabel:"optionlabel",view:"view"},o={table:"table",text:"text",button:"button",tbody:"tbody",thead:"thead",tr:"tr",th:"th",td:"td",header:"header",footer:"footer",icon:"icon",title:"title",subtitle:"subtitle",link:"link",label:"label",ul:"ul",caption:"caption"},h={increase:"increase",decrease:"decrease",cancel:"cancel",accept:"accept",split:"split"},x={active:"active",adaptive:"adaptive",first:"first",focus:"focus",pending:"pending",last:"last",draggable:"draggable",filterable:"filterable",grouping:"grouping",selected:"selected",highlighted:"highlighted",disabled:"disabled",hidden:"hidden",highlight:"highlight",invalid:"invalid",loading:"loading",required:"required",checked:"checked",empty:"empty",scrollable:"scrollable",sorted:"sorted",sort:"sort",sticky:"sticky",stretched:"stretched",order:"order",alt:"alt",edit:"edit",template:"template",shown:"shown",horizontal:"horizontal",vertical:"vertical",fullscreen:"fullscreen",bottom:"bottom"},b={prefix:"animation",child:"child",relative:"relative",slide:"slide",appear:"appear",active:"active",enter:"enter",exit:"exit",pushRight:"push-right",pushLeft:"push-left",pushDown:"push-down",pushUp:"push-up",expandVertical:"expand-vertical",expandHorizontal:"expand-horizontal",fade:"fade",zoomIn:"zoom-in",zoomOut:"zoom-out",slideIn:"slide-in",slideDown:"slide-down",slideUp:"slide-up",slideRight:"slide-right",slideLeft:"slide-left",revealVertical:"reveal-vertical",revealHorizontal:"reveal-horizontal","animation-container":"animation-container","animation-container-shown":"animation-container-shown","animation-container-relative":"animation-container-relative","animation-container-fixed":"animation-container-fixed","child-animation-container":"child-animation-container"},i={input:"input",inner:"inner",spin:"spin",spinner:"spinner",maskedtextbox:"maskedtextbox",radio:"radio",textbox:"textbox",prefix:"prefix",suffix:"suffix"},g={week:"week",weekdays:"weekdays",weekend:"weekend",month:"month",year:"year",decade:"decade",century:"century",number:"number",navigation:"navigation",marker:"marker",now:"now",range:"range",today:"today",other:"other",date:"date",time:"time",selector:"selector",timeselector:"timeselector"},v={prefix:"icon",svg:"svg",i:"i",color:"color",flipH:"flip-h",flipV:"flip-v"},w={label:"label",text:"text",floatingLabel:"floating-label",container:"container",hint:"form-hint",error:"form-error"},k={form:"form",fieldset:"fieldset",legend:"legend",separator:"separator",field:"field"},y={prefix:"popup"},a={prefix:"grid",ariaRoot:"aria-root",tableWrap:"table-wrap",master:"master",column:"column",cell:"cell",cellInner:"cell-inner",row:"row",group:"group",hierarchy:"hierarchy",detail:"detail",noRecords:"norecords",pager:"pager"},P={drop:"drop",drag:"drag",hint:"hint",vertical:"v",horizontal:"h",clue:"clue",reorder:"reorder"},$=`${e.prefix}-${i.input}`,z=`${e.prefix}-${t.calendar}`,M=`${e.prefix}-${t.maskedtextbox}`,R=`${e.prefix}-${i.radio}`,L=`${e.prefix}-${o.button}`,I=`${e.prefix}-${t.menu}`,D=`${e.prefix}-${r.picker}`,S=`${e.prefix}-${t.dropdownlist}`,U=`${e.prefix}-${t.combobox}`,j=`${e.prefix}-${a.prefix}`,H={base:e,actions:h,animation:b,sizeMap:l,components:t,cssUtils:n,directionMap:u,fillModeMap:s,themeColorMap:c,roundedMap:d,orientationMap:p,elements:o,states:x,dimensions:f,containers:r,cursor:m,inputs:i,dateInputs:g,labels:w,forms:k,popup:y,icon:v,grid:a};exports.actions=h;exports.animationStyles=b;exports.base=e;exports.buttonPrefix=L;exports.calendarPrefix=z;exports.comboBoxPrefix=U;exports.components=t;exports.containers=r;exports.cssUtils=n;exports.cursor=m;exports.dateInputs=g;exports.ddbPrefix=I;exports.dimensions=f;exports.directionMap=u;exports.dropDownListPrefix=S;exports.elements=o;exports.fillModeMap=s;exports.forms=k;exports.grid=a;exports.gridPrefix=j;exports.gridRowReorder=P;exports.icon=v;exports.inputPrefix=$;exports.inputs=i;exports.jsonTheme=H;exports.labels=w;exports.maskedPrefix=M;exports.orientationMap=p;exports.pickerPrefix=D;exports.popup=y;exports.radioPrefix=R;exports.roundedMap=d;exports.sizeMap=l;exports.states=x;exports.themeColorMap=c;
|
|
@@ -62,8 +62,6 @@ const e = {
|
|
|
62
62
|
success: "success",
|
|
63
63
|
warning: "warning",
|
|
64
64
|
error: "error",
|
|
65
|
-
dark: "dark",
|
|
66
|
-
light: "light",
|
|
67
65
|
inherit: "inherit",
|
|
68
66
|
inverse: "inverse"
|
|
69
67
|
}, d = {
|
|
@@ -166,7 +164,7 @@ const e = {
|
|
|
166
164
|
vertical: "vertical",
|
|
167
165
|
fullscreen: "fullscreen",
|
|
168
166
|
bottom: "bottom"
|
|
169
|
-
},
|
|
167
|
+
}, b = {
|
|
170
168
|
prefix: "animation",
|
|
171
169
|
child: "child",
|
|
172
170
|
relative: "relative",
|
|
@@ -206,7 +204,7 @@ const e = {
|
|
|
206
204
|
textbox: "textbox",
|
|
207
205
|
prefix: "prefix",
|
|
208
206
|
suffix: "suffix"
|
|
209
|
-
},
|
|
207
|
+
}, g = {
|
|
210
208
|
week: "week",
|
|
211
209
|
weekdays: "weekdays",
|
|
212
210
|
weekend: "weekend",
|
|
@@ -273,7 +271,7 @@ const e = {
|
|
|
273
271
|
}, z = `${e.prefix}-${i.input}`, P = `${e.prefix}-${t.calendar}`, M = `${e.prefix}-${t.maskedtextbox}`, R = `${e.prefix}-${i.radio}`, L = `${e.prefix}-${a.button}`, I = `${e.prefix}-${t.menu}`, D = `${e.prefix}-${r.picker}`, H = `${e.prefix}-${t.dropdownlist}`, U = `${e.prefix}-${t.combobox}`, V = `${e.prefix}-${o.prefix}`, q = {
|
|
274
272
|
base: e,
|
|
275
273
|
actions: u,
|
|
276
|
-
animation:
|
|
274
|
+
animation: b,
|
|
277
275
|
sizeMap: l,
|
|
278
276
|
components: t,
|
|
279
277
|
cssUtils: n,
|
|
@@ -288,7 +286,7 @@ const e = {
|
|
|
288
286
|
containers: r,
|
|
289
287
|
cursor: m,
|
|
290
288
|
inputs: i,
|
|
291
|
-
dateInputs:
|
|
289
|
+
dateInputs: g,
|
|
292
290
|
labels: w,
|
|
293
291
|
forms: k,
|
|
294
292
|
popup: y,
|
|
@@ -297,7 +295,7 @@ const e = {
|
|
|
297
295
|
};
|
|
298
296
|
export {
|
|
299
297
|
u as actions,
|
|
300
|
-
|
|
298
|
+
b as animationStyles,
|
|
301
299
|
e as base,
|
|
302
300
|
L as buttonPrefix,
|
|
303
301
|
P as calendarPrefix,
|
|
@@ -306,7 +304,7 @@ export {
|
|
|
306
304
|
r as containers,
|
|
307
305
|
n as cssUtils,
|
|
308
306
|
m as cursor,
|
|
309
|
-
|
|
307
|
+
g as dateInputs,
|
|
310
308
|
I as ddbPrefix,
|
|
311
309
|
h as dimensions,
|
|
312
310
|
f as directionMap,
|