@descope/web-components-ui 1.0.306 → 1.0.308
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.cjs.js +755 -677
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +706 -626
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/DescopeDev.js +1 -1
- package/dist/umd/button-selection-group-fields-descope-button-multi-selection-group-index-js.js +1 -1
- package/dist/umd/button-selection-group-fields-descope-button-selection-group-index-js.js +1 -1
- package/dist/umd/button-selection-group-fields-descope-button-selection-group-item-index-js.js +1 -1
- package/dist/umd/descope-button-index-js.js +4 -4
- package/dist/umd/descope-icon-index-js.js +1 -0
- package/dist/umd/descope-upload-file-index-js.js +1 -1
- package/dist/umd/descope-user-attribute-index-js.js +1 -1
- package/dist/umd/descope-user-auth-method-index-js.js +1 -1
- package/dist/umd/index.js +1 -1
- package/dist/umd/mapping-fields-descope-mappings-field-index-js.js +1 -1
- package/dist/umd/mapping-fields-descope-saml-group-mappings-index-js.js +1 -1
- package/package.json +1 -1
- package/src/components/descope-button/ButtonClass.js +5 -0
- package/src/components/descope-icon/IconClass.js +65 -0
- package/src/components/descope-icon/index.js +5 -0
- package/src/index.js +1 -0
- package/src/theme/components/button.js +1 -0
- package/src/theme/components/icon.js +7 -0
- package/src/theme/components/index.js +2 -0
package/dist/index.esm.js
CHANGED
@@ -1344,6 +1344,68 @@ const inputEventsDispatchingMixin = (superclass) =>
|
|
1344
1344
|
}
|
1345
1345
|
};
|
1346
1346
|
|
1347
|
+
/* eslint-disable no-use-before-define */
|
1348
|
+
|
1349
|
+
const componentName$T = getComponentName('icon');
|
1350
|
+
|
1351
|
+
class RawIcon extends createBaseClass({ componentName: componentName$T, baseSelector: 'slot' }) {
|
1352
|
+
constructor() {
|
1353
|
+
super();
|
1354
|
+
|
1355
|
+
this.attachShadow({ mode: 'open' }).innerHTML = `
|
1356
|
+
<style>
|
1357
|
+
:host > slot {
|
1358
|
+
box-sizing: border-box;
|
1359
|
+
width: 100%;
|
1360
|
+
height: 100%;
|
1361
|
+
display: flex;
|
1362
|
+
overflow: auto;
|
1363
|
+
}
|
1364
|
+
:host {
|
1365
|
+
display: inline-block;
|
1366
|
+
}
|
1367
|
+
</style>
|
1368
|
+
<slot></slot>
|
1369
|
+
`;
|
1370
|
+
}
|
1371
|
+
|
1372
|
+
get items() {
|
1373
|
+
return this.shadowRoot.querySelector('slot').assignedNodes();
|
1374
|
+
}
|
1375
|
+
|
1376
|
+
#onChildrenChange() {
|
1377
|
+
// force hide icon if empty.
|
1378
|
+
if (this.items?.length > 0) {
|
1379
|
+
this.shadowRoot.host.style.setProperty('display', 'inline-block');
|
1380
|
+
} else {
|
1381
|
+
this.shadowRoot.host.style.setProperty('display', 'none');
|
1382
|
+
}
|
1383
|
+
|
1384
|
+
// set fill for all inner svgs to fill var and a fallback
|
1385
|
+
const elems = this.querySelectorAll('*[fill]');
|
1386
|
+
elems.forEach((ele) =>
|
1387
|
+
ele.setAttribute(
|
1388
|
+
'fill',
|
1389
|
+
`var(${IconClass.cssVarList.fill}, ${ele.getAttribute('fill') || "''"})`
|
1390
|
+
)
|
1391
|
+
);
|
1392
|
+
}
|
1393
|
+
|
1394
|
+
init() {
|
1395
|
+
observeChildren(this, this.#onChildrenChange.bind(this));
|
1396
|
+
}
|
1397
|
+
}
|
1398
|
+
|
1399
|
+
const IconClass = compose(
|
1400
|
+
createStyleMixin({
|
1401
|
+
mappings: {
|
1402
|
+
fill: {},
|
1403
|
+
},
|
1404
|
+
}),
|
1405
|
+
draggableMixin,
|
1406
|
+
componentNameValidationMixin
|
1407
|
+
)(RawIcon);
|
1408
|
+
|
1347
1409
|
const clickableMixin = (superclass) =>
|
1348
1410
|
class ClickableMixinClass extends superclass {
|
1349
1411
|
get isLoading() {
|
@@ -1425,6 +1487,10 @@ const ButtonClass = compose(
|
|
1425
1487
|
verticalPadding: [{ property: 'padding-top' }, { property: 'padding-bottom' }],
|
1426
1488
|
|
1427
1489
|
labelTextColor: { property: 'color' },
|
1490
|
+
iconColor: {
|
1491
|
+
selector: () => `::slotted(${IconClass.componentName})`,
|
1492
|
+
property: IconClass.cssVarList.fill,
|
1493
|
+
},
|
1428
1494
|
labelTextDecoration: { ...label$a, property: 'text-decoration' },
|
1429
1495
|
labelSpacing: { ...label$a, property: 'gap' },
|
1430
1496
|
textAlign: { ...label$a, property: 'justify-content', fallback: 'center' },
|
@@ -6983,7 +7049,7 @@ class RawUploadFile extends BaseInputClass$3 {
|
|
6983
7049
|
}
|
6984
7050
|
|
6985
7051
|
const buttonVars = ButtonClass.cssVarList;
|
6986
|
-
const { host: host$8, wrapper, icon, title, description, requiredIndicator: requiredIndicator$2 } = {
|
7052
|
+
const { host: host$8, wrapper, icon: icon$2, title, description, requiredIndicator: requiredIndicator$2 } = {
|
6987
7053
|
host: { selector: () => ':host' },
|
6988
7054
|
wrapper: { selector: () => ':host > div' },
|
6989
7055
|
icon: { selector: () => '::slotted(*)' },
|
@@ -7018,7 +7084,7 @@ const UploadFileClass = compose(
|
|
7018
7084
|
{ ...title, property: 'color' },
|
7019
7085
|
{ ...description, property: 'color' },
|
7020
7086
|
],
|
7021
|
-
iconSize: { ...icon, property: 'width' },
|
7087
|
+
iconSize: { ...icon$2, property: 'width' },
|
7022
7088
|
requiredIndicator: { ...requiredIndicator$2, property: 'content' },
|
7023
7089
|
},
|
7024
7090
|
}),
|
@@ -9162,6 +9228,8 @@ const AvatarClass = compose(
|
|
9162
9228
|
|
9163
9229
|
customElements.define(componentName$8, AvatarClass);
|
9164
9230
|
|
9231
|
+
customElements.define(componentName$T, IconClass);
|
9232
|
+
|
9165
9233
|
const componentName$7 = getComponentName('mappings-field-internal');
|
9166
9234
|
|
9167
9235
|
const BaseInputClass$2 = createBaseInputClass({ componentName: componentName$7, baseSelector: 'div' });
|
@@ -10824,7 +10892,7 @@ const globals = {
|
|
10824
10892
|
fonts,
|
10825
10893
|
direction,
|
10826
10894
|
};
|
10827
|
-
const vars$
|
10895
|
+
const vars$G = getThemeVars(globals);
|
10828
10896
|
|
10829
10897
|
const globalRefs$o = getThemeRefs(globals);
|
10830
10898
|
const compVars$5 = ButtonClass.cssVarList;
|
@@ -10897,6 +10965,7 @@ const button = {
|
|
10897
10965
|
[helperVars$3.dark]: globalRefs$o.colors.surface.dark,
|
10898
10966
|
[helperVars$3.light]: globalRefs$o.colors.surface.light,
|
10899
10967
|
[helperVars$3.contrast]: globalRefs$o.colors.surface.main,
|
10968
|
+
[compVars$5.iconColor]: globalRefs$o.colors.surface.main,
|
10900
10969
|
},
|
10901
10970
|
|
10902
10971
|
variant: {
|
@@ -10944,7 +11013,7 @@ const button = {
|
|
10944
11013
|
},
|
10945
11014
|
};
|
10946
11015
|
|
10947
|
-
const vars$
|
11016
|
+
const vars$F = {
|
10948
11017
|
...compVars$5,
|
10949
11018
|
...helperVars$3,
|
10950
11019
|
};
|
@@ -10952,13 +11021,13 @@ const vars$E = {
|
|
10952
11021
|
var button$1 = /*#__PURE__*/Object.freeze({
|
10953
11022
|
__proto__: null,
|
10954
11023
|
default: button,
|
10955
|
-
vars: vars$
|
11024
|
+
vars: vars$F
|
10956
11025
|
});
|
10957
11026
|
|
10958
11027
|
const componentName = getComponentName('input-wrapper');
|
10959
11028
|
const globalRefs$n = getThemeRefs(globals);
|
10960
11029
|
|
10961
|
-
const [theme$1, refs, vars$
|
11030
|
+
const [theme$1, refs, vars$E] = createHelperVars(
|
10962
11031
|
{
|
10963
11032
|
labelTextColor: globalRefs$n.colors.surface.dark,
|
10964
11033
|
labelFontSize: '14px', // not taken from globals as it is fixed in all inputs
|
@@ -11035,22 +11104,64 @@ var inputWrapper = /*#__PURE__*/Object.freeze({
|
|
11035
11104
|
__proto__: null,
|
11036
11105
|
default: theme$1,
|
11037
11106
|
refs: refs,
|
11038
|
-
vars: vars$
|
11107
|
+
vars: vars$E
|
11039
11108
|
});
|
11040
11109
|
|
11041
|
-
const vars$
|
11110
|
+
const vars$D = TextFieldClass.cssVarList;
|
11042
11111
|
|
11043
11112
|
const textField = {
|
11113
|
+
[vars$D.hostWidth]: refs.width,
|
11114
|
+
[vars$D.hostMinWidth]: refs.minWidth,
|
11115
|
+
[vars$D.hostDirection]: refs.direction,
|
11116
|
+
[vars$D.fontSize]: refs.fontSize,
|
11117
|
+
[vars$D.fontFamily]: refs.fontFamily,
|
11118
|
+
[vars$D.labelTextColor]: refs.labelTextColor,
|
11119
|
+
[vars$D.labelRequiredIndicator]: refs.requiredIndicator,
|
11120
|
+
[vars$D.errorMessageTextColor]: refs.errorMessageTextColor,
|
11121
|
+
[vars$D.inputValueTextColor]: refs.valueTextColor,
|
11122
|
+
[vars$D.inputPlaceholderColor]: refs.placeholderTextColor,
|
11123
|
+
[vars$D.inputBorderWidth]: refs.borderWidth,
|
11124
|
+
[vars$D.inputBorderStyle]: refs.borderStyle,
|
11125
|
+
[vars$D.inputBorderColor]: refs.borderColor,
|
11126
|
+
[vars$D.inputBorderRadius]: refs.borderRadius,
|
11127
|
+
[vars$D.inputOutlineWidth]: refs.outlineWidth,
|
11128
|
+
[vars$D.inputOutlineStyle]: refs.outlineStyle,
|
11129
|
+
[vars$D.inputOutlineColor]: refs.outlineColor,
|
11130
|
+
[vars$D.inputOutlineOffset]: refs.outlineOffset,
|
11131
|
+
[vars$D.inputBackgroundColor]: refs.backgroundColor,
|
11132
|
+
[vars$D.inputHeight]: refs.inputHeight,
|
11133
|
+
[vars$D.inputHorizontalPadding]: refs.horizontalPadding,
|
11134
|
+
[vars$D.helperTextColor]: refs.helperTextColor,
|
11135
|
+
textAlign: {
|
11136
|
+
right: { [vars$D.inputTextAlign]: 'right' },
|
11137
|
+
left: { [vars$D.inputTextAlign]: 'left' },
|
11138
|
+
center: { [vars$D.inputTextAlign]: 'center' },
|
11139
|
+
},
|
11140
|
+
};
|
11141
|
+
|
11142
|
+
var textField$1 = /*#__PURE__*/Object.freeze({
|
11143
|
+
__proto__: null,
|
11144
|
+
default: textField,
|
11145
|
+
textField: textField,
|
11146
|
+
vars: vars$D
|
11147
|
+
});
|
11148
|
+
|
11149
|
+
const globalRefs$m = getThemeRefs(globals);
|
11150
|
+
const vars$C = PasswordClass.cssVarList;
|
11151
|
+
|
11152
|
+
const password = {
|
11044
11153
|
[vars$C.hostWidth]: refs.width,
|
11045
|
-
[vars$C.hostMinWidth]: refs.minWidth,
|
11046
11154
|
[vars$C.hostDirection]: refs.direction,
|
11047
11155
|
[vars$C.fontSize]: refs.fontSize,
|
11048
11156
|
[vars$C.fontFamily]: refs.fontFamily,
|
11049
11157
|
[vars$C.labelTextColor]: refs.labelTextColor,
|
11050
|
-
[vars$C.labelRequiredIndicator]: refs.requiredIndicator,
|
11051
11158
|
[vars$C.errorMessageTextColor]: refs.errorMessageTextColor,
|
11159
|
+
[vars$C.inputHorizontalPadding]: refs.horizontalPadding,
|
11160
|
+
[vars$C.inputHeight]: refs.inputHeight,
|
11161
|
+
[vars$C.inputBackgroundColor]: refs.backgroundColor,
|
11162
|
+
[vars$C.labelRequiredIndicator]: refs.requiredIndicator,
|
11052
11163
|
[vars$C.inputValueTextColor]: refs.valueTextColor,
|
11053
|
-
[vars$C.
|
11164
|
+
[vars$C.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
11054
11165
|
[vars$C.inputBorderWidth]: refs.borderWidth,
|
11055
11166
|
[vars$C.inputBorderStyle]: refs.borderStyle,
|
11056
11167
|
[vars$C.inputBorderColor]: refs.borderColor,
|
@@ -11059,40 +11170,29 @@ const textField = {
|
|
11059
11170
|
[vars$C.inputOutlineStyle]: refs.outlineStyle,
|
11060
11171
|
[vars$C.inputOutlineColor]: refs.outlineColor,
|
11061
11172
|
[vars$C.inputOutlineOffset]: refs.outlineOffset,
|
11062
|
-
[vars$C.
|
11063
|
-
[vars$C.
|
11064
|
-
[vars$C.
|
11065
|
-
[vars$C.helperTextColor]: refs.helperTextColor,
|
11066
|
-
textAlign: {
|
11067
|
-
right: { [vars$C.inputTextAlign]: 'right' },
|
11068
|
-
left: { [vars$C.inputTextAlign]: 'left' },
|
11069
|
-
center: { [vars$C.inputTextAlign]: 'center' },
|
11070
|
-
},
|
11173
|
+
[vars$C.revealButtonOffset]: globalRefs$m.spacing.md,
|
11174
|
+
[vars$C.revealButtonSize]: refs.toggleButtonSize,
|
11175
|
+
[vars$C.revealButtonColor]: refs.placeholderTextColor,
|
11071
11176
|
};
|
11072
11177
|
|
11073
|
-
var
|
11178
|
+
var password$1 = /*#__PURE__*/Object.freeze({
|
11074
11179
|
__proto__: null,
|
11075
|
-
default:
|
11076
|
-
textField: textField,
|
11180
|
+
default: password,
|
11077
11181
|
vars: vars$C
|
11078
11182
|
});
|
11079
11183
|
|
11080
|
-
const
|
11081
|
-
const vars$B = PasswordClass.cssVarList;
|
11184
|
+
const vars$B = NumberFieldClass.cssVarList;
|
11082
11185
|
|
11083
|
-
const
|
11186
|
+
const numberField = {
|
11084
11187
|
[vars$B.hostWidth]: refs.width,
|
11188
|
+
[vars$B.hostMinWidth]: refs.minWidth,
|
11085
11189
|
[vars$B.hostDirection]: refs.direction,
|
11086
11190
|
[vars$B.fontSize]: refs.fontSize,
|
11087
11191
|
[vars$B.fontFamily]: refs.fontFamily,
|
11088
11192
|
[vars$B.labelTextColor]: refs.labelTextColor,
|
11089
11193
|
[vars$B.errorMessageTextColor]: refs.errorMessageTextColor,
|
11090
|
-
[vars$B.inputHorizontalPadding]: refs.horizontalPadding,
|
11091
|
-
[vars$B.inputHeight]: refs.inputHeight,
|
11092
|
-
[vars$B.inputBackgroundColor]: refs.backgroundColor,
|
11093
|
-
[vars$B.labelRequiredIndicator]: refs.requiredIndicator,
|
11094
11194
|
[vars$B.inputValueTextColor]: refs.valueTextColor,
|
11095
|
-
[vars$B.
|
11195
|
+
[vars$B.inputPlaceholderColor]: refs.placeholderTextColor,
|
11096
11196
|
[vars$B.inputBorderWidth]: refs.borderWidth,
|
11097
11197
|
[vars$B.inputBorderStyle]: refs.borderStyle,
|
11098
11198
|
[vars$B.inputBorderColor]: refs.borderColor,
|
@@ -11101,20 +11201,21 @@ const password = {
|
|
11101
11201
|
[vars$B.inputOutlineStyle]: refs.outlineStyle,
|
11102
11202
|
[vars$B.inputOutlineColor]: refs.outlineColor,
|
11103
11203
|
[vars$B.inputOutlineOffset]: refs.outlineOffset,
|
11104
|
-
[vars$B.
|
11105
|
-
[vars$B.
|
11106
|
-
[vars$B.
|
11204
|
+
[vars$B.inputBackgroundColor]: refs.backgroundColor,
|
11205
|
+
[vars$B.labelRequiredIndicator]: refs.requiredIndicator,
|
11206
|
+
[vars$B.inputHorizontalPadding]: refs.horizontalPadding,
|
11207
|
+
[vars$B.inputHeight]: refs.inputHeight,
|
11107
11208
|
};
|
11108
11209
|
|
11109
|
-
var
|
11210
|
+
var numberField$1 = /*#__PURE__*/Object.freeze({
|
11110
11211
|
__proto__: null,
|
11111
|
-
default:
|
11212
|
+
default: numberField,
|
11112
11213
|
vars: vars$B
|
11113
11214
|
});
|
11114
11215
|
|
11115
|
-
const vars$A =
|
11216
|
+
const vars$A = EmailFieldClass.cssVarList;
|
11116
11217
|
|
11117
|
-
const
|
11218
|
+
const emailField = {
|
11118
11219
|
[vars$A.hostWidth]: refs.width,
|
11119
11220
|
[vars$A.hostMinWidth]: refs.minWidth,
|
11120
11221
|
[vars$A.hostDirection]: refs.direction,
|
@@ -11123,6 +11224,7 @@ const numberField = {
|
|
11123
11224
|
[vars$A.labelTextColor]: refs.labelTextColor,
|
11124
11225
|
[vars$A.errorMessageTextColor]: refs.errorMessageTextColor,
|
11125
11226
|
[vars$A.inputValueTextColor]: refs.valueTextColor,
|
11227
|
+
[vars$A.labelRequiredIndicator]: refs.requiredIndicator,
|
11126
11228
|
[vars$A.inputPlaceholderColor]: refs.placeholderTextColor,
|
11127
11229
|
[vars$A.inputBorderWidth]: refs.borderWidth,
|
11128
11230
|
[vars$A.inputBorderStyle]: refs.borderStyle,
|
@@ -11133,197 +11235,164 @@ const numberField = {
|
|
11133
11235
|
[vars$A.inputOutlineColor]: refs.outlineColor,
|
11134
11236
|
[vars$A.inputOutlineOffset]: refs.outlineOffset,
|
11135
11237
|
[vars$A.inputBackgroundColor]: refs.backgroundColor,
|
11136
|
-
[vars$A.labelRequiredIndicator]: refs.requiredIndicator,
|
11137
11238
|
[vars$A.inputHorizontalPadding]: refs.horizontalPadding,
|
11138
11239
|
[vars$A.inputHeight]: refs.inputHeight,
|
11139
11240
|
};
|
11140
11241
|
|
11141
|
-
var
|
11242
|
+
var emailField$1 = /*#__PURE__*/Object.freeze({
|
11142
11243
|
__proto__: null,
|
11143
|
-
default:
|
11244
|
+
default: emailField,
|
11144
11245
|
vars: vars$A
|
11145
11246
|
});
|
11146
11247
|
|
11147
|
-
const vars$z =
|
11248
|
+
const vars$z = TextAreaClass.cssVarList;
|
11148
11249
|
|
11149
|
-
const
|
11250
|
+
const textArea = {
|
11150
11251
|
[vars$z.hostWidth]: refs.width,
|
11151
11252
|
[vars$z.hostMinWidth]: refs.minWidth,
|
11152
11253
|
[vars$z.hostDirection]: refs.direction,
|
11153
11254
|
[vars$z.fontSize]: refs.fontSize,
|
11154
11255
|
[vars$z.fontFamily]: refs.fontFamily,
|
11155
11256
|
[vars$z.labelTextColor]: refs.labelTextColor,
|
11257
|
+
[vars$z.labelRequiredIndicator]: refs.requiredIndicator,
|
11156
11258
|
[vars$z.errorMessageTextColor]: refs.errorMessageTextColor,
|
11259
|
+
[vars$z.inputBackgroundColor]: refs.backgroundColor,
|
11157
11260
|
[vars$z.inputValueTextColor]: refs.valueTextColor,
|
11158
|
-
[vars$z.
|
11159
|
-
[vars$z.
|
11261
|
+
[vars$z.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
11262
|
+
[vars$z.inputBorderRadius]: refs.borderRadius,
|
11160
11263
|
[vars$z.inputBorderWidth]: refs.borderWidth,
|
11161
11264
|
[vars$z.inputBorderStyle]: refs.borderStyle,
|
11162
11265
|
[vars$z.inputBorderColor]: refs.borderColor,
|
11163
|
-
[vars$z.inputBorderRadius]: refs.borderRadius,
|
11164
11266
|
[vars$z.inputOutlineWidth]: refs.outlineWidth,
|
11165
11267
|
[vars$z.inputOutlineStyle]: refs.outlineStyle,
|
11166
11268
|
[vars$z.inputOutlineColor]: refs.outlineColor,
|
11167
11269
|
[vars$z.inputOutlineOffset]: refs.outlineOffset,
|
11168
|
-
[vars$z.
|
11169
|
-
[vars$z.
|
11170
|
-
|
11270
|
+
[vars$z.inputResizeType]: 'vertical',
|
11271
|
+
[vars$z.inputMinHeight]: '5em',
|
11272
|
+
textAlign: {
|
11273
|
+
right: { [vars$z.inputTextAlign]: 'right' },
|
11274
|
+
left: { [vars$z.inputTextAlign]: 'left' },
|
11275
|
+
center: { [vars$z.inputTextAlign]: 'center' },
|
11276
|
+
},
|
11277
|
+
|
11278
|
+
_readonly: {
|
11279
|
+
[vars$z.inputResizeType]: 'none',
|
11280
|
+
},
|
11171
11281
|
};
|
11172
11282
|
|
11173
|
-
var
|
11283
|
+
var textArea$1 = /*#__PURE__*/Object.freeze({
|
11174
11284
|
__proto__: null,
|
11175
|
-
default:
|
11285
|
+
default: textArea,
|
11176
11286
|
vars: vars$z
|
11177
11287
|
});
|
11178
11288
|
|
11179
|
-
const vars$y =
|
11289
|
+
const vars$y = CheckboxClass.cssVarList;
|
11290
|
+
const checkboxSize = '1.35em';
|
11180
11291
|
|
11181
|
-
const
|
11292
|
+
const checkbox = {
|
11182
11293
|
[vars$y.hostWidth]: refs.width,
|
11183
|
-
[vars$y.hostMinWidth]: refs.minWidth,
|
11184
11294
|
[vars$y.hostDirection]: refs.direction,
|
11185
11295
|
[vars$y.fontSize]: refs.fontSize,
|
11186
11296
|
[vars$y.fontFamily]: refs.fontFamily,
|
11187
11297
|
[vars$y.labelTextColor]: refs.labelTextColor,
|
11188
11298
|
[vars$y.labelRequiredIndicator]: refs.requiredIndicator,
|
11299
|
+
[vars$y.labelFontWeight]: '400',
|
11300
|
+
[vars$y.labelLineHeight]: checkboxSize,
|
11301
|
+
[vars$y.labelSpacing]: '1em',
|
11189
11302
|
[vars$y.errorMessageTextColor]: refs.errorMessageTextColor,
|
11190
|
-
[vars$y.
|
11191
|
-
[vars$y.
|
11192
|
-
[vars$y.
|
11303
|
+
[vars$y.inputOutlineWidth]: refs.outlineWidth,
|
11304
|
+
[vars$y.inputOutlineOffset]: refs.outlineOffset,
|
11305
|
+
[vars$y.inputOutlineColor]: refs.outlineColor,
|
11306
|
+
[vars$y.inputOutlineStyle]: refs.outlineStyle,
|
11193
11307
|
[vars$y.inputBorderRadius]: refs.borderRadius,
|
11308
|
+
[vars$y.inputBorderColor]: refs.borderColor,
|
11194
11309
|
[vars$y.inputBorderWidth]: refs.borderWidth,
|
11195
11310
|
[vars$y.inputBorderStyle]: refs.borderStyle,
|
11196
|
-
[vars$y.
|
11197
|
-
[vars$y.
|
11198
|
-
|
11199
|
-
|
11200
|
-
|
11201
|
-
[vars$y.inputResizeType]: 'vertical',
|
11202
|
-
[vars$y.inputMinHeight]: '5em',
|
11203
|
-
textAlign: {
|
11204
|
-
right: { [vars$y.inputTextAlign]: 'right' },
|
11205
|
-
left: { [vars$y.inputTextAlign]: 'left' },
|
11206
|
-
center: { [vars$y.inputTextAlign]: 'center' },
|
11311
|
+
[vars$y.inputBackgroundColor]: refs.backgroundColor,
|
11312
|
+
[vars$y.inputSize]: checkboxSize,
|
11313
|
+
|
11314
|
+
_checked: {
|
11315
|
+
[vars$y.inputValueTextColor]: refs.valueTextColor,
|
11207
11316
|
},
|
11208
11317
|
|
11209
|
-
|
11210
|
-
[vars$y.
|
11318
|
+
_disabled: {
|
11319
|
+
[vars$y.labelTextColor]: refs.labelTextColor,
|
11211
11320
|
},
|
11212
11321
|
};
|
11213
11322
|
|
11214
|
-
var
|
11323
|
+
var checkbox$1 = /*#__PURE__*/Object.freeze({
|
11215
11324
|
__proto__: null,
|
11216
|
-
default:
|
11325
|
+
default: checkbox,
|
11217
11326
|
vars: vars$y
|
11218
11327
|
});
|
11219
11328
|
|
11220
|
-
const
|
11221
|
-
const
|
11329
|
+
const knobMargin = '2px';
|
11330
|
+
const checkboxHeight = '1.25em';
|
11222
11331
|
|
11223
|
-
const
|
11332
|
+
const globalRefs$l = getThemeRefs(globals);
|
11333
|
+
const vars$x = SwitchToggleClass.cssVarList;
|
11334
|
+
|
11335
|
+
const switchToggle = {
|
11224
11336
|
[vars$x.hostWidth]: refs.width,
|
11225
11337
|
[vars$x.hostDirection]: refs.direction,
|
11226
11338
|
[vars$x.fontSize]: refs.fontSize,
|
11227
11339
|
[vars$x.fontFamily]: refs.fontFamily,
|
11228
|
-
|
11229
|
-
[vars$x.labelRequiredIndicator]: refs.requiredIndicator,
|
11230
|
-
[vars$x.labelFontWeight]: '400',
|
11231
|
-
[vars$x.labelLineHeight]: checkboxSize,
|
11232
|
-
[vars$x.labelSpacing]: '1em',
|
11233
|
-
[vars$x.errorMessageTextColor]: refs.errorMessageTextColor,
|
11340
|
+
|
11234
11341
|
[vars$x.inputOutlineWidth]: refs.outlineWidth,
|
11235
11342
|
[vars$x.inputOutlineOffset]: refs.outlineOffset,
|
11236
11343
|
[vars$x.inputOutlineColor]: refs.outlineColor,
|
11237
11344
|
[vars$x.inputOutlineStyle]: refs.outlineStyle,
|
11238
|
-
[vars$x.inputBorderRadius]: refs.borderRadius,
|
11239
|
-
[vars$x.inputBorderColor]: refs.borderColor,
|
11240
|
-
[vars$x.inputBorderWidth]: refs.borderWidth,
|
11241
|
-
[vars$x.inputBorderStyle]: refs.borderStyle,
|
11242
|
-
[vars$x.inputBackgroundColor]: refs.backgroundColor,
|
11243
|
-
[vars$x.inputSize]: checkboxSize,
|
11244
|
-
|
11245
|
-
_checked: {
|
11246
|
-
[vars$x.inputValueTextColor]: refs.valueTextColor,
|
11247
|
-
},
|
11248
|
-
|
11249
|
-
_disabled: {
|
11250
|
-
[vars$x.labelTextColor]: refs.labelTextColor,
|
11251
|
-
},
|
11252
|
-
};
|
11253
|
-
|
11254
|
-
var checkbox$1 = /*#__PURE__*/Object.freeze({
|
11255
|
-
__proto__: null,
|
11256
|
-
default: checkbox,
|
11257
|
-
vars: vars$x
|
11258
|
-
});
|
11259
11345
|
|
11260
|
-
|
11261
|
-
|
11346
|
+
[vars$x.trackBorderStyle]: refs.borderStyle,
|
11347
|
+
[vars$x.trackBorderWidth]: refs.borderWidth, // var `trackBorderWidth` used outside the theme for `left` margin calculation
|
11348
|
+
[vars$x.trackBorderColor]: refs.borderColor,
|
11349
|
+
[vars$x.trackBackgroundColor]: refs.backgroundColor,
|
11350
|
+
[vars$x.trackBorderRadius]: globalRefs$l.radius.md,
|
11351
|
+
[vars$x.trackWidth]: '2.5em', // var `trackWidth` used outside the theme for `left` margin calculation
|
11352
|
+
[vars$x.trackHeight]: checkboxHeight,
|
11353
|
+
|
11354
|
+
[vars$x.knobSize]: `calc(1em - ${knobMargin})`,
|
11355
|
+
[vars$x.knobRadius]: '50%',
|
11356
|
+
[vars$x.knobTopOffset]: '1px',
|
11357
|
+
[vars$x.knobLeftOffset]: knobMargin,
|
11358
|
+
[vars$x.knobColor]: refs.labelTextColor,
|
11359
|
+
[vars$x.knobTransitionDuration]: '0.3s',
|
11262
11360
|
|
11263
|
-
|
11264
|
-
|
11265
|
-
|
11266
|
-
|
11267
|
-
[vars$
|
11268
|
-
[vars$
|
11269
|
-
[vars$w.fontSize]: refs.fontSize,
|
11270
|
-
[vars$w.fontFamily]: refs.fontFamily,
|
11271
|
-
|
11272
|
-
[vars$w.inputOutlineWidth]: refs.outlineWidth,
|
11273
|
-
[vars$w.inputOutlineOffset]: refs.outlineOffset,
|
11274
|
-
[vars$w.inputOutlineColor]: refs.outlineColor,
|
11275
|
-
[vars$w.inputOutlineStyle]: refs.outlineStyle,
|
11276
|
-
|
11277
|
-
[vars$w.trackBorderStyle]: refs.borderStyle,
|
11278
|
-
[vars$w.trackBorderWidth]: refs.borderWidth, // var `trackBorderWidth` used outside the theme for `left` margin calculation
|
11279
|
-
[vars$w.trackBorderColor]: refs.borderColor,
|
11280
|
-
[vars$w.trackBackgroundColor]: refs.backgroundColor,
|
11281
|
-
[vars$w.trackBorderRadius]: globalRefs$l.radius.md,
|
11282
|
-
[vars$w.trackWidth]: '2.5em', // var `trackWidth` used outside the theme for `left` margin calculation
|
11283
|
-
[vars$w.trackHeight]: checkboxHeight,
|
11284
|
-
|
11285
|
-
[vars$w.knobSize]: `calc(1em - ${knobMargin})`,
|
11286
|
-
[vars$w.knobRadius]: '50%',
|
11287
|
-
[vars$w.knobTopOffset]: '1px',
|
11288
|
-
[vars$w.knobLeftOffset]: knobMargin,
|
11289
|
-
[vars$w.knobColor]: refs.labelTextColor,
|
11290
|
-
[vars$w.knobTransitionDuration]: '0.3s',
|
11291
|
-
|
11292
|
-
[vars$w.labelTextColor]: refs.labelTextColor,
|
11293
|
-
[vars$w.labelFontWeight]: '400',
|
11294
|
-
[vars$w.labelLineHeight]: '1.35em',
|
11295
|
-
[vars$w.labelSpacing]: '1em',
|
11296
|
-
[vars$w.labelRequiredIndicator]: refs.requiredIndicator,
|
11297
|
-
[vars$w.errorMessageTextColor]: refs.errorMessageTextColor,
|
11361
|
+
[vars$x.labelTextColor]: refs.labelTextColor,
|
11362
|
+
[vars$x.labelFontWeight]: '400',
|
11363
|
+
[vars$x.labelLineHeight]: '1.35em',
|
11364
|
+
[vars$x.labelSpacing]: '1em',
|
11365
|
+
[vars$x.labelRequiredIndicator]: refs.requiredIndicator,
|
11366
|
+
[vars$x.errorMessageTextColor]: refs.errorMessageTextColor,
|
11298
11367
|
|
11299
11368
|
_checked: {
|
11300
|
-
[vars$
|
11301
|
-
[vars$
|
11302
|
-
[vars$
|
11303
|
-
[vars$
|
11369
|
+
[vars$x.trackBorderColor]: refs.borderColor,
|
11370
|
+
[vars$x.knobLeftOffset]: `calc(100% - var(${vars$x.knobSize}) - ${knobMargin})`,
|
11371
|
+
[vars$x.knobColor]: refs.valueTextColor,
|
11372
|
+
[vars$x.knobTextColor]: refs.valueTextColor,
|
11304
11373
|
},
|
11305
11374
|
|
11306
11375
|
_disabled: {
|
11307
|
-
[vars$
|
11308
|
-
[vars$
|
11309
|
-
[vars$
|
11310
|
-
[vars$
|
11376
|
+
[vars$x.knobColor]: globalRefs$l.colors.surface.light,
|
11377
|
+
[vars$x.trackBorderColor]: globalRefs$l.colors.surface.light,
|
11378
|
+
[vars$x.trackBackgroundColor]: globalRefs$l.colors.surface.main,
|
11379
|
+
[vars$x.labelTextColor]: refs.labelTextColor,
|
11311
11380
|
_checked: {
|
11312
|
-
[vars$
|
11313
|
-
[vars$
|
11381
|
+
[vars$x.knobColor]: globalRefs$l.colors.surface.light,
|
11382
|
+
[vars$x.trackBackgroundColor]: globalRefs$l.colors.surface.main,
|
11314
11383
|
},
|
11315
11384
|
},
|
11316
11385
|
|
11317
11386
|
_invalid: {
|
11318
|
-
[vars$
|
11319
|
-
[vars$
|
11387
|
+
[vars$x.trackBorderColor]: globalRefs$l.colors.error.main,
|
11388
|
+
[vars$x.knobColor]: globalRefs$l.colors.error.main,
|
11320
11389
|
},
|
11321
11390
|
};
|
11322
11391
|
|
11323
11392
|
var switchToggle$1 = /*#__PURE__*/Object.freeze({
|
11324
11393
|
__proto__: null,
|
11325
11394
|
default: switchToggle,
|
11326
|
-
vars: vars$
|
11395
|
+
vars: vars$x
|
11327
11396
|
});
|
11328
11397
|
|
11329
11398
|
const globalRefs$k = getThemeRefs(globals);
|
@@ -11434,7 +11503,7 @@ const container = {
|
|
11434
11503
|
},
|
11435
11504
|
};
|
11436
11505
|
|
11437
|
-
const vars$
|
11506
|
+
const vars$w = {
|
11438
11507
|
...compVars$4,
|
11439
11508
|
...helperVars$2,
|
11440
11509
|
};
|
@@ -11442,252 +11511,252 @@ const vars$v = {
|
|
11442
11511
|
var container$1 = /*#__PURE__*/Object.freeze({
|
11443
11512
|
__proto__: null,
|
11444
11513
|
default: container,
|
11445
|
-
vars: vars$
|
11514
|
+
vars: vars$w
|
11446
11515
|
});
|
11447
11516
|
|
11448
|
-
const vars$
|
11517
|
+
const vars$v = LogoClass.cssVarList;
|
11449
11518
|
|
11450
11519
|
const logo$2 = {
|
11451
|
-
[vars$
|
11520
|
+
[vars$v.fallbackUrl]: 'url(https://imgs.descope.com/components/no-logo-placeholder.svg)',
|
11452
11521
|
};
|
11453
11522
|
|
11454
11523
|
var logo$3 = /*#__PURE__*/Object.freeze({
|
11455
11524
|
__proto__: null,
|
11456
11525
|
default: logo$2,
|
11457
|
-
vars: vars$
|
11526
|
+
vars: vars$v
|
11458
11527
|
});
|
11459
11528
|
|
11460
|
-
const vars$
|
11529
|
+
const vars$u = TotpImageClass.cssVarList;
|
11461
11530
|
|
11462
11531
|
const logo$1 = {
|
11463
|
-
[vars$
|
11532
|
+
[vars$u.fallbackUrl]: 'url(https://imgs.descope.com/components/totp-placeholder.svg)',
|
11464
11533
|
};
|
11465
11534
|
|
11466
11535
|
var totpImage = /*#__PURE__*/Object.freeze({
|
11467
11536
|
__proto__: null,
|
11468
11537
|
default: logo$1,
|
11469
|
-
vars: vars$
|
11538
|
+
vars: vars$u
|
11470
11539
|
});
|
11471
11540
|
|
11472
|
-
const vars$
|
11541
|
+
const vars$t = NotpImageClass.cssVarList;
|
11473
11542
|
|
11474
11543
|
const logo = {
|
11475
|
-
[vars$
|
11544
|
+
[vars$t.fallbackUrl]: 'url(https://imgs.descope.com/components/notp-placeholder.svg)',
|
11476
11545
|
};
|
11477
11546
|
|
11478
11547
|
var notpImage = /*#__PURE__*/Object.freeze({
|
11479
11548
|
__proto__: null,
|
11480
11549
|
default: logo,
|
11481
|
-
vars: vars$
|
11550
|
+
vars: vars$t
|
11482
11551
|
});
|
11483
11552
|
|
11484
11553
|
const globalRefs$j = getThemeRefs(globals);
|
11485
|
-
const vars$
|
11554
|
+
const vars$s = TextClass.cssVarList;
|
11486
11555
|
|
11487
11556
|
const text = {
|
11488
|
-
[vars$
|
11489
|
-
[vars$
|
11490
|
-
[vars$
|
11491
|
-
[vars$
|
11557
|
+
[vars$s.hostDirection]: globalRefs$j.direction,
|
11558
|
+
[vars$s.textLineHeight]: '1.35em',
|
11559
|
+
[vars$s.textAlign]: 'left',
|
11560
|
+
[vars$s.textColor]: globalRefs$j.colors.surface.dark,
|
11492
11561
|
variant: {
|
11493
11562
|
h1: {
|
11494
|
-
[vars$
|
11495
|
-
[vars$
|
11496
|
-
[vars$
|
11563
|
+
[vars$s.fontSize]: globalRefs$j.typography.h1.size,
|
11564
|
+
[vars$s.fontWeight]: globalRefs$j.typography.h1.weight,
|
11565
|
+
[vars$s.fontFamily]: globalRefs$j.typography.h1.font,
|
11497
11566
|
},
|
11498
11567
|
h2: {
|
11499
|
-
[vars$
|
11500
|
-
[vars$
|
11501
|
-
[vars$
|
11568
|
+
[vars$s.fontSize]: globalRefs$j.typography.h2.size,
|
11569
|
+
[vars$s.fontWeight]: globalRefs$j.typography.h2.weight,
|
11570
|
+
[vars$s.fontFamily]: globalRefs$j.typography.h2.font,
|
11502
11571
|
},
|
11503
11572
|
h3: {
|
11504
|
-
[vars$
|
11505
|
-
[vars$
|
11506
|
-
[vars$
|
11573
|
+
[vars$s.fontSize]: globalRefs$j.typography.h3.size,
|
11574
|
+
[vars$s.fontWeight]: globalRefs$j.typography.h3.weight,
|
11575
|
+
[vars$s.fontFamily]: globalRefs$j.typography.h3.font,
|
11507
11576
|
},
|
11508
11577
|
subtitle1: {
|
11509
|
-
[vars$
|
11510
|
-
[vars$
|
11511
|
-
[vars$
|
11578
|
+
[vars$s.fontSize]: globalRefs$j.typography.subtitle1.size,
|
11579
|
+
[vars$s.fontWeight]: globalRefs$j.typography.subtitle1.weight,
|
11580
|
+
[vars$s.fontFamily]: globalRefs$j.typography.subtitle1.font,
|
11512
11581
|
},
|
11513
11582
|
subtitle2: {
|
11514
|
-
[vars$
|
11515
|
-
[vars$
|
11516
|
-
[vars$
|
11583
|
+
[vars$s.fontSize]: globalRefs$j.typography.subtitle2.size,
|
11584
|
+
[vars$s.fontWeight]: globalRefs$j.typography.subtitle2.weight,
|
11585
|
+
[vars$s.fontFamily]: globalRefs$j.typography.subtitle2.font,
|
11517
11586
|
},
|
11518
11587
|
body1: {
|
11519
|
-
[vars$
|
11520
|
-
[vars$
|
11521
|
-
[vars$
|
11588
|
+
[vars$s.fontSize]: globalRefs$j.typography.body1.size,
|
11589
|
+
[vars$s.fontWeight]: globalRefs$j.typography.body1.weight,
|
11590
|
+
[vars$s.fontFamily]: globalRefs$j.typography.body1.font,
|
11522
11591
|
},
|
11523
11592
|
body2: {
|
11524
|
-
[vars$
|
11525
|
-
[vars$
|
11526
|
-
[vars$
|
11593
|
+
[vars$s.fontSize]: globalRefs$j.typography.body2.size,
|
11594
|
+
[vars$s.fontWeight]: globalRefs$j.typography.body2.weight,
|
11595
|
+
[vars$s.fontFamily]: globalRefs$j.typography.body2.font,
|
11527
11596
|
},
|
11528
11597
|
},
|
11529
11598
|
|
11530
11599
|
mode: {
|
11531
11600
|
primary: {
|
11532
|
-
[vars$
|
11601
|
+
[vars$s.textColor]: globalRefs$j.colors.surface.contrast,
|
11533
11602
|
},
|
11534
11603
|
secondary: {
|
11535
|
-
[vars$
|
11604
|
+
[vars$s.textColor]: globalRefs$j.colors.surface.dark,
|
11536
11605
|
},
|
11537
11606
|
error: {
|
11538
|
-
[vars$
|
11607
|
+
[vars$s.textColor]: globalRefs$j.colors.error.main,
|
11539
11608
|
},
|
11540
11609
|
success: {
|
11541
|
-
[vars$
|
11610
|
+
[vars$s.textColor]: globalRefs$j.colors.success.main,
|
11542
11611
|
},
|
11543
11612
|
},
|
11544
11613
|
|
11545
11614
|
textAlign: {
|
11546
|
-
right: { [vars$
|
11547
|
-
left: { [vars$
|
11548
|
-
center: { [vars$
|
11615
|
+
right: { [vars$s.textAlign]: 'right' },
|
11616
|
+
left: { [vars$s.textAlign]: 'left' },
|
11617
|
+
center: { [vars$s.textAlign]: 'center' },
|
11549
11618
|
},
|
11550
11619
|
|
11551
11620
|
_fullWidth: {
|
11552
|
-
[vars$
|
11621
|
+
[vars$s.hostWidth]: '100%',
|
11553
11622
|
},
|
11554
11623
|
|
11555
11624
|
_italic: {
|
11556
|
-
[vars$
|
11625
|
+
[vars$s.fontStyle]: 'italic',
|
11557
11626
|
},
|
11558
11627
|
|
11559
11628
|
_uppercase: {
|
11560
|
-
[vars$
|
11629
|
+
[vars$s.textTransform]: 'uppercase',
|
11561
11630
|
},
|
11562
11631
|
|
11563
11632
|
_lowercase: {
|
11564
|
-
[vars$
|
11633
|
+
[vars$s.textTransform]: 'lowercase',
|
11565
11634
|
},
|
11566
11635
|
};
|
11567
11636
|
|
11568
11637
|
var text$1 = /*#__PURE__*/Object.freeze({
|
11569
11638
|
__proto__: null,
|
11570
11639
|
default: text,
|
11571
|
-
vars: vars$
|
11640
|
+
vars: vars$s
|
11572
11641
|
});
|
11573
11642
|
|
11574
11643
|
const globalRefs$i = getThemeRefs(globals);
|
11575
|
-
const vars$
|
11644
|
+
const vars$r = EnrichedTextClass.cssVarList;
|
11576
11645
|
|
11577
11646
|
const EnrichedText = {
|
11578
|
-
[vars$
|
11647
|
+
[vars$r.hostDirection]: globalRefs$i.direction,
|
11579
11648
|
|
11580
|
-
[vars$
|
11581
|
-
[vars$
|
11582
|
-
[vars$
|
11649
|
+
[vars$r.fontSize]: globalRefs$i.typography.body1.size,
|
11650
|
+
[vars$r.fontWeight]: globalRefs$i.typography.body1.weight,
|
11651
|
+
[vars$r.fontFamily]: globalRefs$i.typography.body1.font,
|
11583
11652
|
|
11584
|
-
[vars$
|
11585
|
-
[vars$
|
11586
|
-
[vars$
|
11653
|
+
[vars$r.textLineHeight]: '1.35em',
|
11654
|
+
[vars$r.textAlign]: 'left',
|
11655
|
+
[vars$r.textColor]: globalRefs$i.colors.surface.dark,
|
11587
11656
|
|
11588
|
-
[vars$
|
11657
|
+
[vars$r.linkColor]: `var(${LinkClass.cssVarList.textColor})`,
|
11589
11658
|
|
11590
11659
|
mode: {
|
11591
11660
|
primary: {
|
11592
|
-
[vars$
|
11661
|
+
[vars$r.textColor]: globalRefs$i.colors.surface.contrast,
|
11593
11662
|
},
|
11594
11663
|
secondary: {
|
11595
|
-
[vars$
|
11664
|
+
[vars$r.textColor]: globalRefs$i.colors.surface.dark,
|
11596
11665
|
},
|
11597
11666
|
error: {
|
11598
|
-
[vars$
|
11667
|
+
[vars$r.textColor]: globalRefs$i.colors.error.main,
|
11599
11668
|
},
|
11600
11669
|
success: {
|
11601
|
-
[vars$
|
11670
|
+
[vars$r.textColor]: globalRefs$i.colors.success.main,
|
11602
11671
|
},
|
11603
11672
|
},
|
11604
11673
|
|
11605
11674
|
variant: {
|
11606
11675
|
h1: {
|
11607
|
-
[vars$
|
11608
|
-
[vars$
|
11609
|
-
[vars$
|
11676
|
+
[vars$r.fontSize]: globalRefs$i.typography.h1.size,
|
11677
|
+
[vars$r.fontWeight]: globalRefs$i.typography.h1.weight,
|
11678
|
+
[vars$r.fontFamily]: globalRefs$i.typography.h1.font,
|
11610
11679
|
},
|
11611
11680
|
h2: {
|
11612
|
-
[vars$
|
11613
|
-
[vars$
|
11614
|
-
[vars$
|
11681
|
+
[vars$r.fontSize]: globalRefs$i.typography.h2.size,
|
11682
|
+
[vars$r.fontWeight]: globalRefs$i.typography.h2.weight,
|
11683
|
+
[vars$r.fontFamily]: globalRefs$i.typography.h2.font,
|
11615
11684
|
},
|
11616
11685
|
h3: {
|
11617
|
-
[vars$
|
11618
|
-
[vars$
|
11619
|
-
[vars$
|
11686
|
+
[vars$r.fontSize]: globalRefs$i.typography.h3.size,
|
11687
|
+
[vars$r.fontWeight]: globalRefs$i.typography.h3.weight,
|
11688
|
+
[vars$r.fontFamily]: globalRefs$i.typography.h3.font,
|
11620
11689
|
},
|
11621
11690
|
subtitle1: {
|
11622
|
-
[vars$
|
11623
|
-
[vars$
|
11624
|
-
[vars$
|
11691
|
+
[vars$r.fontSize]: globalRefs$i.typography.subtitle1.size,
|
11692
|
+
[vars$r.fontWeight]: globalRefs$i.typography.subtitle1.weight,
|
11693
|
+
[vars$r.fontFamily]: globalRefs$i.typography.subtitle1.font,
|
11625
11694
|
},
|
11626
11695
|
subtitle2: {
|
11627
|
-
[vars$
|
11628
|
-
[vars$
|
11629
|
-
[vars$
|
11696
|
+
[vars$r.fontSize]: globalRefs$i.typography.subtitle2.size,
|
11697
|
+
[vars$r.fontWeight]: globalRefs$i.typography.subtitle2.weight,
|
11698
|
+
[vars$r.fontFamily]: globalRefs$i.typography.subtitle2.font,
|
11630
11699
|
},
|
11631
11700
|
body1: {
|
11632
|
-
[vars$
|
11633
|
-
[vars$
|
11634
|
-
[vars$
|
11701
|
+
[vars$r.fontSize]: globalRefs$i.typography.body1.size,
|
11702
|
+
[vars$r.fontWeight]: globalRefs$i.typography.body1.weight,
|
11703
|
+
[vars$r.fontFamily]: globalRefs$i.typography.body1.font,
|
11635
11704
|
},
|
11636
11705
|
body2: {
|
11637
|
-
[vars$
|
11638
|
-
[vars$
|
11639
|
-
[vars$
|
11706
|
+
[vars$r.fontSize]: globalRefs$i.typography.body2.size,
|
11707
|
+
[vars$r.fontWeight]: globalRefs$i.typography.body2.weight,
|
11708
|
+
[vars$r.fontFamily]: globalRefs$i.typography.body2.font,
|
11640
11709
|
},
|
11641
11710
|
},
|
11642
11711
|
|
11643
11712
|
textAlign: {
|
11644
|
-
right: { [vars$
|
11645
|
-
left: { [vars$
|
11646
|
-
center: { [vars$
|
11713
|
+
right: { [vars$r.textAlign]: 'right' },
|
11714
|
+
left: { [vars$r.textAlign]: 'left' },
|
11715
|
+
center: { [vars$r.textAlign]: 'center' },
|
11647
11716
|
},
|
11648
11717
|
|
11649
11718
|
_fullWidth: {
|
11650
|
-
[vars$
|
11719
|
+
[vars$r.hostWidth]: '100%',
|
11651
11720
|
},
|
11652
11721
|
};
|
11653
11722
|
|
11654
11723
|
var EnrichedText$1 = /*#__PURE__*/Object.freeze({
|
11655
11724
|
__proto__: null,
|
11656
11725
|
default: EnrichedText,
|
11657
|
-
vars: vars$
|
11726
|
+
vars: vars$r
|
11658
11727
|
});
|
11659
11728
|
|
11660
11729
|
const globalRefs$h = getThemeRefs(globals);
|
11661
|
-
const vars$
|
11730
|
+
const vars$q = LinkClass.cssVarList;
|
11662
11731
|
|
11663
11732
|
const link = {
|
11664
|
-
[vars$
|
11665
|
-
[vars$
|
11733
|
+
[vars$q.hostDirection]: globalRefs$h.direction,
|
11734
|
+
[vars$q.cursor]: 'pointer',
|
11666
11735
|
|
11667
|
-
[vars$
|
11736
|
+
[vars$q.textColor]: globalRefs$h.colors.primary.main,
|
11668
11737
|
|
11669
11738
|
textAlign: {
|
11670
|
-
right: { [vars$
|
11671
|
-
left: { [vars$
|
11672
|
-
center: { [vars$
|
11739
|
+
right: { [vars$q.textAlign]: 'right' },
|
11740
|
+
left: { [vars$q.textAlign]: 'left' },
|
11741
|
+
center: { [vars$q.textAlign]: 'center' },
|
11673
11742
|
},
|
11674
11743
|
|
11675
11744
|
_fullWidth: {
|
11676
|
-
[vars$
|
11745
|
+
[vars$q.hostWidth]: '100%',
|
11677
11746
|
},
|
11678
11747
|
|
11679
11748
|
mode: {
|
11680
11749
|
primary: {
|
11681
|
-
[vars$
|
11750
|
+
[vars$q.textColor]: globalRefs$h.colors.primary.main,
|
11682
11751
|
},
|
11683
11752
|
secondary: {
|
11684
|
-
[vars$
|
11753
|
+
[vars$q.textColor]: globalRefs$h.colors.secondary.main,
|
11685
11754
|
},
|
11686
11755
|
error: {
|
11687
|
-
[vars$
|
11756
|
+
[vars$q.textColor]: globalRefs$h.colors.error.main,
|
11688
11757
|
},
|
11689
11758
|
success: {
|
11690
|
-
[vars$
|
11759
|
+
[vars$q.textColor]: globalRefs$h.colors.success.main,
|
11691
11760
|
},
|
11692
11761
|
},
|
11693
11762
|
};
|
@@ -11695,7 +11764,7 @@ const link = {
|
|
11695
11764
|
var link$1 = /*#__PURE__*/Object.freeze({
|
11696
11765
|
__proto__: null,
|
11697
11766
|
default: link,
|
11698
|
-
vars: vars$
|
11767
|
+
vars: vars$q
|
11699
11768
|
});
|
11700
11769
|
|
11701
11770
|
const globalRefs$g = getThemeRefs(globals);
|
@@ -11737,7 +11806,7 @@ const divider = {
|
|
11737
11806
|
},
|
11738
11807
|
};
|
11739
11808
|
|
11740
|
-
const vars$
|
11809
|
+
const vars$p = {
|
11741
11810
|
...compVars$3,
|
11742
11811
|
...helperVars$1,
|
11743
11812
|
};
|
@@ -11745,93 +11814,93 @@ const vars$o = {
|
|
11745
11814
|
var divider$1 = /*#__PURE__*/Object.freeze({
|
11746
11815
|
__proto__: null,
|
11747
11816
|
default: divider,
|
11748
|
-
vars: vars$
|
11817
|
+
vars: vars$p
|
11749
11818
|
});
|
11750
11819
|
|
11751
|
-
const vars$
|
11820
|
+
const vars$o = PasscodeClass.cssVarList;
|
11752
11821
|
|
11753
11822
|
const passcode = {
|
11754
|
-
[vars$
|
11755
|
-
[vars$
|
11756
|
-
[vars$
|
11757
|
-
[vars$
|
11758
|
-
[vars$
|
11759
|
-
[vars$
|
11760
|
-
[vars$
|
11761
|
-
[vars$
|
11762
|
-
[vars$
|
11763
|
-
[vars$
|
11764
|
-
[vars$
|
11765
|
-
[vars$
|
11766
|
-
[vars$
|
11767
|
-
[vars$
|
11768
|
-
[vars$
|
11823
|
+
[vars$o.hostDirection]: refs.direction,
|
11824
|
+
[vars$o.fontFamily]: refs.fontFamily,
|
11825
|
+
[vars$o.fontSize]: refs.fontSize,
|
11826
|
+
[vars$o.labelTextColor]: refs.labelTextColor,
|
11827
|
+
[vars$o.labelRequiredIndicator]: refs.requiredIndicator,
|
11828
|
+
[vars$o.errorMessageTextColor]: refs.errorMessageTextColor,
|
11829
|
+
[vars$o.digitValueTextColor]: refs.valueTextColor,
|
11830
|
+
[vars$o.digitPadding]: '0',
|
11831
|
+
[vars$o.digitTextAlign]: 'center',
|
11832
|
+
[vars$o.digitSpacing]: '4px',
|
11833
|
+
[vars$o.hostWidth]: refs.width,
|
11834
|
+
[vars$o.digitOutlineColor]: 'transparent',
|
11835
|
+
[vars$o.digitOutlineWidth]: refs.outlineWidth,
|
11836
|
+
[vars$o.focusedDigitFieldOutlineColor]: refs.outlineColor,
|
11837
|
+
[vars$o.digitSize]: refs.inputHeight,
|
11769
11838
|
|
11770
11839
|
size: {
|
11771
|
-
xs: { [vars$
|
11772
|
-
sm: { [vars$
|
11773
|
-
md: { [vars$
|
11774
|
-
lg: { [vars$
|
11840
|
+
xs: { [vars$o.spinnerSize]: '15px' },
|
11841
|
+
sm: { [vars$o.spinnerSize]: '20px' },
|
11842
|
+
md: { [vars$o.spinnerSize]: '20px' },
|
11843
|
+
lg: { [vars$o.spinnerSize]: '20px' },
|
11775
11844
|
},
|
11776
11845
|
|
11777
11846
|
_hideCursor: {
|
11778
|
-
[vars$
|
11847
|
+
[vars$o.digitCaretTextColor]: 'transparent',
|
11779
11848
|
},
|
11780
11849
|
|
11781
11850
|
_loading: {
|
11782
|
-
[vars$
|
11851
|
+
[vars$o.overlayOpacity]: refs.overlayOpacity,
|
11783
11852
|
},
|
11784
11853
|
};
|
11785
11854
|
|
11786
11855
|
var passcode$1 = /*#__PURE__*/Object.freeze({
|
11787
11856
|
__proto__: null,
|
11788
11857
|
default: passcode,
|
11789
|
-
vars: vars$
|
11858
|
+
vars: vars$o
|
11790
11859
|
});
|
11791
11860
|
|
11792
11861
|
const globalRefs$f = getThemeRefs(globals);
|
11793
|
-
const vars$
|
11862
|
+
const vars$n = LoaderLinearClass.cssVarList;
|
11794
11863
|
|
11795
11864
|
const loaderLinear = {
|
11796
|
-
[vars$
|
11797
|
-
[vars$
|
11865
|
+
[vars$n.hostDisplay]: 'inline-block',
|
11866
|
+
[vars$n.hostWidth]: '100%',
|
11798
11867
|
|
11799
|
-
[vars$
|
11800
|
-
[vars$
|
11868
|
+
[vars$n.barColor]: globalRefs$f.colors.surface.contrast,
|
11869
|
+
[vars$n.barWidth]: '20%',
|
11801
11870
|
|
11802
|
-
[vars$
|
11803
|
-
[vars$
|
11871
|
+
[vars$n.barBackgroundColor]: globalRefs$f.colors.surface.light,
|
11872
|
+
[vars$n.barBorderRadius]: '4px',
|
11804
11873
|
|
11805
|
-
[vars$
|
11806
|
-
[vars$
|
11807
|
-
[vars$
|
11808
|
-
[vars$
|
11874
|
+
[vars$n.animationDuration]: '2s',
|
11875
|
+
[vars$n.animationTimingFunction]: 'linear',
|
11876
|
+
[vars$n.animationIterationCount]: 'infinite',
|
11877
|
+
[vars$n.verticalPadding]: '0.25em',
|
11809
11878
|
|
11810
11879
|
size: {
|
11811
|
-
xs: { [vars$
|
11812
|
-
sm: { [vars$
|
11813
|
-
md: { [vars$
|
11814
|
-
lg: { [vars$
|
11880
|
+
xs: { [vars$n.barHeight]: '2px' },
|
11881
|
+
sm: { [vars$n.barHeight]: '4px' },
|
11882
|
+
md: { [vars$n.barHeight]: '6px' },
|
11883
|
+
lg: { [vars$n.barHeight]: '8px' },
|
11815
11884
|
},
|
11816
11885
|
|
11817
11886
|
mode: {
|
11818
11887
|
primary: {
|
11819
|
-
[vars$
|
11888
|
+
[vars$n.barColor]: globalRefs$f.colors.primary.main,
|
11820
11889
|
},
|
11821
11890
|
secondary: {
|
11822
|
-
[vars$
|
11891
|
+
[vars$n.barColor]: globalRefs$f.colors.secondary.main,
|
11823
11892
|
},
|
11824
11893
|
},
|
11825
11894
|
|
11826
11895
|
_hidden: {
|
11827
|
-
[vars$
|
11896
|
+
[vars$n.hostDisplay]: 'none',
|
11828
11897
|
},
|
11829
11898
|
};
|
11830
11899
|
|
11831
11900
|
var loaderLinear$1 = /*#__PURE__*/Object.freeze({
|
11832
11901
|
__proto__: null,
|
11833
11902
|
default: loaderLinear,
|
11834
|
-
vars: vars$
|
11903
|
+
vars: vars$n
|
11835
11904
|
});
|
11836
11905
|
|
11837
11906
|
const globalRefs$e = getThemeRefs(globals);
|
@@ -11878,7 +11947,7 @@ const loaderRadial = {
|
|
11878
11947
|
[compVars$2.hostDisplay]: 'none',
|
11879
11948
|
},
|
11880
11949
|
};
|
11881
|
-
const vars$
|
11950
|
+
const vars$m = {
|
11882
11951
|
...compVars$2,
|
11883
11952
|
...helperVars,
|
11884
11953
|
};
|
@@ -11886,78 +11955,114 @@ const vars$l = {
|
|
11886
11955
|
var loaderRadial$1 = /*#__PURE__*/Object.freeze({
|
11887
11956
|
__proto__: null,
|
11888
11957
|
default: loaderRadial,
|
11889
|
-
vars: vars$
|
11958
|
+
vars: vars$m
|
11890
11959
|
});
|
11891
11960
|
|
11892
11961
|
const globalRefs$d = getThemeRefs(globals);
|
11893
|
-
const vars$
|
11962
|
+
const vars$l = ComboBoxClass.cssVarList;
|
11894
11963
|
|
11895
11964
|
const comboBox = {
|
11896
|
-
[vars$
|
11897
|
-
[vars$
|
11898
|
-
[vars$
|
11899
|
-
[vars$
|
11900
|
-
[vars$
|
11901
|
-
[vars$
|
11902
|
-
[vars$
|
11903
|
-
[vars$
|
11904
|
-
[vars$
|
11905
|
-
[vars$
|
11906
|
-
[vars$
|
11907
|
-
[vars$
|
11908
|
-
[vars$
|
11909
|
-
[vars$
|
11910
|
-
[vars$
|
11911
|
-
[vars$
|
11912
|
-
[vars$
|
11913
|
-
[vars$
|
11914
|
-
[vars$
|
11915
|
-
[vars$
|
11916
|
-
[vars$
|
11917
|
-
[vars$
|
11918
|
-
[vars$
|
11919
|
-
[vars$
|
11920
|
-
[vars$
|
11921
|
-
[vars$
|
11965
|
+
[vars$l.hostWidth]: refs.width,
|
11966
|
+
[vars$l.hostDirection]: refs.direction,
|
11967
|
+
[vars$l.fontSize]: refs.fontSize,
|
11968
|
+
[vars$l.fontFamily]: refs.fontFamily,
|
11969
|
+
[vars$l.labelTextColor]: refs.labelTextColor,
|
11970
|
+
[vars$l.errorMessageTextColor]: refs.errorMessageTextColor,
|
11971
|
+
[vars$l.inputBorderColor]: refs.borderColor,
|
11972
|
+
[vars$l.inputBorderWidth]: refs.borderWidth,
|
11973
|
+
[vars$l.inputBorderStyle]: refs.borderStyle,
|
11974
|
+
[vars$l.inputBorderRadius]: refs.borderRadius,
|
11975
|
+
[vars$l.inputOutlineColor]: refs.outlineColor,
|
11976
|
+
[vars$l.inputOutlineOffset]: refs.outlineOffset,
|
11977
|
+
[vars$l.inputOutlineWidth]: refs.outlineWidth,
|
11978
|
+
[vars$l.inputOutlineStyle]: refs.outlineStyle,
|
11979
|
+
[vars$l.labelRequiredIndicator]: refs.requiredIndicator,
|
11980
|
+
[vars$l.inputValueTextColor]: refs.valueTextColor,
|
11981
|
+
[vars$l.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
11982
|
+
[vars$l.inputBackgroundColor]: refs.backgroundColor,
|
11983
|
+
[vars$l.inputHorizontalPadding]: refs.horizontalPadding,
|
11984
|
+
[vars$l.inputHeight]: refs.inputHeight,
|
11985
|
+
[vars$l.inputDropdownButtonColor]: globalRefs$d.colors.surface.dark,
|
11986
|
+
[vars$l.inputDropdownButtonCursor]: 'pointer',
|
11987
|
+
[vars$l.inputDropdownButtonSize]: refs.toggleButtonSize,
|
11988
|
+
[vars$l.inputDropdownButtonOffset]: globalRefs$d.spacing.xs,
|
11989
|
+
[vars$l.overlayItemPaddingInlineStart]: globalRefs$d.spacing.xs,
|
11990
|
+
[vars$l.overlayItemPaddingInlineEnd]: globalRefs$d.spacing.lg,
|
11922
11991
|
|
11923
11992
|
_readonly: {
|
11924
|
-
[vars$
|
11993
|
+
[vars$l.inputDropdownButtonCursor]: 'default',
|
11925
11994
|
},
|
11926
11995
|
|
11927
11996
|
// Overlay theme exposed via the component:
|
11928
|
-
[vars$
|
11929
|
-
[vars$
|
11930
|
-
[vars$
|
11931
|
-
[vars$
|
11932
|
-
[vars$
|
11933
|
-
[vars$
|
11997
|
+
[vars$l.overlayFontSize]: refs.fontSize,
|
11998
|
+
[vars$l.overlayFontFamily]: refs.fontFamily,
|
11999
|
+
[vars$l.overlayCursor]: 'pointer',
|
12000
|
+
[vars$l.overlayItemBoxShadow]: 'none',
|
12001
|
+
[vars$l.overlayBackground]: refs.backgroundColor,
|
12002
|
+
[vars$l.overlayTextColor]: refs.valueTextColor,
|
11934
12003
|
|
11935
12004
|
// Overlay direct theme:
|
11936
|
-
[vars$
|
11937
|
-
[vars$
|
12005
|
+
[vars$l.overlay.minHeight]: '400px',
|
12006
|
+
[vars$l.overlay.margin]: '0',
|
11938
12007
|
};
|
11939
12008
|
|
11940
12009
|
var comboBox$1 = /*#__PURE__*/Object.freeze({
|
11941
12010
|
__proto__: null,
|
11942
12011
|
comboBox: comboBox,
|
11943
12012
|
default: comboBox,
|
11944
|
-
vars: vars$
|
12013
|
+
vars: vars$l
|
11945
12014
|
});
|
11946
12015
|
|
11947
|
-
const vars$
|
12016
|
+
const vars$k = ImageClass.cssVarList;
|
11948
12017
|
|
11949
12018
|
const image = {};
|
11950
12019
|
|
11951
12020
|
var image$1 = /*#__PURE__*/Object.freeze({
|
11952
12021
|
__proto__: null,
|
11953
12022
|
default: image,
|
11954
|
-
vars: vars$
|
12023
|
+
vars: vars$k
|
11955
12024
|
});
|
11956
12025
|
|
11957
|
-
const vars$
|
12026
|
+
const vars$j = PhoneFieldClass.cssVarList;
|
11958
12027
|
|
11959
12028
|
const phoneField = {
|
11960
|
-
[vars$
|
12029
|
+
[vars$j.hostWidth]: refs.width,
|
12030
|
+
[vars$j.hostDirection]: refs.direction,
|
12031
|
+
[vars$j.fontSize]: refs.fontSize,
|
12032
|
+
[vars$j.fontFamily]: refs.fontFamily,
|
12033
|
+
[vars$j.labelTextColor]: refs.labelTextColor,
|
12034
|
+
[vars$j.labelRequiredIndicator]: refs.requiredIndicator,
|
12035
|
+
[vars$j.errorMessageTextColor]: refs.errorMessageTextColor,
|
12036
|
+
[vars$j.inputValueTextColor]: refs.valueTextColor,
|
12037
|
+
[vars$j.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
12038
|
+
[vars$j.inputBorderStyle]: refs.borderStyle,
|
12039
|
+
[vars$j.inputBorderWidth]: refs.borderWidth,
|
12040
|
+
[vars$j.inputBorderColor]: refs.borderColor,
|
12041
|
+
[vars$j.inputBorderRadius]: refs.borderRadius,
|
12042
|
+
[vars$j.inputOutlineStyle]: refs.outlineStyle,
|
12043
|
+
[vars$j.inputOutlineWidth]: refs.outlineWidth,
|
12044
|
+
[vars$j.inputOutlineColor]: refs.outlineColor,
|
12045
|
+
[vars$j.inputOutlineOffset]: refs.outlineOffset,
|
12046
|
+
[vars$j.phoneInputWidth]: refs.minWidth,
|
12047
|
+
[vars$j.countryCodeInputWidth]: '5em',
|
12048
|
+
[vars$j.countryCodeDropdownWidth]: '20em',
|
12049
|
+
|
12050
|
+
// '@overlay': {
|
12051
|
+
// overlayItemBackgroundColor: 'red'
|
12052
|
+
// }
|
12053
|
+
};
|
12054
|
+
|
12055
|
+
var phoneField$1 = /*#__PURE__*/Object.freeze({
|
12056
|
+
__proto__: null,
|
12057
|
+
default: phoneField,
|
12058
|
+
vars: vars$j
|
12059
|
+
});
|
12060
|
+
|
12061
|
+
const vars$i = PhoneFieldInputBoxClass.cssVarList;
|
12062
|
+
|
12063
|
+
const phoneInputBoxField = {
|
12064
|
+
[vars$i.hostWidth]: '16em',
|
12065
|
+
[vars$i.hostMinWidth]: refs.minWidth,
|
11961
12066
|
[vars$i.hostDirection]: refs.direction,
|
11962
12067
|
[vars$i.fontSize]: refs.fontSize,
|
11963
12068
|
[vars$i.fontFamily]: refs.fontFamily,
|
@@ -11974,181 +12079,145 @@ const phoneField = {
|
|
11974
12079
|
[vars$i.inputOutlineWidth]: refs.outlineWidth,
|
11975
12080
|
[vars$i.inputOutlineColor]: refs.outlineColor,
|
11976
12081
|
[vars$i.inputOutlineOffset]: refs.outlineOffset,
|
11977
|
-
[vars$i.phoneInputWidth]: refs.minWidth,
|
11978
|
-
[vars$i.countryCodeInputWidth]: '5em',
|
11979
|
-
[vars$i.countryCodeDropdownWidth]: '20em',
|
11980
|
-
|
11981
|
-
// '@overlay': {
|
11982
|
-
// overlayItemBackgroundColor: 'red'
|
11983
|
-
// }
|
11984
|
-
};
|
11985
|
-
|
11986
|
-
var phoneField$1 = /*#__PURE__*/Object.freeze({
|
11987
|
-
__proto__: null,
|
11988
|
-
default: phoneField,
|
11989
|
-
vars: vars$i
|
11990
|
-
});
|
11991
|
-
|
11992
|
-
const vars$h = PhoneFieldInputBoxClass.cssVarList;
|
11993
|
-
|
11994
|
-
const phoneInputBoxField = {
|
11995
|
-
[vars$h.hostWidth]: '16em',
|
11996
|
-
[vars$h.hostMinWidth]: refs.minWidth,
|
11997
|
-
[vars$h.hostDirection]: refs.direction,
|
11998
|
-
[vars$h.fontSize]: refs.fontSize,
|
11999
|
-
[vars$h.fontFamily]: refs.fontFamily,
|
12000
|
-
[vars$h.labelTextColor]: refs.labelTextColor,
|
12001
|
-
[vars$h.labelRequiredIndicator]: refs.requiredIndicator,
|
12002
|
-
[vars$h.errorMessageTextColor]: refs.errorMessageTextColor,
|
12003
|
-
[vars$h.inputValueTextColor]: refs.valueTextColor,
|
12004
|
-
[vars$h.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
12005
|
-
[vars$h.inputBorderStyle]: refs.borderStyle,
|
12006
|
-
[vars$h.inputBorderWidth]: refs.borderWidth,
|
12007
|
-
[vars$h.inputBorderColor]: refs.borderColor,
|
12008
|
-
[vars$h.inputBorderRadius]: refs.borderRadius,
|
12009
|
-
[vars$h.inputOutlineStyle]: refs.outlineStyle,
|
12010
|
-
[vars$h.inputOutlineWidth]: refs.outlineWidth,
|
12011
|
-
[vars$h.inputOutlineColor]: refs.outlineColor,
|
12012
|
-
[vars$h.inputOutlineOffset]: refs.outlineOffset,
|
12013
12082
|
_fullWidth: {
|
12014
|
-
[vars$
|
12083
|
+
[vars$i.hostWidth]: refs.width,
|
12015
12084
|
},
|
12016
12085
|
};
|
12017
12086
|
|
12018
12087
|
var phoneInputBoxField$1 = /*#__PURE__*/Object.freeze({
|
12019
12088
|
__proto__: null,
|
12020
12089
|
default: phoneInputBoxField,
|
12021
|
-
vars: vars$
|
12090
|
+
vars: vars$i
|
12022
12091
|
});
|
12023
12092
|
|
12024
12093
|
const globalRefs$c = getThemeRefs(globals);
|
12025
|
-
const vars$
|
12094
|
+
const vars$h = NewPasswordClass.cssVarList;
|
12026
12095
|
|
12027
12096
|
const newPassword = {
|
12028
|
-
[vars$
|
12029
|
-
[vars$
|
12030
|
-
[vars$
|
12031
|
-
[vars$
|
12032
|
-
[vars$
|
12033
|
-
[vars$
|
12034
|
-
[vars$
|
12035
|
-
[vars$
|
12036
|
-
[vars$
|
12097
|
+
[vars$h.hostWidth]: refs.width,
|
12098
|
+
[vars$h.hostMinWidth]: refs.minWidth,
|
12099
|
+
[vars$h.hostDirection]: refs.direction,
|
12100
|
+
[vars$h.fontSize]: refs.fontSize,
|
12101
|
+
[vars$h.fontFamily]: refs.fontFamily,
|
12102
|
+
[vars$h.spaceBetweenInputs]: '1em',
|
12103
|
+
[vars$h.errorMessageTextColor]: refs.errorMessageTextColor,
|
12104
|
+
[vars$h.policyPreviewBackgroundColor]: 'none',
|
12105
|
+
[vars$h.policyPreviewPadding]: globalRefs$c.spacing.lg,
|
12037
12106
|
|
12038
12107
|
_required: {
|
12039
12108
|
// NewPassword doesn't pass `required` attribute to its Password components.
|
12040
12109
|
// That's why we fake the required indicator on each input.
|
12041
12110
|
// We do that by injecting `::after` element, and populating it with requiredIndicator content.
|
12042
|
-
[vars$
|
12111
|
+
[vars$h.inputsRequiredIndicator]: refs.requiredIndicator, // used to populate required content for NewPassword input fields outside the theme
|
12043
12112
|
},
|
12044
12113
|
};
|
12045
12114
|
|
12046
12115
|
var newPassword$1 = /*#__PURE__*/Object.freeze({
|
12047
12116
|
__proto__: null,
|
12048
12117
|
default: newPassword,
|
12049
|
-
vars: vars$
|
12118
|
+
vars: vars$h
|
12050
12119
|
});
|
12051
12120
|
|
12052
|
-
const vars$
|
12121
|
+
const vars$g = UploadFileClass.cssVarList;
|
12053
12122
|
|
12054
12123
|
const uploadFile = {
|
12055
|
-
[vars$
|
12056
|
-
[vars$
|
12057
|
-
[vars$
|
12124
|
+
[vars$g.hostDirection]: refs.direction,
|
12125
|
+
[vars$g.labelTextColor]: refs.labelTextColor,
|
12126
|
+
[vars$g.fontFamily]: refs.fontFamily,
|
12058
12127
|
|
12059
|
-
[vars$
|
12128
|
+
[vars$g.iconSize]: '2em',
|
12060
12129
|
|
12061
|
-
[vars$
|
12062
|
-
[vars$
|
12130
|
+
[vars$g.hostPadding]: '0.75em',
|
12131
|
+
[vars$g.gap]: '0.5em',
|
12063
12132
|
|
12064
|
-
[vars$
|
12065
|
-
[vars$
|
12066
|
-
[vars$
|
12133
|
+
[vars$g.fontSize]: '16px',
|
12134
|
+
[vars$g.titleFontWeight]: '500',
|
12135
|
+
[vars$g.lineHeight]: '1em',
|
12067
12136
|
|
12068
|
-
[vars$
|
12069
|
-
[vars$
|
12070
|
-
[vars$
|
12071
|
-
[vars$
|
12137
|
+
[vars$g.borderWidth]: refs.borderWidth,
|
12138
|
+
[vars$g.borderColor]: refs.borderColor,
|
12139
|
+
[vars$g.borderRadius]: refs.borderRadius,
|
12140
|
+
[vars$g.borderStyle]: 'dashed',
|
12072
12141
|
|
12073
12142
|
_required: {
|
12074
|
-
[vars$
|
12143
|
+
[vars$g.requiredIndicator]: refs.requiredIndicator,
|
12075
12144
|
},
|
12076
12145
|
|
12077
12146
|
size: {
|
12078
12147
|
xs: {
|
12079
|
-
[vars$
|
12080
|
-
[vars$
|
12081
|
-
[vars$
|
12082
|
-
[vars$
|
12083
|
-
[vars$
|
12148
|
+
[vars$g.hostHeight]: '196px',
|
12149
|
+
[vars$g.hostWidth]: '200px',
|
12150
|
+
[vars$g.titleFontSize]: '0.875em',
|
12151
|
+
[vars$g.descriptionFontSize]: '0.875em',
|
12152
|
+
[vars$g.lineHeight]: '1.25em',
|
12084
12153
|
},
|
12085
12154
|
sm: {
|
12086
|
-
[vars$
|
12087
|
-
[vars$
|
12088
|
-
[vars$
|
12089
|
-
[vars$
|
12090
|
-
[vars$
|
12155
|
+
[vars$g.hostHeight]: '216px',
|
12156
|
+
[vars$g.hostWidth]: '230px',
|
12157
|
+
[vars$g.titleFontSize]: '1em',
|
12158
|
+
[vars$g.descriptionFontSize]: '0.875em',
|
12159
|
+
[vars$g.lineHeight]: '1.25em',
|
12091
12160
|
},
|
12092
12161
|
md: {
|
12093
|
-
[vars$
|
12094
|
-
[vars$
|
12095
|
-
[vars$
|
12096
|
-
[vars$
|
12097
|
-
[vars$
|
12162
|
+
[vars$g.hostHeight]: '256px',
|
12163
|
+
[vars$g.hostWidth]: '312px',
|
12164
|
+
[vars$g.titleFontSize]: '1.125em',
|
12165
|
+
[vars$g.descriptionFontSize]: '1em',
|
12166
|
+
[vars$g.lineHeight]: '1.5em',
|
12098
12167
|
},
|
12099
12168
|
lg: {
|
12100
|
-
[vars$
|
12101
|
-
[vars$
|
12102
|
-
[vars$
|
12103
|
-
[vars$
|
12104
|
-
[vars$
|
12169
|
+
[vars$g.hostHeight]: '280px',
|
12170
|
+
[vars$g.hostWidth]: '336px',
|
12171
|
+
[vars$g.titleFontSize]: '1.125em',
|
12172
|
+
[vars$g.descriptionFontSize]: '1.125em',
|
12173
|
+
[vars$g.lineHeight]: '1.75em',
|
12105
12174
|
},
|
12106
12175
|
},
|
12107
12176
|
|
12108
12177
|
_fullWidth: {
|
12109
|
-
[vars$
|
12178
|
+
[vars$g.hostWidth]: refs.width,
|
12110
12179
|
},
|
12111
12180
|
};
|
12112
12181
|
|
12113
12182
|
var uploadFile$1 = /*#__PURE__*/Object.freeze({
|
12114
12183
|
__proto__: null,
|
12115
12184
|
default: uploadFile,
|
12116
|
-
vars: vars$
|
12185
|
+
vars: vars$g
|
12117
12186
|
});
|
12118
12187
|
|
12119
12188
|
const globalRefs$b = getThemeRefs(globals);
|
12120
12189
|
|
12121
|
-
const vars$
|
12190
|
+
const vars$f = ButtonSelectionGroupItemClass.cssVarList;
|
12122
12191
|
|
12123
12192
|
const buttonSelectionGroupItem = {
|
12124
|
-
[vars$
|
12125
|
-
[vars$
|
12126
|
-
[vars$
|
12127
|
-
[vars$
|
12128
|
-
[vars$
|
12129
|
-
[vars$
|
12130
|
-
[vars$
|
12131
|
-
[vars$
|
12193
|
+
[vars$f.hostDirection]: 'inherit',
|
12194
|
+
[vars$f.backgroundColor]: globalRefs$b.colors.surface.main,
|
12195
|
+
[vars$f.labelTextColor]: globalRefs$b.colors.surface.contrast,
|
12196
|
+
[vars$f.borderColor]: globalRefs$b.colors.surface.light,
|
12197
|
+
[vars$f.borderStyle]: 'solid',
|
12198
|
+
[vars$f.borderRadius]: globalRefs$b.radius.sm,
|
12199
|
+
[vars$f.outlineColor]: 'transparent',
|
12200
|
+
[vars$f.borderWidth]: globalRefs$b.border.xs,
|
12132
12201
|
|
12133
12202
|
_hover: {
|
12134
|
-
[vars$
|
12203
|
+
[vars$f.backgroundColor]: globalRefs$b.colors.surface.highlight,
|
12135
12204
|
},
|
12136
12205
|
|
12137
12206
|
_focused: {
|
12138
|
-
[vars$
|
12207
|
+
[vars$f.outlineColor]: globalRefs$b.colors.surface.light,
|
12139
12208
|
},
|
12140
12209
|
|
12141
12210
|
_selected: {
|
12142
|
-
[vars$
|
12143
|
-
[vars$
|
12144
|
-
[vars$
|
12211
|
+
[vars$f.borderColor]: globalRefs$b.colors.surface.contrast,
|
12212
|
+
[vars$f.backgroundColor]: globalRefs$b.colors.surface.contrast,
|
12213
|
+
[vars$f.labelTextColor]: globalRefs$b.colors.surface.main,
|
12145
12214
|
},
|
12146
12215
|
};
|
12147
12216
|
|
12148
12217
|
var buttonSelectionGroupItem$1 = /*#__PURE__*/Object.freeze({
|
12149
12218
|
__proto__: null,
|
12150
12219
|
default: buttonSelectionGroupItem,
|
12151
|
-
vars: vars$
|
12220
|
+
vars: vars$f
|
12152
12221
|
});
|
12153
12222
|
|
12154
12223
|
const globalRefs$a = getThemeRefs(globals);
|
@@ -12163,28 +12232,28 @@ const createBaseButtonSelectionGroupMappings = (vars) => ({
|
|
12163
12232
|
[vars.hostWidth]: refs.width,
|
12164
12233
|
});
|
12165
12234
|
|
12166
|
-
const vars$
|
12235
|
+
const vars$e = ButtonSelectionGroupClass.cssVarList;
|
12167
12236
|
|
12168
12237
|
const buttonSelectionGroup = {
|
12169
|
-
...createBaseButtonSelectionGroupMappings(vars$
|
12238
|
+
...createBaseButtonSelectionGroupMappings(vars$e),
|
12170
12239
|
};
|
12171
12240
|
|
12172
12241
|
var buttonSelectionGroup$1 = /*#__PURE__*/Object.freeze({
|
12173
12242
|
__proto__: null,
|
12174
12243
|
default: buttonSelectionGroup,
|
12175
|
-
vars: vars$
|
12244
|
+
vars: vars$e
|
12176
12245
|
});
|
12177
12246
|
|
12178
|
-
const vars$
|
12247
|
+
const vars$d = ButtonMultiSelectionGroupClass.cssVarList;
|
12179
12248
|
|
12180
12249
|
const buttonMultiSelectionGroup = {
|
12181
|
-
...createBaseButtonSelectionGroupMappings(vars$
|
12250
|
+
...createBaseButtonSelectionGroupMappings(vars$d),
|
12182
12251
|
};
|
12183
12252
|
|
12184
12253
|
var buttonMultiSelectionGroup$1 = /*#__PURE__*/Object.freeze({
|
12185
12254
|
__proto__: null,
|
12186
12255
|
default: buttonMultiSelectionGroup,
|
12187
|
-
vars: vars$
|
12256
|
+
vars: vars$d
|
12188
12257
|
});
|
12189
12258
|
|
12190
12259
|
const globalRefs$9 = getThemeRefs(globals);
|
@@ -12197,46 +12266,46 @@ const modal = {
|
|
12197
12266
|
[compVars$1.overlayWidth]: '540px',
|
12198
12267
|
};
|
12199
12268
|
|
12200
|
-
const vars$
|
12269
|
+
const vars$c = {
|
12201
12270
|
...compVars$1,
|
12202
12271
|
};
|
12203
12272
|
|
12204
12273
|
var modal$1 = /*#__PURE__*/Object.freeze({
|
12205
12274
|
__proto__: null,
|
12206
12275
|
default: modal,
|
12207
|
-
vars: vars$
|
12276
|
+
vars: vars$c
|
12208
12277
|
});
|
12209
12278
|
|
12210
12279
|
const globalRefs$8 = getThemeRefs(globals);
|
12211
|
-
const vars$
|
12280
|
+
const vars$b = GridClass.cssVarList;
|
12212
12281
|
|
12213
12282
|
const grid = {
|
12214
|
-
[vars$
|
12215
|
-
[vars$
|
12216
|
-
[vars$
|
12217
|
-
[vars$
|
12218
|
-
[vars$
|
12283
|
+
[vars$b.hostWidth]: '100%',
|
12284
|
+
[vars$b.hostHeight]: '100%',
|
12285
|
+
[vars$b.hostMinHeight]: '400px',
|
12286
|
+
[vars$b.fontWeight]: '400',
|
12287
|
+
[vars$b.backgroundColor]: globalRefs$8.colors.surface.main,
|
12219
12288
|
|
12220
|
-
[vars$
|
12221
|
-
[vars$
|
12289
|
+
[vars$b.fontSize]: refs.fontSize,
|
12290
|
+
[vars$b.fontFamily]: refs.fontFamily,
|
12222
12291
|
|
12223
|
-
[vars$
|
12224
|
-
[vars$
|
12225
|
-
[vars$
|
12292
|
+
[vars$b.sortIndicatorsColor]: globalRefs$8.colors.surface.light,
|
12293
|
+
[vars$b.activeSortIndicator]: globalRefs$8.colors.surface.dark,
|
12294
|
+
[vars$b.resizeHandleColor]: globalRefs$8.colors.surface.light,
|
12226
12295
|
|
12227
|
-
[vars$
|
12228
|
-
[vars$
|
12229
|
-
[vars$
|
12230
|
-
[vars$
|
12296
|
+
[vars$b.borderWidth]: refs.borderWidth,
|
12297
|
+
[vars$b.borderStyle]: refs.borderStyle,
|
12298
|
+
[vars$b.borderRadius]: refs.borderRadius,
|
12299
|
+
[vars$b.borderColor]: 'transparent',
|
12231
12300
|
|
12232
|
-
[vars$
|
12233
|
-
[vars$
|
12301
|
+
[vars$b.headerRowTextColor]: globalRefs$8.colors.surface.dark,
|
12302
|
+
[vars$b.separatorColor]: globalRefs$8.colors.surface.light,
|
12234
12303
|
|
12235
|
-
[vars$
|
12236
|
-
[vars$
|
12304
|
+
[vars$b.valueTextColor]: globalRefs$8.colors.surface.contrast,
|
12305
|
+
[vars$b.selectedBackgroundColor]: globalRefs$8.colors.surface.highlight,
|
12237
12306
|
|
12238
12307
|
_bordered: {
|
12239
|
-
[vars$
|
12308
|
+
[vars$b.borderColor]: refs.borderColor,
|
12240
12309
|
},
|
12241
12310
|
};
|
12242
12311
|
|
@@ -12244,53 +12313,53 @@ var grid$1 = /*#__PURE__*/Object.freeze({
|
|
12244
12313
|
__proto__: null,
|
12245
12314
|
default: grid,
|
12246
12315
|
grid: grid,
|
12247
|
-
vars: vars$
|
12316
|
+
vars: vars$b
|
12248
12317
|
});
|
12249
12318
|
|
12250
12319
|
const globalRefs$7 = getThemeRefs(globals);
|
12251
|
-
const vars$
|
12320
|
+
const vars$a = NotificationCardClass.cssVarList;
|
12252
12321
|
|
12253
12322
|
const shadowColor = '#00000020';
|
12254
12323
|
|
12255
12324
|
const notification = {
|
12256
|
-
[vars$
|
12257
|
-
[vars$
|
12258
|
-
[vars$
|
12259
|
-
[vars$
|
12260
|
-
[vars$
|
12261
|
-
[vars$
|
12262
|
-
[vars$
|
12263
|
-
[vars$
|
12264
|
-
[vars$
|
12325
|
+
[vars$a.hostMinWidth]: '415px',
|
12326
|
+
[vars$a.fontFamily]: globalRefs$7.fonts.font1.family,
|
12327
|
+
[vars$a.fontSize]: globalRefs$7.typography.body1.size,
|
12328
|
+
[vars$a.backgroundColor]: globalRefs$7.colors.surface.main,
|
12329
|
+
[vars$a.textColor]: globalRefs$7.colors.surface.contrast,
|
12330
|
+
[vars$a.boxShadow]: `${globalRefs$7.shadow.wide.xl} ${shadowColor}, ${globalRefs$7.shadow.narrow.xl} ${shadowColor}`,
|
12331
|
+
[vars$a.verticalPadding]: '0.625em',
|
12332
|
+
[vars$a.horizontalPadding]: '1.5em',
|
12333
|
+
[vars$a.borderRadius]: globalRefs$7.radius.xs,
|
12265
12334
|
|
12266
12335
|
_bordered: {
|
12267
|
-
[vars$
|
12268
|
-
[vars$
|
12269
|
-
[vars$
|
12336
|
+
[vars$a.borderWidth]: globalRefs$7.border.sm,
|
12337
|
+
[vars$a.borderStyle]: 'solid',
|
12338
|
+
[vars$a.borderColor]: 'transparent',
|
12270
12339
|
},
|
12271
12340
|
|
12272
12341
|
size: {
|
12273
|
-
xs: { [vars$
|
12274
|
-
sm: { [vars$
|
12275
|
-
md: { [vars$
|
12276
|
-
lg: { [vars$
|
12342
|
+
xs: { [vars$a.fontSize]: '12px' },
|
12343
|
+
sm: { [vars$a.fontSize]: '14px' },
|
12344
|
+
md: { [vars$a.fontSize]: '16px' },
|
12345
|
+
lg: { [vars$a.fontSize]: '18px' },
|
12277
12346
|
},
|
12278
12347
|
|
12279
12348
|
mode: {
|
12280
12349
|
primary: {
|
12281
|
-
[vars$
|
12282
|
-
[vars$
|
12283
|
-
[vars$
|
12350
|
+
[vars$a.backgroundColor]: globalRefs$7.colors.primary.main,
|
12351
|
+
[vars$a.textColor]: globalRefs$7.colors.primary.contrast,
|
12352
|
+
[vars$a.borderColor]: globalRefs$7.colors.primary.light,
|
12284
12353
|
},
|
12285
12354
|
success: {
|
12286
|
-
[vars$
|
12287
|
-
[vars$
|
12288
|
-
[vars$
|
12355
|
+
[vars$a.backgroundColor]: globalRefs$7.colors.success.main,
|
12356
|
+
[vars$a.textColor]: globalRefs$7.colors.success.contrast,
|
12357
|
+
[vars$a.borderColor]: globalRefs$7.colors.success.light,
|
12289
12358
|
},
|
12290
12359
|
error: {
|
12291
|
-
[vars$
|
12292
|
-
[vars$
|
12293
|
-
[vars$
|
12360
|
+
[vars$a.backgroundColor]: globalRefs$7.colors.error.main,
|
12361
|
+
[vars$a.textColor]: globalRefs$7.colors.error.contrast,
|
12362
|
+
[vars$a.borderColor]: globalRefs$7.colors.error.light,
|
12294
12363
|
},
|
12295
12364
|
},
|
12296
12365
|
};
|
@@ -12298,128 +12367,128 @@ const notification = {
|
|
12298
12367
|
var notificationCard = /*#__PURE__*/Object.freeze({
|
12299
12368
|
__proto__: null,
|
12300
12369
|
default: notification,
|
12301
|
-
vars: vars$
|
12370
|
+
vars: vars$a
|
12302
12371
|
});
|
12303
12372
|
|
12304
12373
|
const globalRefs$6 = getThemeRefs(globals);
|
12305
|
-
const vars$
|
12374
|
+
const vars$9 = MultiSelectComboBoxClass.cssVarList;
|
12306
12375
|
|
12307
12376
|
const multiSelectComboBox = {
|
12308
|
-
[vars$
|
12309
|
-
[vars$
|
12310
|
-
[vars$
|
12311
|
-
[vars$
|
12312
|
-
[vars$
|
12313
|
-
[vars$
|
12314
|
-
[vars$
|
12315
|
-
[vars$
|
12316
|
-
[vars$
|
12317
|
-
[vars$
|
12318
|
-
[vars$
|
12319
|
-
[vars$
|
12320
|
-
[vars$
|
12321
|
-
[vars$
|
12322
|
-
[vars$
|
12323
|
-
[vars$
|
12324
|
-
[vars$
|
12325
|
-
[vars$
|
12326
|
-
[vars$
|
12327
|
-
[vars$
|
12328
|
-
[vars$
|
12329
|
-
[vars$
|
12330
|
-
[vars$
|
12331
|
-
[vars$
|
12332
|
-
[vars$
|
12333
|
-
[vars$
|
12334
|
-
[vars$
|
12335
|
-
[vars$
|
12336
|
-
[vars$
|
12337
|
-
[vars$
|
12377
|
+
[vars$9.hostWidth]: refs.width,
|
12378
|
+
[vars$9.hostDirection]: refs.direction,
|
12379
|
+
[vars$9.fontSize]: refs.fontSize,
|
12380
|
+
[vars$9.fontFamily]: refs.fontFamily,
|
12381
|
+
[vars$9.labelTextColor]: refs.labelTextColor,
|
12382
|
+
[vars$9.errorMessageTextColor]: refs.errorMessageTextColor,
|
12383
|
+
[vars$9.inputBorderColor]: refs.borderColor,
|
12384
|
+
[vars$9.inputBorderWidth]: refs.borderWidth,
|
12385
|
+
[vars$9.inputBorderStyle]: refs.borderStyle,
|
12386
|
+
[vars$9.inputBorderRadius]: refs.borderRadius,
|
12387
|
+
[vars$9.inputOutlineColor]: refs.outlineColor,
|
12388
|
+
[vars$9.inputOutlineOffset]: refs.outlineOffset,
|
12389
|
+
[vars$9.inputOutlineWidth]: refs.outlineWidth,
|
12390
|
+
[vars$9.inputOutlineStyle]: refs.outlineStyle,
|
12391
|
+
[vars$9.labelRequiredIndicator]: refs.requiredIndicator,
|
12392
|
+
[vars$9.inputValueTextColor]: refs.valueTextColor,
|
12393
|
+
[vars$9.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
12394
|
+
[vars$9.inputBackgroundColor]: refs.backgroundColor,
|
12395
|
+
[vars$9.inputHorizontalPadding]: refs.horizontalPadding,
|
12396
|
+
[vars$9.inputVerticalPadding]: refs.verticalPadding,
|
12397
|
+
[vars$9.inputHeight]: refs.inputHeight,
|
12398
|
+
[vars$9.inputDropdownButtonColor]: globalRefs$6.colors.surface.dark,
|
12399
|
+
[vars$9.inputDropdownButtonCursor]: 'pointer',
|
12400
|
+
[vars$9.inputDropdownButtonSize]: refs.toggleButtonSize,
|
12401
|
+
[vars$9.inputDropdownButtonOffset]: globalRefs$6.spacing.xs,
|
12402
|
+
[vars$9.overlayItemPaddingInlineStart]: globalRefs$6.spacing.xs,
|
12403
|
+
[vars$9.overlayItemPaddingInlineEnd]: globalRefs$6.spacing.lg,
|
12404
|
+
[vars$9.chipFontSize]: refs.chipFontSize,
|
12405
|
+
[vars$9.chipTextColor]: globalRefs$6.colors.surface.contrast,
|
12406
|
+
[vars$9.chipBackgroundColor]: globalRefs$6.colors.surface.light,
|
12338
12407
|
|
12339
12408
|
_readonly: {
|
12340
|
-
[vars$
|
12409
|
+
[vars$9.inputDropdownButtonCursor]: 'default',
|
12341
12410
|
},
|
12342
12411
|
|
12343
12412
|
// Overlay theme exposed via the component:
|
12344
|
-
[vars$
|
12345
|
-
[vars$
|
12346
|
-
[vars$
|
12347
|
-
[vars$
|
12348
|
-
[vars$
|
12349
|
-
[vars$
|
12413
|
+
[vars$9.overlayFontSize]: refs.fontSize,
|
12414
|
+
[vars$9.overlayFontFamily]: refs.fontFamily,
|
12415
|
+
[vars$9.overlayCursor]: 'pointer',
|
12416
|
+
[vars$9.overlayItemBoxShadow]: 'none',
|
12417
|
+
[vars$9.overlayBackground]: refs.backgroundColor,
|
12418
|
+
[vars$9.overlayTextColor]: refs.valueTextColor,
|
12350
12419
|
|
12351
12420
|
// Overlay direct theme:
|
12352
|
-
[vars$
|
12353
|
-
[vars$
|
12421
|
+
[vars$9.overlay.minHeight]: '400px',
|
12422
|
+
[vars$9.overlay.margin]: '0',
|
12354
12423
|
};
|
12355
12424
|
|
12356
12425
|
var multiSelectComboBox$1 = /*#__PURE__*/Object.freeze({
|
12357
12426
|
__proto__: null,
|
12358
12427
|
default: multiSelectComboBox,
|
12359
12428
|
multiSelectComboBox: multiSelectComboBox,
|
12360
|
-
vars: vars$
|
12429
|
+
vars: vars$9
|
12361
12430
|
});
|
12362
12431
|
|
12363
12432
|
const globalRefs$5 = getThemeRefs(globals);
|
12364
|
-
const vars$
|
12433
|
+
const vars$8 = BadgeClass.cssVarList;
|
12365
12434
|
|
12366
12435
|
const badge = {
|
12367
|
-
[vars$
|
12368
|
-
[vars$
|
12436
|
+
[vars$8.hostWidth]: 'fit-content',
|
12437
|
+
[vars$8.hostDirection]: globalRefs$5.direction,
|
12369
12438
|
|
12370
|
-
[vars$
|
12439
|
+
[vars$8.textAlign]: 'center',
|
12371
12440
|
|
12372
|
-
[vars$
|
12373
|
-
[vars$
|
12441
|
+
[vars$8.fontFamily]: globalRefs$5.fonts.font1.family,
|
12442
|
+
[vars$8.fontWeight]: '400',
|
12374
12443
|
|
12375
|
-
[vars$
|
12376
|
-
[vars$
|
12444
|
+
[vars$8.verticalPadding]: '0.25em',
|
12445
|
+
[vars$8.horizontalPadding]: '0.5em',
|
12377
12446
|
|
12378
|
-
[vars$
|
12379
|
-
[vars$
|
12380
|
-
[vars$
|
12381
|
-
[vars$
|
12447
|
+
[vars$8.borderWidth]: globalRefs$5.border.xs,
|
12448
|
+
[vars$8.borderRadius]: globalRefs$5.radius.xs,
|
12449
|
+
[vars$8.borderColor]: 'transparent',
|
12450
|
+
[vars$8.borderStyle]: 'solid',
|
12382
12451
|
|
12383
12452
|
_fullWidth: {
|
12384
|
-
[vars$
|
12453
|
+
[vars$8.hostWidth]: '100%',
|
12385
12454
|
},
|
12386
12455
|
|
12387
12456
|
size: {
|
12388
|
-
xs: { [vars$
|
12389
|
-
sm: { [vars$
|
12390
|
-
md: { [vars$
|
12391
|
-
lg: { [vars$
|
12457
|
+
xs: { [vars$8.fontSize]: '12px' },
|
12458
|
+
sm: { [vars$8.fontSize]: '14px' },
|
12459
|
+
md: { [vars$8.fontSize]: '16px' },
|
12460
|
+
lg: { [vars$8.fontSize]: '18px' },
|
12392
12461
|
},
|
12393
12462
|
|
12394
12463
|
mode: {
|
12395
12464
|
default: {
|
12396
|
-
[vars$
|
12465
|
+
[vars$8.textColor]: globalRefs$5.colors.surface.dark,
|
12397
12466
|
_bordered: {
|
12398
|
-
[vars$
|
12467
|
+
[vars$8.borderColor]: globalRefs$5.colors.surface.light,
|
12399
12468
|
},
|
12400
12469
|
},
|
12401
12470
|
primary: {
|
12402
|
-
[vars$
|
12471
|
+
[vars$8.textColor]: globalRefs$5.colors.primary.main,
|
12403
12472
|
_bordered: {
|
12404
|
-
[vars$
|
12473
|
+
[vars$8.borderColor]: globalRefs$5.colors.primary.light,
|
12405
12474
|
},
|
12406
12475
|
},
|
12407
12476
|
secondary: {
|
12408
|
-
[vars$
|
12477
|
+
[vars$8.textColor]: globalRefs$5.colors.secondary.main,
|
12409
12478
|
_bordered: {
|
12410
|
-
[vars$
|
12479
|
+
[vars$8.borderColor]: globalRefs$5.colors.secondary.light,
|
12411
12480
|
},
|
12412
12481
|
},
|
12413
12482
|
error: {
|
12414
|
-
[vars$
|
12483
|
+
[vars$8.textColor]: globalRefs$5.colors.error.main,
|
12415
12484
|
_bordered: {
|
12416
|
-
[vars$
|
12485
|
+
[vars$8.borderColor]: globalRefs$5.colors.error.light,
|
12417
12486
|
},
|
12418
12487
|
},
|
12419
12488
|
success: {
|
12420
|
-
[vars$
|
12489
|
+
[vars$8.textColor]: globalRefs$5.colors.success.main,
|
12421
12490
|
_bordered: {
|
12422
|
-
[vars$
|
12491
|
+
[vars$8.borderColor]: globalRefs$5.colors.success.light,
|
12423
12492
|
},
|
12424
12493
|
},
|
12425
12494
|
},
|
@@ -12428,7 +12497,7 @@ const badge = {
|
|
12428
12497
|
var badge$1 = /*#__PURE__*/Object.freeze({
|
12429
12498
|
__proto__: null,
|
12430
12499
|
default: badge,
|
12431
|
-
vars: vars$
|
12500
|
+
vars: vars$8
|
12432
12501
|
});
|
12433
12502
|
|
12434
12503
|
const globalRefs$4 = getThemeRefs(globals);
|
@@ -12466,127 +12535,137 @@ const avatar = {
|
|
12466
12535
|
},
|
12467
12536
|
};
|
12468
12537
|
|
12469
|
-
const vars$
|
12538
|
+
const vars$7 = {
|
12470
12539
|
...compVars,
|
12471
12540
|
};
|
12472
12541
|
|
12473
12542
|
var avatar$1 = /*#__PURE__*/Object.freeze({
|
12474
12543
|
__proto__: null,
|
12475
12544
|
default: avatar,
|
12476
|
-
vars: vars$
|
12545
|
+
vars: vars$7
|
12477
12546
|
});
|
12478
12547
|
|
12479
12548
|
const globalRefs$3 = getThemeRefs(globals);
|
12480
12549
|
|
12481
|
-
const vars$
|
12550
|
+
const vars$6 = MappingsFieldClass.cssVarList;
|
12482
12551
|
|
12483
12552
|
const mappingsField = {
|
12484
|
-
[vars$
|
12485
|
-
[vars$
|
12486
|
-
[vars$
|
12487
|
-
[vars$
|
12488
|
-
[vars$
|
12489
|
-
[vars$
|
12490
|
-
[vars$
|
12491
|
-
[vars$
|
12492
|
-
[vars$
|
12493
|
-
[vars$
|
12553
|
+
[vars$6.hostWidth]: refs.width,
|
12554
|
+
[vars$6.hostDirection]: refs.direction,
|
12555
|
+
[vars$6.fontSize]: refs.fontSize,
|
12556
|
+
[vars$6.fontFamily]: refs.fontFamily,
|
12557
|
+
[vars$6.separatorFontSize]: '14px',
|
12558
|
+
[vars$6.labelsFontSize]: '14px',
|
12559
|
+
[vars$6.labelsLineHeight]: '1',
|
12560
|
+
[vars$6.labelsMarginBottom]: '6px',
|
12561
|
+
[vars$6.labelTextColor]: refs.labelTextColor,
|
12562
|
+
[vars$6.itemMarginBottom]: '1em',
|
12494
12563
|
// To be positioned correctly, the min width has to match the text field min width
|
12495
|
-
[vars$
|
12564
|
+
[vars$6.valueLabelMinWidth]: refs.minWidth,
|
12496
12565
|
// To be positioned correctly, the min width has to match the combo box field min width
|
12497
|
-
[vars$
|
12498
|
-
[vars$
|
12499
|
-
[vars$
|
12566
|
+
[vars$6.attrLabelMinWidth]: `calc(12em + 2 * ${globalRefs$3.border.xs})`,
|
12567
|
+
[vars$6.separatorWidth]: '70px',
|
12568
|
+
[vars$6.removeButtonWidth]: '60px',
|
12500
12569
|
};
|
12501
12570
|
|
12502
12571
|
var mappingsField$1 = /*#__PURE__*/Object.freeze({
|
12503
12572
|
__proto__: null,
|
12504
12573
|
default: mappingsField,
|
12505
12574
|
mappingsField: mappingsField,
|
12506
|
-
vars: vars$
|
12575
|
+
vars: vars$6
|
12507
12576
|
});
|
12508
12577
|
|
12509
12578
|
const globalRefs$2 = getThemeRefs(globals);
|
12510
|
-
const vars$
|
12579
|
+
const vars$5 = UserAttributeClass.cssVarList;
|
12511
12580
|
|
12512
12581
|
const userAttribute = {
|
12513
|
-
[vars$
|
12514
|
-
[vars$
|
12515
|
-
[vars$
|
12516
|
-
[vars$
|
12517
|
-
[vars$
|
12518
|
-
[vars$
|
12582
|
+
[vars$5.hostDirection]: globalRefs$2.direction,
|
12583
|
+
[vars$5.labelTextWidth]: '150px',
|
12584
|
+
[vars$5.valueTextWidth]: '200px',
|
12585
|
+
[vars$5.badgeMaxWidth]: '85px',
|
12586
|
+
[vars$5.itemsGap]: '16px',
|
12587
|
+
[vars$5.hostMinWidth]: '530px',
|
12519
12588
|
_fullWidth: {
|
12520
|
-
[vars$
|
12589
|
+
[vars$5.hostWidth]: '100%',
|
12521
12590
|
},
|
12522
12591
|
};
|
12523
12592
|
|
12524
12593
|
var userAttribute$1 = /*#__PURE__*/Object.freeze({
|
12525
12594
|
__proto__: null,
|
12526
12595
|
default: userAttribute,
|
12527
|
-
vars: vars$
|
12596
|
+
vars: vars$5
|
12528
12597
|
});
|
12529
12598
|
|
12530
12599
|
const globalRefs$1 = getThemeRefs(globals);
|
12531
|
-
const vars$
|
12600
|
+
const vars$4 = UserAuthMethodClass.cssVarList;
|
12532
12601
|
|
12533
12602
|
const userAuthMethod = {
|
12534
|
-
[vars$
|
12535
|
-
[vars$
|
12536
|
-
[vars$
|
12537
|
-
[vars$
|
12538
|
-
[vars$
|
12603
|
+
[vars$4.hostDirection]: globalRefs$1.direction,
|
12604
|
+
[vars$4.labelTextWidth]: '200px',
|
12605
|
+
[vars$4.itemsGap]: '16px',
|
12606
|
+
[vars$4.hostMinWidth]: '530px',
|
12607
|
+
[vars$4.iconSize]: '24px',
|
12539
12608
|
_fullWidth: {
|
12540
|
-
[vars$
|
12609
|
+
[vars$4.hostWidth]: '100%',
|
12541
12610
|
},
|
12542
12611
|
};
|
12543
12612
|
|
12544
12613
|
var userAuthMethod$1 = /*#__PURE__*/Object.freeze({
|
12545
12614
|
__proto__: null,
|
12546
12615
|
default: userAuthMethod,
|
12547
|
-
vars: vars$
|
12616
|
+
vars: vars$4
|
12548
12617
|
});
|
12549
12618
|
|
12550
|
-
const vars$
|
12619
|
+
const vars$3 = SamlGroupMappingsClass.cssVarList;
|
12551
12620
|
|
12552
12621
|
const samlGroupMappings = {
|
12553
|
-
[vars$
|
12554
|
-
[vars$
|
12555
|
-
[vars$
|
12622
|
+
[vars$3.hostWidth]: refs.width,
|
12623
|
+
[vars$3.hostDirection]: refs.direction,
|
12624
|
+
[vars$3.groupNameInputMarginBottom]: '1em',
|
12556
12625
|
};
|
12557
12626
|
|
12558
12627
|
var samlGroupMappings$1 = /*#__PURE__*/Object.freeze({
|
12559
12628
|
__proto__: null,
|
12560
12629
|
default: samlGroupMappings,
|
12561
12630
|
samlGroupMappings: samlGroupMappings,
|
12562
|
-
vars: vars$
|
12631
|
+
vars: vars$3
|
12563
12632
|
});
|
12564
12633
|
|
12565
12634
|
const globalRefs = getThemeRefs(globals);
|
12566
|
-
const vars$
|
12635
|
+
const vars$2 = PolicyValidationClass.cssVarList;
|
12567
12636
|
|
12568
12637
|
const policyValidation = {
|
12569
|
-
[vars$
|
12570
|
-
[vars$
|
12571
|
-
[vars$
|
12572
|
-
[vars$
|
12573
|
-
[vars$
|
12574
|
-
[vars$
|
12575
|
-
[vars$
|
12576
|
-
[vars$
|
12577
|
-
[vars$
|
12578
|
-
[vars$
|
12579
|
-
[vars$
|
12580
|
-
[vars$
|
12581
|
-
[vars$
|
12582
|
-
[vars$
|
12583
|
-
[vars$
|
12584
|
-
[vars$
|
12638
|
+
[vars$2.fontFamily]: refs.fontFamily,
|
12639
|
+
[vars$2.fontSize]: refs.labelFontSize,
|
12640
|
+
[vars$2.textColor]: refs.labelTextColor,
|
12641
|
+
[vars$2.borderWidth]: refs.borderWidth,
|
12642
|
+
[vars$2.borderStyle]: refs.borderStyle,
|
12643
|
+
[vars$2.borderColor]: refs.borderColor,
|
12644
|
+
[vars$2.borderRadius]: globalRefs.radius.sm,
|
12645
|
+
[vars$2.backgroundColor]: 'none',
|
12646
|
+
[vars$2.padding]: '0px',
|
12647
|
+
[vars$2.labelMargin]: globalRefs.spacing.sm,
|
12648
|
+
[vars$2.itemsSpacing]: globalRefs.spacing.lg,
|
12649
|
+
[vars$2.itemSymbolDefault]: "'\\2022'", // "•"
|
12650
|
+
[vars$2.itemSymbolSuccess]: "'\\2713'", // "✓"
|
12651
|
+
[vars$2.itemSymbolError]: "'\\2A09'", // "⨉"
|
12652
|
+
[vars$2.itemSymbolSuccessColor]: globalRefs.colors.success.main,
|
12653
|
+
[vars$2.itemSymbolErrorColor]: globalRefs.colors.error.main,
|
12585
12654
|
};
|
12586
12655
|
|
12587
12656
|
var policyValidation$1 = /*#__PURE__*/Object.freeze({
|
12588
12657
|
__proto__: null,
|
12589
12658
|
default: policyValidation,
|
12659
|
+
vars: vars$2
|
12660
|
+
});
|
12661
|
+
|
12662
|
+
const vars$1 = IconClass.cssVarList;
|
12663
|
+
|
12664
|
+
const icon = {};
|
12665
|
+
|
12666
|
+
var icon$1 = /*#__PURE__*/Object.freeze({
|
12667
|
+
__proto__: null,
|
12668
|
+
default: icon,
|
12590
12669
|
vars: vars$1
|
12591
12670
|
});
|
12592
12671
|
|
@@ -12631,6 +12710,7 @@ const components = {
|
|
12631
12710
|
userAuthMethod: userAuthMethod$1,
|
12632
12711
|
samlGroupMappings: samlGroupMappings$1,
|
12633
12712
|
policyValidation: policyValidation$1,
|
12713
|
+
icon: icon$1,
|
12634
12714
|
};
|
12635
12715
|
|
12636
12716
|
const theme = Object.keys(components).reduce(
|
@@ -12643,7 +12723,7 @@ const vars = Object.keys(components).reduce(
|
|
12643
12723
|
);
|
12644
12724
|
|
12645
12725
|
const defaultTheme = { globals, components: theme };
|
12646
|
-
const themeVars = { globals: vars$
|
12726
|
+
const themeVars = { globals: vars$G, components: vars };
|
12647
12727
|
|
12648
12728
|
const colors = {
|
12649
12729
|
surface: {
|
@@ -12689,5 +12769,5 @@ const darkTheme = merge({}, defaultTheme, {
|
|
12689
12769
|
},
|
12690
12770
|
});
|
12691
12771
|
|
12692
|
-
export { AvatarClass, BadgeClass, ButtonClass, ButtonMultiSelectionGroupClass, ButtonSelectionGroupClass, CheckboxClass, ComboBoxClass, ContainerClass, DividerClass, EmailFieldClass, EnrichedTextClass, GridClass, ImageClass, LinkClass, LoaderLinearClass, LoaderRadialClass, LogoClass, MappingsFieldClass, ModalClass, MultiSelectComboBoxClass, NewPasswordClass, NotificationClass, NotpImageClass, NumberFieldClass, PasscodeClass, PasswordClass, PhoneFieldClass, PhoneFieldInputBoxClass, PolicyValidationClass, RecaptchaClass, SamlGroupMappingsClass, SwitchToggleClass, TextAreaClass, TextClass, TextFieldClass, TotpImageClass, UploadFileClass, UserAttributeClass, UserAuthMethodClass, componentsThemeManager, createComponentsTheme, darkTheme, defaultTheme, genColor, globalsThemeToStyle, themeToStyle, themeVars };
|
12772
|
+
export { AvatarClass, BadgeClass, ButtonClass, ButtonMultiSelectionGroupClass, ButtonSelectionGroupClass, CheckboxClass, ComboBoxClass, ContainerClass, DividerClass, EmailFieldClass, EnrichedTextClass, GridClass, IconClass, ImageClass, LinkClass, LoaderLinearClass, LoaderRadialClass, LogoClass, MappingsFieldClass, ModalClass, MultiSelectComboBoxClass, NewPasswordClass, NotificationClass, NotpImageClass, NumberFieldClass, PasscodeClass, PasswordClass, PhoneFieldClass, PhoneFieldInputBoxClass, PolicyValidationClass, RecaptchaClass, SamlGroupMappingsClass, SwitchToggleClass, TextAreaClass, TextClass, TextFieldClass, TotpImageClass, UploadFileClass, UserAttributeClass, UserAuthMethodClass, componentsThemeManager, createComponentsTheme, darkTheme, defaultTheme, genColor, globalsThemeToStyle, themeToStyle, themeVars };
|
12693
12773
|
//# sourceMappingURL=index.esm.js.map
|