@descope/web-components-ui 1.0.258 → 1.0.260
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +23 -0
- package/dist/cjs/index.cjs.js +272 -250
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.esm.js +243 -220
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/1000.js +1 -1
- package/dist/umd/descope-button-index-js.js +1 -1
- package/dist/umd/descope-notp-image-index-js.js +1 -0
- package/dist/umd/index.js +1 -1
- package/package.json +1 -1
- package/src/components/descope-button/ButtonClass.js +1 -2
- package/src/components/descope-notp-image/NotpImageClass.js +10 -0
- package/src/components/descope-notp-image/index.js +5 -0
- package/src/index.cjs.js +1 -0
- package/src/index.d.ts +1 -0
- package/src/index.js +1 -0
- package/src/mixins/createStyleMixin/helpers.js +10 -9
- package/src/theme/components/index.js +2 -0
- package/src/theme/components/notpImage.js +10 -0
package/dist/index.esm.js
CHANGED
@@ -209,8 +209,7 @@ class ComponentsThemeManager {
|
|
209
209
|
|
210
210
|
const componentsThemeManager = new ComponentsThemeManager();
|
211
211
|
|
212
|
-
const
|
213
|
-
`var(${first}${rest.length ? ` , ${createCssVarFallback(...rest)}` : ''})`;
|
212
|
+
const createCssVar = (varName, fallback) => `var(${varName}${fallback ? `, ${fallback}` : ''})`;
|
214
213
|
|
215
214
|
const createCssSelector = (baseSelector = '', relativeSelectorOrSelectorFn = '') =>
|
216
215
|
isFunction(relativeSelectorOrSelectorFn)
|
@@ -263,13 +262,15 @@ const createStyle = (componentName, baseSelector, mappings) => {
|
|
263
262
|
|
264
263
|
const cssVarName = getCssVarName(componentName, attr);
|
265
264
|
|
266
|
-
attrConfig.forEach(
|
267
|
-
|
268
|
-
|
269
|
-
|
270
|
-
|
271
|
-
|
272
|
-
|
265
|
+
attrConfig.forEach(
|
266
|
+
({ selector: relativeSelectorOrSelectorFn, property, important, fallback }) => {
|
267
|
+
style.add(
|
268
|
+
createCssSelector(baseSelector, relativeSelectorOrSelectorFn),
|
269
|
+
isFunction(property) ? property() : property,
|
270
|
+
createCssVar(cssVarName, fallback) + (important ? '!important' : '')
|
271
|
+
);
|
272
|
+
}
|
273
|
+
);
|
273
274
|
});
|
274
275
|
|
275
276
|
return style.toString();
|
@@ -1287,7 +1288,7 @@ const clickableMixin = (superclass) =>
|
|
1287
1288
|
}
|
1288
1289
|
};
|
1289
1290
|
|
1290
|
-
const componentName$
|
1291
|
+
const componentName$H = getComponentName('button');
|
1291
1292
|
|
1292
1293
|
const resetStyles = `
|
1293
1294
|
:host {
|
@@ -1306,7 +1307,6 @@ const resetStyles = `
|
|
1306
1307
|
box-shadow: none;
|
1307
1308
|
}
|
1308
1309
|
vaadin-button::part(label) {
|
1309
|
-
justify-content: center;
|
1310
1310
|
padding: 0;
|
1311
1311
|
width: 100%;
|
1312
1312
|
}
|
@@ -1360,7 +1360,7 @@ const ButtonClass = compose(
|
|
1360
1360
|
labelTextColor: { property: 'color' },
|
1361
1361
|
labelTextDecoration: { ...label$a, property: 'text-decoration' },
|
1362
1362
|
labelSpacing: { ...label$a, property: 'gap' },
|
1363
|
-
textAlign: { ...label$a, property: 'justify-content',
|
1363
|
+
textAlign: { ...label$a, property: 'justify-content', fallback: 'center' },
|
1364
1364
|
},
|
1365
1365
|
}),
|
1366
1366
|
clickableMixin,
|
@@ -1390,7 +1390,7 @@ const ButtonClass = compose(
|
|
1390
1390
|
}
|
1391
1391
|
`,
|
1392
1392
|
excludeAttrsSync: ['tabindex'],
|
1393
|
-
componentName: componentName$
|
1393
|
+
componentName: componentName$H,
|
1394
1394
|
})
|
1395
1395
|
);
|
1396
1396
|
|
@@ -1427,7 +1427,7 @@ loadingIndicatorStyles = `
|
|
1427
1427
|
}
|
1428
1428
|
`;
|
1429
1429
|
|
1430
|
-
customElements.define(componentName$
|
1430
|
+
customElements.define(componentName$H, ButtonClass);
|
1431
1431
|
|
1432
1432
|
const createBaseInputClass = (...args) =>
|
1433
1433
|
compose(
|
@@ -1437,11 +1437,11 @@ const createBaseInputClass = (...args) =>
|
|
1437
1437
|
inputEventsDispatchingMixin
|
1438
1438
|
)(createBaseClass(...args));
|
1439
1439
|
|
1440
|
-
const componentName$
|
1440
|
+
const componentName$G = getComponentName('boolean-field-internal');
|
1441
1441
|
|
1442
1442
|
const forwardAttributes$1 = ['disabled', 'label', 'invalid', 'readonly'];
|
1443
1443
|
|
1444
|
-
const BaseInputClass$5 = createBaseInputClass({ componentName: componentName$
|
1444
|
+
const BaseInputClass$5 = createBaseInputClass({ componentName: componentName$G, baseSelector: 'div' });
|
1445
1445
|
|
1446
1446
|
class BooleanInputInternal extends BaseInputClass$5 {
|
1447
1447
|
static get observedAttributes() {
|
@@ -1517,14 +1517,14 @@ const booleanFieldMixin = (superclass) =>
|
|
1517
1517
|
|
1518
1518
|
const template = document.createElement('template');
|
1519
1519
|
template.innerHTML = `
|
1520
|
-
<${componentName$
|
1520
|
+
<${componentName$G}
|
1521
1521
|
tabindex="-1"
|
1522
1522
|
slot="input"
|
1523
|
-
></${componentName$
|
1523
|
+
></${componentName$G}>
|
1524
1524
|
`;
|
1525
1525
|
|
1526
1526
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
1527
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
1527
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$G);
|
1528
1528
|
this.checkbox = this.inputElement.querySelector('vaadin-checkbox');
|
1529
1529
|
|
1530
1530
|
forwardAttrs(this, this.inputElement, {
|
@@ -1723,7 +1723,7 @@ descope-boolean-field-internal {
|
|
1723
1723
|
}
|
1724
1724
|
`;
|
1725
1725
|
|
1726
|
-
const componentName$
|
1726
|
+
const componentName$F = getComponentName('checkbox');
|
1727
1727
|
|
1728
1728
|
const {
|
1729
1729
|
host: host$g,
|
@@ -1829,15 +1829,15 @@ const CheckboxClass = compose(
|
|
1829
1829
|
}
|
1830
1830
|
`,
|
1831
1831
|
excludeAttrsSync: ['label', 'tabindex'],
|
1832
|
-
componentName: componentName$
|
1832
|
+
componentName: componentName$F,
|
1833
1833
|
})
|
1834
1834
|
);
|
1835
1835
|
|
1836
|
-
customElements.define(componentName$
|
1836
|
+
customElements.define(componentName$G, BooleanInputInternal);
|
1837
1837
|
|
1838
|
-
customElements.define(componentName$
|
1838
|
+
customElements.define(componentName$F, CheckboxClass);
|
1839
1839
|
|
1840
|
-
const componentName$
|
1840
|
+
const componentName$E = getComponentName('switch-toggle');
|
1841
1841
|
|
1842
1842
|
const {
|
1843
1843
|
host: host$f,
|
@@ -1969,17 +1969,17 @@ const SwitchToggleClass = compose(
|
|
1969
1969
|
}
|
1970
1970
|
`,
|
1971
1971
|
excludeAttrsSync: ['label', 'tabindex'],
|
1972
|
-
componentName: componentName$
|
1972
|
+
componentName: componentName$E,
|
1973
1973
|
})
|
1974
1974
|
);
|
1975
1975
|
|
1976
|
-
customElements.define(componentName$
|
1976
|
+
customElements.define(componentName$E, SwitchToggleClass);
|
1977
1977
|
|
1978
|
-
const componentName$
|
1978
|
+
const componentName$D = getComponentName('loader-linear');
|
1979
1979
|
|
1980
|
-
class RawLoaderLinear extends createBaseClass({ componentName: componentName$
|
1980
|
+
class RawLoaderLinear extends createBaseClass({ componentName: componentName$D, baseSelector: ':host > div' }) {
|
1981
1981
|
static get componentName() {
|
1982
|
-
return componentName$
|
1982
|
+
return componentName$D;
|
1983
1983
|
}
|
1984
1984
|
|
1985
1985
|
constructor() {
|
@@ -2040,11 +2040,11 @@ const LoaderLinearClass = compose(
|
|
2040
2040
|
componentNameValidationMixin
|
2041
2041
|
)(RawLoaderLinear);
|
2042
2042
|
|
2043
|
-
customElements.define(componentName$
|
2043
|
+
customElements.define(componentName$D, LoaderLinearClass);
|
2044
2044
|
|
2045
|
-
const componentName$
|
2045
|
+
const componentName$C = getComponentName('loader-radial');
|
2046
2046
|
|
2047
|
-
class RawLoaderRadial extends createBaseClass({ componentName: componentName$
|
2047
|
+
class RawLoaderRadial extends createBaseClass({ componentName: componentName$C, baseSelector: ':host > div' }) {
|
2048
2048
|
constructor() {
|
2049
2049
|
super();
|
2050
2050
|
|
@@ -2088,11 +2088,11 @@ const LoaderRadialClass = compose(
|
|
2088
2088
|
componentNameValidationMixin
|
2089
2089
|
)(RawLoaderRadial);
|
2090
2090
|
|
2091
|
-
customElements.define(componentName$
|
2091
|
+
customElements.define(componentName$C, LoaderRadialClass);
|
2092
2092
|
|
2093
|
-
const componentName$
|
2093
|
+
const componentName$B = getComponentName('container');
|
2094
2094
|
|
2095
|
-
class RawContainer extends createBaseClass({ componentName: componentName$
|
2095
|
+
class RawContainer extends createBaseClass({ componentName: componentName$B, baseSelector: 'slot' }) {
|
2096
2096
|
constructor() {
|
2097
2097
|
super();
|
2098
2098
|
|
@@ -2144,13 +2144,13 @@ const ContainerClass = compose(
|
|
2144
2144
|
componentNameValidationMixin
|
2145
2145
|
)(RawContainer);
|
2146
2146
|
|
2147
|
-
customElements.define(componentName$
|
2147
|
+
customElements.define(componentName$B, ContainerClass);
|
2148
2148
|
|
2149
2149
|
// eslint-disable-next-line max-classes-per-file
|
2150
2150
|
|
2151
|
-
const componentName$
|
2151
|
+
const componentName$A = getComponentName('text');
|
2152
2152
|
|
2153
|
-
class RawText extends createBaseClass({ componentName: componentName$
|
2153
|
+
class RawText extends createBaseClass({ componentName: componentName$A, baseSelector: ':host > slot' }) {
|
2154
2154
|
constructor() {
|
2155
2155
|
super();
|
2156
2156
|
|
@@ -2210,8 +2210,8 @@ const TextClass = compose(
|
|
2210
2210
|
customTextMixin
|
2211
2211
|
)(RawText);
|
2212
2212
|
|
2213
|
-
const componentName$
|
2214
|
-
class RawDivider extends createBaseClass({ componentName: componentName$
|
2213
|
+
const componentName$z = getComponentName('divider');
|
2214
|
+
class RawDivider extends createBaseClass({ componentName: componentName$z, baseSelector: ':host > div' }) {
|
2215
2215
|
constructor() {
|
2216
2216
|
super();
|
2217
2217
|
|
@@ -2310,9 +2310,9 @@ const DividerClass = compose(
|
|
2310
2310
|
componentNameValidationMixin
|
2311
2311
|
)(RawDivider);
|
2312
2312
|
|
2313
|
-
customElements.define(componentName$
|
2313
|
+
customElements.define(componentName$A, TextClass);
|
2314
2314
|
|
2315
|
-
customElements.define(componentName$
|
2315
|
+
customElements.define(componentName$z, DividerClass);
|
2316
2316
|
|
2317
2317
|
const { host: host$c, label: label$9, placeholder: placeholder$3, requiredIndicator: requiredIndicator$9, inputField: inputField$6, input, helperText: helperText$7, errorMessage: errorMessage$9 } =
|
2318
2318
|
{
|
@@ -2369,7 +2369,7 @@ var textFieldMappings = {
|
|
2369
2369
|
inputPlaceholderColor: { ...placeholder$3, property: 'color' },
|
2370
2370
|
};
|
2371
2371
|
|
2372
|
-
const componentName$
|
2372
|
+
const componentName$y = getComponentName('email-field');
|
2373
2373
|
|
2374
2374
|
const customMixin$6 = (superclass) =>
|
2375
2375
|
class EmailFieldMixinClass extends superclass {
|
@@ -2404,15 +2404,15 @@ const EmailFieldClass = compose(
|
|
2404
2404
|
${resetInputOverrides('vaadin-email-field', EmailFieldClass.cssVarList)}
|
2405
2405
|
`,
|
2406
2406
|
excludeAttrsSync: ['tabindex'],
|
2407
|
-
componentName: componentName$
|
2407
|
+
componentName: componentName$y,
|
2408
2408
|
})
|
2409
2409
|
);
|
2410
2410
|
|
2411
|
-
customElements.define(componentName$
|
2411
|
+
customElements.define(componentName$y, EmailFieldClass);
|
2412
2412
|
|
2413
|
-
const componentName$
|
2413
|
+
const componentName$x = getComponentName('link');
|
2414
2414
|
|
2415
|
-
class RawLink extends createBaseClass({ componentName: componentName$
|
2415
|
+
class RawLink extends createBaseClass({ componentName: componentName$x, baseSelector: ':host a' }) {
|
2416
2416
|
constructor() {
|
2417
2417
|
super();
|
2418
2418
|
|
@@ -2477,7 +2477,7 @@ const LinkClass = compose(
|
|
2477
2477
|
componentNameValidationMixin
|
2478
2478
|
)(RawLink);
|
2479
2479
|
|
2480
|
-
customElements.define(componentName$
|
2480
|
+
customElements.define(componentName$x, LinkClass);
|
2481
2481
|
|
2482
2482
|
const createCssVarImageClass = ({ componentName, varName, fallbackVarName }) => {
|
2483
2483
|
let style;
|
@@ -2529,25 +2529,35 @@ const createCssVarImageClass = ({ componentName, varName, fallbackVarName }) =>
|
|
2529
2529
|
return CssVarImageClass;
|
2530
2530
|
};
|
2531
2531
|
|
2532
|
-
const componentName$
|
2532
|
+
const componentName$w = getComponentName('logo');
|
2533
2533
|
|
2534
2534
|
const LogoClass = createCssVarImageClass({
|
2535
|
-
componentName: componentName$
|
2535
|
+
componentName: componentName$w,
|
2536
2536
|
varName: 'url',
|
2537
2537
|
fallbackVarName: 'fallbackUrl',
|
2538
2538
|
});
|
2539
2539
|
|
2540
|
-
customElements.define(componentName$
|
2540
|
+
customElements.define(componentName$w, LogoClass);
|
2541
2541
|
|
2542
|
-
const componentName$
|
2542
|
+
const componentName$v = getComponentName('totp-image');
|
2543
2543
|
|
2544
2544
|
const TotpImageClass = createCssVarImageClass({
|
2545
|
+
componentName: componentName$v,
|
2546
|
+
varName: 'url',
|
2547
|
+
fallbackVarName: 'fallbackUrl',
|
2548
|
+
});
|
2549
|
+
|
2550
|
+
customElements.define(componentName$v, TotpImageClass);
|
2551
|
+
|
2552
|
+
const componentName$u = getComponentName('notp-image');
|
2553
|
+
|
2554
|
+
const NotpImageClass = createCssVarImageClass({
|
2545
2555
|
componentName: componentName$u,
|
2546
2556
|
varName: 'url',
|
2547
2557
|
fallbackVarName: 'fallbackUrl',
|
2548
2558
|
});
|
2549
2559
|
|
2550
|
-
customElements.define(componentName$u,
|
2560
|
+
customElements.define(componentName$u, NotpImageClass);
|
2551
2561
|
|
2552
2562
|
const componentName$t = getComponentName('number-field');
|
2553
2563
|
|
@@ -8555,7 +8565,7 @@ const globals = {
|
|
8555
8565
|
fonts,
|
8556
8566
|
direction,
|
8557
8567
|
};
|
8558
|
-
const vars$
|
8568
|
+
const vars$y = getThemeVars(globals);
|
8559
8569
|
|
8560
8570
|
const globalRefs$i = getThemeRefs(globals);
|
8561
8571
|
const compVars$4 = ButtonClass.cssVarList;
|
@@ -8568,7 +8578,7 @@ const mode = {
|
|
8568
8578
|
surface: globalRefs$i.colors.surface,
|
8569
8579
|
};
|
8570
8580
|
|
8571
|
-
const [helperTheme$3, helperRefs$3, helperVars$3] = createHelperVars({ mode }, componentName$
|
8581
|
+
const [helperTheme$3, helperRefs$3, helperVars$3] = createHelperVars({ mode }, componentName$H);
|
8572
8582
|
|
8573
8583
|
const button = {
|
8574
8584
|
...helperTheme$3,
|
@@ -8673,7 +8683,7 @@ const button = {
|
|
8673
8683
|
},
|
8674
8684
|
};
|
8675
8685
|
|
8676
|
-
const vars$
|
8686
|
+
const vars$x = {
|
8677
8687
|
...compVars$4,
|
8678
8688
|
...helperVars$3,
|
8679
8689
|
};
|
@@ -8681,13 +8691,13 @@ const vars$w = {
|
|
8681
8691
|
var button$1 = /*#__PURE__*/Object.freeze({
|
8682
8692
|
__proto__: null,
|
8683
8693
|
default: button,
|
8684
|
-
vars: vars$
|
8694
|
+
vars: vars$x
|
8685
8695
|
});
|
8686
8696
|
|
8687
8697
|
const componentName$1 = getComponentName('input-wrapper');
|
8688
8698
|
const globalRefs$h = getThemeRefs(globals);
|
8689
8699
|
|
8690
|
-
const [theme$1, refs, vars$
|
8700
|
+
const [theme$1, refs, vars$w] = createHelperVars(
|
8691
8701
|
{
|
8692
8702
|
labelTextColor: globalRefs$h.colors.surface.contrast,
|
8693
8703
|
valueTextColor: globalRefs$h.colors.surface.contrast,
|
@@ -8760,22 +8770,63 @@ var inputWrapper = /*#__PURE__*/Object.freeze({
|
|
8760
8770
|
__proto__: null,
|
8761
8771
|
default: theme$1,
|
8762
8772
|
refs: refs,
|
8763
|
-
vars: vars$
|
8773
|
+
vars: vars$w
|
8764
8774
|
});
|
8765
8775
|
|
8766
|
-
const vars$
|
8776
|
+
const vars$v = TextFieldClass.cssVarList;
|
8767
8777
|
|
8768
8778
|
const textField = {
|
8779
|
+
[vars$v.hostWidth]: refs.width,
|
8780
|
+
[vars$v.hostMinWidth]: refs.minWidth,
|
8781
|
+
[vars$v.hostDirection]: refs.direction,
|
8782
|
+
[vars$v.fontSize]: refs.fontSize,
|
8783
|
+
[vars$v.fontFamily]: refs.fontFamily,
|
8784
|
+
[vars$v.labelTextColor]: refs.labelTextColor,
|
8785
|
+
[vars$v.labelRequiredIndicator]: refs.requiredIndicator,
|
8786
|
+
[vars$v.errorMessageTextColor]: refs.errorMessageTextColor,
|
8787
|
+
[vars$v.inputValueTextColor]: refs.valueTextColor,
|
8788
|
+
[vars$v.inputPlaceholderColor]: refs.placeholderTextColor,
|
8789
|
+
[vars$v.inputBorderWidth]: refs.borderWidth,
|
8790
|
+
[vars$v.inputBorderStyle]: refs.borderStyle,
|
8791
|
+
[vars$v.inputBorderColor]: refs.borderColor,
|
8792
|
+
[vars$v.inputBorderRadius]: refs.borderRadius,
|
8793
|
+
[vars$v.inputOutlineWidth]: refs.outlineWidth,
|
8794
|
+
[vars$v.inputOutlineStyle]: refs.outlineStyle,
|
8795
|
+
[vars$v.inputOutlineColor]: refs.outlineColor,
|
8796
|
+
[vars$v.inputOutlineOffset]: refs.outlineOffset,
|
8797
|
+
[vars$v.inputBackgroundColor]: refs.backgroundColor,
|
8798
|
+
[vars$v.inputHeight]: refs.inputHeight,
|
8799
|
+
[vars$v.inputHorizontalPadding]: refs.horizontalPadding,
|
8800
|
+
textAlign: {
|
8801
|
+
right: { [vars$v.inputTextAlign]: 'right' },
|
8802
|
+
left: { [vars$v.inputTextAlign]: 'left' },
|
8803
|
+
center: { [vars$v.inputTextAlign]: 'center' },
|
8804
|
+
},
|
8805
|
+
};
|
8806
|
+
|
8807
|
+
var textField$1 = /*#__PURE__*/Object.freeze({
|
8808
|
+
__proto__: null,
|
8809
|
+
default: textField,
|
8810
|
+
textField: textField,
|
8811
|
+
vars: vars$v
|
8812
|
+
});
|
8813
|
+
|
8814
|
+
const globalRefs$g = getThemeRefs(globals);
|
8815
|
+
const vars$u = PasswordClass.cssVarList;
|
8816
|
+
|
8817
|
+
const password = {
|
8769
8818
|
[vars$u.hostWidth]: refs.width,
|
8770
|
-
[vars$u.hostMinWidth]: refs.minWidth,
|
8771
8819
|
[vars$u.hostDirection]: refs.direction,
|
8772
8820
|
[vars$u.fontSize]: refs.fontSize,
|
8773
8821
|
[vars$u.fontFamily]: refs.fontFamily,
|
8774
8822
|
[vars$u.labelTextColor]: refs.labelTextColor,
|
8775
|
-
[vars$u.labelRequiredIndicator]: refs.requiredIndicator,
|
8776
8823
|
[vars$u.errorMessageTextColor]: refs.errorMessageTextColor,
|
8824
|
+
[vars$u.inputHorizontalPadding]: refs.horizontalPadding,
|
8825
|
+
[vars$u.inputHeight]: refs.inputHeight,
|
8826
|
+
[vars$u.inputBackgroundColor]: refs.backgroundColor,
|
8827
|
+
[vars$u.labelRequiredIndicator]: refs.requiredIndicator,
|
8777
8828
|
[vars$u.inputValueTextColor]: refs.valueTextColor,
|
8778
|
-
[vars$u.
|
8829
|
+
[vars$u.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
8779
8830
|
[vars$u.inputBorderWidth]: refs.borderWidth,
|
8780
8831
|
[vars$u.inputBorderStyle]: refs.borderStyle,
|
8781
8832
|
[vars$u.inputBorderColor]: refs.borderColor,
|
@@ -8784,39 +8835,28 @@ const textField = {
|
|
8784
8835
|
[vars$u.inputOutlineStyle]: refs.outlineStyle,
|
8785
8836
|
[vars$u.inputOutlineColor]: refs.outlineColor,
|
8786
8837
|
[vars$u.inputOutlineOffset]: refs.outlineOffset,
|
8787
|
-
[vars$u.
|
8788
|
-
[vars$u.
|
8789
|
-
[vars$u.inputHorizontalPadding]: refs.horizontalPadding,
|
8790
|
-
textAlign: {
|
8791
|
-
right: { [vars$u.inputTextAlign]: 'right' },
|
8792
|
-
left: { [vars$u.inputTextAlign]: 'left' },
|
8793
|
-
center: { [vars$u.inputTextAlign]: 'center' },
|
8794
|
-
},
|
8838
|
+
[vars$u.revealButtonOffset]: globalRefs$g.spacing.md,
|
8839
|
+
[vars$u.revealButtonSize]: refs.toggleButtonSize,
|
8795
8840
|
};
|
8796
8841
|
|
8797
|
-
var
|
8842
|
+
var password$1 = /*#__PURE__*/Object.freeze({
|
8798
8843
|
__proto__: null,
|
8799
|
-
default:
|
8800
|
-
textField: textField,
|
8844
|
+
default: password,
|
8801
8845
|
vars: vars$u
|
8802
8846
|
});
|
8803
8847
|
|
8804
|
-
const
|
8805
|
-
const vars$t = PasswordClass.cssVarList;
|
8848
|
+
const vars$t = NumberFieldClass.cssVarList;
|
8806
8849
|
|
8807
|
-
const
|
8850
|
+
const numberField = {
|
8808
8851
|
[vars$t.hostWidth]: refs.width,
|
8852
|
+
[vars$t.hostMinWidth]: refs.minWidth,
|
8809
8853
|
[vars$t.hostDirection]: refs.direction,
|
8810
8854
|
[vars$t.fontSize]: refs.fontSize,
|
8811
8855
|
[vars$t.fontFamily]: refs.fontFamily,
|
8812
8856
|
[vars$t.labelTextColor]: refs.labelTextColor,
|
8813
8857
|
[vars$t.errorMessageTextColor]: refs.errorMessageTextColor,
|
8814
|
-
[vars$t.inputHorizontalPadding]: refs.horizontalPadding,
|
8815
|
-
[vars$t.inputHeight]: refs.inputHeight,
|
8816
|
-
[vars$t.inputBackgroundColor]: refs.backgroundColor,
|
8817
|
-
[vars$t.labelRequiredIndicator]: refs.requiredIndicator,
|
8818
8858
|
[vars$t.inputValueTextColor]: refs.valueTextColor,
|
8819
|
-
[vars$t.
|
8859
|
+
[vars$t.inputPlaceholderColor]: refs.placeholderTextColor,
|
8820
8860
|
[vars$t.inputBorderWidth]: refs.borderWidth,
|
8821
8861
|
[vars$t.inputBorderStyle]: refs.borderStyle,
|
8822
8862
|
[vars$t.inputBorderColor]: refs.borderColor,
|
@@ -8825,19 +8865,21 @@ const password = {
|
|
8825
8865
|
[vars$t.inputOutlineStyle]: refs.outlineStyle,
|
8826
8866
|
[vars$t.inputOutlineColor]: refs.outlineColor,
|
8827
8867
|
[vars$t.inputOutlineOffset]: refs.outlineOffset,
|
8828
|
-
[vars$t.
|
8829
|
-
[vars$t.
|
8868
|
+
[vars$t.inputBackgroundColor]: refs.backgroundColor,
|
8869
|
+
[vars$t.labelRequiredIndicator]: refs.requiredIndicator,
|
8870
|
+
[vars$t.inputHorizontalPadding]: refs.horizontalPadding,
|
8871
|
+
[vars$t.inputHeight]: refs.inputHeight,
|
8830
8872
|
};
|
8831
8873
|
|
8832
|
-
var
|
8874
|
+
var numberField$1 = /*#__PURE__*/Object.freeze({
|
8833
8875
|
__proto__: null,
|
8834
|
-
default:
|
8876
|
+
default: numberField,
|
8835
8877
|
vars: vars$t
|
8836
8878
|
});
|
8837
8879
|
|
8838
|
-
const vars$s =
|
8880
|
+
const vars$s = EmailFieldClass.cssVarList;
|
8839
8881
|
|
8840
|
-
const
|
8882
|
+
const emailField = {
|
8841
8883
|
[vars$s.hostWidth]: refs.width,
|
8842
8884
|
[vars$s.hostMinWidth]: refs.minWidth,
|
8843
8885
|
[vars$s.hostDirection]: refs.direction,
|
@@ -8846,6 +8888,7 @@ const numberField = {
|
|
8846
8888
|
[vars$s.labelTextColor]: refs.labelTextColor,
|
8847
8889
|
[vars$s.errorMessageTextColor]: refs.errorMessageTextColor,
|
8848
8890
|
[vars$s.inputValueTextColor]: refs.valueTextColor,
|
8891
|
+
[vars$s.labelRequiredIndicator]: refs.requiredIndicator,
|
8849
8892
|
[vars$s.inputPlaceholderColor]: refs.placeholderTextColor,
|
8850
8893
|
[vars$s.inputBorderWidth]: refs.borderWidth,
|
8851
8894
|
[vars$s.inputBorderStyle]: refs.borderStyle,
|
@@ -8856,203 +8899,170 @@ const numberField = {
|
|
8856
8899
|
[vars$s.inputOutlineColor]: refs.outlineColor,
|
8857
8900
|
[vars$s.inputOutlineOffset]: refs.outlineOffset,
|
8858
8901
|
[vars$s.inputBackgroundColor]: refs.backgroundColor,
|
8859
|
-
[vars$s.labelRequiredIndicator]: refs.requiredIndicator,
|
8860
8902
|
[vars$s.inputHorizontalPadding]: refs.horizontalPadding,
|
8861
8903
|
[vars$s.inputHeight]: refs.inputHeight,
|
8862
8904
|
};
|
8863
8905
|
|
8864
|
-
var
|
8906
|
+
var emailField$1 = /*#__PURE__*/Object.freeze({
|
8865
8907
|
__proto__: null,
|
8866
|
-
default:
|
8908
|
+
default: emailField,
|
8867
8909
|
vars: vars$s
|
8868
8910
|
});
|
8869
8911
|
|
8870
|
-
const
|
8912
|
+
const globalRefs$f = getThemeRefs(globals);
|
8913
|
+
const vars$r = TextAreaClass.cssVarList;
|
8871
8914
|
|
8872
|
-
const
|
8915
|
+
const textArea = {
|
8873
8916
|
[vars$r.hostWidth]: refs.width,
|
8874
8917
|
[vars$r.hostMinWidth]: refs.minWidth,
|
8875
8918
|
[vars$r.hostDirection]: refs.direction,
|
8876
8919
|
[vars$r.fontSize]: refs.fontSize,
|
8877
8920
|
[vars$r.fontFamily]: refs.fontFamily,
|
8878
8921
|
[vars$r.labelTextColor]: refs.labelTextColor,
|
8922
|
+
[vars$r.labelRequiredIndicator]: refs.requiredIndicator,
|
8879
8923
|
[vars$r.errorMessageTextColor]: refs.errorMessageTextColor,
|
8924
|
+
[vars$r.inputBackgroundColor]: refs.backgroundColor,
|
8880
8925
|
[vars$r.inputValueTextColor]: refs.valueTextColor,
|
8881
|
-
[vars$r.
|
8882
|
-
[vars$r.
|
8926
|
+
[vars$r.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
8927
|
+
[vars$r.inputBorderRadius]: refs.borderRadius,
|
8883
8928
|
[vars$r.inputBorderWidth]: refs.borderWidth,
|
8884
8929
|
[vars$r.inputBorderStyle]: refs.borderStyle,
|
8885
8930
|
[vars$r.inputBorderColor]: refs.borderColor,
|
8886
|
-
[vars$r.inputBorderRadius]: refs.borderRadius,
|
8887
8931
|
[vars$r.inputOutlineWidth]: refs.outlineWidth,
|
8888
8932
|
[vars$r.inputOutlineStyle]: refs.outlineStyle,
|
8889
8933
|
[vars$r.inputOutlineColor]: refs.outlineColor,
|
8890
8934
|
[vars$r.inputOutlineOffset]: refs.outlineOffset,
|
8891
|
-
[vars$r.
|
8892
|
-
[vars$r.
|
8893
|
-
|
8935
|
+
[vars$r.inputResizeType]: 'vertical',
|
8936
|
+
[vars$r.inputMinHeight]: '5em',
|
8937
|
+
textAlign: {
|
8938
|
+
right: { [vars$r.inputTextAlign]: 'right' },
|
8939
|
+
left: { [vars$r.inputTextAlign]: 'left' },
|
8940
|
+
center: { [vars$r.inputTextAlign]: 'center' },
|
8941
|
+
},
|
8942
|
+
|
8943
|
+
_disabled: {
|
8944
|
+
[vars$r.inputBackgroundColor]: globalRefs$f.colors.surface.light,
|
8945
|
+
},
|
8946
|
+
|
8947
|
+
_readonly: {
|
8948
|
+
[vars$r.inputResizeType]: 'none',
|
8949
|
+
},
|
8894
8950
|
};
|
8895
8951
|
|
8896
|
-
var
|
8952
|
+
var textArea$1 = /*#__PURE__*/Object.freeze({
|
8897
8953
|
__proto__: null,
|
8898
|
-
default:
|
8954
|
+
default: textArea,
|
8899
8955
|
vars: vars$r
|
8900
8956
|
});
|
8901
8957
|
|
8902
|
-
const
|
8903
|
-
const
|
8958
|
+
const vars$q = CheckboxClass.cssVarList;
|
8959
|
+
const checkboxSize = '1.35em';
|
8904
8960
|
|
8905
|
-
const
|
8961
|
+
const checkbox = {
|
8906
8962
|
[vars$q.hostWidth]: refs.width,
|
8907
|
-
[vars$q.hostMinWidth]: refs.minWidth,
|
8908
8963
|
[vars$q.hostDirection]: refs.direction,
|
8909
8964
|
[vars$q.fontSize]: refs.fontSize,
|
8910
8965
|
[vars$q.fontFamily]: refs.fontFamily,
|
8911
8966
|
[vars$q.labelTextColor]: refs.labelTextColor,
|
8912
8967
|
[vars$q.labelRequiredIndicator]: refs.requiredIndicator,
|
8968
|
+
[vars$q.labelFontWeight]: '400',
|
8969
|
+
[vars$q.labelLineHeight]: checkboxSize,
|
8970
|
+
[vars$q.labelSpacing]: '1em',
|
8913
8971
|
[vars$q.errorMessageTextColor]: refs.errorMessageTextColor,
|
8914
|
-
[vars$q.
|
8915
|
-
[vars$q.
|
8916
|
-
[vars$q.
|
8972
|
+
[vars$q.inputOutlineWidth]: refs.outlineWidth,
|
8973
|
+
[vars$q.inputOutlineOffset]: refs.outlineOffset,
|
8974
|
+
[vars$q.inputOutlineColor]: refs.outlineColor,
|
8975
|
+
[vars$q.inputOutlineStyle]: refs.outlineStyle,
|
8917
8976
|
[vars$q.inputBorderRadius]: refs.borderRadius,
|
8977
|
+
[vars$q.inputBorderColor]: refs.borderColor,
|
8918
8978
|
[vars$q.inputBorderWidth]: refs.borderWidth,
|
8919
8979
|
[vars$q.inputBorderStyle]: refs.borderStyle,
|
8920
|
-
[vars$q.
|
8921
|
-
[vars$q.
|
8922
|
-
[vars$q.inputOutlineStyle]: refs.outlineStyle,
|
8923
|
-
[vars$q.inputOutlineColor]: refs.outlineColor,
|
8924
|
-
[vars$q.inputOutlineOffset]: refs.outlineOffset,
|
8925
|
-
[vars$q.inputResizeType]: 'vertical',
|
8926
|
-
[vars$q.inputMinHeight]: '5em',
|
8927
|
-
textAlign: {
|
8928
|
-
right: { [vars$q.inputTextAlign]: 'right' },
|
8929
|
-
left: { [vars$q.inputTextAlign]: 'left' },
|
8930
|
-
center: { [vars$q.inputTextAlign]: 'center' },
|
8931
|
-
},
|
8980
|
+
[vars$q.inputBackgroundColor]: refs.backgroundColor,
|
8981
|
+
[vars$q.inputSize]: checkboxSize,
|
8932
8982
|
|
8933
|
-
|
8934
|
-
[vars$q.
|
8983
|
+
_checked: {
|
8984
|
+
[vars$q.inputValueTextColor]: refs.valueTextColor,
|
8935
8985
|
},
|
8936
8986
|
|
8937
|
-
|
8938
|
-
[vars$q.
|
8987
|
+
_disabled: {
|
8988
|
+
[vars$q.labelTextColor]: refs.labelTextColor,
|
8939
8989
|
},
|
8940
8990
|
};
|
8941
8991
|
|
8942
|
-
var
|
8992
|
+
var checkbox$1 = /*#__PURE__*/Object.freeze({
|
8943
8993
|
__proto__: null,
|
8944
|
-
default:
|
8994
|
+
default: checkbox,
|
8945
8995
|
vars: vars$q
|
8946
8996
|
});
|
8947
8997
|
|
8948
|
-
const
|
8949
|
-
const
|
8998
|
+
const knobMargin = '2px';
|
8999
|
+
const checkboxHeight = '1.25em';
|
8950
9000
|
|
8951
|
-
const
|
9001
|
+
const globalRefs$e = getThemeRefs(globals);
|
9002
|
+
const vars$p = SwitchToggleClass.cssVarList;
|
9003
|
+
|
9004
|
+
const switchToggle = {
|
8952
9005
|
[vars$p.hostWidth]: refs.width,
|
8953
9006
|
[vars$p.hostDirection]: refs.direction,
|
8954
9007
|
[vars$p.fontSize]: refs.fontSize,
|
8955
9008
|
[vars$p.fontFamily]: refs.fontFamily,
|
8956
|
-
|
8957
|
-
[vars$p.labelRequiredIndicator]: refs.requiredIndicator,
|
8958
|
-
[vars$p.labelFontWeight]: '400',
|
8959
|
-
[vars$p.labelLineHeight]: checkboxSize,
|
8960
|
-
[vars$p.labelSpacing]: '1em',
|
8961
|
-
[vars$p.errorMessageTextColor]: refs.errorMessageTextColor,
|
9009
|
+
|
8962
9010
|
[vars$p.inputOutlineWidth]: refs.outlineWidth,
|
8963
9011
|
[vars$p.inputOutlineOffset]: refs.outlineOffset,
|
8964
9012
|
[vars$p.inputOutlineColor]: refs.outlineColor,
|
8965
9013
|
[vars$p.inputOutlineStyle]: refs.outlineStyle,
|
8966
|
-
[vars$p.inputBorderRadius]: refs.borderRadius,
|
8967
|
-
[vars$p.inputBorderColor]: refs.borderColor,
|
8968
|
-
[vars$p.inputBorderWidth]: refs.borderWidth,
|
8969
|
-
[vars$p.inputBorderStyle]: refs.borderStyle,
|
8970
|
-
[vars$p.inputBackgroundColor]: refs.backgroundColor,
|
8971
|
-
[vars$p.inputSize]: checkboxSize,
|
8972
|
-
|
8973
|
-
_checked: {
|
8974
|
-
[vars$p.inputValueTextColor]: refs.valueTextColor,
|
8975
|
-
},
|
8976
|
-
|
8977
|
-
_disabled: {
|
8978
|
-
[vars$p.labelTextColor]: refs.labelTextColor,
|
8979
|
-
},
|
8980
|
-
};
|
8981
|
-
|
8982
|
-
var checkbox$1 = /*#__PURE__*/Object.freeze({
|
8983
|
-
__proto__: null,
|
8984
|
-
default: checkbox,
|
8985
|
-
vars: vars$p
|
8986
|
-
});
|
8987
|
-
|
8988
|
-
const knobMargin = '2px';
|
8989
|
-
const checkboxHeight = '1.25em';
|
8990
9014
|
|
8991
|
-
|
8992
|
-
|
9015
|
+
[vars$p.trackBorderStyle]: refs.borderStyle,
|
9016
|
+
[vars$p.trackBorderWidth]: refs.borderWidth, // var `trackBorderWidth` used outside the theme for `left` margin calculation
|
9017
|
+
[vars$p.trackBorderColor]: refs.borderColor,
|
9018
|
+
[vars$p.trackBackgroundColor]: 'none',
|
9019
|
+
[vars$p.trackBorderRadius]: globalRefs$e.radius.md,
|
9020
|
+
[vars$p.trackWidth]: '2.5em', // var `trackWidth` used outside the theme for `left` margin calculation
|
9021
|
+
[vars$p.trackHeight]: checkboxHeight,
|
9022
|
+
|
9023
|
+
[vars$p.knobSize]: `calc(1em - ${knobMargin})`,
|
9024
|
+
[vars$p.knobRadius]: '50%',
|
9025
|
+
[vars$p.knobTopOffset]: '1px',
|
9026
|
+
[vars$p.knobLeftOffset]: knobMargin,
|
9027
|
+
[vars$p.knobColor]: refs.valueTextColor,
|
9028
|
+
[vars$p.knobTransitionDuration]: '0.3s',
|
8993
9029
|
|
8994
|
-
|
8995
|
-
[vars$
|
8996
|
-
[vars$
|
8997
|
-
[vars$
|
8998
|
-
[vars$
|
8999
|
-
|
9000
|
-
[vars$o.inputOutlineWidth]: refs.outlineWidth,
|
9001
|
-
[vars$o.inputOutlineOffset]: refs.outlineOffset,
|
9002
|
-
[vars$o.inputOutlineColor]: refs.outlineColor,
|
9003
|
-
[vars$o.inputOutlineStyle]: refs.outlineStyle,
|
9004
|
-
|
9005
|
-
[vars$o.trackBorderStyle]: refs.borderStyle,
|
9006
|
-
[vars$o.trackBorderWidth]: refs.borderWidth, // var `trackBorderWidth` used outside the theme for `left` margin calculation
|
9007
|
-
[vars$o.trackBorderColor]: refs.borderColor,
|
9008
|
-
[vars$o.trackBackgroundColor]: 'none',
|
9009
|
-
[vars$o.trackBorderRadius]: globalRefs$e.radius.md,
|
9010
|
-
[vars$o.trackWidth]: '2.5em', // var `trackWidth` used outside the theme for `left` margin calculation
|
9011
|
-
[vars$o.trackHeight]: checkboxHeight,
|
9012
|
-
|
9013
|
-
[vars$o.knobSize]: `calc(1em - ${knobMargin})`,
|
9014
|
-
[vars$o.knobRadius]: '50%',
|
9015
|
-
[vars$o.knobTopOffset]: '1px',
|
9016
|
-
[vars$o.knobLeftOffset]: knobMargin,
|
9017
|
-
[vars$o.knobColor]: refs.valueTextColor,
|
9018
|
-
[vars$o.knobTransitionDuration]: '0.3s',
|
9019
|
-
|
9020
|
-
[vars$o.labelTextColor]: refs.labelTextColor,
|
9021
|
-
[vars$o.labelFontWeight]: '400',
|
9022
|
-
[vars$o.labelLineHeight]: '1.35em',
|
9023
|
-
[vars$o.labelSpacing]: '1em',
|
9024
|
-
[vars$o.labelRequiredIndicator]: refs.requiredIndicator,
|
9025
|
-
[vars$o.errorMessageTextColor]: refs.errorMessageTextColor,
|
9030
|
+
[vars$p.labelTextColor]: refs.labelTextColor,
|
9031
|
+
[vars$p.labelFontWeight]: '400',
|
9032
|
+
[vars$p.labelLineHeight]: '1.35em',
|
9033
|
+
[vars$p.labelSpacing]: '1em',
|
9034
|
+
[vars$p.labelRequiredIndicator]: refs.requiredIndicator,
|
9035
|
+
[vars$p.errorMessageTextColor]: refs.errorMessageTextColor,
|
9026
9036
|
|
9027
9037
|
_checked: {
|
9028
|
-
[vars$
|
9029
|
-
[vars$
|
9030
|
-
[vars$
|
9031
|
-
[vars$
|
9032
|
-
[vars$
|
9038
|
+
[vars$p.trackBorderColor]: refs.borderColor,
|
9039
|
+
[vars$p.trackBackgroundColor]: refs.backgroundColor,
|
9040
|
+
[vars$p.knobLeftOffset]: `calc(100% - var(${vars$p.knobSize}) - ${knobMargin})`,
|
9041
|
+
[vars$p.knobColor]: refs.valueTextColor,
|
9042
|
+
[vars$p.knobTextColor]: refs.valueTextColor,
|
9033
9043
|
},
|
9034
9044
|
|
9035
9045
|
_disabled: {
|
9036
|
-
[vars$
|
9037
|
-
[vars$
|
9038
|
-
[vars$
|
9039
|
-
[vars$
|
9046
|
+
[vars$p.knobColor]: globalRefs$e.colors.surface.light,
|
9047
|
+
[vars$p.trackBorderColor]: globalRefs$e.colors.surface.main,
|
9048
|
+
[vars$p.trackBackgroundColor]: globalRefs$e.colors.surface.main,
|
9049
|
+
[vars$p.labelTextColor]: refs.labelTextColor,
|
9040
9050
|
_checked: {
|
9041
|
-
[vars$
|
9042
|
-
[vars$
|
9051
|
+
[vars$p.knobColor]: globalRefs$e.colors.surface.light,
|
9052
|
+
[vars$p.trackBackgroundColor]: globalRefs$e.colors.surface.main,
|
9043
9053
|
},
|
9044
9054
|
},
|
9045
9055
|
|
9046
9056
|
_invalid: {
|
9047
|
-
[vars$
|
9048
|
-
[vars$
|
9057
|
+
[vars$p.trackBorderColor]: globalRefs$e.colors.error.main,
|
9058
|
+
[vars$p.knobColor]: globalRefs$e.colors.error.main,
|
9049
9059
|
},
|
9050
9060
|
};
|
9051
9061
|
|
9052
9062
|
var switchToggle$1 = /*#__PURE__*/Object.freeze({
|
9053
9063
|
__proto__: null,
|
9054
9064
|
default: switchToggle,
|
9055
|
-
vars: vars$
|
9065
|
+
vars: vars$p
|
9056
9066
|
});
|
9057
9067
|
|
9058
9068
|
const globalRefs$d = getThemeRefs(globals);
|
@@ -9077,7 +9087,7 @@ const [helperTheme$2, helperRefs$2, helperVars$2] = createHelperVars(
|
|
9077
9087
|
horizontalAlignment,
|
9078
9088
|
shadowColor: '#00000020', // if we want to support transparency vars, we should use different color format
|
9079
9089
|
},
|
9080
|
-
componentName$
|
9090
|
+
componentName$B
|
9081
9091
|
);
|
9082
9092
|
|
9083
9093
|
const { shadowColor: shadowColor$1 } = helperRefs$2;
|
@@ -9162,7 +9172,7 @@ const container = {
|
|
9162
9172
|
},
|
9163
9173
|
};
|
9164
9174
|
|
9165
|
-
const vars$
|
9175
|
+
const vars$o = {
|
9166
9176
|
...compVars$3,
|
9167
9177
|
...helperVars$2,
|
9168
9178
|
};
|
@@ -9170,28 +9180,40 @@ const vars$n = {
|
|
9170
9180
|
var container$1 = /*#__PURE__*/Object.freeze({
|
9171
9181
|
__proto__: null,
|
9172
9182
|
default: container,
|
9183
|
+
vars: vars$o
|
9184
|
+
});
|
9185
|
+
|
9186
|
+
const vars$n = LogoClass.cssVarList;
|
9187
|
+
|
9188
|
+
const logo$2 = {
|
9189
|
+
[vars$n.fallbackUrl]: 'url(https://imgs.descope.com/components/no-logo-placeholder.svg)',
|
9190
|
+
};
|
9191
|
+
|
9192
|
+
var logo$3 = /*#__PURE__*/Object.freeze({
|
9193
|
+
__proto__: null,
|
9194
|
+
default: logo$2,
|
9173
9195
|
vars: vars$n
|
9174
9196
|
});
|
9175
9197
|
|
9176
|
-
const vars$m =
|
9198
|
+
const vars$m = TotpImageClass.cssVarList;
|
9177
9199
|
|
9178
9200
|
const logo$1 = {
|
9179
|
-
[vars$m.fallbackUrl]: 'url(https://imgs.descope.com/components/
|
9201
|
+
[vars$m.fallbackUrl]: 'url(https://imgs.descope.com/components/totp-placeholder.svg)',
|
9180
9202
|
};
|
9181
9203
|
|
9182
|
-
var
|
9204
|
+
var totpImage = /*#__PURE__*/Object.freeze({
|
9183
9205
|
__proto__: null,
|
9184
9206
|
default: logo$1,
|
9185
9207
|
vars: vars$m
|
9186
9208
|
});
|
9187
9209
|
|
9188
|
-
const vars$l =
|
9210
|
+
const vars$l = NotpImageClass.cssVarList;
|
9189
9211
|
|
9190
9212
|
const logo = {
|
9191
|
-
[vars$l.fallbackUrl]: 'url(https://imgs.descope.com/components/
|
9213
|
+
[vars$l.fallbackUrl]: 'url(https://imgs.descope.com/components/notp-placeholder.svg)',
|
9192
9214
|
};
|
9193
9215
|
|
9194
|
-
var
|
9216
|
+
var notpImage = /*#__PURE__*/Object.freeze({
|
9195
9217
|
__proto__: null,
|
9196
9218
|
default: logo,
|
9197
9219
|
vars: vars$l
|
@@ -9336,7 +9358,7 @@ const [helperTheme$1, helperRefs$1, helperVars$1] = createHelperVars(
|
|
9336
9358
|
thickness: '2px',
|
9337
9359
|
spacing: '10px',
|
9338
9360
|
},
|
9339
|
-
componentName$
|
9361
|
+
componentName$z
|
9340
9362
|
);
|
9341
9363
|
|
9342
9364
|
const divider = {
|
@@ -9479,7 +9501,7 @@ const [helperTheme, helperRefs, helperVars] = createHelperVars(
|
|
9479
9501
|
},
|
9480
9502
|
},
|
9481
9503
|
},
|
9482
|
-
componentName$
|
9504
|
+
componentName$C
|
9483
9505
|
);
|
9484
9506
|
|
9485
9507
|
const loaderRadial = {
|
@@ -10173,8 +10195,9 @@ const components = {
|
|
10173
10195
|
checkbox: checkbox$1,
|
10174
10196
|
switchToggle: switchToggle$1,
|
10175
10197
|
container: container$1,
|
10176
|
-
logo: logo$
|
10198
|
+
logo: logo$3,
|
10177
10199
|
totpImage,
|
10200
|
+
notpImage,
|
10178
10201
|
text: text$1,
|
10179
10202
|
link: link$1,
|
10180
10203
|
divider: divider$1,
|
@@ -10208,7 +10231,7 @@ const vars = Object.keys(components).reduce(
|
|
10208
10231
|
);
|
10209
10232
|
|
10210
10233
|
const defaultTheme = { globals, components: theme };
|
10211
|
-
const themeVars = { globals: vars$
|
10234
|
+
const themeVars = { globals: vars$y, components: vars };
|
10212
10235
|
|
10213
|
-
export { BadgeClass, ButtonClass, ButtonMultiSelectionGroupClass, ButtonSelectionGroupClass, CheckboxClass, ContainerClass, DividerClass, EmailFieldClass, GridClass, ImageClass, LinkClass, LoaderLinearClass, LoaderRadialClass, LogoClass, ModalClass, MultiSelectComboBoxClass, NewPasswordClass, NumberFieldClass, PasscodeClass, PasswordClass, PhoneFieldClass, PhoneFieldInputBoxClass, RecaptchaClass, SwitchToggleClass, TextAreaClass, TextClass, TextFieldClass, TotpImageClass, UploadFileClass, componentsThemeManager, createComponentsTheme, defaultTheme, genColor, globalsThemeToStyle, themeToStyle, themeVars };
|
10236
|
+
export { BadgeClass, ButtonClass, ButtonMultiSelectionGroupClass, ButtonSelectionGroupClass, CheckboxClass, ContainerClass, DividerClass, EmailFieldClass, GridClass, ImageClass, LinkClass, LoaderLinearClass, LoaderRadialClass, LogoClass, ModalClass, MultiSelectComboBoxClass, NewPasswordClass, NotpImageClass, NumberFieldClass, PasscodeClass, PasswordClass, PhoneFieldClass, PhoneFieldInputBoxClass, RecaptchaClass, SwitchToggleClass, TextAreaClass, TextClass, TextFieldClass, TotpImageClass, UploadFileClass, componentsThemeManager, createComponentsTheme, defaultTheme, genColor, globalsThemeToStyle, themeToStyle, themeVars };
|
10214
10237
|
//# sourceMappingURL=index.esm.js.map
|