@sap-ux/ui-components 1.15.14 → 1.16.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/components/Icons.js +1 -1
- package/dist/components/Icons.js.map +1 -1
- package/dist/components/UIButton/UIDefaultButton.d.ts +42 -5
- package/dist/components/UIButton/UIDefaultButton.d.ts.map +1 -1
- package/dist/components/UIButton/UIDefaultButton.js +152 -42
- package/dist/components/UIButton/UIDefaultButton.js.map +1 -1
- package/dist/components/UIButton/UIIconButton.js +1 -1
- package/dist/components/UIButton/UIIconButton.js.map +1 -1
- package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss +2 -2
- package/package.json +1 -1
- package/storybook/{273.897b92d6.iframe.bundle.js → 273.b796337a.iframe.bundle.js} +1 -1
- package/storybook/703.0ef9fb08.iframe.bundle.js +1 -0
- package/storybook/859.c80a8b81.iframe.bundle.js +1 -0
- package/storybook/UIButton-story.60bad34a.iframe.bundle.js +2 -0
- package/storybook/{UIToggleGroup-story.5e7383bd.iframe.bundle.js → UIToggleGroup-story.5bb9512f.iframe.bundle.js} +1 -1
- package/storybook/UITreedropdown-story.bb950626.iframe.bundle.js +2 -0
- package/storybook/iframe.html +1 -1
- package/storybook/project.json +1 -1
- package/storybook/{runtime~main.0654f269.iframe.bundle.js → runtime~main.5b41f9c4.iframe.bundle.js} +1 -1
- package/storybook/703.244f1314.iframe.bundle.js +0 -1
- package/storybook/859.0c587c70.iframe.bundle.js +0 -1
- package/storybook/UIButton-story.f4c65280.iframe.bundle.js +0 -2
- package/storybook/UITreedropdown-story.64d51051.iframe.bundle.js +0 -2
|
@@ -8,41 +8,64 @@ const react_1 = __importDefault(require("react"));
|
|
|
8
8
|
const react_2 = require("@fluentui/react");
|
|
9
9
|
const UIContextualMenu_1 = require("../UIContextualMenu");
|
|
10
10
|
const UIInput_1 = require("../UIInput");
|
|
11
|
+
const VSCODE_BORDER_COLOR = 'var(--vscode-button-border, transparent)';
|
|
11
12
|
exports.BASE_STYLES = {
|
|
12
13
|
color: 'var(--vscode-button-foreground)',
|
|
14
|
+
checkedBorderColor: 'var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))',
|
|
13
15
|
primary: {
|
|
14
16
|
backgroundColor: 'var(--vscode-button-background)',
|
|
15
|
-
disabledBorderColor:
|
|
16
|
-
borderColor:
|
|
17
|
+
disabledBorderColor: VSCODE_BORDER_COLOR,
|
|
18
|
+
borderColor: VSCODE_BORDER_COLOR,
|
|
17
19
|
hoverBackgroundColor: 'var(--vscode-button-hoverBackground)',
|
|
18
|
-
hoverBorderColor:
|
|
20
|
+
hoverBorderColor: VSCODE_BORDER_COLOR
|
|
19
21
|
},
|
|
20
22
|
secondary: {
|
|
21
|
-
backgroundColor: 'var(--vscode-button-secondaryBackground
|
|
22
|
-
disabledBorderColor:
|
|
23
|
-
borderColor:
|
|
24
|
-
hoverBackgroundColor: 'var(--vscode-button-secondaryHoverBackground
|
|
25
|
-
hoverBorderColor:
|
|
26
|
-
color: 'var(--vscode-button-secondaryForeground
|
|
23
|
+
backgroundColor: 'var(--vscode-button-secondaryBackground)',
|
|
24
|
+
disabledBorderColor: VSCODE_BORDER_COLOR,
|
|
25
|
+
borderColor: VSCODE_BORDER_COLOR,
|
|
26
|
+
hoverBackgroundColor: 'var(--vscode-button-secondaryHoverBackground)',
|
|
27
|
+
hoverBorderColor: VSCODE_BORDER_COLOR,
|
|
28
|
+
color: 'var(--vscode-button-secondaryForeground)'
|
|
29
|
+
},
|
|
30
|
+
transparent: {
|
|
31
|
+
backgroundColor: 'transparent',
|
|
32
|
+
disabledBorderColor: 'transparent',
|
|
33
|
+
borderColor: 'transparent',
|
|
34
|
+
hoverBackgroundColor: 'var(--vscode-toolbar-hoverBackground, var(--vscode-menubar-selectionBackground))',
|
|
35
|
+
hoverBorderColor: 'var(--vscode-contrastActiveBorder, transparent)',
|
|
36
|
+
hoverBorderStyle: 'dashed',
|
|
37
|
+
color: 'var(--vscode-foreground)',
|
|
38
|
+
checkedBackgroundColor: 'var(--vscode-button-background)',
|
|
39
|
+
checkedColor: 'var(--vscode-button-foreground)',
|
|
40
|
+
checkedBorderStyle: 'solid'
|
|
27
41
|
}
|
|
28
42
|
};
|
|
43
|
+
const ICON_SELECTOR = 'svg > path, svg > rect';
|
|
29
44
|
/**
|
|
30
45
|
* UIDefaultButton component
|
|
31
46
|
* based on https://developer.microsoft.com/en-us/fluentui#/controls/web/button
|
|
32
47
|
*
|
|
33
48
|
* @exports
|
|
34
49
|
* @class UIDefaultButton
|
|
35
|
-
* @extends {React.Component<
|
|
50
|
+
* @extends {React.Component<UIDefaultButtonProps, {}>}
|
|
36
51
|
*/
|
|
37
52
|
class UIDefaultButton extends react_1.default.Component {
|
|
38
53
|
/**
|
|
39
54
|
* Initializes component properties.
|
|
40
55
|
*
|
|
41
|
-
* @param {
|
|
56
|
+
* @param {UIDefaultButtonProps} props
|
|
42
57
|
*/
|
|
43
58
|
constructor(props) {
|
|
44
59
|
super(props);
|
|
60
|
+
/**
|
|
61
|
+
* Method returns styles of root button element.
|
|
62
|
+
*
|
|
63
|
+
* @param props Button props.
|
|
64
|
+
*
|
|
65
|
+
* @returns Styles of root button element.
|
|
66
|
+
*/
|
|
45
67
|
this.setStyle = (props) => {
|
|
68
|
+
const { primary, transparent } = props;
|
|
46
69
|
const dividerStyle = {
|
|
47
70
|
position: 'absolute',
|
|
48
71
|
width: 1,
|
|
@@ -51,6 +74,10 @@ class UIDefaultButton extends react_1.default.Component {
|
|
|
51
74
|
bottom: 0,
|
|
52
75
|
backgroundColor: 'var(--vscode-editor-background)'
|
|
53
76
|
};
|
|
77
|
+
const interactionStyles = {
|
|
78
|
+
root: this.getInteractionStyle(false, primary, transparent),
|
|
79
|
+
checked: this.getInteractionStyle(true, primary, transparent)
|
|
80
|
+
};
|
|
54
81
|
return {
|
|
55
82
|
root: {
|
|
56
83
|
minWidth: 'initial',
|
|
@@ -73,11 +100,17 @@ class UIDefaultButton extends react_1.default.Component {
|
|
|
73
100
|
backgroundColor: exports.BASE_STYLES.secondary.backgroundColor,
|
|
74
101
|
borderColor: exports.BASE_STYLES.secondary.borderColor,
|
|
75
102
|
color: exports.BASE_STYLES.secondary.color,
|
|
76
|
-
...(
|
|
103
|
+
...(primary && {
|
|
77
104
|
backgroundColor: exports.BASE_STYLES.primary.backgroundColor,
|
|
78
105
|
borderColor: exports.BASE_STYLES.primary.borderColor,
|
|
79
106
|
color: exports.BASE_STYLES.color
|
|
80
107
|
}),
|
|
108
|
+
// Transparent button
|
|
109
|
+
...(transparent && {
|
|
110
|
+
backgroundColor: exports.BASE_STYLES.transparent.backgroundColor,
|
|
111
|
+
borderColor: exports.BASE_STYLES.transparent.borderColor,
|
|
112
|
+
color: exports.BASE_STYLES.transparent.color
|
|
113
|
+
}),
|
|
81
114
|
selectors: {
|
|
82
115
|
'.ms-Fabric--isFocusVisible &:focus:after': {
|
|
83
116
|
outlineColor: 'var(--vscode-focusBorder)',
|
|
@@ -101,51 +134,45 @@ class UIDefaultButton extends react_1.default.Component {
|
|
|
101
134
|
backgroundColor: exports.BASE_STYLES.secondary.backgroundColor,
|
|
102
135
|
borderColor: exports.BASE_STYLES.secondary.disabledBorderColor,
|
|
103
136
|
color: exports.BASE_STYLES.secondary.color,
|
|
104
|
-
...(
|
|
137
|
+
...(primary && {
|
|
105
138
|
opacity: '0.5 !important',
|
|
106
139
|
color: exports.BASE_STYLES.color,
|
|
107
140
|
backgroundColor: exports.BASE_STYLES.primary.backgroundColor,
|
|
108
141
|
borderColor: exports.BASE_STYLES.primary.disabledBorderColor
|
|
142
|
+
}),
|
|
143
|
+
...(transparent && {
|
|
144
|
+
color: exports.BASE_STYLES.transparent.color,
|
|
145
|
+
backgroundColor: exports.BASE_STYLES.transparent.backgroundColor,
|
|
146
|
+
borderColor: exports.BASE_STYLES.transparent.disabledBorderColor
|
|
109
147
|
})
|
|
110
148
|
},
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
color: exports.BASE_STYLES.secondary.color,
|
|
114
|
-
backgroundColor: exports.BASE_STYLES.secondary.hoverBackgroundColor,
|
|
115
|
-
borderColor: exports.BASE_STYLES.secondary.hoverBorderColor,
|
|
116
|
-
selectors: {
|
|
117
|
-
'svg > path, svg > rect': {
|
|
118
|
-
fill: exports.BASE_STYLES.secondary.color
|
|
119
|
-
}
|
|
120
|
-
},
|
|
121
|
-
...(props.primary && {
|
|
122
|
-
color: exports.BASE_STYLES.color,
|
|
123
|
-
backgroundColor: exports.BASE_STYLES.primary.hoverBackgroundColor,
|
|
124
|
-
borderColor: exports.BASE_STYLES.primary.hoverBorderColor,
|
|
125
|
-
selectors: {
|
|
126
|
-
'svg > path, svg > rect': {
|
|
127
|
-
fill: exports.BASE_STYLES.color
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
})
|
|
131
|
-
},
|
|
149
|
+
rootPressed: interactionStyles.root,
|
|
150
|
+
rootHovered: interactionStyles.root,
|
|
132
151
|
icon: {
|
|
133
152
|
height: 16,
|
|
134
153
|
lineHeight: 16,
|
|
135
154
|
marginLeft: -3,
|
|
136
155
|
color: exports.BASE_STYLES.secondary.color,
|
|
137
156
|
selectors: {
|
|
138
|
-
|
|
157
|
+
[ICON_SELECTOR]: {
|
|
139
158
|
fill: exports.BASE_STYLES.secondary.color
|
|
140
159
|
}
|
|
141
160
|
},
|
|
142
|
-
...(
|
|
161
|
+
...(primary && {
|
|
143
162
|
color: exports.BASE_STYLES.color,
|
|
144
163
|
selectors: {
|
|
145
|
-
|
|
164
|
+
[ICON_SELECTOR]: {
|
|
146
165
|
fill: exports.BASE_STYLES.color
|
|
147
166
|
}
|
|
148
167
|
}
|
|
168
|
+
}),
|
|
169
|
+
...(transparent && {
|
|
170
|
+
color: exports.BASE_STYLES.transparent.color,
|
|
171
|
+
selectors: {
|
|
172
|
+
[ICON_SELECTOR]: {
|
|
173
|
+
fill: exports.BASE_STYLES.transparent.color
|
|
174
|
+
}
|
|
175
|
+
}
|
|
149
176
|
})
|
|
150
177
|
},
|
|
151
178
|
menuIcon: {
|
|
@@ -153,13 +180,29 @@ class UIDefaultButton extends react_1.default.Component {
|
|
|
153
180
|
'svg > path': {
|
|
154
181
|
fill: exports.BASE_STYLES.secondary.color
|
|
155
182
|
},
|
|
156
|
-
...(
|
|
183
|
+
...(primary && {
|
|
157
184
|
'svg > path': {
|
|
158
185
|
fill: exports.BASE_STYLES.color
|
|
159
186
|
}
|
|
160
187
|
})
|
|
161
188
|
}
|
|
162
189
|
},
|
|
190
|
+
rootChecked: {
|
|
191
|
+
backgroundColor: exports.BASE_STYLES.secondary.backgroundColor,
|
|
192
|
+
color: exports.BASE_STYLES.secondary.color,
|
|
193
|
+
borderColor: exports.BASE_STYLES.checkedBorderColor,
|
|
194
|
+
...(primary && {
|
|
195
|
+
backgroundColor: exports.BASE_STYLES.primary.backgroundColor,
|
|
196
|
+
color: exports.BASE_STYLES.color
|
|
197
|
+
}),
|
|
198
|
+
...(transparent && {
|
|
199
|
+
backgroundColor: exports.BASE_STYLES.transparent.checkedBackgroundColor,
|
|
200
|
+
color: exports.BASE_STYLES.transparent.checkedColor,
|
|
201
|
+
borderStyle: exports.BASE_STYLES.transparent.checkedBorderStyle
|
|
202
|
+
})
|
|
203
|
+
},
|
|
204
|
+
rootCheckedHovered: interactionStyles.checked,
|
|
205
|
+
rootCheckedPressed: interactionStyles.checked,
|
|
163
206
|
splitButtonMenuButton: {
|
|
164
207
|
padding: 6,
|
|
165
208
|
height: 22,
|
|
@@ -187,7 +230,7 @@ class UIDefaultButton extends react_1.default.Component {
|
|
|
187
230
|
backgroundColor: 'var(--vscode-button-hoverBackground)',
|
|
188
231
|
borderColor: 'var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))',
|
|
189
232
|
selectors: {
|
|
190
|
-
|
|
233
|
+
[ICON_SELECTOR]: {
|
|
191
234
|
fill: exports.BASE_STYLES.color
|
|
192
235
|
}
|
|
193
236
|
}
|
|
@@ -200,7 +243,7 @@ class UIDefaultButton extends react_1.default.Component {
|
|
|
200
243
|
backgroundColor: 'var(--vscode-button-secondaryBackground,#5f6a79)',
|
|
201
244
|
borderColor: exports.BASE_STYLES.secondary.backgroundColor,
|
|
202
245
|
color: exports.BASE_STYLES.secondary.color,
|
|
203
|
-
...(
|
|
246
|
+
...(primary && {
|
|
204
247
|
color: exports.BASE_STYLES.color,
|
|
205
248
|
backgroundColor: exports.BASE_STYLES.primary.backgroundColor,
|
|
206
249
|
borderColor: 'var(--vscode-button-background)'
|
|
@@ -218,7 +261,7 @@ class UIDefaultButton extends react_1.default.Component {
|
|
|
218
261
|
backgroundColor: 'var(--vscode-button-hoverBackground)',
|
|
219
262
|
borderColor: 'var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))',
|
|
220
263
|
selectors: {
|
|
221
|
-
|
|
264
|
+
[ICON_SELECTOR]: {
|
|
222
265
|
fill: exports.BASE_STYLES.color
|
|
223
266
|
},
|
|
224
267
|
'&:hover': {
|
|
@@ -226,7 +269,7 @@ class UIDefaultButton extends react_1.default.Component {
|
|
|
226
269
|
backgroundColor: 'var(--vscode-button-hoverBackground)',
|
|
227
270
|
borderColor: 'var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))',
|
|
228
271
|
selectors: {
|
|
229
|
-
|
|
272
|
+
[ICON_SELECTOR]: {
|
|
230
273
|
fill: exports.BASE_STYLES.color
|
|
231
274
|
}
|
|
232
275
|
}
|
|
@@ -245,6 +288,73 @@ class UIDefaultButton extends react_1.default.Component {
|
|
|
245
288
|
};
|
|
246
289
|
};
|
|
247
290
|
}
|
|
291
|
+
/**
|
|
292
|
+
* Method returns styles for hover and press States of root button element.
|
|
293
|
+
*
|
|
294
|
+
* @param checked Is styles for checked state.
|
|
295
|
+
* @param primary Is button primary.
|
|
296
|
+
* @param transparent Is button transparent.
|
|
297
|
+
*
|
|
298
|
+
* @returns Styles for hover and press States of root button element.
|
|
299
|
+
*/
|
|
300
|
+
getInteractionStyle(checked, primary, transparent) {
|
|
301
|
+
let styles = {
|
|
302
|
+
color: exports.BASE_STYLES.secondary.color,
|
|
303
|
+
backgroundColor: exports.BASE_STYLES.secondary.hoverBackgroundColor,
|
|
304
|
+
borderColor: exports.BASE_STYLES.secondary.hoverBorderColor,
|
|
305
|
+
selectors: {
|
|
306
|
+
[ICON_SELECTOR]: {
|
|
307
|
+
fill: exports.BASE_STYLES.secondary.color
|
|
308
|
+
}
|
|
309
|
+
},
|
|
310
|
+
...(primary && {
|
|
311
|
+
color: exports.BASE_STYLES.color,
|
|
312
|
+
backgroundColor: exports.BASE_STYLES.primary.hoverBackgroundColor,
|
|
313
|
+
borderColor: exports.BASE_STYLES.primary.hoverBorderColor,
|
|
314
|
+
selectors: {
|
|
315
|
+
[ICON_SELECTOR]: {
|
|
316
|
+
fill: exports.BASE_STYLES.color
|
|
317
|
+
}
|
|
318
|
+
}
|
|
319
|
+
}),
|
|
320
|
+
...(checked && {
|
|
321
|
+
borderColor: exports.BASE_STYLES.checkedBorderColor
|
|
322
|
+
})
|
|
323
|
+
};
|
|
324
|
+
if (transparent) {
|
|
325
|
+
if (checked) {
|
|
326
|
+
styles = {
|
|
327
|
+
...styles,
|
|
328
|
+
color: exports.BASE_STYLES.color,
|
|
329
|
+
backgroundColor: exports.BASE_STYLES.primary.backgroundColor,
|
|
330
|
+
borderColor: exports.BASE_STYLES.primary.borderColor,
|
|
331
|
+
selectors: {
|
|
332
|
+
[ICON_SELECTOR]: {
|
|
333
|
+
fill: exports.BASE_STYLES.color
|
|
334
|
+
}
|
|
335
|
+
}
|
|
336
|
+
};
|
|
337
|
+
}
|
|
338
|
+
else {
|
|
339
|
+
styles = {
|
|
340
|
+
...styles,
|
|
341
|
+
color: exports.BASE_STYLES.transparent.color,
|
|
342
|
+
backgroundColor: exports.BASE_STYLES.transparent.hoverBackgroundColor,
|
|
343
|
+
borderColor: exports.BASE_STYLES.transparent.hoverBorderColor,
|
|
344
|
+
borderStyle: exports.BASE_STYLES.transparent.hoverBorderStyle,
|
|
345
|
+
selectors: {
|
|
346
|
+
[ICON_SELECTOR]: {
|
|
347
|
+
fill: exports.BASE_STYLES.transparent.color
|
|
348
|
+
}
|
|
349
|
+
}
|
|
350
|
+
};
|
|
351
|
+
}
|
|
352
|
+
}
|
|
353
|
+
if (checked) {
|
|
354
|
+
styles = { ...styles, borderColor: exports.BASE_STYLES.checkedBorderColor };
|
|
355
|
+
}
|
|
356
|
+
return styles;
|
|
357
|
+
}
|
|
248
358
|
/**
|
|
249
359
|
* @returns {JSX.Element}
|
|
250
360
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UIDefaultButton.js","sourceRoot":"","sources":["../../../src/components/UIButton/UIDefaultButton.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,2CAAgD;AAChD,0DAAuD;AACvD,wCAAiD;
|
|
1
|
+
{"version":3,"file":"UIDefaultButton.js","sourceRoot":"","sources":["../../../src/components/UIButton/UIDefaultButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -99,7 +99,7 @@ class UIIconButton extends react_1.default.Component {
|
|
|
99
99
|
}
|
|
100
100
|
},
|
|
101
101
|
rootCheckedHovered: {
|
|
102
|
-
backgroundColor: 'var(--vscode-button-
|
|
102
|
+
backgroundColor: 'var(--vscode-button-background)',
|
|
103
103
|
outline: '1px dashed var(--vscode-contrastActiveBorder)'
|
|
104
104
|
},
|
|
105
105
|
iconChecked: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UIIconButton.js","sourceRoot":"","sources":["../../../src/components/UIButton/UIIconButton.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,2CAA6C;AAE7C,0DAAuD;AAEvD,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IACzB,wCAAmB,CAAA;IACnB,kCAAa,CAAA;AACjB,CAAC,EAHW,iBAAiB,iCAAjB,iBAAiB,QAG5B;AAMD;;;;;;;GAOG;AACH,MAAa,YAAa,SAAQ,eAAK,CAAC,SAA0B;IAC9D;;;;OAIG;IACH,YAAmB,KAAkB;QACjC,KAAK,CAAC,KAAK,CAAC,CAAC;QAaP,aAAQ,GAAG,CAAC,KAAkB,EAAiB,EAAE;YACvD,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,iBAAiB,CAAC,OAAO,CAAC;YAC7D,MAAM,KAAK,GAAG,QAAQ,KAAK,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAC/D,OAAO;gBACH,IAAI,EAAE;oBACF,QAAQ,EAAE,SAAS;oBACnB,MAAM,EAAE,EAAE;oBACV,KAAK,EAAE,KAAK;oBACZ,SAAS,EAAE,aAAa;oBACxB,OAAO,EAAE,CAAC;oBACV,eAAe,EAAE,aAAa;oBAC9B,YAAY,EAAE,CAAC;oBACf,SAAS,EAAE;wBACP,+BAA+B;wBAC/B,0CAA0C,EAAE;4BACxC,OAAO,EAAE,qCAAqC;yBACjD;qBACJ;iBACJ;gBACD,YAAY,EAAE;oBACV,eAAe,EAAE,aAAa;oBAC9B,OAAO,EAAE,KAAK;iBACjB;gBACD,WAAW,EAAE;oBACT,KAAK,EAAE,KAAK;iBACf;gBACD,WAAW,EAAE;oBACT,eAAe,EAAE,IAAI,CAAC,mCAAmC,CAAC,kCAAkC,CAAC;oBAC7F,OAAO,EAAE,+CAA+C;iBAC3D;gBACD,WAAW,EAAE;oBACT,eAAe,EAAE,IAAI,CAAC,mCAAmC,CAAC,mCAAmC,CAAC;iBACjG;gBACD,YAAY,EAAE;oBACV,eAAe,EAAE,IAAI,CAAC,mCAAmC,CAAC,kCAAkC,CAAC;oBAC7F,KAAK,EAAE,KAAK;iBACf;gBACD,mBAAmB,EAAE,EAAE,eAAe,EAAE,aAAa,EAAE;gBACvD,aAAa,EAAE;oBACX,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;iBACjB;gBACD,IAAI,EAAE;oBACF,MAAM,EAAE,EAAE;oBACV,KAAK,EAAE,KAAK;oBACZ,UAAU,EAAE,EAAE;oBACd,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;iBAC3B;gBACD,WAAW,EAAE;oBACT,eAAe,EAAE,aAAa;iBACjC;gBACD,gBAAgB,EAAE;oBACd,OAAO,EAAE,MAAM;iBAClB;gBACD,QAAQ,EAAE;oBACN,OAAO,EAAE,MAAM;iBAClB;gBACD,WAAW,EAAE;oBACT,eAAe,EAAE,iCAAiC;oBAClD,KAAK,EAAE,iCAAiC;oBACxC,OAAO,EAAE,8CAA8C;oBACvD,SAAS,EAAE;wBACP,yFAAyF;wBACzF,0CAA0C,EAAE;4BACxC,KAAK,EAAE,MAAM;yBAChB;qBACJ;iBACJ;gBACD,kBAAkB,EAAE;oBAChB,eAAe,EAAE,
|
|
1
|
+
{"version":3,"file":"UIIconButton.js","sourceRoot":"","sources":["../../../src/components/UIButton/UIIconButton.tsx"],"names":[],"mappings":"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"}
|