@descope/web-components-ui 1.0.311 → 1.0.312
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.cjs.js +1300 -906
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.esm.js +1306 -911
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/1224.js +1 -1
- package/dist/umd/1438.js +11 -11
- package/dist/umd/1612.js +4 -4
- package/dist/umd/1621.js +8 -8
- package/dist/umd/2362.js +2 -2
- package/dist/umd/3830.js +1 -1
- package/dist/umd/3951.js +4 -4
- package/dist/umd/4024.js +4 -4
- package/dist/umd/4028.js +6 -6
- package/dist/umd/4052.js +4 -4
- package/dist/umd/4392.js +1 -1
- package/dist/umd/4569.js +1 -1
- package/dist/umd/4746.js +2 -2
- package/dist/umd/4978.js +1 -1
- package/dist/umd/5135.js +4 -4
- package/dist/umd/5517.js +1 -1
- package/dist/umd/5806.js +2 -2
- package/dist/umd/5910.js +1 -1
- package/dist/umd/63.js +7 -7
- package/dist/umd/637.js +1 -0
- package/dist/umd/6594.js +1 -1
- package/dist/umd/6770.js +2 -2
- package/dist/umd/7056.js +9 -9
- package/dist/umd/7164.js +7 -7
- package/dist/umd/7531.js +4 -4
- package/dist/umd/7911.js +4 -4
- package/dist/umd/8191.js +4 -4
- package/dist/umd/8866.js +5 -5
- package/dist/umd/9092.js +12 -12
- package/dist/umd/9314.js +5 -5
- package/dist/umd/9423.js +12 -12
- package/dist/umd/9562.js +4 -4
- package/dist/umd/DescopeDev.js +1 -1
- package/dist/umd/boolean-fields-descope-boolean-field-internal-index-js.js +1 -1
- package/dist/umd/boolean-fields-descope-checkbox-index-js.js +1 -1
- package/dist/umd/boolean-fields-descope-switch-toggle-index-js.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-multi-selection-group-internal-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-internal-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-avatar-index-js.js +1 -1
- package/dist/umd/descope-badge-index-js.js +1 -1
- package/dist/umd/descope-button-index-js.js +4 -4
- package/dist/umd/descope-code-snippet-index-js.js +1 -0
- package/dist/umd/descope-combo-box-index-js.js +5 -5
- package/dist/umd/descope-container-index-js.js +1 -1
- package/dist/umd/descope-date-picker-index-js.js +1 -1
- package/dist/umd/descope-divider-index-js.js +1 -1
- package/dist/umd/descope-email-field-index-js.js +4 -4
- package/dist/umd/descope-enriched-text-index-js.js +1 -1
- package/dist/umd/descope-grid-descope-grid-custom-column-index-js.js +3 -3
- package/dist/umd/descope-grid-descope-grid-selection-column-index-js.js +1 -1
- package/dist/umd/descope-grid-descope-grid-text-column-index-js.js +3 -3
- package/dist/umd/descope-grid-index-js.js +1 -1
- package/dist/umd/descope-icon-index-js.js +1 -1
- package/dist/umd/descope-image-index-js.js +1 -1
- package/dist/umd/descope-link-index-js.js +1 -1
- package/dist/umd/descope-loader-linear-index-js.js +1 -1
- package/dist/umd/descope-loader-radial-index-js.js +1 -1
- package/dist/umd/descope-logo-index-js.js +1 -1
- package/dist/umd/descope-modal-index-js.js +1 -1
- package/dist/umd/descope-multi-select-combo-box-index-js.js +1 -1
- package/dist/umd/descope-new-password-descope-new-password-internal-index-js.js +1 -1
- package/dist/umd/descope-new-password-index-js.js +1 -1
- package/dist/umd/descope-notification-descope-notification-card-index-js.js +1 -1
- package/dist/umd/descope-notification-index-js.js +1 -1
- package/dist/umd/descope-notp-image-index-js.js +1 -1
- package/dist/umd/descope-number-field-index-js.js +1 -1
- package/dist/umd/descope-passcode-descope-passcode-internal-index-js.js +1 -1
- package/dist/umd/descope-passcode-index-js.js +2 -2
- package/dist/umd/descope-password-index-js.js +1 -1
- package/dist/umd/descope-policy-validation-index-js.js +1 -1
- package/dist/umd/descope-recaptcha-index-js.js +1 -1
- package/dist/umd/descope-text-area-index-js.js +1 -1
- package/dist/umd/descope-text-field-index-js.js +2 -2
- package/dist/umd/descope-text-index-js.js +1 -1
- package/dist/umd/descope-totp-image-index-js.js +1 -1
- 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-descope-mapping-item-index-js.js +1 -1
- package/dist/umd/mapping-fields-descope-mappings-field-descope-mappings-field-internal-index-js.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-descope-saml-group-mappings-internal-index-js.js +1 -1
- package/dist/umd/mapping-fields-descope-saml-group-mappings-index-js.js +1 -1
- package/dist/umd/phone-fields-descope-phone-field-descope-phone-field-internal-index-js.js +1 -1
- package/dist/umd/phone-fields-descope-phone-field-index-js.js +1 -1
- package/dist/umd/phone-fields-descope-phone-input-box-field-descope-phone-input-box-internal-index-js.js +2 -2
- package/dist/umd/phone-fields-descope-phone-input-box-field-index-js.js +1 -1
- package/package.json +2 -1
- package/src/components/descope-code-snippet/CodeSnippetClass.js +238 -0
- package/src/components/descope-code-snippet/helpers.js +9 -0
- package/src/components/descope-code-snippet/index.js +5 -0
- package/src/darkTheme.js +4 -0
- package/src/index.cjs.js +1 -0
- package/src/index.d.ts +1 -0
- package/src/index.js +1 -0
- package/src/theme/components/codeSnippet.js +145 -0
- package/src/theme/components/index.js +2 -0
package/dist/index.esm.js
CHANGED
@@ -18,6 +18,7 @@ import '@vaadin/avatar';
|
|
18
18
|
import '@vaadin/icon';
|
19
19
|
import '@vaadin/icons';
|
20
20
|
import '@vaadin/custom-field';
|
21
|
+
import hljs from 'highlight.js';
|
21
22
|
import merge from 'lodash.merge';
|
22
23
|
import Color from 'color';
|
23
24
|
|
@@ -1344,9 +1345,9 @@ const inputEventsDispatchingMixin = (superclass) =>
|
|
1344
1345
|
|
1345
1346
|
/* eslint-disable no-use-before-define */
|
1346
1347
|
|
1347
|
-
const componentName$
|
1348
|
+
const componentName$U = getComponentName('icon');
|
1348
1349
|
|
1349
|
-
class RawIcon extends createBaseClass({ componentName: componentName$
|
1350
|
+
class RawIcon extends createBaseClass({ componentName: componentName$U, baseSelector: 'slot' }) {
|
1350
1351
|
constructor() {
|
1351
1352
|
super();
|
1352
1353
|
|
@@ -1415,7 +1416,7 @@ const clickableMixin = (superclass) =>
|
|
1415
1416
|
}
|
1416
1417
|
};
|
1417
1418
|
|
1418
|
-
const componentName$
|
1419
|
+
const componentName$T = getComponentName('button');
|
1419
1420
|
|
1420
1421
|
const resetStyles = `
|
1421
1422
|
:host {
|
@@ -1521,7 +1522,7 @@ const ButtonClass = compose(
|
|
1521
1522
|
}
|
1522
1523
|
`,
|
1523
1524
|
excludeAttrsSync: ['tabindex'],
|
1524
|
-
componentName: componentName$
|
1525
|
+
componentName: componentName$T,
|
1525
1526
|
})
|
1526
1527
|
);
|
1527
1528
|
|
@@ -1558,7 +1559,7 @@ loadingIndicatorStyles = `
|
|
1558
1559
|
}
|
1559
1560
|
`;
|
1560
1561
|
|
1561
|
-
customElements.define(componentName$
|
1562
|
+
customElements.define(componentName$T, ButtonClass);
|
1562
1563
|
|
1563
1564
|
const createBaseInputClass = (...args) =>
|
1564
1565
|
compose(
|
@@ -1568,11 +1569,11 @@ const createBaseInputClass = (...args) =>
|
|
1568
1569
|
inputEventsDispatchingMixin
|
1569
1570
|
)(createBaseClass(...args));
|
1570
1571
|
|
1571
|
-
const componentName$
|
1572
|
+
const componentName$S = getComponentName('boolean-field-internal');
|
1572
1573
|
|
1573
1574
|
const forwardAttributes$1 = ['disabled', 'label', 'invalid', 'readonly'];
|
1574
1575
|
|
1575
|
-
const BaseInputClass$8 = createBaseInputClass({ componentName: componentName$
|
1576
|
+
const BaseInputClass$8 = createBaseInputClass({ componentName: componentName$S, baseSelector: 'div' });
|
1576
1577
|
|
1577
1578
|
class BooleanInputInternal extends BaseInputClass$8 {
|
1578
1579
|
static get observedAttributes() {
|
@@ -1648,14 +1649,14 @@ const booleanFieldMixin = (superclass) =>
|
|
1648
1649
|
|
1649
1650
|
const template = document.createElement('template');
|
1650
1651
|
template.innerHTML = `
|
1651
|
-
<${componentName$
|
1652
|
+
<${componentName$S}
|
1652
1653
|
tabindex="-1"
|
1653
1654
|
slot="input"
|
1654
|
-
></${componentName$
|
1655
|
+
></${componentName$S}>
|
1655
1656
|
`;
|
1656
1657
|
|
1657
1658
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
1658
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
1659
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$S);
|
1659
1660
|
this.checkbox = this.inputElement.querySelector('vaadin-checkbox');
|
1660
1661
|
|
1661
1662
|
forwardAttrs(this, this.inputElement, {
|
@@ -1854,7 +1855,7 @@ descope-boolean-field-internal {
|
|
1854
1855
|
}
|
1855
1856
|
`;
|
1856
1857
|
|
1857
|
-
const componentName$
|
1858
|
+
const componentName$R = getComponentName('checkbox');
|
1858
1859
|
|
1859
1860
|
const {
|
1860
1861
|
host: host$m,
|
@@ -1960,15 +1961,15 @@ const CheckboxClass = compose(
|
|
1960
1961
|
}
|
1961
1962
|
`,
|
1962
1963
|
excludeAttrsSync: ['label', 'tabindex'],
|
1963
|
-
componentName: componentName$
|
1964
|
+
componentName: componentName$R,
|
1964
1965
|
})
|
1965
1966
|
);
|
1966
1967
|
|
1967
|
-
customElements.define(componentName$
|
1968
|
+
customElements.define(componentName$S, BooleanInputInternal);
|
1968
1969
|
|
1969
|
-
customElements.define(componentName$
|
1970
|
+
customElements.define(componentName$R, CheckboxClass);
|
1970
1971
|
|
1971
|
-
const componentName$
|
1972
|
+
const componentName$Q = getComponentName('switch-toggle');
|
1972
1973
|
|
1973
1974
|
const {
|
1974
1975
|
host: host$l,
|
@@ -2100,17 +2101,17 @@ const SwitchToggleClass = compose(
|
|
2100
2101
|
}
|
2101
2102
|
`,
|
2102
2103
|
excludeAttrsSync: ['label', 'tabindex'],
|
2103
|
-
componentName: componentName$
|
2104
|
+
componentName: componentName$Q,
|
2104
2105
|
})
|
2105
2106
|
);
|
2106
2107
|
|
2107
|
-
customElements.define(componentName$
|
2108
|
+
customElements.define(componentName$Q, SwitchToggleClass);
|
2108
2109
|
|
2109
|
-
const componentName$
|
2110
|
+
const componentName$P = getComponentName('loader-linear');
|
2110
2111
|
|
2111
|
-
class RawLoaderLinear extends createBaseClass({ componentName: componentName$
|
2112
|
+
class RawLoaderLinear extends createBaseClass({ componentName: componentName$P, baseSelector: ':host > div' }) {
|
2112
2113
|
static get componentName() {
|
2113
|
-
return componentName$
|
2114
|
+
return componentName$P;
|
2114
2115
|
}
|
2115
2116
|
|
2116
2117
|
constructor() {
|
@@ -2171,11 +2172,11 @@ const LoaderLinearClass = compose(
|
|
2171
2172
|
componentNameValidationMixin
|
2172
2173
|
)(RawLoaderLinear);
|
2173
2174
|
|
2174
|
-
customElements.define(componentName$
|
2175
|
+
customElements.define(componentName$P, LoaderLinearClass);
|
2175
2176
|
|
2176
|
-
const componentName$
|
2177
|
+
const componentName$O = getComponentName('loader-radial');
|
2177
2178
|
|
2178
|
-
class RawLoaderRadial extends createBaseClass({ componentName: componentName$
|
2179
|
+
class RawLoaderRadial extends createBaseClass({ componentName: componentName$O, baseSelector: ':host > div' }) {
|
2179
2180
|
constructor() {
|
2180
2181
|
super();
|
2181
2182
|
|
@@ -2219,11 +2220,11 @@ const LoaderRadialClass = compose(
|
|
2219
2220
|
componentNameValidationMixin
|
2220
2221
|
)(RawLoaderRadial);
|
2221
2222
|
|
2222
|
-
customElements.define(componentName$
|
2223
|
+
customElements.define(componentName$O, LoaderRadialClass);
|
2223
2224
|
|
2224
|
-
const componentName$
|
2225
|
+
const componentName$N = getComponentName('container');
|
2225
2226
|
|
2226
|
-
class RawContainer extends createBaseClass({ componentName: componentName$
|
2227
|
+
class RawContainer extends createBaseClass({ componentName: componentName$N, baseSelector: 'slot' }) {
|
2227
2228
|
constructor() {
|
2228
2229
|
super();
|
2229
2230
|
|
@@ -2276,11 +2277,11 @@ const ContainerClass = compose(
|
|
2276
2277
|
componentNameValidationMixin
|
2277
2278
|
)(RawContainer);
|
2278
2279
|
|
2279
|
-
customElements.define(componentName$
|
2280
|
+
customElements.define(componentName$N, ContainerClass);
|
2280
2281
|
|
2281
|
-
const componentName$
|
2282
|
+
const componentName$M = getComponentName('text');
|
2282
2283
|
|
2283
|
-
class RawText extends createBaseClass({ componentName: componentName$
|
2284
|
+
class RawText extends createBaseClass({ componentName: componentName$M, baseSelector: ':host > slot' }) {
|
2284
2285
|
constructor() {
|
2285
2286
|
super();
|
2286
2287
|
|
@@ -2336,8 +2337,8 @@ const TextClass = compose(
|
|
2336
2337
|
componentNameValidationMixin
|
2337
2338
|
)(RawText);
|
2338
2339
|
|
2339
|
-
const componentName$
|
2340
|
-
class RawDivider extends createBaseClass({ componentName: componentName$
|
2340
|
+
const componentName$L = getComponentName('divider');
|
2341
|
+
class RawDivider extends createBaseClass({ componentName: componentName$L, baseSelector: ':host > div' }) {
|
2341
2342
|
constructor() {
|
2342
2343
|
super();
|
2343
2344
|
|
@@ -2436,9 +2437,9 @@ const DividerClass = compose(
|
|
2436
2437
|
componentNameValidationMixin
|
2437
2438
|
)(RawDivider);
|
2438
2439
|
|
2439
|
-
customElements.define(componentName$
|
2440
|
+
customElements.define(componentName$M, TextClass);
|
2440
2441
|
|
2441
|
-
customElements.define(componentName$
|
2442
|
+
customElements.define(componentName$L, DividerClass);
|
2442
2443
|
|
2443
2444
|
const {
|
2444
2445
|
host: host$i,
|
@@ -2535,7 +2536,7 @@ var textFieldMappings = {
|
|
2535
2536
|
],
|
2536
2537
|
};
|
2537
2538
|
|
2538
|
-
const componentName$
|
2539
|
+
const componentName$K = getComponentName('email-field');
|
2539
2540
|
|
2540
2541
|
const customMixin$8 = (superclass) =>
|
2541
2542
|
class EmailFieldMixinClass extends superclass {
|
@@ -2570,15 +2571,15 @@ const EmailFieldClass = compose(
|
|
2570
2571
|
${resetInputOverrides('vaadin-email-field', EmailFieldClass.cssVarList)}
|
2571
2572
|
`,
|
2572
2573
|
excludeAttrsSync: ['tabindex'],
|
2573
|
-
componentName: componentName$
|
2574
|
+
componentName: componentName$K,
|
2574
2575
|
})
|
2575
2576
|
);
|
2576
2577
|
|
2577
|
-
customElements.define(componentName$
|
2578
|
+
customElements.define(componentName$K, EmailFieldClass);
|
2578
2579
|
|
2579
|
-
const componentName$
|
2580
|
+
const componentName$J = getComponentName('link');
|
2580
2581
|
|
2581
|
-
class RawLink extends createBaseClass({ componentName: componentName$
|
2582
|
+
class RawLink extends createBaseClass({ componentName: componentName$J, baseSelector: ':host a' }) {
|
2582
2583
|
constructor() {
|
2583
2584
|
super();
|
2584
2585
|
|
@@ -2643,7 +2644,7 @@ const LinkClass = compose(
|
|
2643
2644
|
componentNameValidationMixin
|
2644
2645
|
)(RawLink);
|
2645
2646
|
|
2646
|
-
customElements.define(componentName$
|
2647
|
+
customElements.define(componentName$J, LinkClass);
|
2647
2648
|
|
2648
2649
|
const createCssVarImageClass = ({ componentName, varName, fallbackVarName }) => {
|
2649
2650
|
let style;
|
@@ -2695,37 +2696,37 @@ const createCssVarImageClass = ({ componentName, varName, fallbackVarName }) =>
|
|
2695
2696
|
return CssVarImageClass;
|
2696
2697
|
};
|
2697
2698
|
|
2698
|
-
const componentName$
|
2699
|
+
const componentName$I = getComponentName('logo');
|
2699
2700
|
|
2700
2701
|
const LogoClass = createCssVarImageClass({
|
2701
|
-
componentName: componentName$
|
2702
|
+
componentName: componentName$I,
|
2702
2703
|
varName: 'url',
|
2703
2704
|
fallbackVarName: 'fallbackUrl',
|
2704
2705
|
});
|
2705
2706
|
|
2706
|
-
customElements.define(componentName$
|
2707
|
+
customElements.define(componentName$I, LogoClass);
|
2707
2708
|
|
2708
|
-
const componentName$
|
2709
|
+
const componentName$H = getComponentName('totp-image');
|
2709
2710
|
|
2710
2711
|
const TotpImageClass = createCssVarImageClass({
|
2711
|
-
componentName: componentName$
|
2712
|
+
componentName: componentName$H,
|
2712
2713
|
varName: 'url',
|
2713
2714
|
fallbackVarName: 'fallbackUrl',
|
2714
2715
|
});
|
2715
2716
|
|
2716
|
-
customElements.define(componentName$
|
2717
|
+
customElements.define(componentName$H, TotpImageClass);
|
2717
2718
|
|
2718
|
-
const componentName$
|
2719
|
+
const componentName$G = getComponentName('notp-image');
|
2719
2720
|
|
2720
2721
|
const NotpImageClass = createCssVarImageClass({
|
2721
|
-
componentName: componentName$
|
2722
|
+
componentName: componentName$G,
|
2722
2723
|
varName: 'url',
|
2723
2724
|
fallbackVarName: 'fallbackUrl',
|
2724
2725
|
});
|
2725
2726
|
|
2726
|
-
customElements.define(componentName$
|
2727
|
+
customElements.define(componentName$G, NotpImageClass);
|
2727
2728
|
|
2728
|
-
const componentName$
|
2729
|
+
const componentName$F = getComponentName('number-field');
|
2729
2730
|
|
2730
2731
|
const NumberFieldClass = compose(
|
2731
2732
|
createStyleMixin({
|
@@ -2751,11 +2752,11 @@ const NumberFieldClass = compose(
|
|
2751
2752
|
${resetInputOverrides('vaadin-number-field', NumberFieldClass.cssVarList)}
|
2752
2753
|
`,
|
2753
2754
|
excludeAttrsSync: ['tabindex'],
|
2754
|
-
componentName: componentName$
|
2755
|
+
componentName: componentName$F,
|
2755
2756
|
})
|
2756
2757
|
);
|
2757
2758
|
|
2758
|
-
customElements.define(componentName$
|
2759
|
+
customElements.define(componentName$F, NumberFieldClass);
|
2759
2760
|
|
2760
2761
|
const focusElement = (ele) => {
|
2761
2762
|
ele?.focus();
|
@@ -2773,13 +2774,13 @@ const getSanitizedCharacters = (str) => {
|
|
2773
2774
|
|
2774
2775
|
/* eslint-disable no-param-reassign */
|
2775
2776
|
|
2776
|
-
const componentName$
|
2777
|
+
const componentName$E = getComponentName('passcode-internal');
|
2777
2778
|
|
2778
2779
|
const observedAttributes$5 = ['digits', 'loading'];
|
2779
2780
|
|
2780
2781
|
const forwardAttributes = ['disabled', 'bordered', 'size', 'invalid', 'readonly'];
|
2781
2782
|
|
2782
|
-
const BaseInputClass$7 = createBaseInputClass({ componentName: componentName$
|
2783
|
+
const BaseInputClass$7 = createBaseInputClass({ componentName: componentName$E, baseSelector: 'div' });
|
2783
2784
|
|
2784
2785
|
class PasscodeInternal extends BaseInputClass$7 {
|
2785
2786
|
static get observedAttributes() {
|
@@ -3005,7 +3006,7 @@ class PasscodeInternal extends BaseInputClass$7 {
|
|
3005
3006
|
}
|
3006
3007
|
}
|
3007
3008
|
|
3008
|
-
const componentName$
|
3009
|
+
const componentName$D = getComponentName('text-field');
|
3009
3010
|
|
3010
3011
|
const observedAttrs = ['type'];
|
3011
3012
|
|
@@ -3080,11 +3081,11 @@ const TextFieldClass = compose(
|
|
3080
3081
|
${resetInputOverrides('vaadin-text-field', TextFieldClass.cssVarList)}
|
3081
3082
|
`,
|
3082
3083
|
excludeAttrsSync: ['tabindex'],
|
3083
|
-
componentName: componentName$
|
3084
|
+
componentName: componentName$D,
|
3084
3085
|
})
|
3085
3086
|
);
|
3086
3087
|
|
3087
|
-
const componentName$
|
3088
|
+
const componentName$C = getComponentName('passcode');
|
3088
3089
|
|
3089
3090
|
const observedAttributes$4 = ['digits'];
|
3090
3091
|
|
@@ -3103,17 +3104,17 @@ const customMixin$6 = (superclass) =>
|
|
3103
3104
|
const template = document.createElement('template');
|
3104
3105
|
|
3105
3106
|
template.innerHTML = `
|
3106
|
-
<${componentName$
|
3107
|
+
<${componentName$E}
|
3107
3108
|
bordered="true"
|
3108
3109
|
name="code"
|
3109
3110
|
tabindex="-1"
|
3110
3111
|
slot="input"
|
3111
|
-
><slot></slot></${componentName$
|
3112
|
+
><slot></slot></${componentName$E}>
|
3112
3113
|
`;
|
3113
3114
|
|
3114
3115
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
3115
3116
|
|
3116
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
3117
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$E);
|
3117
3118
|
|
3118
3119
|
forwardAttrs(this, this.inputElement, { includeAttrs: ['digits', 'size', 'loading'] });
|
3119
3120
|
}
|
@@ -3260,15 +3261,15 @@ const PasscodeClass = compose(
|
|
3260
3261
|
${resetInputCursor('vaadin-text-field')}
|
3261
3262
|
`,
|
3262
3263
|
excludeAttrsSync: ['tabindex'],
|
3263
|
-
componentName: componentName$
|
3264
|
+
componentName: componentName$C,
|
3264
3265
|
})
|
3265
3266
|
);
|
3266
3267
|
|
3267
|
-
customElements.define(componentName$
|
3268
|
+
customElements.define(componentName$D, TextFieldClass);
|
3268
3269
|
|
3269
|
-
customElements.define(componentName$
|
3270
|
+
customElements.define(componentName$E, PasscodeInternal);
|
3270
3271
|
|
3271
|
-
customElements.define(componentName$
|
3272
|
+
customElements.define(componentName$C, PasscodeClass);
|
3272
3273
|
|
3273
3274
|
const passwordDraggableMixin = (superclass) =>
|
3274
3275
|
class PasswordDraggableMixinClass extends superclass {
|
@@ -3304,7 +3305,7 @@ const passwordDraggableMixin = (superclass) =>
|
|
3304
3305
|
}
|
3305
3306
|
};
|
3306
3307
|
|
3307
|
-
const componentName$
|
3308
|
+
const componentName$B = getComponentName('password');
|
3308
3309
|
|
3309
3310
|
const {
|
3310
3311
|
host: host$f,
|
@@ -3433,11 +3434,11 @@ const PasswordClass = compose(
|
|
3433
3434
|
}
|
3434
3435
|
`,
|
3435
3436
|
excludeAttrsSync: ['tabindex'],
|
3436
|
-
componentName: componentName$
|
3437
|
+
componentName: componentName$B,
|
3437
3438
|
})
|
3438
3439
|
);
|
3439
3440
|
|
3440
|
-
customElements.define(componentName$
|
3441
|
+
customElements.define(componentName$B, PasswordClass);
|
3441
3442
|
|
3442
3443
|
const textRuleSet = {
|
3443
3444
|
components: {
|
@@ -3453,9 +3454,9 @@ const textRuleSet = {
|
|
3453
3454
|
},
|
3454
3455
|
};
|
3455
3456
|
|
3456
|
-
const componentName$
|
3457
|
+
const componentName$A = getComponentName('enriched-text');
|
3457
3458
|
|
3458
|
-
let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName: componentName$
|
3459
|
+
let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName: componentName$A, baseSelector: ':host > div' }) {
|
3459
3460
|
#origLinkRenderer;
|
3460
3461
|
|
3461
3462
|
constructor() {
|
@@ -3615,9 +3616,9 @@ const EnrichedTextClass = compose(
|
|
3615
3616
|
componentNameValidationMixin
|
3616
3617
|
)(EnrichedText$2);
|
3617
3618
|
|
3618
|
-
customElements.define(componentName$
|
3619
|
+
customElements.define(componentName$A, EnrichedTextClass);
|
3619
3620
|
|
3620
|
-
const componentName$
|
3621
|
+
const componentName$z = getComponentName('text-area');
|
3621
3622
|
|
3622
3623
|
const {
|
3623
3624
|
host: host$e,
|
@@ -3693,17 +3694,17 @@ const TextAreaClass = compose(
|
|
3693
3694
|
${resetInputCursor('vaadin-text-area')}
|
3694
3695
|
`,
|
3695
3696
|
excludeAttrsSync: ['tabindex'],
|
3696
|
-
componentName: componentName$
|
3697
|
+
componentName: componentName$z,
|
3697
3698
|
})
|
3698
3699
|
);
|
3699
3700
|
|
3700
|
-
customElements.define(componentName$
|
3701
|
+
customElements.define(componentName$z, TextAreaClass);
|
3701
3702
|
|
3702
3703
|
const observedAttributes$3 = ['src', 'alt'];
|
3703
3704
|
|
3704
|
-
const componentName$
|
3705
|
+
const componentName$y = getComponentName('image');
|
3705
3706
|
|
3706
|
-
const BaseClass$1 = createBaseClass({ componentName: componentName$
|
3707
|
+
const BaseClass$1 = createBaseClass({ componentName: componentName$y, baseSelector: ':host > img' });
|
3707
3708
|
class RawImage extends BaseClass$1 {
|
3708
3709
|
static get observedAttributes() {
|
3709
3710
|
return observedAttributes$3.concat(BaseClass$1.observedAttributes || []);
|
@@ -3743,9 +3744,9 @@ const ImageClass = compose(
|
|
3743
3744
|
draggableMixin
|
3744
3745
|
)(RawImage);
|
3745
3746
|
|
3746
|
-
customElements.define(componentName$
|
3747
|
+
customElements.define(componentName$y, ImageClass);
|
3747
3748
|
|
3748
|
-
const componentName$
|
3749
|
+
const componentName$x = getComponentName('combo-box');
|
3749
3750
|
|
3750
3751
|
const ComboBoxMixin = (superclass) =>
|
3751
3752
|
class ComboBoxMixinClass extends superclass {
|
@@ -4128,12 +4129,12 @@ const ComboBoxClass = compose(
|
|
4128
4129
|
// and reset items to an empty array, and opening the list box with no items
|
4129
4130
|
// to display.
|
4130
4131
|
excludeAttrsSync: ['tabindex', 'size', 'data'],
|
4131
|
-
componentName: componentName$
|
4132
|
+
componentName: componentName$x,
|
4132
4133
|
includeForwardProps: ['items', 'renderer', 'selectedItem'],
|
4133
4134
|
})
|
4134
4135
|
);
|
4135
4136
|
|
4136
|
-
customElements.define(componentName$
|
4137
|
+
customElements.define(componentName$x, ComboBoxClass);
|
4137
4138
|
|
4138
4139
|
var CountryCodes = [
|
4139
4140
|
// United States should be the first option
|
@@ -5376,7 +5377,7 @@ const comboBoxItem = ({ code, dialCode, name: country }) => `
|
|
5376
5377
|
</div>
|
5377
5378
|
`;
|
5378
5379
|
|
5379
|
-
const componentName$
|
5380
|
+
const componentName$w = getComponentName('phone-field-internal');
|
5380
5381
|
|
5381
5382
|
const commonAttrs$1 = ['disabled', 'size', 'bordered', 'invalid', 'readonly'];
|
5382
5383
|
const countryAttrs = ['country-input-placeholder', 'default-code', 'restrict-countries'];
|
@@ -5388,7 +5389,7 @@ const mapAttrs$1 = {
|
|
5388
5389
|
|
5389
5390
|
const inputRelatedAttrs$1 = [].concat(commonAttrs$1, countryAttrs, phoneAttrs);
|
5390
5391
|
|
5391
|
-
const BaseInputClass$6 = createBaseInputClass({ componentName: componentName$
|
5392
|
+
const BaseInputClass$6 = createBaseInputClass({ componentName: componentName$w, baseSelector: 'div' });
|
5392
5393
|
|
5393
5394
|
let PhoneFieldInternal$1 = class PhoneFieldInternal extends BaseInputClass$6 {
|
5394
5395
|
static get observedAttributes() {
|
@@ -5560,12 +5561,12 @@ let PhoneFieldInternal$1 = class PhoneFieldInternal extends BaseInputClass$6 {
|
|
5560
5561
|
}
|
5561
5562
|
};
|
5562
5563
|
|
5563
|
-
customElements.define(componentName$
|
5564
|
+
customElements.define(componentName$w, PhoneFieldInternal$1);
|
5564
5565
|
|
5565
5566
|
const textVars$1 = TextFieldClass.cssVarList;
|
5566
5567
|
const comboVars = ComboBoxClass.cssVarList;
|
5567
5568
|
|
5568
|
-
const componentName$
|
5569
|
+
const componentName$v = getComponentName('phone-field');
|
5569
5570
|
|
5570
5571
|
const customMixin$5 = (superclass) =>
|
5571
5572
|
class PhoneFieldMixinClass extends superclass {
|
@@ -5579,15 +5580,15 @@ const customMixin$5 = (superclass) =>
|
|
5579
5580
|
const template = document.createElement('template');
|
5580
5581
|
|
5581
5582
|
template.innerHTML = `
|
5582
|
-
<${componentName$
|
5583
|
+
<${componentName$w}
|
5583
5584
|
tabindex="-1"
|
5584
5585
|
slot="input"
|
5585
|
-
></${componentName$
|
5586
|
+
></${componentName$w}>
|
5586
5587
|
`;
|
5587
5588
|
|
5588
5589
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
5589
5590
|
|
5590
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
5591
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$w);
|
5591
5592
|
|
5592
5593
|
forwardAttrs(this.shadowRoot.host, this.inputElement, {
|
5593
5594
|
includeAttrs: [
|
@@ -5783,17 +5784,17 @@ const PhoneFieldClass = compose(
|
|
5783
5784
|
${resetInputLabelPosition('vaadin-text-field')}
|
5784
5785
|
`,
|
5785
5786
|
excludeAttrsSync: ['tabindex'],
|
5786
|
-
componentName: componentName$
|
5787
|
+
componentName: componentName$v,
|
5787
5788
|
})
|
5788
5789
|
);
|
5789
5790
|
|
5790
|
-
customElements.define(componentName$
|
5791
|
+
customElements.define(componentName$v, PhoneFieldClass);
|
5791
5792
|
|
5792
5793
|
const getCountryByCodeId = (countryCode) => {
|
5793
5794
|
return CountryCodes.find((c) => c.code === countryCode)?.dialCode;
|
5794
5795
|
};
|
5795
5796
|
|
5796
|
-
const componentName$
|
5797
|
+
const componentName$u = getComponentName('phone-field-internal-input-box');
|
5797
5798
|
|
5798
5799
|
const observedAttributes$2 = [
|
5799
5800
|
'disabled',
|
@@ -5809,7 +5810,7 @@ const mapAttrs = {
|
|
5809
5810
|
'phone-input-placeholder': 'placeholder',
|
5810
5811
|
};
|
5811
5812
|
|
5812
|
-
const BaseInputClass$5 = createBaseInputClass({ componentName: componentName$
|
5813
|
+
const BaseInputClass$5 = createBaseInputClass({ componentName: componentName$u, baseSelector: 'div' });
|
5813
5814
|
|
5814
5815
|
class PhoneFieldInternal extends BaseInputClass$5 {
|
5815
5816
|
static get observedAttributes() {
|
@@ -5948,11 +5949,11 @@ class PhoneFieldInternal extends BaseInputClass$5 {
|
|
5948
5949
|
}
|
5949
5950
|
}
|
5950
5951
|
|
5951
|
-
customElements.define(componentName$
|
5952
|
+
customElements.define(componentName$u, PhoneFieldInternal);
|
5952
5953
|
|
5953
5954
|
const textVars = TextFieldClass.cssVarList;
|
5954
5955
|
|
5955
|
-
const componentName$
|
5956
|
+
const componentName$t = getComponentName('phone-input-box-field');
|
5956
5957
|
|
5957
5958
|
const customMixin$4 = (superclass) =>
|
5958
5959
|
class PhoneInputBoxFieldMixinClass extends superclass {
|
@@ -5966,15 +5967,15 @@ const customMixin$4 = (superclass) =>
|
|
5966
5967
|
const template = document.createElement('template');
|
5967
5968
|
|
5968
5969
|
template.innerHTML = `
|
5969
|
-
<${componentName$
|
5970
|
+
<${componentName$u}
|
5970
5971
|
tabindex="-1"
|
5971
5972
|
slot="input"
|
5972
|
-
></${componentName$
|
5973
|
+
></${componentName$u}>
|
5973
5974
|
`;
|
5974
5975
|
|
5975
5976
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
5976
5977
|
|
5977
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
5978
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$u);
|
5978
5979
|
|
5979
5980
|
forwardAttrs(this.shadowRoot.host, this.inputElement, {
|
5980
5981
|
includeAttrs: [
|
@@ -6107,26 +6108,26 @@ const PhoneFieldInputBoxClass = compose(
|
|
6107
6108
|
${resetInputLabelPosition('vaadin-text-field')}
|
6108
6109
|
`,
|
6109
6110
|
excludeAttrsSync: ['tabindex'],
|
6110
|
-
componentName: componentName$
|
6111
|
+
componentName: componentName$t,
|
6111
6112
|
})
|
6112
6113
|
);
|
6113
6114
|
|
6114
|
-
customElements.define(componentName$
|
6115
|
+
customElements.define(componentName$t, PhoneFieldInputBoxClass);
|
6115
6116
|
|
6116
|
-
const componentName$
|
6117
|
+
const componentName$s = getComponentName('new-password-internal');
|
6117
6118
|
|
6118
6119
|
const interpolateString = (template, values) =>
|
6119
6120
|
template.replace(/{{(\w+)+}}/g, (match, key) => values?.[key] || match);
|
6120
6121
|
|
6121
6122
|
// eslint-disable-next-line max-classes-per-file
|
6122
6123
|
|
6123
|
-
const componentName$
|
6124
|
+
const componentName$r = getComponentName('policy-validation');
|
6124
6125
|
|
6125
6126
|
const overrideAttrs = ['data-password-policy-value-minlength'];
|
6126
6127
|
const dataAttrs = ['data', 'active-policies', 'overrides', ...overrideAttrs];
|
6127
6128
|
const policyAttrs = ['label', 'value', ...dataAttrs];
|
6128
6129
|
|
6129
|
-
class RawPolicyValidation extends createBaseClass({ componentName: componentName$
|
6130
|
+
class RawPolicyValidation extends createBaseClass({ componentName: componentName$r, baseSelector: ':host > div' }) {
|
6130
6131
|
#availablePolicies;
|
6131
6132
|
|
6132
6133
|
#activePolicies = [];
|
@@ -6334,7 +6335,7 @@ const PolicyValidationClass = compose(
|
|
6334
6335
|
componentNameValidationMixin
|
6335
6336
|
)(RawPolicyValidation);
|
6336
6337
|
|
6337
|
-
const componentName$
|
6338
|
+
const componentName$q = getComponentName('new-password');
|
6338
6339
|
|
6339
6340
|
const policyPreviewVars = PolicyValidationClass.cssVarList;
|
6340
6341
|
|
@@ -6346,16 +6347,16 @@ const customMixin$3 = (superclass) =>
|
|
6346
6347
|
const template = document.createElement('template');
|
6347
6348
|
|
6348
6349
|
template.innerHTML = `
|
6349
|
-
<${componentName$
|
6350
|
+
<${componentName$s}
|
6350
6351
|
name="new-password"
|
6351
6352
|
tabindex="-1"
|
6352
6353
|
slot="input"
|
6353
|
-
></${componentName$
|
6354
|
+
></${componentName$s}>
|
6354
6355
|
`;
|
6355
6356
|
|
6356
6357
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
6357
6358
|
|
6358
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
6359
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$s);
|
6359
6360
|
|
6360
6361
|
forwardAttrs(this, this.inputElement, {
|
6361
6362
|
includeAttrs: [
|
@@ -6487,11 +6488,11 @@ const NewPasswordClass = compose(
|
|
6487
6488
|
}
|
6488
6489
|
`,
|
6489
6490
|
excludeAttrsSync: ['tabindex'],
|
6490
|
-
componentName: componentName$
|
6491
|
+
componentName: componentName$q,
|
6491
6492
|
})
|
6492
6493
|
);
|
6493
6494
|
|
6494
|
-
customElements.define(componentName$
|
6495
|
+
customElements.define(componentName$r, PolicyValidationClass);
|
6495
6496
|
|
6496
6497
|
const passwordAttrPrefixRegex = /^password-/;
|
6497
6498
|
const confirmAttrPrefixRegex = /^confirm-/;
|
@@ -6520,7 +6521,7 @@ const inputRelatedAttrs = [].concat(
|
|
6520
6521
|
policyPanelAttrs
|
6521
6522
|
);
|
6522
6523
|
|
6523
|
-
const BaseInputClass$4 = createBaseInputClass({ componentName: componentName$
|
6524
|
+
const BaseInputClass$4 = createBaseInputClass({ componentName: componentName$s, baseSelector: 'div' });
|
6524
6525
|
|
6525
6526
|
class NewPasswordInternal extends BaseInputClass$4 {
|
6526
6527
|
static get observedAttributes() {
|
@@ -6731,16 +6732,16 @@ class NewPasswordInternal extends BaseInputClass$4 {
|
|
6731
6732
|
}
|
6732
6733
|
}
|
6733
6734
|
|
6734
|
-
customElements.define(componentName$
|
6735
|
+
customElements.define(componentName$s, NewPasswordInternal);
|
6735
6736
|
|
6736
|
-
customElements.define(componentName$
|
6737
|
+
customElements.define(componentName$q, NewPasswordClass);
|
6737
6738
|
|
6738
|
-
const componentName$
|
6739
|
+
const componentName$p = getComponentName('recaptcha');
|
6739
6740
|
|
6740
6741
|
const observedAttributes$1 = ['enabled', 'site-key', 'action', 'enterprise'];
|
6741
6742
|
|
6742
6743
|
const BaseClass = createBaseClass({
|
6743
|
-
componentName: componentName$
|
6744
|
+
componentName: componentName$p,
|
6744
6745
|
baseSelector: ':host > div',
|
6745
6746
|
});
|
6746
6747
|
class RawRecaptcha extends BaseClass {
|
@@ -6910,7 +6911,7 @@ class RawRecaptcha extends BaseClass {
|
|
6910
6911
|
|
6911
6912
|
const RecaptchaClass = compose(draggableMixin)(RawRecaptcha);
|
6912
6913
|
|
6913
|
-
customElements.define(componentName$
|
6914
|
+
customElements.define(componentName$p, RecaptchaClass);
|
6914
6915
|
|
6915
6916
|
const getFileBase64 = (fileObj) => {
|
6916
6917
|
return new Promise((resolve) => {
|
@@ -6924,7 +6925,7 @@ const getFilename = (fileObj) => {
|
|
6924
6925
|
return fileObj.name.replace(/^.*\\/, '');
|
6925
6926
|
};
|
6926
6927
|
|
6927
|
-
const componentName$
|
6928
|
+
const componentName$o = getComponentName('upload-file');
|
6928
6929
|
|
6929
6930
|
const observedAttributes = [
|
6930
6931
|
'title',
|
@@ -6939,7 +6940,7 @@ const observedAttributes = [
|
|
6939
6940
|
'icon',
|
6940
6941
|
];
|
6941
6942
|
|
6942
|
-
const BaseInputClass$3 = createBaseInputClass({ componentName: componentName$
|
6943
|
+
const BaseInputClass$3 = createBaseInputClass({ componentName: componentName$o, baseSelector: ':host > div' });
|
6943
6944
|
|
6944
6945
|
class RawUploadFile extends BaseInputClass$3 {
|
6945
6946
|
static get observedAttributes() {
|
@@ -7111,7 +7112,7 @@ class RawUploadFile extends BaseInputClass$3 {
|
|
7111
7112
|
}
|
7112
7113
|
|
7113
7114
|
const buttonVars = ButtonClass.cssVarList;
|
7114
|
-
const { host: host$8, wrapper, icon: icon$2, title, description, requiredIndicator: requiredIndicator$2 } = {
|
7115
|
+
const { host: host$8, wrapper, icon: icon$2, title: title$1, description, requiredIndicator: requiredIndicator$2 } = {
|
7115
7116
|
host: { selector: () => ':host' },
|
7116
7117
|
wrapper: { selector: () => ':host > div' },
|
7117
7118
|
icon: { selector: () => '::slotted(*)' },
|
@@ -7139,11 +7140,11 @@ const UploadFileClass = compose(
|
|
7139
7140
|
],
|
7140
7141
|
gap: { ...wrapper },
|
7141
7142
|
lineHeight: { ...wrapper, property: 'line-height' },
|
7142
|
-
titleFontSize: { ...title, property: 'font-size' },
|
7143
|
-
titleFontWeight: { ...title, property: 'font-weight' },
|
7143
|
+
titleFontSize: { ...title$1, property: 'font-size' },
|
7144
|
+
titleFontWeight: { ...title$1, property: 'font-weight' },
|
7144
7145
|
descriptionFontSize: { ...description, property: 'font-size' },
|
7145
7146
|
labelTextColor: [
|
7146
|
-
{ ...title, property: 'color' },
|
7147
|
+
{ ...title$1, property: 'color' },
|
7147
7148
|
{ ...description, property: 'color' },
|
7148
7149
|
],
|
7149
7150
|
iconSize: { ...icon$2, property: 'width' },
|
@@ -7154,7 +7155,7 @@ const UploadFileClass = compose(
|
|
7154
7155
|
componentNameValidationMixin
|
7155
7156
|
)(RawUploadFile);
|
7156
7157
|
|
7157
|
-
customElements.define(componentName$
|
7158
|
+
customElements.define(componentName$o, UploadFileClass);
|
7158
7159
|
|
7159
7160
|
const createBaseButtonSelectionGroupInternalClass = (componentName) => {
|
7160
7161
|
class BaseButtonSelectionGroupInternalClass extends createBaseInputClass({
|
@@ -7252,10 +7253,10 @@ const createBaseButtonSelectionGroupInternalClass = (componentName) => {
|
|
7252
7253
|
return BaseButtonSelectionGroupInternalClass;
|
7253
7254
|
};
|
7254
7255
|
|
7255
|
-
const componentName$
|
7256
|
+
const componentName$n = getComponentName('button-selection-group-internal');
|
7256
7257
|
|
7257
7258
|
class ButtonSelectionGroupInternalClass extends createBaseButtonSelectionGroupInternalClass(
|
7258
|
-
componentName$
|
7259
|
+
componentName$n
|
7259
7260
|
) {
|
7260
7261
|
getSelectedNode() {
|
7261
7262
|
return this.items.find((item) => item.hasAttribute('selected'));
|
@@ -7487,7 +7488,7 @@ const buttonSelectionGroupStyles = `
|
|
7487
7488
|
${resetInputCursor('vaadin-text-field')}
|
7488
7489
|
`;
|
7489
7490
|
|
7490
|
-
const componentName$
|
7491
|
+
const componentName$m = getComponentName('button-selection-group');
|
7491
7492
|
|
7492
7493
|
const buttonSelectionGroupMixin = (superclass) =>
|
7493
7494
|
class ButtonMultiSelectionGroupMixinClass extends superclass {
|
@@ -7496,19 +7497,19 @@ const buttonSelectionGroupMixin = (superclass) =>
|
|
7496
7497
|
const template = document.createElement('template');
|
7497
7498
|
|
7498
7499
|
template.innerHTML = `
|
7499
|
-
<${componentName$
|
7500
|
+
<${componentName$n}
|
7500
7501
|
name="button-selection-group"
|
7501
7502
|
slot="input"
|
7502
7503
|
tabindex="-1"
|
7503
7504
|
part="internal-component"
|
7504
7505
|
>
|
7505
7506
|
<slot></slot>
|
7506
|
-
</${componentName$
|
7507
|
+
</${componentName$n}>
|
7507
7508
|
`;
|
7508
7509
|
|
7509
7510
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
7510
7511
|
|
7511
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
7512
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$n);
|
7512
7513
|
|
7513
7514
|
forwardAttrs(this, this.inputElement, {
|
7514
7515
|
includeAttrs: ['size', 'default-value', 'allow-deselect'],
|
@@ -7533,16 +7534,16 @@ const ButtonSelectionGroupClass = compose(
|
|
7533
7534
|
wrappedEleName: 'vaadin-text-field',
|
7534
7535
|
style: () => buttonSelectionGroupStyles,
|
7535
7536
|
excludeAttrsSync: ['tabindex'],
|
7536
|
-
componentName: componentName$
|
7537
|
+
componentName: componentName$m,
|
7537
7538
|
})
|
7538
7539
|
);
|
7539
7540
|
|
7540
|
-
customElements.define(componentName$
|
7541
|
+
customElements.define(componentName$n, ButtonSelectionGroupInternalClass);
|
7541
7542
|
|
7542
|
-
const componentName$
|
7543
|
+
const componentName$l = getComponentName('button-selection-group-item');
|
7543
7544
|
|
7544
7545
|
class RawSelectItem extends createBaseClass({
|
7545
|
-
componentName: componentName$
|
7546
|
+
componentName: componentName$l,
|
7546
7547
|
baseSelector: ':host > descope-button',
|
7547
7548
|
}) {
|
7548
7549
|
get size() {
|
@@ -7649,14 +7650,14 @@ const ButtonSelectionGroupItemClass = compose(
|
|
7649
7650
|
componentNameValidationMixin
|
7650
7651
|
)(RawSelectItem);
|
7651
7652
|
|
7652
|
-
customElements.define(componentName$
|
7653
|
+
customElements.define(componentName$l, ButtonSelectionGroupItemClass);
|
7653
7654
|
|
7654
|
-
customElements.define(componentName$
|
7655
|
+
customElements.define(componentName$m, ButtonSelectionGroupClass);
|
7655
7656
|
|
7656
|
-
const componentName$
|
7657
|
+
const componentName$k = getComponentName('button-multi-selection-group-internal');
|
7657
7658
|
|
7658
7659
|
class ButtonMultiSelectionGroupInternalClass extends createBaseButtonSelectionGroupInternalClass(
|
7659
|
-
componentName$
|
7660
|
+
componentName$k
|
7660
7661
|
) {
|
7661
7662
|
#getSelectedNodes() {
|
7662
7663
|
return this.items.filter((item) => item.hasAttribute('selected'));
|
@@ -7759,7 +7760,7 @@ class ButtonMultiSelectionGroupInternalClass extends createBaseButtonSelectionGr
|
|
7759
7760
|
}
|
7760
7761
|
}
|
7761
7762
|
|
7762
|
-
const componentName$
|
7763
|
+
const componentName$j = getComponentName('button-multi-selection-group');
|
7763
7764
|
|
7764
7765
|
const buttonMultiSelectionGroupMixin = (superclass) =>
|
7765
7766
|
class ButtonMultiSelectionGroupMixinClass extends superclass {
|
@@ -7768,19 +7769,19 @@ const buttonMultiSelectionGroupMixin = (superclass) =>
|
|
7768
7769
|
const template = document.createElement('template');
|
7769
7770
|
|
7770
7771
|
template.innerHTML = `
|
7771
|
-
<${componentName$
|
7772
|
+
<${componentName$k}
|
7772
7773
|
name="button-selection-group"
|
7773
7774
|
slot="input"
|
7774
7775
|
tabindex="-1"
|
7775
7776
|
part="internal-component"
|
7776
7777
|
>
|
7777
7778
|
<slot></slot>
|
7778
|
-
</${componentName$
|
7779
|
+
</${componentName$k}>
|
7779
7780
|
`;
|
7780
7781
|
|
7781
7782
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
7782
7783
|
|
7783
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
7784
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$k);
|
7784
7785
|
|
7785
7786
|
forwardAttrs(this, this.inputElement, {
|
7786
7787
|
includeAttrs: ['size', 'default-values', 'min-items-selection', 'max-items-selection'],
|
@@ -7805,13 +7806,13 @@ const ButtonMultiSelectionGroupClass = compose(
|
|
7805
7806
|
wrappedEleName: 'vaadin-text-field',
|
7806
7807
|
style: () => buttonSelectionGroupStyles,
|
7807
7808
|
excludeAttrsSync: ['tabindex'],
|
7808
|
-
componentName: componentName$
|
7809
|
+
componentName: componentName$j,
|
7809
7810
|
})
|
7810
7811
|
);
|
7811
7812
|
|
7812
|
-
customElements.define(componentName$
|
7813
|
+
customElements.define(componentName$k, ButtonMultiSelectionGroupInternalClass);
|
7813
7814
|
|
7814
|
-
customElements.define(componentName$
|
7815
|
+
customElements.define(componentName$j, ButtonMultiSelectionGroupClass);
|
7815
7816
|
|
7816
7817
|
/* eslint-disable no-param-reassign */
|
7817
7818
|
|
@@ -7839,9 +7840,9 @@ class GridTextColumnClass extends GridSortColumn {
|
|
7839
7840
|
}
|
7840
7841
|
}
|
7841
7842
|
|
7842
|
-
const componentName$
|
7843
|
+
const componentName$i = getComponentName('grid-text-column');
|
7843
7844
|
|
7844
|
-
customElements.define(componentName$
|
7845
|
+
customElements.define(componentName$i, GridTextColumnClass);
|
7845
7846
|
|
7846
7847
|
/* eslint-disable no-param-reassign */
|
7847
7848
|
|
@@ -7876,9 +7877,9 @@ class GridCustomColumnClass extends GridTextColumnClass {
|
|
7876
7877
|
|
7877
7878
|
/* eslint-disable no-param-reassign */
|
7878
7879
|
|
7879
|
-
const componentName$
|
7880
|
+
const componentName$h = getComponentName('grid-custom-column');
|
7880
7881
|
|
7881
|
-
customElements.define(componentName$
|
7882
|
+
customElements.define(componentName$h, GridCustomColumnClass);
|
7882
7883
|
|
7883
7884
|
const createCheckboxEle = () => {
|
7884
7885
|
const checkbox = document.createElement('descope-checkbox');
|
@@ -7937,9 +7938,9 @@ class GridSelectionColumnClass extends GridSelectionColumn {
|
|
7937
7938
|
}
|
7938
7939
|
}
|
7939
7940
|
|
7940
|
-
const componentName$
|
7941
|
+
const componentName$g = getComponentName('grid-selection-column');
|
7941
7942
|
|
7942
|
-
customElements.define(componentName$
|
7943
|
+
customElements.define(componentName$g, GridSelectionColumnClass);
|
7943
7944
|
|
7944
7945
|
const isValidDataType = (data) => {
|
7945
7946
|
const isValid = Array.isArray(data);
|
@@ -7951,7 +7952,7 @@ const isValidDataType = (data) => {
|
|
7951
7952
|
return isValid;
|
7952
7953
|
};
|
7953
7954
|
|
7954
|
-
const componentName$
|
7955
|
+
const componentName$f = getComponentName('grid');
|
7955
7956
|
|
7956
7957
|
const GridMixin = (superclass) =>
|
7957
7958
|
class GridMixinClass extends superclass {
|
@@ -8187,13 +8188,13 @@ const GridClass = compose(
|
|
8187
8188
|
}
|
8188
8189
|
`,
|
8189
8190
|
excludeAttrsSync: ['columns', 'tabindex'],
|
8190
|
-
componentName: componentName$
|
8191
|
+
componentName: componentName$f,
|
8191
8192
|
})
|
8192
8193
|
);
|
8193
8194
|
|
8194
|
-
customElements.define(componentName$
|
8195
|
+
customElements.define(componentName$f, GridClass);
|
8195
8196
|
|
8196
|
-
const componentName$
|
8197
|
+
const componentName$e = getComponentName('multi-select-combo-box');
|
8197
8198
|
|
8198
8199
|
const multiSelectComboBoxMixin = (superclass) =>
|
8199
8200
|
class MultiSelectComboBoxMixinClass extends superclass {
|
@@ -8797,16 +8798,16 @@ const MultiSelectComboBoxClass = compose(
|
|
8797
8798
|
// Note: we exclude `placeholder` because the vaadin component observes it and
|
8798
8799
|
// tries to override it, causing us to lose the user set placeholder.
|
8799
8800
|
excludeAttrsSync: ['tabindex', 'size', 'data', 'placeholder'],
|
8800
|
-
componentName: componentName$
|
8801
|
+
componentName: componentName$e,
|
8801
8802
|
includeForwardProps: ['items', 'renderer', 'selectedItems'],
|
8802
8803
|
})
|
8803
8804
|
);
|
8804
8805
|
|
8805
|
-
customElements.define(componentName$
|
8806
|
+
customElements.define(componentName$e, MultiSelectComboBoxClass);
|
8806
8807
|
|
8807
|
-
const componentName$
|
8808
|
+
const componentName$d = getComponentName('badge');
|
8808
8809
|
|
8809
|
-
class RawBadge extends createBaseClass({ componentName: componentName$
|
8810
|
+
class RawBadge extends createBaseClass({ componentName: componentName$d, baseSelector: ':host > div' }) {
|
8810
8811
|
constructor() {
|
8811
8812
|
super();
|
8812
8813
|
|
@@ -8857,9 +8858,9 @@ const BadgeClass = compose(
|
|
8857
8858
|
componentNameValidationMixin
|
8858
8859
|
)(RawBadge);
|
8859
8860
|
|
8860
|
-
customElements.define(componentName$
|
8861
|
+
customElements.define(componentName$d, BadgeClass);
|
8861
8862
|
|
8862
|
-
const componentName$
|
8863
|
+
const componentName$c = getComponentName('modal');
|
8863
8864
|
|
8864
8865
|
const customMixin$2 = (superclass) =>
|
8865
8866
|
class ModalMixinClass extends superclass {
|
@@ -8958,11 +8959,11 @@ const ModalClass = compose(
|
|
8958
8959
|
wrappedEleName: 'vaadin-dialog',
|
8959
8960
|
style: () => ``,
|
8960
8961
|
excludeAttrsSync: ['tabindex', 'opened'],
|
8961
|
-
componentName: componentName$
|
8962
|
+
componentName: componentName$c,
|
8962
8963
|
})
|
8963
8964
|
);
|
8964
8965
|
|
8965
|
-
customElements.define(componentName$
|
8966
|
+
customElements.define(componentName$c, ModalClass);
|
8966
8967
|
|
8967
8968
|
const vaadinContainerClass = window.customElements.get('vaadin-notification-container');
|
8968
8969
|
|
@@ -8973,7 +8974,7 @@ if (!vaadinContainerClass) {
|
|
8973
8974
|
class NotificationContainerClass extends vaadinContainerClass {}
|
8974
8975
|
customElements.define(getComponentName('notification-container'), NotificationContainerClass);
|
8975
8976
|
|
8976
|
-
const componentName$
|
8977
|
+
const componentName$b = getComponentName('notification-card');
|
8977
8978
|
|
8978
8979
|
const notificationCardMixin = (superclass) =>
|
8979
8980
|
class NotificationCardMixinClass extends superclass {
|
@@ -9081,13 +9082,13 @@ const NotificationCardClass = compose(
|
|
9081
9082
|
}
|
9082
9083
|
`,
|
9083
9084
|
excludeAttrsSync: ['tabindex'],
|
9084
|
-
componentName: componentName$
|
9085
|
+
componentName: componentName$b,
|
9085
9086
|
})
|
9086
9087
|
);
|
9087
9088
|
|
9088
|
-
customElements.define(componentName$
|
9089
|
+
customElements.define(componentName$b, NotificationCardClass);
|
9089
9090
|
|
9090
|
-
const componentName$
|
9091
|
+
const componentName$a = getComponentName('notification');
|
9091
9092
|
|
9092
9093
|
const NotificationMixin = (superclass) =>
|
9093
9094
|
class NotificationMixinClass extends superclass {
|
@@ -9182,14 +9183,14 @@ const NotificationClass = compose(
|
|
9182
9183
|
createProxy({
|
9183
9184
|
wrappedEleName: 'vaadin-notification',
|
9184
9185
|
excludeAttrsSync: ['tabindex'],
|
9185
|
-
componentName: componentName$
|
9186
|
+
componentName: componentName$a,
|
9186
9187
|
})
|
9187
9188
|
);
|
9188
9189
|
|
9189
|
-
customElements.define(componentName$
|
9190
|
+
customElements.define(componentName$a, NotificationClass);
|
9190
9191
|
|
9191
|
-
const componentName$
|
9192
|
-
class RawAvatar extends createBaseClass({ componentName: componentName$
|
9192
|
+
const componentName$9 = getComponentName('avatar');
|
9193
|
+
class RawAvatar extends createBaseClass({ componentName: componentName$9, baseSelector: ':host > .wrapper' }) {
|
9193
9194
|
constructor() {
|
9194
9195
|
super();
|
9195
9196
|
|
@@ -9290,13 +9291,13 @@ const AvatarClass = compose(
|
|
9290
9291
|
componentNameValidationMixin
|
9291
9292
|
)(RawAvatar);
|
9292
9293
|
|
9293
|
-
customElements.define(componentName$
|
9294
|
+
customElements.define(componentName$9, AvatarClass);
|
9294
9295
|
|
9295
|
-
customElements.define(componentName$
|
9296
|
+
customElements.define(componentName$U, IconClass);
|
9296
9297
|
|
9297
|
-
const componentName$
|
9298
|
+
const componentName$8 = getComponentName('mappings-field-internal');
|
9298
9299
|
|
9299
|
-
const BaseInputClass$2 = createBaseInputClass({ componentName: componentName$
|
9300
|
+
const BaseInputClass$2 = createBaseInputClass({ componentName: componentName$8, baseSelector: 'div' });
|
9300
9301
|
|
9301
9302
|
class MappingsFieldInternal extends BaseInputClass$2 {
|
9302
9303
|
#errorItem;
|
@@ -9531,7 +9532,7 @@ class MappingsFieldInternal extends BaseInputClass$2 {
|
|
9531
9532
|
}
|
9532
9533
|
}
|
9533
9534
|
|
9534
|
-
const componentName$
|
9535
|
+
const componentName$7 = getComponentName('mappings-field');
|
9535
9536
|
|
9536
9537
|
const customMixin$1 = (superclass) =>
|
9537
9538
|
class MappingsFieldMixinClass extends superclass {
|
@@ -9560,14 +9561,14 @@ const customMixin$1 = (superclass) =>
|
|
9560
9561
|
const template = document.createElement('template');
|
9561
9562
|
|
9562
9563
|
template.innerHTML = `
|
9563
|
-
<${componentName$
|
9564
|
+
<${componentName$8}
|
9564
9565
|
tabindex="-1"
|
9565
|
-
></${componentName$
|
9566
|
+
></${componentName$8}>
|
9566
9567
|
`;
|
9567
9568
|
|
9568
9569
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
9569
9570
|
|
9570
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
9571
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$8);
|
9571
9572
|
|
9572
9573
|
forwardAttrs(this, this.inputElement, {
|
9573
9574
|
includeAttrs: [
|
@@ -9696,17 +9697,17 @@ const MappingsFieldClass = compose(
|
|
9696
9697
|
'options',
|
9697
9698
|
'error-message',
|
9698
9699
|
],
|
9699
|
-
componentName: componentName$
|
9700
|
+
componentName: componentName$7,
|
9700
9701
|
})
|
9701
9702
|
);
|
9702
9703
|
|
9703
|
-
customElements.define(componentName$
|
9704
|
+
customElements.define(componentName$8, MappingsFieldInternal);
|
9704
9705
|
|
9705
|
-
const componentName$
|
9706
|
+
const componentName$6 = getComponentName('mapping-item');
|
9706
9707
|
|
9707
9708
|
const inputAttrs = ['size', 'bordered', 'readonly', 'full-width', 'disabled'];
|
9708
9709
|
|
9709
|
-
const BaseInputClass$1 = createBaseInputClass({ componentName: componentName$
|
9710
|
+
const BaseInputClass$1 = createBaseInputClass({ componentName: componentName$6, baseSelector: 'div' });
|
9710
9711
|
|
9711
9712
|
class MappingItem extends BaseInputClass$1 {
|
9712
9713
|
static get observedAttributes() {
|
@@ -9856,17 +9857,17 @@ class MappingItem extends BaseInputClass$1 {
|
|
9856
9857
|
}
|
9857
9858
|
}
|
9858
9859
|
|
9859
|
-
customElements.define(componentName$
|
9860
|
+
customElements.define(componentName$6, MappingItem);
|
9860
9861
|
|
9861
|
-
customElements.define(componentName$
|
9862
|
+
customElements.define(componentName$7, MappingsFieldClass);
|
9862
9863
|
|
9863
9864
|
var deleteIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMTZDMSAxNy4xIDEuOSAxOCAzIDE4SDExQzEyLjEgMTggMTMgMTcuMSAxMyAxNlY0SDFWMTZaTTMgNkgxMVYxNkgzVjZaTTEwLjUgMUw5LjUgMEg0LjVMMy41IDFIMFYzSDE0VjFIMTAuNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPgo8L3N2Zz4K";
|
9864
9865
|
|
9865
9866
|
var editIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjAwMDIgMC45OTIxNDlDMTAuMDAwMiAxLjAxNjE1IDEwLjAwMDIgMS4wMTYxNSAxMC4wMDAyIDEuMDE2MTVMOC4yMjQxOSAzLjAwODE1SDIuOTkyMTlDMi40NjQxOSAzLjAwODE1IDIuMDA4MTkgMy40NDAxNSAyLjAwODE5IDMuOTkyMTVWMTIuMDA4MkMyLjAwODE5IDEyLjUzNjIgMi40NDAxOSAxMi45OTIyIDIuOTkyMTkgMTIuOTkyMkg1LjUzNjE5QzUuODQ4MTkgMTMuMDQwMiA2LjE2MDE5IDEzLjA0MDIgNi40NzIxOSAxMi45OTIySDExLjAwODJDMTEuNTM2MiAxMi45OTIyIDExLjk5MjIgMTIuNTYwMiAxMS45OTIyIDEyLjAwODJWNy43ODQxNkwxMy45MzYyIDUuNjI0MTVMMTQuMDA4MiA1LjY3MjE1VjExLjk4NDJDMTQuMDA4MiAxMy42NjQyIDEyLjY2NDIgMTUuMDA4MiAxMS4wMDgyIDE1LjAwODJIMy4wMTYxOUMxLjMzNjE5IDE1LjAwODIgLTAuMDA3ODEyNSAxMy42NjQyIC0wLjAwNzgxMjUgMTEuOTg0MlYzLjk5MjE1Qy0wLjAwNzgxMjUgMi4zMzYxNSAxLjMzNjE5IDAuOTkyMTQ5IDMuMDE2MTkgMC45OTIxNDlIMTAuMDAwMlpNMTEuMjcyMiAyLjYyNDE1TDEyLjYxNjIgNC4xMTIxNUw3LjcyMDE5IDkuNjgwMTZDNy41MDQxOSA5LjkyMDE2IDYuODMyMTkgMTAuMjMyMiA1LjY4MDE5IDEwLjYxNjJDNS42NTYxOSAxMC42NDAyIDUuNjA4MTkgMTAuNjQwMiA1LjU2MDE5IDEwLjYxNjJDNS40NjQxOSAxMC41OTIyIDUuMzkyMTkgMTAuNDcyMiA1LjQ0MDE5IDEwLjM3NjJDNS43NTIxOSA5LjI0ODE2IDYuMDQwMTkgOC41NTIxNiA2LjI1NjE5IDguMzEyMTZMMTEuMjcyMiAyLjYyNDE1Wk0xMS45MjAyIDEuODU2MTVMMTMuMjg4MiAwLjMyMDE0OUMxMy42NDgyIC0wLjA4Nzg1MTYgMTQuMjcyMiAtMC4xMTE4NTIgMTQuNjgwMiAwLjI3MjE0OUMxNS4wODgyIDAuNjMyMTQ5IDE1LjExMjIgMS4yODAxNSAxNC43NTIyIDEuNjg4MTVMMTMuMjY0MiAzLjM2ODE1TDExLjkyMDIgMS44NTYxNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPgo8L3N2Zz4K";
|
9866
9867
|
|
9867
|
-
const componentName$
|
9868
|
+
const componentName$5 = getComponentName('user-attribute');
|
9868
9869
|
class RawUserAttribute extends createBaseClass({
|
9869
|
-
componentName: componentName$
|
9870
|
+
componentName: componentName$5,
|
9870
9871
|
baseSelector: ':host > .root',
|
9871
9872
|
}) {
|
9872
9873
|
constructor() {
|
@@ -10096,13 +10097,13 @@ const UserAttributeClass = compose(
|
|
10096
10097
|
componentNameValidationMixin
|
10097
10098
|
)(RawUserAttribute);
|
10098
10099
|
|
10099
|
-
customElements.define(componentName$
|
10100
|
+
customElements.define(componentName$5, UserAttributeClass);
|
10100
10101
|
|
10101
10102
|
var greenVIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMEMzLjYgMCAwIDMuNiAwIDhDMCAxMi40IDMuNiAxNiA4IDE2QzEyLjQgMTYgMTYgMTIuNCAxNiA4QzE2IDMuNiAxMi40IDAgOCAwWk03LjEgMTEuN0wyLjkgNy42TDQuMyA2LjJMNyA4LjlMMTIgNEwxMy40IDUuNEw3LjEgMTEuN1oiIGZpbGw9IiM0Q0FGNTAiLz4KPC9zdmc+Cg==";
|
10102
10103
|
|
10103
|
-
const componentName$
|
10104
|
+
const componentName$4 = getComponentName('user-auth-method');
|
10104
10105
|
class RawUserAuthMethod extends createBaseClass({
|
10105
|
-
componentName: componentName$
|
10106
|
+
componentName: componentName$4,
|
10106
10107
|
baseSelector: ':host > .root',
|
10107
10108
|
}) {
|
10108
10109
|
constructor() {
|
@@ -10294,11 +10295,11 @@ const UserAuthMethodClass = compose(
|
|
10294
10295
|
componentNameValidationMixin
|
10295
10296
|
)(RawUserAuthMethod);
|
10296
10297
|
|
10297
|
-
customElements.define(componentName$
|
10298
|
+
customElements.define(componentName$4, UserAuthMethodClass);
|
10298
10299
|
|
10299
|
-
const componentName$
|
10300
|
+
const componentName$3 = getComponentName('saml-group-mappings-internal');
|
10300
10301
|
|
10301
|
-
const BaseInputClass = createBaseInputClass({ componentName: componentName$
|
10302
|
+
const BaseInputClass = createBaseInputClass({ componentName: componentName$3, baseSelector: '' });
|
10302
10303
|
|
10303
10304
|
class SamlGroupMappingsInternal extends BaseInputClass {
|
10304
10305
|
static get observedAttributes() {
|
@@ -10424,7 +10425,7 @@ class SamlGroupMappingsInternal extends BaseInputClass {
|
|
10424
10425
|
}
|
10425
10426
|
}
|
10426
10427
|
|
10427
|
-
const componentName$
|
10428
|
+
const componentName$2 = getComponentName('saml-group-mappings');
|
10428
10429
|
|
10429
10430
|
const customMixin = (superclass) =>
|
10430
10431
|
class SamlGroupMappingsMixinClass extends superclass {
|
@@ -10434,14 +10435,14 @@ const customMixin = (superclass) =>
|
|
10434
10435
|
const template = document.createElement('template');
|
10435
10436
|
|
10436
10437
|
template.innerHTML = `
|
10437
|
-
<${componentName$
|
10438
|
+
<${componentName$3}
|
10438
10439
|
tabindex="-1"
|
10439
|
-
></${componentName$
|
10440
|
+
></${componentName$3}>
|
10440
10441
|
`;
|
10441
10442
|
|
10442
10443
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
10443
10444
|
|
10444
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
10445
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$3);
|
10445
10446
|
|
10446
10447
|
forwardAttrs(this, this.inputElement, {
|
10447
10448
|
includeAttrs: [
|
@@ -10518,13 +10519,257 @@ const SamlGroupMappingsClass = compose(
|
|
10518
10519
|
'options',
|
10519
10520
|
'error-message',
|
10520
10521
|
],
|
10521
|
-
componentName: componentName$
|
10522
|
+
componentName: componentName$2,
|
10522
10523
|
})
|
10523
10524
|
);
|
10524
10525
|
|
10525
|
-
customElements.define(componentName$
|
10526
|
+
customElements.define(componentName$3, SamlGroupMappingsInternal);
|
10527
|
+
|
10528
|
+
customElements.define(componentName$2, SamlGroupMappingsClass);
|
10529
|
+
|
10530
|
+
const decode = (input) => {
|
10531
|
+
const txt = document.createElement('textarea');
|
10532
|
+
txt.innerHTML = input;
|
10533
|
+
return txt.value;
|
10534
|
+
};
|
10535
|
+
|
10536
|
+
const tpl = (input, inline) => {
|
10537
|
+
return inline ? input : `<pre>${input}</pre>`;
|
10538
|
+
};
|
10539
|
+
|
10540
|
+
const componentName$1 = getComponentName('code-snippet');
|
10541
|
+
|
10542
|
+
let CodeSnippet$1 = class CodeSnippet extends createBaseClass({ componentName: componentName$1, baseSelector: ':host > code' }) {
|
10543
|
+
static get observedAttributes() {
|
10544
|
+
return ['lang', 'inline'];
|
10545
|
+
}
|
10546
|
+
|
10547
|
+
constructor() {
|
10548
|
+
super();
|
10549
|
+
|
10550
|
+
this.attachShadow({ mode: 'open' }).innerHTML = `
|
10551
|
+
<style>
|
10552
|
+
:host {
|
10553
|
+
display: inline-block;
|
10554
|
+
width: 100%;
|
10555
|
+
}
|
10556
|
+
code {
|
10557
|
+
display: block;
|
10558
|
+
width: 100%;
|
10559
|
+
min-height: 1em;
|
10560
|
+
overflow-x: scroll;
|
10561
|
+
overflow-y: scroll;
|
10562
|
+
}
|
10563
|
+
pre {
|
10564
|
+
margin: 0;
|
10565
|
+
}
|
10566
|
+
</style>
|
10567
|
+
<code class="hljs"></code>
|
10568
|
+
`;
|
10569
|
+
}
|
10570
|
+
|
10571
|
+
init() {
|
10572
|
+
super.init?.();
|
10573
|
+
|
10574
|
+
this.lang = this.getAttribute('lang');
|
10575
|
+
this.isInline = this.getAttribute('inline') === 'true';
|
10526
10576
|
|
10527
|
-
|
10577
|
+
observeChildren(this, this.#renderSnippet.bind(this));
|
10578
|
+
}
|
10579
|
+
|
10580
|
+
get contentNode() {
|
10581
|
+
return this.shadowRoot.querySelector(this.baseSelector);
|
10582
|
+
}
|
10583
|
+
|
10584
|
+
attributeChangedCallback(attrName, oldValue, newValue) {
|
10585
|
+
super.attributeChangedCallback?.(attrName, oldValue, newValue);
|
10586
|
+
|
10587
|
+
if (oldValue !== newValue) {
|
10588
|
+
if (attrName === 'inline') {
|
10589
|
+
this.isInline = newValue;
|
10590
|
+
}
|
10591
|
+
|
10592
|
+
if (attrName === 'lang') {
|
10593
|
+
this.lang = newValue;
|
10594
|
+
}
|
10595
|
+
|
10596
|
+
this.#renderSnippet();
|
10597
|
+
}
|
10598
|
+
}
|
10599
|
+
|
10600
|
+
#renderSnippet() {
|
10601
|
+
const sanitized = decode(this.textContent);
|
10602
|
+
const language = this.lang;
|
10603
|
+
|
10604
|
+
if (!language) {
|
10605
|
+
this.contentNode.textContent = sanitized;
|
10606
|
+
return;
|
10607
|
+
}
|
10608
|
+
|
10609
|
+
const { value: highlighted } = hljs.highlight(sanitized, { language });
|
10610
|
+
|
10611
|
+
this.contentNode.innerHTML = tpl(highlighted, this.isInline);
|
10612
|
+
}
|
10613
|
+
};
|
10614
|
+
|
10615
|
+
const {
|
10616
|
+
root,
|
10617
|
+
docTag,
|
10618
|
+
keyword,
|
10619
|
+
metaKeyword,
|
10620
|
+
templateTag,
|
10621
|
+
templateVariable,
|
10622
|
+
type,
|
10623
|
+
variableLanguage,
|
10624
|
+
title,
|
10625
|
+
titleClass,
|
10626
|
+
titleClassInherited,
|
10627
|
+
titleFunction,
|
10628
|
+
attr,
|
10629
|
+
attribute,
|
10630
|
+
literal,
|
10631
|
+
meta,
|
10632
|
+
number,
|
10633
|
+
operator,
|
10634
|
+
variable,
|
10635
|
+
selectorAttr,
|
10636
|
+
selectorClass,
|
10637
|
+
selectorId,
|
10638
|
+
regexp,
|
10639
|
+
string,
|
10640
|
+
metaString,
|
10641
|
+
builtIn,
|
10642
|
+
symbol,
|
10643
|
+
comment,
|
10644
|
+
code,
|
10645
|
+
formula,
|
10646
|
+
name,
|
10647
|
+
quote,
|
10648
|
+
selectorTag,
|
10649
|
+
selectorPseudo,
|
10650
|
+
subst,
|
10651
|
+
section,
|
10652
|
+
bullet,
|
10653
|
+
emphasis,
|
10654
|
+
strong,
|
10655
|
+
addition,
|
10656
|
+
deletion,
|
10657
|
+
charEscape,
|
10658
|
+
link: link$2,
|
10659
|
+
params,
|
10660
|
+
property,
|
10661
|
+
punctuation,
|
10662
|
+
tag,
|
10663
|
+
} = {
|
10664
|
+
root: { selector: () => '.hljs' },
|
10665
|
+
docTag: { selector: () => '.hljs-doctag' },
|
10666
|
+
keyword: { selector: () => '.hljs-keyword' },
|
10667
|
+
metaKeyword: { selector: () => '.hljs-meta .hljs-keyword' },
|
10668
|
+
templateTag: { selector: () => '.hljs-template-tag' },
|
10669
|
+
templateVariable: { selector: () => '.hljs-template-variable' },
|
10670
|
+
type: { selector: () => '.hljs-type' },
|
10671
|
+
variableLanguage: { selector: () => '.hljs-variable.language' },
|
10672
|
+
title: { selector: () => '.hljs-title' },
|
10673
|
+
titleClass: { selector: () => '.hljs-title.class_' },
|
10674
|
+
titleClassInherited: { selector: () => '.hljs-title.class_.inherited__' },
|
10675
|
+
titleFunction: { selector: () => '.hljs-title.function_' },
|
10676
|
+
attr: { selector: () => '.hljs-attr' },
|
10677
|
+
attribute: { selector: () => '.hljs-attribute' },
|
10678
|
+
literal: { selector: () => '.hljs-literal' },
|
10679
|
+
meta: { selector: () => '.hljs-meta' },
|
10680
|
+
number: { selector: () => '.hljs-number' },
|
10681
|
+
operator: { selector: () => '.hljs-operator' },
|
10682
|
+
variable: { selector: () => '.hljs-variable' },
|
10683
|
+
selectorAttr: { selector: () => '.hljs-selector-attr' },
|
10684
|
+
selectorClass: { selector: () => '.hljs-selector-class' },
|
10685
|
+
selectorId: { selector: () => '.hljs-selector-id' },
|
10686
|
+
regexp: { selector: () => '.hljs-regexp' },
|
10687
|
+
string: { selector: () => '.hljs-string' },
|
10688
|
+
metaString: { selector: () => '.hljs-meta .hljs-string' },
|
10689
|
+
builtIn: { selector: () => '.hljs-built_in' },
|
10690
|
+
symbol: { selector: () => '.hljs-symbol' },
|
10691
|
+
comment: { selector: () => '.hljs-comment' },
|
10692
|
+
code: { selector: () => '.hljs-code' },
|
10693
|
+
formula: { selector: () => '.hljs-formula' },
|
10694
|
+
name: { selector: () => '.hljs-name' },
|
10695
|
+
quote: { selector: () => '.hljs-quote' },
|
10696
|
+
selectorTag: { selector: () => '.hljs-selector-tag' },
|
10697
|
+
selectorPseudo: { selector: () => '.hljs-selector-pseudo' },
|
10698
|
+
subst: { selector: () => '.hljs-subst' },
|
10699
|
+
section: { selector: () => '.hljs-section' },
|
10700
|
+
bullet: { selector: () => '.hljs-bullet' },
|
10701
|
+
emphasis: { selector: () => '.hljs-emphasis' },
|
10702
|
+
strong: { selector: () => '.hljs-strong' },
|
10703
|
+
addition: { selector: () => '.hljs-addition' },
|
10704
|
+
deletion: { selector: () => '.hljs-deletion' },
|
10705
|
+
charEscape: { selector: () => '.hljs-char.escape' },
|
10706
|
+
link: { selector: () => '.hljs-link' },
|
10707
|
+
params: { selector: () => '.hljs-params' },
|
10708
|
+
property: { selector: () => '.hljs-property' },
|
10709
|
+
punctuation: { selector: () => '.hljs-punctuation' },
|
10710
|
+
tag: { selector: () => '.hljs-tag' },
|
10711
|
+
};
|
10712
|
+
|
10713
|
+
const CodeSnippetClass = compose(
|
10714
|
+
createStyleMixin({
|
10715
|
+
mappings: {
|
10716
|
+
rootBgColor: { ...root, property: 'background-color' },
|
10717
|
+
rootTextColor: { ...root, property: 'color' },
|
10718
|
+
docTagTextColor: { ...docTag, property: 'color' },
|
10719
|
+
keywordTextColor: { ...keyword, property: 'color' },
|
10720
|
+
metaKeywordTextColor: { ...metaKeyword, property: 'color' },
|
10721
|
+
templateTagTextColor: { ...templateTag, property: 'color' },
|
10722
|
+
templateVariableTextColor: { ...templateVariable, property: 'color' },
|
10723
|
+
typeTextColor: { ...type, property: 'color' },
|
10724
|
+
variableLanguageTextColor: { ...variableLanguage, property: 'color' },
|
10725
|
+
titleTextColor: { ...title, property: 'color' },
|
10726
|
+
titleClassTextColor: { ...titleClass, property: 'color' },
|
10727
|
+
titleClassInheritedTextColor: { ...titleClassInherited, property: 'color' },
|
10728
|
+
titleFunctionTextColor: { ...titleFunction, property: 'color' },
|
10729
|
+
attrTextColor: { ...attr, property: 'color' },
|
10730
|
+
attributeTextColor: { ...attribute, property: 'color' },
|
10731
|
+
literalTextColor: { ...literal, property: 'color' },
|
10732
|
+
metaTextColor: { ...meta, property: 'color' },
|
10733
|
+
numberTextColor: { ...number, property: 'color' },
|
10734
|
+
operatorTextColor: { ...operator, property: 'color' },
|
10735
|
+
variableTextColor: { ...variable, property: 'color' },
|
10736
|
+
selectorAttrTextColor: { ...selectorAttr, property: 'color' },
|
10737
|
+
selectorClassTextColor: { ...selectorClass, property: 'color' },
|
10738
|
+
selectorIdTextColor: { ...selectorId, property: 'color' },
|
10739
|
+
regexpTextColor: { ...regexp, property: 'color' },
|
10740
|
+
stringTextColor: { ...string, property: 'color' },
|
10741
|
+
metaStringTextColor: { ...metaString, property: 'color' },
|
10742
|
+
builtInTextColor: { ...builtIn, property: 'color' },
|
10743
|
+
symbolTextColor: { ...symbol, property: 'color' },
|
10744
|
+
commentTextColor: { ...comment, property: 'color' },
|
10745
|
+
codeTextColor: { ...code, property: 'color' },
|
10746
|
+
formulaTextColor: { ...formula, property: 'color' },
|
10747
|
+
nameTextColor: { ...name, property: 'color' },
|
10748
|
+
quoteTextColor: { ...quote, property: 'color' },
|
10749
|
+
selectorTagTextColor: { ...selectorTag, property: 'color' },
|
10750
|
+
selectorPseudoTextColor: { ...selectorPseudo, property: 'color' },
|
10751
|
+
substTextColor: { ...subst, property: 'color' },
|
10752
|
+
sectionTextColor: { ...section, property: 'color' },
|
10753
|
+
bulletTextColor: { ...bullet, property: 'color' },
|
10754
|
+
emphasisTextColor: { ...emphasis, property: 'color' },
|
10755
|
+
strongTextColor: { ...strong, property: 'color' },
|
10756
|
+
additionTextColor: { ...addition, property: 'color' },
|
10757
|
+
additionBgColor: { ...addition, property: 'background-color' },
|
10758
|
+
deletionTextColor: { ...deletion, property: 'color' },
|
10759
|
+
deletionBgColor: { ...deletion, property: 'background-color' },
|
10760
|
+
charEscapeTextColor: { ...charEscape, property: 'color' },
|
10761
|
+
linkTextColor: { ...link$2, property: 'color' },
|
10762
|
+
paramsTextColor: { ...params, property: 'color' },
|
10763
|
+
propertyTextColor: { ...property, property: 'color' },
|
10764
|
+
punctuationTextColor: { ...punctuation, property: 'color' },
|
10765
|
+
tagTextColor: { ...tag, property: 'color' },
|
10766
|
+
},
|
10767
|
+
}),
|
10768
|
+
draggableMixin,
|
10769
|
+
componentNameValidationMixin
|
10770
|
+
)(CodeSnippet$1);
|
10771
|
+
|
10772
|
+
customElements.define(componentName$1, CodeSnippetClass);
|
10528
10773
|
|
10529
10774
|
const getVarName = (path) => getCssVarName(DESCOPE_PREFIX, ...path);
|
10530
10775
|
|
@@ -10956,33 +11201,33 @@ const globals = {
|
|
10956
11201
|
fonts,
|
10957
11202
|
direction,
|
10958
11203
|
};
|
10959
|
-
const vars$
|
11204
|
+
const vars$H = getThemeVars(globals);
|
10960
11205
|
|
10961
|
-
const globalRefs$
|
11206
|
+
const globalRefs$p = getThemeRefs(globals);
|
10962
11207
|
const compVars$5 = ButtonClass.cssVarList;
|
10963
11208
|
|
10964
11209
|
const mode = {
|
10965
|
-
primary: globalRefs$
|
10966
|
-
secondary: globalRefs$
|
10967
|
-
success: globalRefs$
|
10968
|
-
error: globalRefs$
|
10969
|
-
surface: globalRefs$
|
11210
|
+
primary: globalRefs$p.colors.primary,
|
11211
|
+
secondary: globalRefs$p.colors.secondary,
|
11212
|
+
success: globalRefs$p.colors.success,
|
11213
|
+
error: globalRefs$p.colors.error,
|
11214
|
+
surface: globalRefs$p.colors.surface,
|
10970
11215
|
};
|
10971
11216
|
|
10972
|
-
const [helperTheme$3, helperRefs$3, helperVars$3] = createHelperVars({ mode }, componentName$
|
11217
|
+
const [helperTheme$3, helperRefs$3, helperVars$3] = createHelperVars({ mode }, componentName$T);
|
10973
11218
|
|
10974
11219
|
const button = {
|
10975
11220
|
...helperTheme$3,
|
10976
11221
|
|
10977
|
-
[compVars$5.fontFamily]: globalRefs$
|
11222
|
+
[compVars$5.fontFamily]: globalRefs$p.fonts.font1.family,
|
10978
11223
|
|
10979
11224
|
[compVars$5.cursor]: 'pointer',
|
10980
11225
|
[compVars$5.hostHeight]: '3em',
|
10981
11226
|
[compVars$5.hostWidth]: 'auto',
|
10982
|
-
[compVars$5.hostDirection]: globalRefs$
|
11227
|
+
[compVars$5.hostDirection]: globalRefs$p.direction,
|
10983
11228
|
|
10984
|
-
[compVars$5.borderRadius]: globalRefs$
|
10985
|
-
[compVars$5.borderWidth]: globalRefs$
|
11229
|
+
[compVars$5.borderRadius]: globalRefs$p.radius.sm,
|
11230
|
+
[compVars$5.borderWidth]: globalRefs$p.border.xs,
|
10986
11231
|
[compVars$5.borderStyle]: 'solid',
|
10987
11232
|
[compVars$5.borderColor]: 'transparent',
|
10988
11233
|
|
@@ -11025,11 +11270,11 @@ const button = {
|
|
11025
11270
|
},
|
11026
11271
|
|
11027
11272
|
_disabled: {
|
11028
|
-
[helperVars$3.main]: globalRefs$
|
11029
|
-
[helperVars$3.dark]: globalRefs$
|
11030
|
-
[helperVars$3.light]: globalRefs$
|
11031
|
-
[helperVars$3.contrast]: globalRefs$
|
11032
|
-
[compVars$5.iconColor]: globalRefs$
|
11273
|
+
[helperVars$3.main]: globalRefs$p.colors.surface.light,
|
11274
|
+
[helperVars$3.dark]: globalRefs$p.colors.surface.dark,
|
11275
|
+
[helperVars$3.light]: globalRefs$p.colors.surface.light,
|
11276
|
+
[helperVars$3.contrast]: globalRefs$p.colors.surface.main,
|
11277
|
+
[compVars$5.iconColor]: globalRefs$p.colors.surface.main,
|
11033
11278
|
},
|
11034
11279
|
|
11035
11280
|
variant: {
|
@@ -11077,7 +11322,7 @@ const button = {
|
|
11077
11322
|
},
|
11078
11323
|
};
|
11079
11324
|
|
11080
|
-
const vars$
|
11325
|
+
const vars$G = {
|
11081
11326
|
...compVars$5,
|
11082
11327
|
...helperVars$3,
|
11083
11328
|
};
|
@@ -11085,28 +11330,28 @@ const vars$F = {
|
|
11085
11330
|
var button$1 = /*#__PURE__*/Object.freeze({
|
11086
11331
|
__proto__: null,
|
11087
11332
|
default: button,
|
11088
|
-
vars: vars$
|
11333
|
+
vars: vars$G
|
11089
11334
|
});
|
11090
11335
|
|
11091
11336
|
const componentName = getComponentName('input-wrapper');
|
11092
|
-
const globalRefs$
|
11337
|
+
const globalRefs$o = getThemeRefs(globals);
|
11093
11338
|
|
11094
|
-
const [theme$1, refs, vars$
|
11339
|
+
const [theme$1, refs, vars$F] = createHelperVars(
|
11095
11340
|
{
|
11096
|
-
labelTextColor: globalRefs$
|
11341
|
+
labelTextColor: globalRefs$o.colors.surface.dark,
|
11097
11342
|
labelFontSize: '14px', // not taken from globals as it is fixed in all inputs
|
11098
|
-
valueTextColor: globalRefs$
|
11099
|
-
placeholderTextColor: globalRefs$
|
11343
|
+
valueTextColor: globalRefs$o.colors.surface.contrast,
|
11344
|
+
placeholderTextColor: globalRefs$o.colors.surface.dark,
|
11100
11345
|
requiredIndicator: "'*'",
|
11101
|
-
helperTextColor: globalRefs$
|
11102
|
-
errorMessageTextColor: globalRefs$
|
11103
|
-
successMessageTextColor: globalRefs$
|
11346
|
+
helperTextColor: globalRefs$o.colors.surface.dark,
|
11347
|
+
errorMessageTextColor: globalRefs$o.colors.error.main,
|
11348
|
+
successMessageTextColor: globalRefs$o.colors.success.main,
|
11104
11349
|
|
11105
|
-
borderWidth: globalRefs$
|
11106
|
-
borderRadius: globalRefs$
|
11350
|
+
borderWidth: globalRefs$o.border.xs,
|
11351
|
+
borderRadius: globalRefs$o.radius.xs,
|
11107
11352
|
borderColor: 'transparent',
|
11108
11353
|
|
11109
|
-
outlineWidth: globalRefs$
|
11354
|
+
outlineWidth: globalRefs$o.border.sm,
|
11110
11355
|
outlineStyle: 'solid',
|
11111
11356
|
outlineColor: 'transparent',
|
11112
11357
|
outlineOffset: '0px', // we need to keep the px unit even for 0 value, as this var is used for calc in different component classes
|
@@ -11117,11 +11362,11 @@ const [theme$1, refs, vars$E] = createHelperVars(
|
|
11117
11362
|
horizontalPadding: '0.5em',
|
11118
11363
|
verticalPadding: '0.5em',
|
11119
11364
|
|
11120
|
-
backgroundColor: globalRefs$
|
11365
|
+
backgroundColor: globalRefs$o.colors.surface.main,
|
11121
11366
|
|
11122
|
-
fontFamily: globalRefs$
|
11367
|
+
fontFamily: globalRefs$o.fonts.font1.family,
|
11123
11368
|
|
11124
|
-
direction: globalRefs$
|
11369
|
+
direction: globalRefs$o.direction,
|
11125
11370
|
|
11126
11371
|
overlayOpacity: '0.3',
|
11127
11372
|
|
@@ -11137,28 +11382,28 @@ const [theme$1, refs, vars$E] = createHelperVars(
|
|
11137
11382
|
},
|
11138
11383
|
|
11139
11384
|
_focused: {
|
11140
|
-
outlineColor: globalRefs$
|
11385
|
+
outlineColor: globalRefs$o.colors.surface.light,
|
11141
11386
|
_invalid: {
|
11142
|
-
outlineColor: globalRefs$
|
11387
|
+
outlineColor: globalRefs$o.colors.error.main,
|
11143
11388
|
},
|
11144
11389
|
},
|
11145
11390
|
|
11146
11391
|
_bordered: {
|
11147
|
-
outlineWidth: globalRefs$
|
11148
|
-
borderColor: globalRefs$
|
11392
|
+
outlineWidth: globalRefs$o.border.xs,
|
11393
|
+
borderColor: globalRefs$o.colors.surface.light,
|
11149
11394
|
borderStyle: 'solid',
|
11150
11395
|
_invalid: {
|
11151
|
-
borderColor: globalRefs$
|
11396
|
+
borderColor: globalRefs$o.colors.error.main,
|
11152
11397
|
},
|
11153
11398
|
},
|
11154
11399
|
|
11155
11400
|
_disabled: {
|
11156
|
-
labelTextColor: globalRefs$
|
11157
|
-
borderColor: globalRefs$
|
11158
|
-
valueTextColor: globalRefs$
|
11159
|
-
placeholderTextColor: globalRefs$
|
11160
|
-
helperTextColor: globalRefs$
|
11161
|
-
backgroundColor: globalRefs$
|
11401
|
+
labelTextColor: globalRefs$o.colors.surface.light,
|
11402
|
+
borderColor: globalRefs$o.colors.surface.light,
|
11403
|
+
valueTextColor: globalRefs$o.colors.surface.light,
|
11404
|
+
placeholderTextColor: globalRefs$o.colors.surface.light,
|
11405
|
+
helperTextColor: globalRefs$o.colors.surface.light,
|
11406
|
+
backgroundColor: globalRefs$o.colors.surface.main,
|
11162
11407
|
},
|
11163
11408
|
},
|
11164
11409
|
componentName
|
@@ -11168,22 +11413,64 @@ var inputWrapper = /*#__PURE__*/Object.freeze({
|
|
11168
11413
|
__proto__: null,
|
11169
11414
|
default: theme$1,
|
11170
11415
|
refs: refs,
|
11171
|
-
vars: vars$
|
11416
|
+
vars: vars$F
|
11172
11417
|
});
|
11173
11418
|
|
11174
|
-
const vars$
|
11419
|
+
const vars$E = TextFieldClass.cssVarList;
|
11175
11420
|
|
11176
11421
|
const textField = {
|
11422
|
+
[vars$E.hostWidth]: refs.width,
|
11423
|
+
[vars$E.hostMinWidth]: refs.minWidth,
|
11424
|
+
[vars$E.hostDirection]: refs.direction,
|
11425
|
+
[vars$E.fontSize]: refs.fontSize,
|
11426
|
+
[vars$E.fontFamily]: refs.fontFamily,
|
11427
|
+
[vars$E.labelTextColor]: refs.labelTextColor,
|
11428
|
+
[vars$E.labelRequiredIndicator]: refs.requiredIndicator,
|
11429
|
+
[vars$E.errorMessageTextColor]: refs.errorMessageTextColor,
|
11430
|
+
[vars$E.inputValueTextColor]: refs.valueTextColor,
|
11431
|
+
[vars$E.inputPlaceholderColor]: refs.placeholderTextColor,
|
11432
|
+
[vars$E.inputBorderWidth]: refs.borderWidth,
|
11433
|
+
[vars$E.inputBorderStyle]: refs.borderStyle,
|
11434
|
+
[vars$E.inputBorderColor]: refs.borderColor,
|
11435
|
+
[vars$E.inputBorderRadius]: refs.borderRadius,
|
11436
|
+
[vars$E.inputOutlineWidth]: refs.outlineWidth,
|
11437
|
+
[vars$E.inputOutlineStyle]: refs.outlineStyle,
|
11438
|
+
[vars$E.inputOutlineColor]: refs.outlineColor,
|
11439
|
+
[vars$E.inputOutlineOffset]: refs.outlineOffset,
|
11440
|
+
[vars$E.inputBackgroundColor]: refs.backgroundColor,
|
11441
|
+
[vars$E.inputHeight]: refs.inputHeight,
|
11442
|
+
[vars$E.inputHorizontalPadding]: refs.horizontalPadding,
|
11443
|
+
[vars$E.helperTextColor]: refs.helperTextColor,
|
11444
|
+
textAlign: {
|
11445
|
+
right: { [vars$E.inputTextAlign]: 'right' },
|
11446
|
+
left: { [vars$E.inputTextAlign]: 'left' },
|
11447
|
+
center: { [vars$E.inputTextAlign]: 'center' },
|
11448
|
+
},
|
11449
|
+
};
|
11450
|
+
|
11451
|
+
var textField$1 = /*#__PURE__*/Object.freeze({
|
11452
|
+
__proto__: null,
|
11453
|
+
default: textField,
|
11454
|
+
textField: textField,
|
11455
|
+
vars: vars$E
|
11456
|
+
});
|
11457
|
+
|
11458
|
+
const globalRefs$n = getThemeRefs(globals);
|
11459
|
+
const vars$D = PasswordClass.cssVarList;
|
11460
|
+
|
11461
|
+
const password = {
|
11177
11462
|
[vars$D.hostWidth]: refs.width,
|
11178
|
-
[vars$D.hostMinWidth]: refs.minWidth,
|
11179
11463
|
[vars$D.hostDirection]: refs.direction,
|
11180
11464
|
[vars$D.fontSize]: refs.fontSize,
|
11181
11465
|
[vars$D.fontFamily]: refs.fontFamily,
|
11182
11466
|
[vars$D.labelTextColor]: refs.labelTextColor,
|
11183
|
-
[vars$D.labelRequiredIndicator]: refs.requiredIndicator,
|
11184
11467
|
[vars$D.errorMessageTextColor]: refs.errorMessageTextColor,
|
11468
|
+
[vars$D.inputHorizontalPadding]: refs.horizontalPadding,
|
11469
|
+
[vars$D.inputHeight]: refs.inputHeight,
|
11470
|
+
[vars$D.inputBackgroundColor]: refs.backgroundColor,
|
11471
|
+
[vars$D.labelRequiredIndicator]: refs.requiredIndicator,
|
11185
11472
|
[vars$D.inputValueTextColor]: refs.valueTextColor,
|
11186
|
-
[vars$D.
|
11473
|
+
[vars$D.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
11187
11474
|
[vars$D.inputBorderWidth]: refs.borderWidth,
|
11188
11475
|
[vars$D.inputBorderStyle]: refs.borderStyle,
|
11189
11476
|
[vars$D.inputBorderColor]: refs.borderColor,
|
@@ -11192,40 +11479,29 @@ const textField = {
|
|
11192
11479
|
[vars$D.inputOutlineStyle]: refs.outlineStyle,
|
11193
11480
|
[vars$D.inputOutlineColor]: refs.outlineColor,
|
11194
11481
|
[vars$D.inputOutlineOffset]: refs.outlineOffset,
|
11195
|
-
[vars$D.
|
11196
|
-
[vars$D.
|
11197
|
-
[vars$D.
|
11198
|
-
[vars$D.helperTextColor]: refs.helperTextColor,
|
11199
|
-
textAlign: {
|
11200
|
-
right: { [vars$D.inputTextAlign]: 'right' },
|
11201
|
-
left: { [vars$D.inputTextAlign]: 'left' },
|
11202
|
-
center: { [vars$D.inputTextAlign]: 'center' },
|
11203
|
-
},
|
11482
|
+
[vars$D.revealButtonOffset]: globalRefs$n.spacing.md,
|
11483
|
+
[vars$D.revealButtonSize]: refs.toggleButtonSize,
|
11484
|
+
[vars$D.revealButtonColor]: refs.placeholderTextColor,
|
11204
11485
|
};
|
11205
11486
|
|
11206
|
-
var
|
11487
|
+
var password$1 = /*#__PURE__*/Object.freeze({
|
11207
11488
|
__proto__: null,
|
11208
|
-
default:
|
11209
|
-
textField: textField,
|
11489
|
+
default: password,
|
11210
11490
|
vars: vars$D
|
11211
11491
|
});
|
11212
11492
|
|
11213
|
-
const
|
11214
|
-
const vars$C = PasswordClass.cssVarList;
|
11493
|
+
const vars$C = NumberFieldClass.cssVarList;
|
11215
11494
|
|
11216
|
-
const
|
11495
|
+
const numberField = {
|
11217
11496
|
[vars$C.hostWidth]: refs.width,
|
11497
|
+
[vars$C.hostMinWidth]: refs.minWidth,
|
11218
11498
|
[vars$C.hostDirection]: refs.direction,
|
11219
11499
|
[vars$C.fontSize]: refs.fontSize,
|
11220
11500
|
[vars$C.fontFamily]: refs.fontFamily,
|
11221
11501
|
[vars$C.labelTextColor]: refs.labelTextColor,
|
11222
11502
|
[vars$C.errorMessageTextColor]: refs.errorMessageTextColor,
|
11223
|
-
[vars$C.inputHorizontalPadding]: refs.horizontalPadding,
|
11224
|
-
[vars$C.inputHeight]: refs.inputHeight,
|
11225
|
-
[vars$C.inputBackgroundColor]: refs.backgroundColor,
|
11226
|
-
[vars$C.labelRequiredIndicator]: refs.requiredIndicator,
|
11227
11503
|
[vars$C.inputValueTextColor]: refs.valueTextColor,
|
11228
|
-
[vars$C.
|
11504
|
+
[vars$C.inputPlaceholderColor]: refs.placeholderTextColor,
|
11229
11505
|
[vars$C.inputBorderWidth]: refs.borderWidth,
|
11230
11506
|
[vars$C.inputBorderStyle]: refs.borderStyle,
|
11231
11507
|
[vars$C.inputBorderColor]: refs.borderColor,
|
@@ -11234,20 +11510,21 @@ const password = {
|
|
11234
11510
|
[vars$C.inputOutlineStyle]: refs.outlineStyle,
|
11235
11511
|
[vars$C.inputOutlineColor]: refs.outlineColor,
|
11236
11512
|
[vars$C.inputOutlineOffset]: refs.outlineOffset,
|
11237
|
-
[vars$C.
|
11238
|
-
[vars$C.
|
11239
|
-
[vars$C.
|
11513
|
+
[vars$C.inputBackgroundColor]: refs.backgroundColor,
|
11514
|
+
[vars$C.labelRequiredIndicator]: refs.requiredIndicator,
|
11515
|
+
[vars$C.inputHorizontalPadding]: refs.horizontalPadding,
|
11516
|
+
[vars$C.inputHeight]: refs.inputHeight,
|
11240
11517
|
};
|
11241
11518
|
|
11242
|
-
var
|
11519
|
+
var numberField$1 = /*#__PURE__*/Object.freeze({
|
11243
11520
|
__proto__: null,
|
11244
|
-
default:
|
11521
|
+
default: numberField,
|
11245
11522
|
vars: vars$C
|
11246
11523
|
});
|
11247
11524
|
|
11248
|
-
const vars$B =
|
11525
|
+
const vars$B = EmailFieldClass.cssVarList;
|
11249
11526
|
|
11250
|
-
const
|
11527
|
+
const emailField = {
|
11251
11528
|
[vars$B.hostWidth]: refs.width,
|
11252
11529
|
[vars$B.hostMinWidth]: refs.minWidth,
|
11253
11530
|
[vars$B.hostDirection]: refs.direction,
|
@@ -11256,6 +11533,7 @@ const numberField = {
|
|
11256
11533
|
[vars$B.labelTextColor]: refs.labelTextColor,
|
11257
11534
|
[vars$B.errorMessageTextColor]: refs.errorMessageTextColor,
|
11258
11535
|
[vars$B.inputValueTextColor]: refs.valueTextColor,
|
11536
|
+
[vars$B.labelRequiredIndicator]: refs.requiredIndicator,
|
11259
11537
|
[vars$B.inputPlaceholderColor]: refs.placeholderTextColor,
|
11260
11538
|
[vars$B.inputBorderWidth]: refs.borderWidth,
|
11261
11539
|
[vars$B.inputBorderStyle]: refs.borderStyle,
|
@@ -11266,200 +11544,167 @@ const numberField = {
|
|
11266
11544
|
[vars$B.inputOutlineColor]: refs.outlineColor,
|
11267
11545
|
[vars$B.inputOutlineOffset]: refs.outlineOffset,
|
11268
11546
|
[vars$B.inputBackgroundColor]: refs.backgroundColor,
|
11269
|
-
[vars$B.labelRequiredIndicator]: refs.requiredIndicator,
|
11270
11547
|
[vars$B.inputHorizontalPadding]: refs.horizontalPadding,
|
11271
11548
|
[vars$B.inputHeight]: refs.inputHeight,
|
11272
11549
|
};
|
11273
11550
|
|
11274
|
-
var
|
11551
|
+
var emailField$1 = /*#__PURE__*/Object.freeze({
|
11275
11552
|
__proto__: null,
|
11276
|
-
default:
|
11553
|
+
default: emailField,
|
11277
11554
|
vars: vars$B
|
11278
11555
|
});
|
11279
11556
|
|
11280
|
-
const vars$A =
|
11557
|
+
const vars$A = TextAreaClass.cssVarList;
|
11281
11558
|
|
11282
|
-
const
|
11559
|
+
const textArea = {
|
11283
11560
|
[vars$A.hostWidth]: refs.width,
|
11284
11561
|
[vars$A.hostMinWidth]: refs.minWidth,
|
11285
11562
|
[vars$A.hostDirection]: refs.direction,
|
11286
11563
|
[vars$A.fontSize]: refs.fontSize,
|
11287
11564
|
[vars$A.fontFamily]: refs.fontFamily,
|
11288
11565
|
[vars$A.labelTextColor]: refs.labelTextColor,
|
11566
|
+
[vars$A.labelRequiredIndicator]: refs.requiredIndicator,
|
11289
11567
|
[vars$A.errorMessageTextColor]: refs.errorMessageTextColor,
|
11568
|
+
[vars$A.inputBackgroundColor]: refs.backgroundColor,
|
11290
11569
|
[vars$A.inputValueTextColor]: refs.valueTextColor,
|
11291
|
-
[vars$A.
|
11292
|
-
[vars$A.
|
11570
|
+
[vars$A.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
11571
|
+
[vars$A.inputBorderRadius]: refs.borderRadius,
|
11293
11572
|
[vars$A.inputBorderWidth]: refs.borderWidth,
|
11294
11573
|
[vars$A.inputBorderStyle]: refs.borderStyle,
|
11295
11574
|
[vars$A.inputBorderColor]: refs.borderColor,
|
11296
|
-
[vars$A.inputBorderRadius]: refs.borderRadius,
|
11297
11575
|
[vars$A.inputOutlineWidth]: refs.outlineWidth,
|
11298
11576
|
[vars$A.inputOutlineStyle]: refs.outlineStyle,
|
11299
11577
|
[vars$A.inputOutlineColor]: refs.outlineColor,
|
11300
11578
|
[vars$A.inputOutlineOffset]: refs.outlineOffset,
|
11301
|
-
[vars$A.
|
11302
|
-
[vars$A.
|
11303
|
-
|
11579
|
+
[vars$A.inputResizeType]: 'vertical',
|
11580
|
+
[vars$A.inputMinHeight]: '5em',
|
11581
|
+
textAlign: {
|
11582
|
+
right: { [vars$A.inputTextAlign]: 'right' },
|
11583
|
+
left: { [vars$A.inputTextAlign]: 'left' },
|
11584
|
+
center: { [vars$A.inputTextAlign]: 'center' },
|
11585
|
+
},
|
11586
|
+
|
11587
|
+
_readonly: {
|
11588
|
+
[vars$A.inputResizeType]: 'none',
|
11589
|
+
},
|
11304
11590
|
};
|
11305
11591
|
|
11306
|
-
var
|
11592
|
+
var textArea$1 = /*#__PURE__*/Object.freeze({
|
11307
11593
|
__proto__: null,
|
11308
|
-
default:
|
11594
|
+
default: textArea,
|
11309
11595
|
vars: vars$A
|
11310
11596
|
});
|
11311
11597
|
|
11312
|
-
const vars$z =
|
11598
|
+
const vars$z = CheckboxClass.cssVarList;
|
11599
|
+
const checkboxSize = '1.35em';
|
11313
11600
|
|
11314
|
-
const
|
11601
|
+
const checkbox = {
|
11315
11602
|
[vars$z.hostWidth]: refs.width,
|
11316
|
-
[vars$z.hostMinWidth]: refs.minWidth,
|
11317
11603
|
[vars$z.hostDirection]: refs.direction,
|
11318
11604
|
[vars$z.fontSize]: refs.fontSize,
|
11319
11605
|
[vars$z.fontFamily]: refs.fontFamily,
|
11320
11606
|
[vars$z.labelTextColor]: refs.labelTextColor,
|
11321
11607
|
[vars$z.labelRequiredIndicator]: refs.requiredIndicator,
|
11608
|
+
[vars$z.labelFontWeight]: '400',
|
11609
|
+
[vars$z.labelLineHeight]: checkboxSize,
|
11610
|
+
[vars$z.labelSpacing]: '1em',
|
11322
11611
|
[vars$z.errorMessageTextColor]: refs.errorMessageTextColor,
|
11323
|
-
[vars$z.
|
11324
|
-
[vars$z.
|
11325
|
-
[vars$z.
|
11612
|
+
[vars$z.inputOutlineWidth]: refs.outlineWidth,
|
11613
|
+
[vars$z.inputOutlineOffset]: refs.outlineOffset,
|
11614
|
+
[vars$z.inputOutlineColor]: refs.outlineColor,
|
11615
|
+
[vars$z.inputOutlineStyle]: refs.outlineStyle,
|
11326
11616
|
[vars$z.inputBorderRadius]: refs.borderRadius,
|
11617
|
+
[vars$z.inputBorderColor]: refs.borderColor,
|
11327
11618
|
[vars$z.inputBorderWidth]: refs.borderWidth,
|
11328
11619
|
[vars$z.inputBorderStyle]: refs.borderStyle,
|
11329
|
-
[vars$z.
|
11330
|
-
[vars$z.
|
11331
|
-
|
11332
|
-
|
11333
|
-
|
11334
|
-
[vars$z.inputResizeType]: 'vertical',
|
11335
|
-
[vars$z.inputMinHeight]: '5em',
|
11336
|
-
textAlign: {
|
11337
|
-
right: { [vars$z.inputTextAlign]: 'right' },
|
11338
|
-
left: { [vars$z.inputTextAlign]: 'left' },
|
11339
|
-
center: { [vars$z.inputTextAlign]: 'center' },
|
11620
|
+
[vars$z.inputBackgroundColor]: refs.backgroundColor,
|
11621
|
+
[vars$z.inputSize]: checkboxSize,
|
11622
|
+
|
11623
|
+
_checked: {
|
11624
|
+
[vars$z.inputValueTextColor]: refs.valueTextColor,
|
11340
11625
|
},
|
11341
11626
|
|
11342
|
-
|
11343
|
-
[vars$z.
|
11627
|
+
_disabled: {
|
11628
|
+
[vars$z.labelTextColor]: refs.labelTextColor,
|
11344
11629
|
},
|
11345
11630
|
};
|
11346
11631
|
|
11347
|
-
var
|
11632
|
+
var checkbox$1 = /*#__PURE__*/Object.freeze({
|
11348
11633
|
__proto__: null,
|
11349
|
-
default:
|
11634
|
+
default: checkbox,
|
11350
11635
|
vars: vars$z
|
11351
11636
|
});
|
11352
11637
|
|
11353
|
-
const
|
11354
|
-
const
|
11638
|
+
const knobMargin = '2px';
|
11639
|
+
const checkboxHeight = '1.25em';
|
11355
11640
|
|
11356
|
-
const
|
11641
|
+
const globalRefs$m = getThemeRefs(globals);
|
11642
|
+
const vars$y = SwitchToggleClass.cssVarList;
|
11643
|
+
|
11644
|
+
const switchToggle = {
|
11357
11645
|
[vars$y.hostWidth]: refs.width,
|
11358
11646
|
[vars$y.hostDirection]: refs.direction,
|
11359
11647
|
[vars$y.fontSize]: refs.fontSize,
|
11360
11648
|
[vars$y.fontFamily]: refs.fontFamily,
|
11361
|
-
|
11362
|
-
[vars$y.labelRequiredIndicator]: refs.requiredIndicator,
|
11363
|
-
[vars$y.labelFontWeight]: '400',
|
11364
|
-
[vars$y.labelLineHeight]: checkboxSize,
|
11365
|
-
[vars$y.labelSpacing]: '1em',
|
11366
|
-
[vars$y.errorMessageTextColor]: refs.errorMessageTextColor,
|
11649
|
+
|
11367
11650
|
[vars$y.inputOutlineWidth]: refs.outlineWidth,
|
11368
11651
|
[vars$y.inputOutlineOffset]: refs.outlineOffset,
|
11369
11652
|
[vars$y.inputOutlineColor]: refs.outlineColor,
|
11370
11653
|
[vars$y.inputOutlineStyle]: refs.outlineStyle,
|
11371
|
-
[vars$y.inputBorderRadius]: refs.borderRadius,
|
11372
|
-
[vars$y.inputBorderColor]: refs.borderColor,
|
11373
|
-
[vars$y.inputBorderWidth]: refs.borderWidth,
|
11374
|
-
[vars$y.inputBorderStyle]: refs.borderStyle,
|
11375
|
-
[vars$y.inputBackgroundColor]: refs.backgroundColor,
|
11376
|
-
[vars$y.inputSize]: checkboxSize,
|
11377
|
-
|
11378
|
-
_checked: {
|
11379
|
-
[vars$y.inputValueTextColor]: refs.valueTextColor,
|
11380
|
-
},
|
11381
11654
|
|
11382
|
-
|
11383
|
-
|
11384
|
-
|
11385
|
-
|
11386
|
-
|
11387
|
-
var
|
11388
|
-
|
11389
|
-
|
11390
|
-
vars:
|
11391
|
-
|
11655
|
+
[vars$y.trackBorderStyle]: refs.borderStyle,
|
11656
|
+
[vars$y.trackBorderWidth]: refs.borderWidth, // var `trackBorderWidth` used outside the theme for `left` margin calculation
|
11657
|
+
[vars$y.trackBorderColor]: refs.borderColor,
|
11658
|
+
[vars$y.trackBackgroundColor]: refs.backgroundColor,
|
11659
|
+
[vars$y.trackBorderRadius]: globalRefs$m.radius.md,
|
11660
|
+
[vars$y.trackWidth]: '2.5em', // var `trackWidth` used outside the theme for `left` margin calculation
|
11661
|
+
[vars$y.trackHeight]: checkboxHeight,
|
11662
|
+
|
11663
|
+
[vars$y.knobSize]: `calc(1em - ${knobMargin})`,
|
11664
|
+
[vars$y.knobRadius]: '50%',
|
11665
|
+
[vars$y.knobTopOffset]: '1px',
|
11666
|
+
[vars$y.knobLeftOffset]: knobMargin,
|
11667
|
+
[vars$y.knobColor]: refs.labelTextColor,
|
11668
|
+
[vars$y.knobTransitionDuration]: '0.3s',
|
11392
11669
|
|
11393
|
-
|
11394
|
-
|
11395
|
-
|
11396
|
-
|
11397
|
-
|
11398
|
-
|
11399
|
-
const switchToggle = {
|
11400
|
-
[vars$x.hostWidth]: refs.width,
|
11401
|
-
[vars$x.hostDirection]: refs.direction,
|
11402
|
-
[vars$x.fontSize]: refs.fontSize,
|
11403
|
-
[vars$x.fontFamily]: refs.fontFamily,
|
11404
|
-
|
11405
|
-
[vars$x.inputOutlineWidth]: refs.outlineWidth,
|
11406
|
-
[vars$x.inputOutlineOffset]: refs.outlineOffset,
|
11407
|
-
[vars$x.inputOutlineColor]: refs.outlineColor,
|
11408
|
-
[vars$x.inputOutlineStyle]: refs.outlineStyle,
|
11409
|
-
|
11410
|
-
[vars$x.trackBorderStyle]: refs.borderStyle,
|
11411
|
-
[vars$x.trackBorderWidth]: refs.borderWidth, // var `trackBorderWidth` used outside the theme for `left` margin calculation
|
11412
|
-
[vars$x.trackBorderColor]: refs.borderColor,
|
11413
|
-
[vars$x.trackBackgroundColor]: refs.backgroundColor,
|
11414
|
-
[vars$x.trackBorderRadius]: globalRefs$l.radius.md,
|
11415
|
-
[vars$x.trackWidth]: '2.5em', // var `trackWidth` used outside the theme for `left` margin calculation
|
11416
|
-
[vars$x.trackHeight]: checkboxHeight,
|
11417
|
-
|
11418
|
-
[vars$x.knobSize]: `calc(1em - ${knobMargin})`,
|
11419
|
-
[vars$x.knobRadius]: '50%',
|
11420
|
-
[vars$x.knobTopOffset]: '1px',
|
11421
|
-
[vars$x.knobLeftOffset]: knobMargin,
|
11422
|
-
[vars$x.knobColor]: refs.labelTextColor,
|
11423
|
-
[vars$x.knobTransitionDuration]: '0.3s',
|
11424
|
-
|
11425
|
-
[vars$x.labelTextColor]: refs.labelTextColor,
|
11426
|
-
[vars$x.labelFontWeight]: '400',
|
11427
|
-
[vars$x.labelLineHeight]: '1.35em',
|
11428
|
-
[vars$x.labelSpacing]: '1em',
|
11429
|
-
[vars$x.labelRequiredIndicator]: refs.requiredIndicator,
|
11430
|
-
[vars$x.errorMessageTextColor]: refs.errorMessageTextColor,
|
11670
|
+
[vars$y.labelTextColor]: refs.labelTextColor,
|
11671
|
+
[vars$y.labelFontWeight]: '400',
|
11672
|
+
[vars$y.labelLineHeight]: '1.35em',
|
11673
|
+
[vars$y.labelSpacing]: '1em',
|
11674
|
+
[vars$y.labelRequiredIndicator]: refs.requiredIndicator,
|
11675
|
+
[vars$y.errorMessageTextColor]: refs.errorMessageTextColor,
|
11431
11676
|
|
11432
11677
|
_checked: {
|
11433
|
-
[vars$
|
11434
|
-
[vars$
|
11435
|
-
[vars$
|
11436
|
-
[vars$
|
11678
|
+
[vars$y.trackBorderColor]: refs.borderColor,
|
11679
|
+
[vars$y.knobLeftOffset]: `calc(100% - var(${vars$y.knobSize}) - ${knobMargin})`,
|
11680
|
+
[vars$y.knobColor]: refs.valueTextColor,
|
11681
|
+
[vars$y.knobTextColor]: refs.valueTextColor,
|
11437
11682
|
},
|
11438
11683
|
|
11439
11684
|
_disabled: {
|
11440
|
-
[vars$
|
11441
|
-
[vars$
|
11442
|
-
[vars$
|
11443
|
-
[vars$
|
11685
|
+
[vars$y.knobColor]: globalRefs$m.colors.surface.light,
|
11686
|
+
[vars$y.trackBorderColor]: globalRefs$m.colors.surface.light,
|
11687
|
+
[vars$y.trackBackgroundColor]: globalRefs$m.colors.surface.main,
|
11688
|
+
[vars$y.labelTextColor]: refs.labelTextColor,
|
11444
11689
|
_checked: {
|
11445
|
-
[vars$
|
11446
|
-
[vars$
|
11690
|
+
[vars$y.knobColor]: globalRefs$m.colors.surface.light,
|
11691
|
+
[vars$y.trackBackgroundColor]: globalRefs$m.colors.surface.main,
|
11447
11692
|
},
|
11448
11693
|
},
|
11449
11694
|
|
11450
11695
|
_invalid: {
|
11451
|
-
[vars$
|
11452
|
-
[vars$
|
11696
|
+
[vars$y.trackBorderColor]: globalRefs$m.colors.error.main,
|
11697
|
+
[vars$y.knobColor]: globalRefs$m.colors.error.main,
|
11453
11698
|
},
|
11454
11699
|
};
|
11455
11700
|
|
11456
11701
|
var switchToggle$1 = /*#__PURE__*/Object.freeze({
|
11457
11702
|
__proto__: null,
|
11458
11703
|
default: switchToggle,
|
11459
|
-
vars: vars$
|
11704
|
+
vars: vars$y
|
11460
11705
|
});
|
11461
11706
|
|
11462
|
-
const globalRefs$
|
11707
|
+
const globalRefs$l = getThemeRefs(globals);
|
11463
11708
|
|
11464
11709
|
const compVars$4 = ContainerClass.cssVarList;
|
11465
11710
|
|
@@ -11481,7 +11726,7 @@ const [helperTheme$2, helperRefs$2, helperVars$2] = createHelperVars(
|
|
11481
11726
|
horizontalAlignment,
|
11482
11727
|
shadowColor: '#00000020', // if we want to support transparency vars, we should use different color format
|
11483
11728
|
},
|
11484
|
-
componentName$
|
11729
|
+
componentName$N
|
11485
11730
|
);
|
11486
11731
|
|
11487
11732
|
const { shadowColor: shadowColor$1 } = helperRefs$2;
|
@@ -11491,10 +11736,10 @@ const container = {
|
|
11491
11736
|
|
11492
11737
|
[compVars$4.hostWidth]: '100%',
|
11493
11738
|
[compVars$4.boxShadow]: 'none',
|
11494
|
-
[compVars$4.backgroundColor]: globalRefs$
|
11495
|
-
[compVars$4.color]: globalRefs$
|
11739
|
+
[compVars$4.backgroundColor]: globalRefs$l.colors.surface.main,
|
11740
|
+
[compVars$4.color]: globalRefs$l.colors.surface.contrast,
|
11496
11741
|
[compVars$4.borderRadius]: '0px',
|
11497
|
-
[compVars$4.hostDirection]: globalRefs$
|
11742
|
+
[compVars$4.hostDirection]: globalRefs$l.direction,
|
11498
11743
|
|
11499
11744
|
verticalPadding: {
|
11500
11745
|
sm: { [compVars$4.verticalPadding]: '5px' },
|
@@ -11540,34 +11785,34 @@ const container = {
|
|
11540
11785
|
|
11541
11786
|
shadow: {
|
11542
11787
|
sm: {
|
11543
|
-
[compVars$4.boxShadow]: `${globalRefs$
|
11788
|
+
[compVars$4.boxShadow]: `${globalRefs$l.shadow.wide.sm} ${shadowColor$1}, ${globalRefs$l.shadow.narrow.sm} ${shadowColor$1}`,
|
11544
11789
|
},
|
11545
11790
|
md: {
|
11546
|
-
[compVars$4.boxShadow]: `${globalRefs$
|
11791
|
+
[compVars$4.boxShadow]: `${globalRefs$l.shadow.wide.md} ${shadowColor$1}, ${globalRefs$l.shadow.narrow.md} ${shadowColor$1}`,
|
11547
11792
|
},
|
11548
11793
|
lg: {
|
11549
|
-
[compVars$4.boxShadow]: `${globalRefs$
|
11794
|
+
[compVars$4.boxShadow]: `${globalRefs$l.shadow.wide.lg} ${shadowColor$1}, ${globalRefs$l.shadow.narrow.lg} ${shadowColor$1}`,
|
11550
11795
|
},
|
11551
11796
|
xl: {
|
11552
|
-
[compVars$4.boxShadow]: `${globalRefs$
|
11797
|
+
[compVars$4.boxShadow]: `${globalRefs$l.shadow.wide.xl} ${shadowColor$1}, ${globalRefs$l.shadow.narrow.xl} ${shadowColor$1}`,
|
11553
11798
|
},
|
11554
11799
|
'2xl': {
|
11555
11800
|
[helperVars$2.shadowColor]: '#00000050', // mimic daisyUI shadow settings
|
11556
|
-
[compVars$4.boxShadow]: `${globalRefs$
|
11801
|
+
[compVars$4.boxShadow]: `${globalRefs$l.shadow.wide['2xl']} ${shadowColor$1}`,
|
11557
11802
|
},
|
11558
11803
|
},
|
11559
11804
|
|
11560
11805
|
borderRadius: {
|
11561
|
-
sm: { [compVars$4.borderRadius]: globalRefs$
|
11562
|
-
md: { [compVars$4.borderRadius]: globalRefs$
|
11563
|
-
lg: { [compVars$4.borderRadius]: globalRefs$
|
11564
|
-
xl: { [compVars$4.borderRadius]: globalRefs$
|
11565
|
-
'2xl': { [compVars$4.borderRadius]: globalRefs$
|
11566
|
-
'3xl': { [compVars$4.borderRadius]: globalRefs$
|
11806
|
+
sm: { [compVars$4.borderRadius]: globalRefs$l.radius.sm },
|
11807
|
+
md: { [compVars$4.borderRadius]: globalRefs$l.radius.md },
|
11808
|
+
lg: { [compVars$4.borderRadius]: globalRefs$l.radius.lg },
|
11809
|
+
xl: { [compVars$4.borderRadius]: globalRefs$l.radius.xl },
|
11810
|
+
'2xl': { [compVars$4.borderRadius]: globalRefs$l.radius['2xl'] },
|
11811
|
+
'3xl': { [compVars$4.borderRadius]: globalRefs$l.radius['3xl'] },
|
11567
11812
|
},
|
11568
11813
|
};
|
11569
11814
|
|
11570
|
-
const vars$
|
11815
|
+
const vars$x = {
|
11571
11816
|
...compVars$4,
|
11572
11817
|
...helperVars$2,
|
11573
11818
|
};
|
@@ -11575,252 +11820,252 @@ const vars$w = {
|
|
11575
11820
|
var container$1 = /*#__PURE__*/Object.freeze({
|
11576
11821
|
__proto__: null,
|
11577
11822
|
default: container,
|
11578
|
-
vars: vars$
|
11823
|
+
vars: vars$x
|
11579
11824
|
});
|
11580
11825
|
|
11581
|
-
const vars$
|
11826
|
+
const vars$w = LogoClass.cssVarList;
|
11582
11827
|
|
11583
11828
|
const logo$2 = {
|
11584
|
-
[vars$
|
11829
|
+
[vars$w.fallbackUrl]: 'url(https://imgs.descope.com/components/no-logo-placeholder.svg)',
|
11585
11830
|
};
|
11586
11831
|
|
11587
11832
|
var logo$3 = /*#__PURE__*/Object.freeze({
|
11588
11833
|
__proto__: null,
|
11589
11834
|
default: logo$2,
|
11590
|
-
vars: vars$
|
11835
|
+
vars: vars$w
|
11591
11836
|
});
|
11592
11837
|
|
11593
|
-
const vars$
|
11838
|
+
const vars$v = TotpImageClass.cssVarList;
|
11594
11839
|
|
11595
11840
|
const logo$1 = {
|
11596
|
-
[vars$
|
11841
|
+
[vars$v.fallbackUrl]: 'url(https://imgs.descope.com/components/totp-placeholder.svg)',
|
11597
11842
|
};
|
11598
11843
|
|
11599
11844
|
var totpImage = /*#__PURE__*/Object.freeze({
|
11600
11845
|
__proto__: null,
|
11601
11846
|
default: logo$1,
|
11602
|
-
vars: vars$
|
11847
|
+
vars: vars$v
|
11603
11848
|
});
|
11604
11849
|
|
11605
|
-
const vars$
|
11850
|
+
const vars$u = NotpImageClass.cssVarList;
|
11606
11851
|
|
11607
11852
|
const logo = {
|
11608
|
-
[vars$
|
11853
|
+
[vars$u.fallbackUrl]: 'url(https://imgs.descope.com/components/notp-placeholder.svg)',
|
11609
11854
|
};
|
11610
11855
|
|
11611
11856
|
var notpImage = /*#__PURE__*/Object.freeze({
|
11612
11857
|
__proto__: null,
|
11613
11858
|
default: logo,
|
11614
|
-
vars: vars$
|
11859
|
+
vars: vars$u
|
11615
11860
|
});
|
11616
11861
|
|
11617
|
-
const globalRefs$
|
11618
|
-
const vars$
|
11862
|
+
const globalRefs$k = getThemeRefs(globals);
|
11863
|
+
const vars$t = TextClass.cssVarList;
|
11619
11864
|
|
11620
11865
|
const text = {
|
11621
|
-
[vars$
|
11622
|
-
[vars$
|
11623
|
-
[vars$
|
11624
|
-
[vars$
|
11866
|
+
[vars$t.hostDirection]: globalRefs$k.direction,
|
11867
|
+
[vars$t.textLineHeight]: '1.35em',
|
11868
|
+
[vars$t.textAlign]: 'left',
|
11869
|
+
[vars$t.textColor]: globalRefs$k.colors.surface.dark,
|
11625
11870
|
variant: {
|
11626
11871
|
h1: {
|
11627
|
-
[vars$
|
11628
|
-
[vars$
|
11629
|
-
[vars$
|
11872
|
+
[vars$t.fontSize]: globalRefs$k.typography.h1.size,
|
11873
|
+
[vars$t.fontWeight]: globalRefs$k.typography.h1.weight,
|
11874
|
+
[vars$t.fontFamily]: globalRefs$k.typography.h1.font,
|
11630
11875
|
},
|
11631
11876
|
h2: {
|
11632
|
-
[vars$
|
11633
|
-
[vars$
|
11634
|
-
[vars$
|
11877
|
+
[vars$t.fontSize]: globalRefs$k.typography.h2.size,
|
11878
|
+
[vars$t.fontWeight]: globalRefs$k.typography.h2.weight,
|
11879
|
+
[vars$t.fontFamily]: globalRefs$k.typography.h2.font,
|
11635
11880
|
},
|
11636
11881
|
h3: {
|
11637
|
-
[vars$
|
11638
|
-
[vars$
|
11639
|
-
[vars$
|
11882
|
+
[vars$t.fontSize]: globalRefs$k.typography.h3.size,
|
11883
|
+
[vars$t.fontWeight]: globalRefs$k.typography.h3.weight,
|
11884
|
+
[vars$t.fontFamily]: globalRefs$k.typography.h3.font,
|
11640
11885
|
},
|
11641
11886
|
subtitle1: {
|
11642
|
-
[vars$
|
11643
|
-
[vars$
|
11644
|
-
[vars$
|
11887
|
+
[vars$t.fontSize]: globalRefs$k.typography.subtitle1.size,
|
11888
|
+
[vars$t.fontWeight]: globalRefs$k.typography.subtitle1.weight,
|
11889
|
+
[vars$t.fontFamily]: globalRefs$k.typography.subtitle1.font,
|
11645
11890
|
},
|
11646
11891
|
subtitle2: {
|
11647
|
-
[vars$
|
11648
|
-
[vars$
|
11649
|
-
[vars$
|
11892
|
+
[vars$t.fontSize]: globalRefs$k.typography.subtitle2.size,
|
11893
|
+
[vars$t.fontWeight]: globalRefs$k.typography.subtitle2.weight,
|
11894
|
+
[vars$t.fontFamily]: globalRefs$k.typography.subtitle2.font,
|
11650
11895
|
},
|
11651
11896
|
body1: {
|
11652
|
-
[vars$
|
11653
|
-
[vars$
|
11654
|
-
[vars$
|
11897
|
+
[vars$t.fontSize]: globalRefs$k.typography.body1.size,
|
11898
|
+
[vars$t.fontWeight]: globalRefs$k.typography.body1.weight,
|
11899
|
+
[vars$t.fontFamily]: globalRefs$k.typography.body1.font,
|
11655
11900
|
},
|
11656
11901
|
body2: {
|
11657
|
-
[vars$
|
11658
|
-
[vars$
|
11659
|
-
[vars$
|
11902
|
+
[vars$t.fontSize]: globalRefs$k.typography.body2.size,
|
11903
|
+
[vars$t.fontWeight]: globalRefs$k.typography.body2.weight,
|
11904
|
+
[vars$t.fontFamily]: globalRefs$k.typography.body2.font,
|
11660
11905
|
},
|
11661
11906
|
},
|
11662
11907
|
|
11663
11908
|
mode: {
|
11664
11909
|
primary: {
|
11665
|
-
[vars$
|
11910
|
+
[vars$t.textColor]: globalRefs$k.colors.surface.contrast,
|
11666
11911
|
},
|
11667
11912
|
secondary: {
|
11668
|
-
[vars$
|
11913
|
+
[vars$t.textColor]: globalRefs$k.colors.surface.dark,
|
11669
11914
|
},
|
11670
11915
|
error: {
|
11671
|
-
[vars$
|
11916
|
+
[vars$t.textColor]: globalRefs$k.colors.error.main,
|
11672
11917
|
},
|
11673
11918
|
success: {
|
11674
|
-
[vars$
|
11919
|
+
[vars$t.textColor]: globalRefs$k.colors.success.main,
|
11675
11920
|
},
|
11676
11921
|
},
|
11677
11922
|
|
11678
11923
|
textAlign: {
|
11679
|
-
right: { [vars$
|
11680
|
-
left: { [vars$
|
11681
|
-
center: { [vars$
|
11924
|
+
right: { [vars$t.textAlign]: 'right' },
|
11925
|
+
left: { [vars$t.textAlign]: 'left' },
|
11926
|
+
center: { [vars$t.textAlign]: 'center' },
|
11682
11927
|
},
|
11683
11928
|
|
11684
11929
|
_fullWidth: {
|
11685
|
-
[vars$
|
11930
|
+
[vars$t.hostWidth]: '100%',
|
11686
11931
|
},
|
11687
11932
|
|
11688
11933
|
_italic: {
|
11689
|
-
[vars$
|
11934
|
+
[vars$t.fontStyle]: 'italic',
|
11690
11935
|
},
|
11691
11936
|
|
11692
11937
|
_uppercase: {
|
11693
|
-
[vars$
|
11938
|
+
[vars$t.textTransform]: 'uppercase',
|
11694
11939
|
},
|
11695
11940
|
|
11696
11941
|
_lowercase: {
|
11697
|
-
[vars$
|
11942
|
+
[vars$t.textTransform]: 'lowercase',
|
11698
11943
|
},
|
11699
11944
|
};
|
11700
11945
|
|
11701
11946
|
var text$1 = /*#__PURE__*/Object.freeze({
|
11702
11947
|
__proto__: null,
|
11703
11948
|
default: text,
|
11704
|
-
vars: vars$
|
11949
|
+
vars: vars$t
|
11705
11950
|
});
|
11706
11951
|
|
11707
|
-
const globalRefs$
|
11708
|
-
const vars$
|
11952
|
+
const globalRefs$j = getThemeRefs(globals);
|
11953
|
+
const vars$s = EnrichedTextClass.cssVarList;
|
11709
11954
|
|
11710
11955
|
const EnrichedText = {
|
11711
|
-
[vars$
|
11956
|
+
[vars$s.hostDirection]: globalRefs$j.direction,
|
11712
11957
|
|
11713
|
-
[vars$
|
11714
|
-
[vars$
|
11715
|
-
[vars$
|
11958
|
+
[vars$s.fontSize]: globalRefs$j.typography.body1.size,
|
11959
|
+
[vars$s.fontWeight]: globalRefs$j.typography.body1.weight,
|
11960
|
+
[vars$s.fontFamily]: globalRefs$j.typography.body1.font,
|
11716
11961
|
|
11717
|
-
[vars$
|
11718
|
-
[vars$
|
11719
|
-
[vars$
|
11962
|
+
[vars$s.textLineHeight]: '1.35em',
|
11963
|
+
[vars$s.textAlign]: 'left',
|
11964
|
+
[vars$s.textColor]: globalRefs$j.colors.surface.dark,
|
11720
11965
|
|
11721
|
-
[vars$
|
11966
|
+
[vars$s.linkColor]: `var(${LinkClass.cssVarList.textColor})`,
|
11722
11967
|
|
11723
11968
|
mode: {
|
11724
11969
|
primary: {
|
11725
|
-
[vars$
|
11970
|
+
[vars$s.textColor]: globalRefs$j.colors.surface.contrast,
|
11726
11971
|
},
|
11727
11972
|
secondary: {
|
11728
|
-
[vars$
|
11973
|
+
[vars$s.textColor]: globalRefs$j.colors.surface.dark,
|
11729
11974
|
},
|
11730
11975
|
error: {
|
11731
|
-
[vars$
|
11976
|
+
[vars$s.textColor]: globalRefs$j.colors.error.main,
|
11732
11977
|
},
|
11733
11978
|
success: {
|
11734
|
-
[vars$
|
11979
|
+
[vars$s.textColor]: globalRefs$j.colors.success.main,
|
11735
11980
|
},
|
11736
11981
|
},
|
11737
11982
|
|
11738
11983
|
variant: {
|
11739
11984
|
h1: {
|
11740
|
-
[vars$
|
11741
|
-
[vars$
|
11742
|
-
[vars$
|
11985
|
+
[vars$s.fontSize]: globalRefs$j.typography.h1.size,
|
11986
|
+
[vars$s.fontWeight]: globalRefs$j.typography.h1.weight,
|
11987
|
+
[vars$s.fontFamily]: globalRefs$j.typography.h1.font,
|
11743
11988
|
},
|
11744
11989
|
h2: {
|
11745
|
-
[vars$
|
11746
|
-
[vars$
|
11747
|
-
[vars$
|
11990
|
+
[vars$s.fontSize]: globalRefs$j.typography.h2.size,
|
11991
|
+
[vars$s.fontWeight]: globalRefs$j.typography.h2.weight,
|
11992
|
+
[vars$s.fontFamily]: globalRefs$j.typography.h2.font,
|
11748
11993
|
},
|
11749
11994
|
h3: {
|
11750
|
-
[vars$
|
11751
|
-
[vars$
|
11752
|
-
[vars$
|
11995
|
+
[vars$s.fontSize]: globalRefs$j.typography.h3.size,
|
11996
|
+
[vars$s.fontWeight]: globalRefs$j.typography.h3.weight,
|
11997
|
+
[vars$s.fontFamily]: globalRefs$j.typography.h3.font,
|
11753
11998
|
},
|
11754
11999
|
subtitle1: {
|
11755
|
-
[vars$
|
11756
|
-
[vars$
|
11757
|
-
[vars$
|
12000
|
+
[vars$s.fontSize]: globalRefs$j.typography.subtitle1.size,
|
12001
|
+
[vars$s.fontWeight]: globalRefs$j.typography.subtitle1.weight,
|
12002
|
+
[vars$s.fontFamily]: globalRefs$j.typography.subtitle1.font,
|
11758
12003
|
},
|
11759
12004
|
subtitle2: {
|
11760
|
-
[vars$
|
11761
|
-
[vars$
|
11762
|
-
[vars$
|
12005
|
+
[vars$s.fontSize]: globalRefs$j.typography.subtitle2.size,
|
12006
|
+
[vars$s.fontWeight]: globalRefs$j.typography.subtitle2.weight,
|
12007
|
+
[vars$s.fontFamily]: globalRefs$j.typography.subtitle2.font,
|
11763
12008
|
},
|
11764
12009
|
body1: {
|
11765
|
-
[vars$
|
11766
|
-
[vars$
|
11767
|
-
[vars$
|
12010
|
+
[vars$s.fontSize]: globalRefs$j.typography.body1.size,
|
12011
|
+
[vars$s.fontWeight]: globalRefs$j.typography.body1.weight,
|
12012
|
+
[vars$s.fontFamily]: globalRefs$j.typography.body1.font,
|
11768
12013
|
},
|
11769
12014
|
body2: {
|
11770
|
-
[vars$
|
11771
|
-
[vars$
|
11772
|
-
[vars$
|
12015
|
+
[vars$s.fontSize]: globalRefs$j.typography.body2.size,
|
12016
|
+
[vars$s.fontWeight]: globalRefs$j.typography.body2.weight,
|
12017
|
+
[vars$s.fontFamily]: globalRefs$j.typography.body2.font,
|
11773
12018
|
},
|
11774
12019
|
},
|
11775
12020
|
|
11776
12021
|
textAlign: {
|
11777
|
-
right: { [vars$
|
11778
|
-
left: { [vars$
|
11779
|
-
center: { [vars$
|
12022
|
+
right: { [vars$s.textAlign]: 'right' },
|
12023
|
+
left: { [vars$s.textAlign]: 'left' },
|
12024
|
+
center: { [vars$s.textAlign]: 'center' },
|
11780
12025
|
},
|
11781
12026
|
|
11782
12027
|
_fullWidth: {
|
11783
|
-
[vars$
|
12028
|
+
[vars$s.hostWidth]: '100%',
|
11784
12029
|
},
|
11785
12030
|
};
|
11786
12031
|
|
11787
12032
|
var EnrichedText$1 = /*#__PURE__*/Object.freeze({
|
11788
12033
|
__proto__: null,
|
11789
12034
|
default: EnrichedText,
|
11790
|
-
vars: vars$
|
12035
|
+
vars: vars$s
|
11791
12036
|
});
|
11792
12037
|
|
11793
|
-
const globalRefs$
|
11794
|
-
const vars$
|
12038
|
+
const globalRefs$i = getThemeRefs(globals);
|
12039
|
+
const vars$r = LinkClass.cssVarList;
|
11795
12040
|
|
11796
12041
|
const link = {
|
11797
|
-
[vars$
|
11798
|
-
[vars$
|
12042
|
+
[vars$r.hostDirection]: globalRefs$i.direction,
|
12043
|
+
[vars$r.cursor]: 'pointer',
|
11799
12044
|
|
11800
|
-
[vars$
|
12045
|
+
[vars$r.textColor]: globalRefs$i.colors.primary.main,
|
11801
12046
|
|
11802
12047
|
textAlign: {
|
11803
|
-
right: { [vars$
|
11804
|
-
left: { [vars$
|
11805
|
-
center: { [vars$
|
12048
|
+
right: { [vars$r.textAlign]: 'right' },
|
12049
|
+
left: { [vars$r.textAlign]: 'left' },
|
12050
|
+
center: { [vars$r.textAlign]: 'center' },
|
11806
12051
|
},
|
11807
12052
|
|
11808
12053
|
_fullWidth: {
|
11809
|
-
[vars$
|
12054
|
+
[vars$r.hostWidth]: '100%',
|
11810
12055
|
},
|
11811
12056
|
|
11812
12057
|
mode: {
|
11813
12058
|
primary: {
|
11814
|
-
[vars$
|
12059
|
+
[vars$r.textColor]: globalRefs$i.colors.primary.main,
|
11815
12060
|
},
|
11816
12061
|
secondary: {
|
11817
|
-
[vars$
|
12062
|
+
[vars$r.textColor]: globalRefs$i.colors.secondary.main,
|
11818
12063
|
},
|
11819
12064
|
error: {
|
11820
|
-
[vars$
|
12065
|
+
[vars$r.textColor]: globalRefs$i.colors.error.main,
|
11821
12066
|
},
|
11822
12067
|
success: {
|
11823
|
-
[vars$
|
12068
|
+
[vars$r.textColor]: globalRefs$i.colors.success.main,
|
11824
12069
|
},
|
11825
12070
|
},
|
11826
12071
|
};
|
@@ -11828,10 +12073,10 @@ const link = {
|
|
11828
12073
|
var link$1 = /*#__PURE__*/Object.freeze({
|
11829
12074
|
__proto__: null,
|
11830
12075
|
default: link,
|
11831
|
-
vars: vars$
|
12076
|
+
vars: vars$r
|
11832
12077
|
});
|
11833
12078
|
|
11834
|
-
const globalRefs$
|
12079
|
+
const globalRefs$h = getThemeRefs(globals);
|
11835
12080
|
const compVars$3 = DividerClass.cssVarList;
|
11836
12081
|
|
11837
12082
|
const [helperTheme$1, helperRefs$1, helperVars$1] = createHelperVars(
|
@@ -11839,18 +12084,18 @@ const [helperTheme$1, helperRefs$1, helperVars$1] = createHelperVars(
|
|
11839
12084
|
thickness: '2px',
|
11840
12085
|
spacing: '10px',
|
11841
12086
|
},
|
11842
|
-
componentName$
|
12087
|
+
componentName$L
|
11843
12088
|
);
|
11844
12089
|
|
11845
12090
|
const divider = {
|
11846
12091
|
...helperTheme$1,
|
11847
12092
|
|
11848
|
-
[compVars$3.hostDirection]: globalRefs$
|
12093
|
+
[compVars$3.hostDirection]: globalRefs$h.direction,
|
11849
12094
|
[compVars$3.alignItems]: 'center',
|
11850
12095
|
[compVars$3.flexDirection]: 'row',
|
11851
12096
|
[compVars$3.alignSelf]: 'stretch',
|
11852
12097
|
[compVars$3.hostWidth]: '100%',
|
11853
|
-
[compVars$3.stripeColor]: globalRefs$
|
12098
|
+
[compVars$3.stripeColor]: globalRefs$h.colors.surface.light,
|
11854
12099
|
[compVars$3.stripeColorOpacity]: '0.5',
|
11855
12100
|
[compVars$3.stripeHorizontalThickness]: helperRefs$1.thickness,
|
11856
12101
|
[compVars$3.labelTextWidth]: 'fit-content',
|
@@ -11870,7 +12115,7 @@ const divider = {
|
|
11870
12115
|
},
|
11871
12116
|
};
|
11872
12117
|
|
11873
|
-
const vars$
|
12118
|
+
const vars$q = {
|
11874
12119
|
...compVars$3,
|
11875
12120
|
...helperVars$1,
|
11876
12121
|
};
|
@@ -11878,111 +12123,111 @@ const vars$p = {
|
|
11878
12123
|
var divider$1 = /*#__PURE__*/Object.freeze({
|
11879
12124
|
__proto__: null,
|
11880
12125
|
default: divider,
|
11881
|
-
vars: vars$
|
12126
|
+
vars: vars$q
|
11882
12127
|
});
|
11883
12128
|
|
11884
|
-
const vars$
|
12129
|
+
const vars$p = PasscodeClass.cssVarList;
|
11885
12130
|
|
11886
12131
|
const passcode = {
|
11887
|
-
[vars$
|
11888
|
-
[vars$
|
11889
|
-
[vars$
|
11890
|
-
[vars$
|
11891
|
-
[vars$
|
11892
|
-
[vars$
|
11893
|
-
[vars$
|
11894
|
-
[vars$
|
11895
|
-
[vars$
|
11896
|
-
[vars$
|
11897
|
-
[vars$
|
11898
|
-
[vars$
|
11899
|
-
[vars$
|
11900
|
-
[vars$
|
11901
|
-
[vars$
|
12132
|
+
[vars$p.hostDirection]: refs.direction,
|
12133
|
+
[vars$p.fontFamily]: refs.fontFamily,
|
12134
|
+
[vars$p.fontSize]: refs.fontSize,
|
12135
|
+
[vars$p.labelTextColor]: refs.labelTextColor,
|
12136
|
+
[vars$p.labelRequiredIndicator]: refs.requiredIndicator,
|
12137
|
+
[vars$p.errorMessageTextColor]: refs.errorMessageTextColor,
|
12138
|
+
[vars$p.digitValueTextColor]: refs.valueTextColor,
|
12139
|
+
[vars$p.digitPadding]: '0',
|
12140
|
+
[vars$p.digitTextAlign]: 'center',
|
12141
|
+
[vars$p.digitSpacing]: '4px',
|
12142
|
+
[vars$p.hostWidth]: refs.width,
|
12143
|
+
[vars$p.digitOutlineColor]: 'transparent',
|
12144
|
+
[vars$p.digitOutlineWidth]: refs.outlineWidth,
|
12145
|
+
[vars$p.focusedDigitFieldOutlineColor]: refs.outlineColor,
|
12146
|
+
[vars$p.digitSize]: refs.inputHeight,
|
11902
12147
|
|
11903
12148
|
size: {
|
11904
|
-
xs: { [vars$
|
11905
|
-
sm: { [vars$
|
11906
|
-
md: { [vars$
|
11907
|
-
lg: { [vars$
|
12149
|
+
xs: { [vars$p.spinnerSize]: '15px' },
|
12150
|
+
sm: { [vars$p.spinnerSize]: '20px' },
|
12151
|
+
md: { [vars$p.spinnerSize]: '20px' },
|
12152
|
+
lg: { [vars$p.spinnerSize]: '20px' },
|
11908
12153
|
},
|
11909
12154
|
|
11910
12155
|
_hideCursor: {
|
11911
|
-
[vars$
|
12156
|
+
[vars$p.digitCaretTextColor]: 'transparent',
|
11912
12157
|
},
|
11913
12158
|
|
11914
12159
|
_loading: {
|
11915
|
-
[vars$
|
12160
|
+
[vars$p.overlayOpacity]: refs.overlayOpacity,
|
11916
12161
|
},
|
11917
12162
|
};
|
11918
12163
|
|
11919
12164
|
var passcode$1 = /*#__PURE__*/Object.freeze({
|
11920
12165
|
__proto__: null,
|
11921
12166
|
default: passcode,
|
11922
|
-
vars: vars$
|
12167
|
+
vars: vars$p
|
11923
12168
|
});
|
11924
12169
|
|
11925
|
-
const globalRefs$
|
11926
|
-
const vars$
|
12170
|
+
const globalRefs$g = getThemeRefs(globals);
|
12171
|
+
const vars$o = LoaderLinearClass.cssVarList;
|
11927
12172
|
|
11928
12173
|
const loaderLinear = {
|
11929
|
-
[vars$
|
11930
|
-
[vars$
|
12174
|
+
[vars$o.hostDisplay]: 'inline-block',
|
12175
|
+
[vars$o.hostWidth]: '100%',
|
11931
12176
|
|
11932
|
-
[vars$
|
11933
|
-
[vars$
|
12177
|
+
[vars$o.barColor]: globalRefs$g.colors.surface.contrast,
|
12178
|
+
[vars$o.barWidth]: '20%',
|
11934
12179
|
|
11935
|
-
[vars$
|
11936
|
-
[vars$
|
12180
|
+
[vars$o.barBackgroundColor]: globalRefs$g.colors.surface.light,
|
12181
|
+
[vars$o.barBorderRadius]: '4px',
|
11937
12182
|
|
11938
|
-
[vars$
|
11939
|
-
[vars$
|
11940
|
-
[vars$
|
11941
|
-
[vars$
|
12183
|
+
[vars$o.animationDuration]: '2s',
|
12184
|
+
[vars$o.animationTimingFunction]: 'linear',
|
12185
|
+
[vars$o.animationIterationCount]: 'infinite',
|
12186
|
+
[vars$o.verticalPadding]: '0.25em',
|
11942
12187
|
|
11943
12188
|
size: {
|
11944
|
-
xs: { [vars$
|
11945
|
-
sm: { [vars$
|
11946
|
-
md: { [vars$
|
11947
|
-
lg: { [vars$
|
12189
|
+
xs: { [vars$o.barHeight]: '2px' },
|
12190
|
+
sm: { [vars$o.barHeight]: '4px' },
|
12191
|
+
md: { [vars$o.barHeight]: '6px' },
|
12192
|
+
lg: { [vars$o.barHeight]: '8px' },
|
11948
12193
|
},
|
11949
12194
|
|
11950
12195
|
mode: {
|
11951
12196
|
primary: {
|
11952
|
-
[vars$
|
12197
|
+
[vars$o.barColor]: globalRefs$g.colors.primary.main,
|
11953
12198
|
},
|
11954
12199
|
secondary: {
|
11955
|
-
[vars$
|
12200
|
+
[vars$o.barColor]: globalRefs$g.colors.secondary.main,
|
11956
12201
|
},
|
11957
12202
|
},
|
11958
12203
|
|
11959
12204
|
_hidden: {
|
11960
|
-
[vars$
|
12205
|
+
[vars$o.hostDisplay]: 'none',
|
11961
12206
|
},
|
11962
12207
|
};
|
11963
12208
|
|
11964
12209
|
var loaderLinear$1 = /*#__PURE__*/Object.freeze({
|
11965
12210
|
__proto__: null,
|
11966
12211
|
default: loaderLinear,
|
11967
|
-
vars: vars$
|
12212
|
+
vars: vars$o
|
11968
12213
|
});
|
11969
12214
|
|
11970
|
-
const globalRefs$
|
12215
|
+
const globalRefs$f = getThemeRefs(globals);
|
11971
12216
|
const compVars$2 = LoaderRadialClass.cssVarList;
|
11972
12217
|
|
11973
12218
|
const [helperTheme, helperRefs, helperVars] = createHelperVars(
|
11974
12219
|
{
|
11975
|
-
spinnerColor: globalRefs$
|
12220
|
+
spinnerColor: globalRefs$f.colors.surface.contrast,
|
11976
12221
|
mode: {
|
11977
12222
|
primary: {
|
11978
|
-
spinnerColor: globalRefs$
|
12223
|
+
spinnerColor: globalRefs$f.colors.primary.main,
|
11979
12224
|
},
|
11980
12225
|
secondary: {
|
11981
|
-
spinnerColor: globalRefs$
|
12226
|
+
spinnerColor: globalRefs$f.colors.secondary.main,
|
11982
12227
|
},
|
11983
12228
|
},
|
11984
12229
|
},
|
11985
|
-
componentName$
|
12230
|
+
componentName$O
|
11986
12231
|
);
|
11987
12232
|
|
11988
12233
|
const loaderRadial = {
|
@@ -12011,7 +12256,7 @@ const loaderRadial = {
|
|
12011
12256
|
[compVars$2.hostDisplay]: 'none',
|
12012
12257
|
},
|
12013
12258
|
};
|
12014
|
-
const vars$
|
12259
|
+
const vars$n = {
|
12015
12260
|
...compVars$2,
|
12016
12261
|
...helperVars,
|
12017
12262
|
};
|
@@ -12019,78 +12264,114 @@ const vars$m = {
|
|
12019
12264
|
var loaderRadial$1 = /*#__PURE__*/Object.freeze({
|
12020
12265
|
__proto__: null,
|
12021
12266
|
default: loaderRadial,
|
12022
|
-
vars: vars$
|
12267
|
+
vars: vars$n
|
12023
12268
|
});
|
12024
12269
|
|
12025
|
-
const globalRefs$
|
12026
|
-
const vars$
|
12270
|
+
const globalRefs$e = getThemeRefs(globals);
|
12271
|
+
const vars$m = ComboBoxClass.cssVarList;
|
12027
12272
|
|
12028
12273
|
const comboBox = {
|
12029
|
-
[vars$
|
12030
|
-
[vars$
|
12031
|
-
[vars$
|
12032
|
-
[vars$
|
12033
|
-
[vars$
|
12034
|
-
[vars$
|
12035
|
-
[vars$
|
12036
|
-
[vars$
|
12037
|
-
[vars$
|
12038
|
-
[vars$
|
12039
|
-
[vars$
|
12040
|
-
[vars$
|
12041
|
-
[vars$
|
12042
|
-
[vars$
|
12043
|
-
[vars$
|
12044
|
-
[vars$
|
12045
|
-
[vars$
|
12046
|
-
[vars$
|
12047
|
-
[vars$
|
12048
|
-
[vars$
|
12049
|
-
[vars$
|
12050
|
-
[vars$
|
12051
|
-
[vars$
|
12052
|
-
[vars$
|
12053
|
-
[vars$
|
12054
|
-
[vars$
|
12274
|
+
[vars$m.hostWidth]: refs.width,
|
12275
|
+
[vars$m.hostDirection]: refs.direction,
|
12276
|
+
[vars$m.fontSize]: refs.fontSize,
|
12277
|
+
[vars$m.fontFamily]: refs.fontFamily,
|
12278
|
+
[vars$m.labelTextColor]: refs.labelTextColor,
|
12279
|
+
[vars$m.errorMessageTextColor]: refs.errorMessageTextColor,
|
12280
|
+
[vars$m.inputBorderColor]: refs.borderColor,
|
12281
|
+
[vars$m.inputBorderWidth]: refs.borderWidth,
|
12282
|
+
[vars$m.inputBorderStyle]: refs.borderStyle,
|
12283
|
+
[vars$m.inputBorderRadius]: refs.borderRadius,
|
12284
|
+
[vars$m.inputOutlineColor]: refs.outlineColor,
|
12285
|
+
[vars$m.inputOutlineOffset]: refs.outlineOffset,
|
12286
|
+
[vars$m.inputOutlineWidth]: refs.outlineWidth,
|
12287
|
+
[vars$m.inputOutlineStyle]: refs.outlineStyle,
|
12288
|
+
[vars$m.labelRequiredIndicator]: refs.requiredIndicator,
|
12289
|
+
[vars$m.inputValueTextColor]: refs.valueTextColor,
|
12290
|
+
[vars$m.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
12291
|
+
[vars$m.inputBackgroundColor]: refs.backgroundColor,
|
12292
|
+
[vars$m.inputHorizontalPadding]: refs.horizontalPadding,
|
12293
|
+
[vars$m.inputHeight]: refs.inputHeight,
|
12294
|
+
[vars$m.inputDropdownButtonColor]: globalRefs$e.colors.surface.dark,
|
12295
|
+
[vars$m.inputDropdownButtonCursor]: 'pointer',
|
12296
|
+
[vars$m.inputDropdownButtonSize]: refs.toggleButtonSize,
|
12297
|
+
[vars$m.inputDropdownButtonOffset]: globalRefs$e.spacing.xs,
|
12298
|
+
[vars$m.overlayItemPaddingInlineStart]: globalRefs$e.spacing.xs,
|
12299
|
+
[vars$m.overlayItemPaddingInlineEnd]: globalRefs$e.spacing.lg,
|
12055
12300
|
|
12056
12301
|
_readonly: {
|
12057
|
-
[vars$
|
12302
|
+
[vars$m.inputDropdownButtonCursor]: 'default',
|
12058
12303
|
},
|
12059
12304
|
|
12060
12305
|
// Overlay theme exposed via the component:
|
12061
|
-
[vars$
|
12062
|
-
[vars$
|
12063
|
-
[vars$
|
12064
|
-
[vars$
|
12065
|
-
[vars$
|
12066
|
-
[vars$
|
12306
|
+
[vars$m.overlayFontSize]: refs.fontSize,
|
12307
|
+
[vars$m.overlayFontFamily]: refs.fontFamily,
|
12308
|
+
[vars$m.overlayCursor]: 'pointer',
|
12309
|
+
[vars$m.overlayItemBoxShadow]: 'none',
|
12310
|
+
[vars$m.overlayBackground]: refs.backgroundColor,
|
12311
|
+
[vars$m.overlayTextColor]: refs.valueTextColor,
|
12067
12312
|
|
12068
12313
|
// Overlay direct theme:
|
12069
|
-
[vars$
|
12070
|
-
[vars$
|
12314
|
+
[vars$m.overlay.minHeight]: '400px',
|
12315
|
+
[vars$m.overlay.margin]: '0',
|
12071
12316
|
};
|
12072
12317
|
|
12073
12318
|
var comboBox$1 = /*#__PURE__*/Object.freeze({
|
12074
12319
|
__proto__: null,
|
12075
12320
|
comboBox: comboBox,
|
12076
12321
|
default: comboBox,
|
12077
|
-
vars: vars$
|
12322
|
+
vars: vars$m
|
12078
12323
|
});
|
12079
12324
|
|
12080
|
-
const vars$
|
12325
|
+
const vars$l = ImageClass.cssVarList;
|
12081
12326
|
|
12082
12327
|
const image = {};
|
12083
12328
|
|
12084
12329
|
var image$1 = /*#__PURE__*/Object.freeze({
|
12085
12330
|
__proto__: null,
|
12086
12331
|
default: image,
|
12087
|
-
vars: vars$
|
12332
|
+
vars: vars$l
|
12088
12333
|
});
|
12089
12334
|
|
12090
|
-
const vars$
|
12335
|
+
const vars$k = PhoneFieldClass.cssVarList;
|
12091
12336
|
|
12092
12337
|
const phoneField = {
|
12093
|
-
[vars$
|
12338
|
+
[vars$k.hostWidth]: refs.width,
|
12339
|
+
[vars$k.hostDirection]: refs.direction,
|
12340
|
+
[vars$k.fontSize]: refs.fontSize,
|
12341
|
+
[vars$k.fontFamily]: refs.fontFamily,
|
12342
|
+
[vars$k.labelTextColor]: refs.labelTextColor,
|
12343
|
+
[vars$k.labelRequiredIndicator]: refs.requiredIndicator,
|
12344
|
+
[vars$k.errorMessageTextColor]: refs.errorMessageTextColor,
|
12345
|
+
[vars$k.inputValueTextColor]: refs.valueTextColor,
|
12346
|
+
[vars$k.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
12347
|
+
[vars$k.inputBorderStyle]: refs.borderStyle,
|
12348
|
+
[vars$k.inputBorderWidth]: refs.borderWidth,
|
12349
|
+
[vars$k.inputBorderColor]: refs.borderColor,
|
12350
|
+
[vars$k.inputBorderRadius]: refs.borderRadius,
|
12351
|
+
[vars$k.inputOutlineStyle]: refs.outlineStyle,
|
12352
|
+
[vars$k.inputOutlineWidth]: refs.outlineWidth,
|
12353
|
+
[vars$k.inputOutlineColor]: refs.outlineColor,
|
12354
|
+
[vars$k.inputOutlineOffset]: refs.outlineOffset,
|
12355
|
+
[vars$k.phoneInputWidth]: refs.minWidth,
|
12356
|
+
[vars$k.countryCodeInputWidth]: '5em',
|
12357
|
+
[vars$k.countryCodeDropdownWidth]: '20em',
|
12358
|
+
|
12359
|
+
// '@overlay': {
|
12360
|
+
// overlayItemBackgroundColor: 'red'
|
12361
|
+
// }
|
12362
|
+
};
|
12363
|
+
|
12364
|
+
var phoneField$1 = /*#__PURE__*/Object.freeze({
|
12365
|
+
__proto__: null,
|
12366
|
+
default: phoneField,
|
12367
|
+
vars: vars$k
|
12368
|
+
});
|
12369
|
+
|
12370
|
+
const vars$j = PhoneFieldInputBoxClass.cssVarList;
|
12371
|
+
|
12372
|
+
const phoneInputBoxField = {
|
12373
|
+
[vars$j.hostWidth]: '16em',
|
12374
|
+
[vars$j.hostMinWidth]: refs.minWidth,
|
12094
12375
|
[vars$j.hostDirection]: refs.direction,
|
12095
12376
|
[vars$j.fontSize]: refs.fontSize,
|
12096
12377
|
[vars$j.fontFamily]: refs.fontFamily,
|
@@ -12107,184 +12388,148 @@ const phoneField = {
|
|
12107
12388
|
[vars$j.inputOutlineWidth]: refs.outlineWidth,
|
12108
12389
|
[vars$j.inputOutlineColor]: refs.outlineColor,
|
12109
12390
|
[vars$j.inputOutlineOffset]: refs.outlineOffset,
|
12110
|
-
|
12111
|
-
|
12112
|
-
|
12113
|
-
|
12114
|
-
// '@overlay': {
|
12115
|
-
// overlayItemBackgroundColor: 'red'
|
12116
|
-
// }
|
12391
|
+
_fullWidth: {
|
12392
|
+
[vars$j.hostWidth]: refs.width,
|
12393
|
+
},
|
12117
12394
|
};
|
12118
12395
|
|
12119
|
-
var
|
12396
|
+
var phoneInputBoxField$1 = /*#__PURE__*/Object.freeze({
|
12120
12397
|
__proto__: null,
|
12121
|
-
default:
|
12398
|
+
default: phoneInputBoxField,
|
12122
12399
|
vars: vars$j
|
12123
12400
|
});
|
12124
12401
|
|
12125
|
-
const
|
12402
|
+
const globalRefs$d = getThemeRefs(globals);
|
12403
|
+
const vars$i = NewPasswordClass.cssVarList;
|
12126
12404
|
|
12127
|
-
const
|
12128
|
-
[vars$i.hostWidth]:
|
12405
|
+
const newPassword = {
|
12406
|
+
[vars$i.hostWidth]: refs.width,
|
12129
12407
|
[vars$i.hostMinWidth]: refs.minWidth,
|
12130
12408
|
[vars$i.hostDirection]: refs.direction,
|
12131
12409
|
[vars$i.fontSize]: refs.fontSize,
|
12132
12410
|
[vars$i.fontFamily]: refs.fontFamily,
|
12133
|
-
[vars$i.
|
12134
|
-
[vars$i.labelRequiredIndicator]: refs.requiredIndicator,
|
12411
|
+
[vars$i.spaceBetweenInputs]: '1em',
|
12135
12412
|
[vars$i.errorMessageTextColor]: refs.errorMessageTextColor,
|
12136
|
-
[vars$i.
|
12137
|
-
[vars$i.
|
12138
|
-
[vars$i.inputBorderStyle]: refs.borderStyle,
|
12139
|
-
[vars$i.inputBorderWidth]: refs.borderWidth,
|
12140
|
-
[vars$i.inputBorderColor]: refs.borderColor,
|
12141
|
-
[vars$i.inputBorderRadius]: refs.borderRadius,
|
12142
|
-
[vars$i.inputOutlineStyle]: refs.outlineStyle,
|
12143
|
-
[vars$i.inputOutlineWidth]: refs.outlineWidth,
|
12144
|
-
[vars$i.inputOutlineColor]: refs.outlineColor,
|
12145
|
-
[vars$i.inputOutlineOffset]: refs.outlineOffset,
|
12146
|
-
_fullWidth: {
|
12147
|
-
[vars$i.hostWidth]: refs.width,
|
12148
|
-
},
|
12149
|
-
};
|
12150
|
-
|
12151
|
-
var phoneInputBoxField$1 = /*#__PURE__*/Object.freeze({
|
12152
|
-
__proto__: null,
|
12153
|
-
default: phoneInputBoxField,
|
12154
|
-
vars: vars$i
|
12155
|
-
});
|
12156
|
-
|
12157
|
-
const globalRefs$c = getThemeRefs(globals);
|
12158
|
-
const vars$h = NewPasswordClass.cssVarList;
|
12159
|
-
|
12160
|
-
const newPassword = {
|
12161
|
-
[vars$h.hostWidth]: refs.width,
|
12162
|
-
[vars$h.hostMinWidth]: refs.minWidth,
|
12163
|
-
[vars$h.hostDirection]: refs.direction,
|
12164
|
-
[vars$h.fontSize]: refs.fontSize,
|
12165
|
-
[vars$h.fontFamily]: refs.fontFamily,
|
12166
|
-
[vars$h.spaceBetweenInputs]: '1em',
|
12167
|
-
[vars$h.errorMessageTextColor]: refs.errorMessageTextColor,
|
12168
|
-
[vars$h.policyPreviewBackgroundColor]: 'none',
|
12169
|
-
[vars$h.policyPreviewPadding]: globalRefs$c.spacing.lg,
|
12413
|
+
[vars$i.policyPreviewBackgroundColor]: 'none',
|
12414
|
+
[vars$i.policyPreviewPadding]: globalRefs$d.spacing.lg,
|
12170
12415
|
|
12171
12416
|
_required: {
|
12172
12417
|
// NewPassword doesn't pass `required` attribute to its Password components.
|
12173
12418
|
// That's why we fake the required indicator on each input.
|
12174
12419
|
// We do that by injecting `::after` element, and populating it with requiredIndicator content.
|
12175
|
-
[vars$
|
12420
|
+
[vars$i.inputsRequiredIndicator]: refs.requiredIndicator, // used to populate required content for NewPassword input fields outside the theme
|
12176
12421
|
},
|
12177
12422
|
};
|
12178
12423
|
|
12179
12424
|
var newPassword$1 = /*#__PURE__*/Object.freeze({
|
12180
12425
|
__proto__: null,
|
12181
12426
|
default: newPassword,
|
12182
|
-
vars: vars$
|
12427
|
+
vars: vars$i
|
12183
12428
|
});
|
12184
12429
|
|
12185
|
-
const vars$
|
12430
|
+
const vars$h = UploadFileClass.cssVarList;
|
12186
12431
|
|
12187
12432
|
const uploadFile = {
|
12188
|
-
[vars$
|
12189
|
-
[vars$
|
12190
|
-
[vars$
|
12433
|
+
[vars$h.hostDirection]: refs.direction,
|
12434
|
+
[vars$h.labelTextColor]: refs.labelTextColor,
|
12435
|
+
[vars$h.fontFamily]: refs.fontFamily,
|
12191
12436
|
|
12192
|
-
[vars$
|
12437
|
+
[vars$h.iconSize]: '2em',
|
12193
12438
|
|
12194
|
-
[vars$
|
12195
|
-
[vars$
|
12439
|
+
[vars$h.hostPadding]: '0.75em',
|
12440
|
+
[vars$h.gap]: '0.5em',
|
12196
12441
|
|
12197
|
-
[vars$
|
12198
|
-
[vars$
|
12199
|
-
[vars$
|
12442
|
+
[vars$h.fontSize]: '16px',
|
12443
|
+
[vars$h.titleFontWeight]: '500',
|
12444
|
+
[vars$h.lineHeight]: '1em',
|
12200
12445
|
|
12201
|
-
[vars$
|
12202
|
-
[vars$
|
12203
|
-
[vars$
|
12204
|
-
[vars$
|
12446
|
+
[vars$h.borderWidth]: refs.borderWidth,
|
12447
|
+
[vars$h.borderColor]: refs.borderColor,
|
12448
|
+
[vars$h.borderRadius]: refs.borderRadius,
|
12449
|
+
[vars$h.borderStyle]: 'dashed',
|
12205
12450
|
|
12206
12451
|
_required: {
|
12207
|
-
[vars$
|
12452
|
+
[vars$h.requiredIndicator]: refs.requiredIndicator,
|
12208
12453
|
},
|
12209
12454
|
|
12210
12455
|
size: {
|
12211
12456
|
xs: {
|
12212
|
-
[vars$
|
12213
|
-
[vars$
|
12214
|
-
[vars$
|
12215
|
-
[vars$
|
12216
|
-
[vars$
|
12457
|
+
[vars$h.hostHeight]: '196px',
|
12458
|
+
[vars$h.hostWidth]: '200px',
|
12459
|
+
[vars$h.titleFontSize]: '0.875em',
|
12460
|
+
[vars$h.descriptionFontSize]: '0.875em',
|
12461
|
+
[vars$h.lineHeight]: '1.25em',
|
12217
12462
|
},
|
12218
12463
|
sm: {
|
12219
|
-
[vars$
|
12220
|
-
[vars$
|
12221
|
-
[vars$
|
12222
|
-
[vars$
|
12223
|
-
[vars$
|
12464
|
+
[vars$h.hostHeight]: '216px',
|
12465
|
+
[vars$h.hostWidth]: '230px',
|
12466
|
+
[vars$h.titleFontSize]: '1em',
|
12467
|
+
[vars$h.descriptionFontSize]: '0.875em',
|
12468
|
+
[vars$h.lineHeight]: '1.25em',
|
12224
12469
|
},
|
12225
12470
|
md: {
|
12226
|
-
[vars$
|
12227
|
-
[vars$
|
12228
|
-
[vars$
|
12229
|
-
[vars$
|
12230
|
-
[vars$
|
12471
|
+
[vars$h.hostHeight]: '256px',
|
12472
|
+
[vars$h.hostWidth]: '312px',
|
12473
|
+
[vars$h.titleFontSize]: '1.125em',
|
12474
|
+
[vars$h.descriptionFontSize]: '1em',
|
12475
|
+
[vars$h.lineHeight]: '1.5em',
|
12231
12476
|
},
|
12232
12477
|
lg: {
|
12233
|
-
[vars$
|
12234
|
-
[vars$
|
12235
|
-
[vars$
|
12236
|
-
[vars$
|
12237
|
-
[vars$
|
12478
|
+
[vars$h.hostHeight]: '280px',
|
12479
|
+
[vars$h.hostWidth]: '336px',
|
12480
|
+
[vars$h.titleFontSize]: '1.125em',
|
12481
|
+
[vars$h.descriptionFontSize]: '1.125em',
|
12482
|
+
[vars$h.lineHeight]: '1.75em',
|
12238
12483
|
},
|
12239
12484
|
},
|
12240
12485
|
|
12241
12486
|
_fullWidth: {
|
12242
|
-
[vars$
|
12487
|
+
[vars$h.hostWidth]: refs.width,
|
12243
12488
|
},
|
12244
12489
|
};
|
12245
12490
|
|
12246
12491
|
var uploadFile$1 = /*#__PURE__*/Object.freeze({
|
12247
12492
|
__proto__: null,
|
12248
12493
|
default: uploadFile,
|
12249
|
-
vars: vars$
|
12494
|
+
vars: vars$h
|
12250
12495
|
});
|
12251
12496
|
|
12252
|
-
const globalRefs$
|
12497
|
+
const globalRefs$c = getThemeRefs(globals);
|
12253
12498
|
|
12254
|
-
const vars$
|
12499
|
+
const vars$g = ButtonSelectionGroupItemClass.cssVarList;
|
12255
12500
|
|
12256
12501
|
const buttonSelectionGroupItem = {
|
12257
|
-
[vars$
|
12258
|
-
[vars$
|
12259
|
-
[vars$
|
12260
|
-
[vars$
|
12261
|
-
[vars$
|
12262
|
-
[vars$
|
12263
|
-
[vars$
|
12264
|
-
[vars$
|
12502
|
+
[vars$g.hostDirection]: 'inherit',
|
12503
|
+
[vars$g.backgroundColor]: globalRefs$c.colors.surface.main,
|
12504
|
+
[vars$g.labelTextColor]: globalRefs$c.colors.surface.contrast,
|
12505
|
+
[vars$g.borderColor]: globalRefs$c.colors.surface.light,
|
12506
|
+
[vars$g.borderStyle]: 'solid',
|
12507
|
+
[vars$g.borderRadius]: globalRefs$c.radius.sm,
|
12508
|
+
[vars$g.outlineColor]: 'transparent',
|
12509
|
+
[vars$g.borderWidth]: globalRefs$c.border.xs,
|
12265
12510
|
|
12266
12511
|
_hover: {
|
12267
|
-
[vars$
|
12512
|
+
[vars$g.backgroundColor]: globalRefs$c.colors.surface.highlight,
|
12268
12513
|
},
|
12269
12514
|
|
12270
12515
|
_focused: {
|
12271
|
-
[vars$
|
12516
|
+
[vars$g.outlineColor]: globalRefs$c.colors.surface.light,
|
12272
12517
|
},
|
12273
12518
|
|
12274
12519
|
_selected: {
|
12275
|
-
[vars$
|
12276
|
-
[vars$
|
12277
|
-
[vars$
|
12520
|
+
[vars$g.borderColor]: globalRefs$c.colors.surface.contrast,
|
12521
|
+
[vars$g.backgroundColor]: globalRefs$c.colors.surface.contrast,
|
12522
|
+
[vars$g.labelTextColor]: globalRefs$c.colors.surface.main,
|
12278
12523
|
},
|
12279
12524
|
};
|
12280
12525
|
|
12281
12526
|
var buttonSelectionGroupItem$1 = /*#__PURE__*/Object.freeze({
|
12282
12527
|
__proto__: null,
|
12283
12528
|
default: buttonSelectionGroupItem,
|
12284
|
-
vars: vars$
|
12529
|
+
vars: vars$g
|
12285
12530
|
});
|
12286
12531
|
|
12287
|
-
const globalRefs$
|
12532
|
+
const globalRefs$b = getThemeRefs(globals);
|
12288
12533
|
|
12289
12534
|
const createBaseButtonSelectionGroupMappings = (vars) => ({
|
12290
12535
|
[vars.hostDirection]: refs.direction,
|
@@ -12292,84 +12537,84 @@ const createBaseButtonSelectionGroupMappings = (vars) => ({
|
|
12292
12537
|
[vars.labelTextColor]: refs.labelTextColor,
|
12293
12538
|
[vars.labelRequiredIndicator]: refs.requiredIndicator,
|
12294
12539
|
[vars.errorMessageTextColor]: refs.errorMessageTextColor,
|
12295
|
-
[vars.itemsSpacing]: globalRefs$
|
12540
|
+
[vars.itemsSpacing]: globalRefs$b.spacing.sm,
|
12296
12541
|
[vars.hostWidth]: refs.width,
|
12297
12542
|
});
|
12298
12543
|
|
12299
|
-
const vars$
|
12544
|
+
const vars$f = ButtonSelectionGroupClass.cssVarList;
|
12300
12545
|
|
12301
12546
|
const buttonSelectionGroup = {
|
12302
|
-
...createBaseButtonSelectionGroupMappings(vars$
|
12547
|
+
...createBaseButtonSelectionGroupMappings(vars$f),
|
12303
12548
|
};
|
12304
12549
|
|
12305
12550
|
var buttonSelectionGroup$1 = /*#__PURE__*/Object.freeze({
|
12306
12551
|
__proto__: null,
|
12307
12552
|
default: buttonSelectionGroup,
|
12308
|
-
vars: vars$
|
12553
|
+
vars: vars$f
|
12309
12554
|
});
|
12310
12555
|
|
12311
|
-
const vars$
|
12556
|
+
const vars$e = ButtonMultiSelectionGroupClass.cssVarList;
|
12312
12557
|
|
12313
12558
|
const buttonMultiSelectionGroup = {
|
12314
|
-
...createBaseButtonSelectionGroupMappings(vars$
|
12559
|
+
...createBaseButtonSelectionGroupMappings(vars$e),
|
12315
12560
|
};
|
12316
12561
|
|
12317
12562
|
var buttonMultiSelectionGroup$1 = /*#__PURE__*/Object.freeze({
|
12318
12563
|
__proto__: null,
|
12319
12564
|
default: buttonMultiSelectionGroup,
|
12320
|
-
vars: vars$
|
12565
|
+
vars: vars$e
|
12321
12566
|
});
|
12322
12567
|
|
12323
|
-
const globalRefs$
|
12568
|
+
const globalRefs$a = getThemeRefs(globals);
|
12324
12569
|
|
12325
12570
|
const compVars$1 = ModalClass.cssVarList;
|
12326
12571
|
|
12327
12572
|
const modal = {
|
12328
|
-
[compVars$1.overlayBackgroundColor]: globalRefs$
|
12329
|
-
[compVars$1.overlayShadow]: globalRefs$
|
12573
|
+
[compVars$1.overlayBackgroundColor]: globalRefs$a.colors.surface.main,
|
12574
|
+
[compVars$1.overlayShadow]: globalRefs$a.shadow.wide['2xl'],
|
12330
12575
|
[compVars$1.overlayWidth]: '540px',
|
12331
12576
|
};
|
12332
12577
|
|
12333
|
-
const vars$
|
12578
|
+
const vars$d = {
|
12334
12579
|
...compVars$1,
|
12335
12580
|
};
|
12336
12581
|
|
12337
12582
|
var modal$1 = /*#__PURE__*/Object.freeze({
|
12338
12583
|
__proto__: null,
|
12339
12584
|
default: modal,
|
12340
|
-
vars: vars$
|
12585
|
+
vars: vars$d
|
12341
12586
|
});
|
12342
12587
|
|
12343
|
-
const globalRefs$
|
12344
|
-
const vars$
|
12588
|
+
const globalRefs$9 = getThemeRefs(globals);
|
12589
|
+
const vars$c = GridClass.cssVarList;
|
12345
12590
|
|
12346
12591
|
const grid = {
|
12347
|
-
[vars$
|
12348
|
-
[vars$
|
12349
|
-
[vars$
|
12350
|
-
[vars$
|
12351
|
-
[vars$
|
12592
|
+
[vars$c.hostWidth]: '100%',
|
12593
|
+
[vars$c.hostHeight]: '100%',
|
12594
|
+
[vars$c.hostMinHeight]: '400px',
|
12595
|
+
[vars$c.fontWeight]: '400',
|
12596
|
+
[vars$c.backgroundColor]: globalRefs$9.colors.surface.main,
|
12352
12597
|
|
12353
|
-
[vars$
|
12354
|
-
[vars$
|
12598
|
+
[vars$c.fontSize]: refs.fontSize,
|
12599
|
+
[vars$c.fontFamily]: refs.fontFamily,
|
12355
12600
|
|
12356
|
-
[vars$
|
12357
|
-
[vars$
|
12358
|
-
[vars$
|
12601
|
+
[vars$c.sortIndicatorsColor]: globalRefs$9.colors.surface.light,
|
12602
|
+
[vars$c.activeSortIndicator]: globalRefs$9.colors.surface.dark,
|
12603
|
+
[vars$c.resizeHandleColor]: globalRefs$9.colors.surface.light,
|
12359
12604
|
|
12360
|
-
[vars$
|
12361
|
-
[vars$
|
12362
|
-
[vars$
|
12363
|
-
[vars$
|
12605
|
+
[vars$c.borderWidth]: refs.borderWidth,
|
12606
|
+
[vars$c.borderStyle]: refs.borderStyle,
|
12607
|
+
[vars$c.borderRadius]: refs.borderRadius,
|
12608
|
+
[vars$c.borderColor]: 'transparent',
|
12364
12609
|
|
12365
|
-
[vars$
|
12366
|
-
[vars$
|
12610
|
+
[vars$c.headerRowTextColor]: globalRefs$9.colors.surface.dark,
|
12611
|
+
[vars$c.separatorColor]: globalRefs$9.colors.surface.light,
|
12367
12612
|
|
12368
|
-
[vars$
|
12369
|
-
[vars$
|
12613
|
+
[vars$c.valueTextColor]: globalRefs$9.colors.surface.contrast,
|
12614
|
+
[vars$c.selectedBackgroundColor]: globalRefs$9.colors.surface.highlight,
|
12370
12615
|
|
12371
12616
|
_bordered: {
|
12372
|
-
[vars$
|
12617
|
+
[vars$c.borderColor]: refs.borderColor,
|
12373
12618
|
},
|
12374
12619
|
};
|
12375
12620
|
|
@@ -12377,53 +12622,53 @@ var grid$1 = /*#__PURE__*/Object.freeze({
|
|
12377
12622
|
__proto__: null,
|
12378
12623
|
default: grid,
|
12379
12624
|
grid: grid,
|
12380
|
-
vars: vars$
|
12625
|
+
vars: vars$c
|
12381
12626
|
});
|
12382
12627
|
|
12383
|
-
const globalRefs$
|
12384
|
-
const vars$
|
12628
|
+
const globalRefs$8 = getThemeRefs(globals);
|
12629
|
+
const vars$b = NotificationCardClass.cssVarList;
|
12385
12630
|
|
12386
12631
|
const shadowColor = '#00000020';
|
12387
12632
|
|
12388
12633
|
const notification = {
|
12389
|
-
[vars$
|
12390
|
-
[vars$
|
12391
|
-
[vars$
|
12392
|
-
[vars$
|
12393
|
-
[vars$
|
12394
|
-
[vars$
|
12395
|
-
[vars$
|
12396
|
-
[vars$
|
12397
|
-
[vars$
|
12634
|
+
[vars$b.hostMinWidth]: '415px',
|
12635
|
+
[vars$b.fontFamily]: globalRefs$8.fonts.font1.family,
|
12636
|
+
[vars$b.fontSize]: globalRefs$8.typography.body1.size,
|
12637
|
+
[vars$b.backgroundColor]: globalRefs$8.colors.surface.main,
|
12638
|
+
[vars$b.textColor]: globalRefs$8.colors.surface.contrast,
|
12639
|
+
[vars$b.boxShadow]: `${globalRefs$8.shadow.wide.xl} ${shadowColor}, ${globalRefs$8.shadow.narrow.xl} ${shadowColor}`,
|
12640
|
+
[vars$b.verticalPadding]: '0.625em',
|
12641
|
+
[vars$b.horizontalPadding]: '1.5em',
|
12642
|
+
[vars$b.borderRadius]: globalRefs$8.radius.xs,
|
12398
12643
|
|
12399
12644
|
_bordered: {
|
12400
|
-
[vars$
|
12401
|
-
[vars$
|
12402
|
-
[vars$
|
12645
|
+
[vars$b.borderWidth]: globalRefs$8.border.sm,
|
12646
|
+
[vars$b.borderStyle]: 'solid',
|
12647
|
+
[vars$b.borderColor]: 'transparent',
|
12403
12648
|
},
|
12404
12649
|
|
12405
12650
|
size: {
|
12406
|
-
xs: { [vars$
|
12407
|
-
sm: { [vars$
|
12408
|
-
md: { [vars$
|
12409
|
-
lg: { [vars$
|
12651
|
+
xs: { [vars$b.fontSize]: '12px' },
|
12652
|
+
sm: { [vars$b.fontSize]: '14px' },
|
12653
|
+
md: { [vars$b.fontSize]: '16px' },
|
12654
|
+
lg: { [vars$b.fontSize]: '18px' },
|
12410
12655
|
},
|
12411
12656
|
|
12412
12657
|
mode: {
|
12413
12658
|
primary: {
|
12414
|
-
[vars$
|
12415
|
-
[vars$
|
12416
|
-
[vars$
|
12659
|
+
[vars$b.backgroundColor]: globalRefs$8.colors.primary.main,
|
12660
|
+
[vars$b.textColor]: globalRefs$8.colors.primary.contrast,
|
12661
|
+
[vars$b.borderColor]: globalRefs$8.colors.primary.light,
|
12417
12662
|
},
|
12418
12663
|
success: {
|
12419
|
-
[vars$
|
12420
|
-
[vars$
|
12421
|
-
[vars$
|
12664
|
+
[vars$b.backgroundColor]: globalRefs$8.colors.success.main,
|
12665
|
+
[vars$b.textColor]: globalRefs$8.colors.success.contrast,
|
12666
|
+
[vars$b.borderColor]: globalRefs$8.colors.success.light,
|
12422
12667
|
},
|
12423
12668
|
error: {
|
12424
|
-
[vars$
|
12425
|
-
[vars$
|
12426
|
-
[vars$
|
12669
|
+
[vars$b.backgroundColor]: globalRefs$8.colors.error.main,
|
12670
|
+
[vars$b.textColor]: globalRefs$8.colors.error.contrast,
|
12671
|
+
[vars$b.borderColor]: globalRefs$8.colors.error.light,
|
12427
12672
|
},
|
12428
12673
|
},
|
12429
12674
|
};
|
@@ -12431,128 +12676,128 @@ const notification = {
|
|
12431
12676
|
var notificationCard = /*#__PURE__*/Object.freeze({
|
12432
12677
|
__proto__: null,
|
12433
12678
|
default: notification,
|
12434
|
-
vars: vars$
|
12679
|
+
vars: vars$b
|
12435
12680
|
});
|
12436
12681
|
|
12437
|
-
const globalRefs$
|
12438
|
-
const vars$
|
12682
|
+
const globalRefs$7 = getThemeRefs(globals);
|
12683
|
+
const vars$a = MultiSelectComboBoxClass.cssVarList;
|
12439
12684
|
|
12440
12685
|
const multiSelectComboBox = {
|
12441
|
-
[vars$
|
12442
|
-
[vars$
|
12443
|
-
[vars$
|
12444
|
-
[vars$
|
12445
|
-
[vars$
|
12446
|
-
[vars$
|
12447
|
-
[vars$
|
12448
|
-
[vars$
|
12449
|
-
[vars$
|
12450
|
-
[vars$
|
12451
|
-
[vars$
|
12452
|
-
[vars$
|
12453
|
-
[vars$
|
12454
|
-
[vars$
|
12455
|
-
[vars$
|
12456
|
-
[vars$
|
12457
|
-
[vars$
|
12458
|
-
[vars$
|
12459
|
-
[vars$
|
12460
|
-
[vars$
|
12461
|
-
[vars$
|
12462
|
-
[vars$
|
12463
|
-
[vars$
|
12464
|
-
[vars$
|
12465
|
-
[vars$
|
12466
|
-
[vars$
|
12467
|
-
[vars$
|
12468
|
-
[vars$
|
12469
|
-
[vars$
|
12470
|
-
[vars$
|
12686
|
+
[vars$a.hostWidth]: refs.width,
|
12687
|
+
[vars$a.hostDirection]: refs.direction,
|
12688
|
+
[vars$a.fontSize]: refs.fontSize,
|
12689
|
+
[vars$a.fontFamily]: refs.fontFamily,
|
12690
|
+
[vars$a.labelTextColor]: refs.labelTextColor,
|
12691
|
+
[vars$a.errorMessageTextColor]: refs.errorMessageTextColor,
|
12692
|
+
[vars$a.inputBorderColor]: refs.borderColor,
|
12693
|
+
[vars$a.inputBorderWidth]: refs.borderWidth,
|
12694
|
+
[vars$a.inputBorderStyle]: refs.borderStyle,
|
12695
|
+
[vars$a.inputBorderRadius]: refs.borderRadius,
|
12696
|
+
[vars$a.inputOutlineColor]: refs.outlineColor,
|
12697
|
+
[vars$a.inputOutlineOffset]: refs.outlineOffset,
|
12698
|
+
[vars$a.inputOutlineWidth]: refs.outlineWidth,
|
12699
|
+
[vars$a.inputOutlineStyle]: refs.outlineStyle,
|
12700
|
+
[vars$a.labelRequiredIndicator]: refs.requiredIndicator,
|
12701
|
+
[vars$a.inputValueTextColor]: refs.valueTextColor,
|
12702
|
+
[vars$a.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
12703
|
+
[vars$a.inputBackgroundColor]: refs.backgroundColor,
|
12704
|
+
[vars$a.inputHorizontalPadding]: refs.horizontalPadding,
|
12705
|
+
[vars$a.inputVerticalPadding]: refs.verticalPadding,
|
12706
|
+
[vars$a.inputHeight]: refs.inputHeight,
|
12707
|
+
[vars$a.inputDropdownButtonColor]: globalRefs$7.colors.surface.dark,
|
12708
|
+
[vars$a.inputDropdownButtonCursor]: 'pointer',
|
12709
|
+
[vars$a.inputDropdownButtonSize]: refs.toggleButtonSize,
|
12710
|
+
[vars$a.inputDropdownButtonOffset]: globalRefs$7.spacing.xs,
|
12711
|
+
[vars$a.overlayItemPaddingInlineStart]: globalRefs$7.spacing.xs,
|
12712
|
+
[vars$a.overlayItemPaddingInlineEnd]: globalRefs$7.spacing.lg,
|
12713
|
+
[vars$a.chipFontSize]: refs.chipFontSize,
|
12714
|
+
[vars$a.chipTextColor]: globalRefs$7.colors.surface.contrast,
|
12715
|
+
[vars$a.chipBackgroundColor]: globalRefs$7.colors.surface.light,
|
12471
12716
|
|
12472
12717
|
_readonly: {
|
12473
|
-
[vars$
|
12718
|
+
[vars$a.inputDropdownButtonCursor]: 'default',
|
12474
12719
|
},
|
12475
12720
|
|
12476
12721
|
// Overlay theme exposed via the component:
|
12477
|
-
[vars$
|
12478
|
-
[vars$
|
12479
|
-
[vars$
|
12480
|
-
[vars$
|
12481
|
-
[vars$
|
12482
|
-
[vars$
|
12722
|
+
[vars$a.overlayFontSize]: refs.fontSize,
|
12723
|
+
[vars$a.overlayFontFamily]: refs.fontFamily,
|
12724
|
+
[vars$a.overlayCursor]: 'pointer',
|
12725
|
+
[vars$a.overlayItemBoxShadow]: 'none',
|
12726
|
+
[vars$a.overlayBackground]: refs.backgroundColor,
|
12727
|
+
[vars$a.overlayTextColor]: refs.valueTextColor,
|
12483
12728
|
|
12484
12729
|
// Overlay direct theme:
|
12485
|
-
[vars$
|
12486
|
-
[vars$
|
12730
|
+
[vars$a.overlay.minHeight]: '400px',
|
12731
|
+
[vars$a.overlay.margin]: '0',
|
12487
12732
|
};
|
12488
12733
|
|
12489
12734
|
var multiSelectComboBox$1 = /*#__PURE__*/Object.freeze({
|
12490
12735
|
__proto__: null,
|
12491
12736
|
default: multiSelectComboBox,
|
12492
12737
|
multiSelectComboBox: multiSelectComboBox,
|
12493
|
-
vars: vars$
|
12738
|
+
vars: vars$a
|
12494
12739
|
});
|
12495
12740
|
|
12496
|
-
const globalRefs$
|
12497
|
-
const vars$
|
12741
|
+
const globalRefs$6 = getThemeRefs(globals);
|
12742
|
+
const vars$9 = BadgeClass.cssVarList;
|
12498
12743
|
|
12499
12744
|
const badge = {
|
12500
|
-
[vars$
|
12501
|
-
[vars$
|
12745
|
+
[vars$9.hostWidth]: 'fit-content',
|
12746
|
+
[vars$9.hostDirection]: globalRefs$6.direction,
|
12502
12747
|
|
12503
|
-
[vars$
|
12748
|
+
[vars$9.textAlign]: 'center',
|
12504
12749
|
|
12505
|
-
[vars$
|
12506
|
-
[vars$
|
12750
|
+
[vars$9.fontFamily]: globalRefs$6.fonts.font1.family,
|
12751
|
+
[vars$9.fontWeight]: '400',
|
12507
12752
|
|
12508
|
-
[vars$
|
12509
|
-
[vars$
|
12753
|
+
[vars$9.verticalPadding]: '0.25em',
|
12754
|
+
[vars$9.horizontalPadding]: '0.5em',
|
12510
12755
|
|
12511
|
-
[vars$
|
12512
|
-
[vars$
|
12513
|
-
[vars$
|
12514
|
-
[vars$
|
12756
|
+
[vars$9.borderWidth]: globalRefs$6.border.xs,
|
12757
|
+
[vars$9.borderRadius]: globalRefs$6.radius.xs,
|
12758
|
+
[vars$9.borderColor]: 'transparent',
|
12759
|
+
[vars$9.borderStyle]: 'solid',
|
12515
12760
|
|
12516
12761
|
_fullWidth: {
|
12517
|
-
[vars$
|
12762
|
+
[vars$9.hostWidth]: '100%',
|
12518
12763
|
},
|
12519
12764
|
|
12520
12765
|
size: {
|
12521
|
-
xs: { [vars$
|
12522
|
-
sm: { [vars$
|
12523
|
-
md: { [vars$
|
12524
|
-
lg: { [vars$
|
12766
|
+
xs: { [vars$9.fontSize]: '12px' },
|
12767
|
+
sm: { [vars$9.fontSize]: '14px' },
|
12768
|
+
md: { [vars$9.fontSize]: '16px' },
|
12769
|
+
lg: { [vars$9.fontSize]: '18px' },
|
12525
12770
|
},
|
12526
12771
|
|
12527
12772
|
mode: {
|
12528
12773
|
default: {
|
12529
|
-
[vars$
|
12774
|
+
[vars$9.textColor]: globalRefs$6.colors.surface.dark,
|
12530
12775
|
_bordered: {
|
12531
|
-
[vars$
|
12776
|
+
[vars$9.borderColor]: globalRefs$6.colors.surface.light,
|
12532
12777
|
},
|
12533
12778
|
},
|
12534
12779
|
primary: {
|
12535
|
-
[vars$
|
12780
|
+
[vars$9.textColor]: globalRefs$6.colors.primary.main,
|
12536
12781
|
_bordered: {
|
12537
|
-
[vars$
|
12782
|
+
[vars$9.borderColor]: globalRefs$6.colors.primary.light,
|
12538
12783
|
},
|
12539
12784
|
},
|
12540
12785
|
secondary: {
|
12541
|
-
[vars$
|
12786
|
+
[vars$9.textColor]: globalRefs$6.colors.secondary.main,
|
12542
12787
|
_bordered: {
|
12543
|
-
[vars$
|
12788
|
+
[vars$9.borderColor]: globalRefs$6.colors.secondary.light,
|
12544
12789
|
},
|
12545
12790
|
},
|
12546
12791
|
error: {
|
12547
|
-
[vars$
|
12792
|
+
[vars$9.textColor]: globalRefs$6.colors.error.main,
|
12548
12793
|
_bordered: {
|
12549
|
-
[vars$
|
12794
|
+
[vars$9.borderColor]: globalRefs$6.colors.error.light,
|
12550
12795
|
},
|
12551
12796
|
},
|
12552
12797
|
success: {
|
12553
|
-
[vars$
|
12798
|
+
[vars$9.textColor]: globalRefs$6.colors.success.main,
|
12554
12799
|
_bordered: {
|
12555
|
-
[vars$
|
12800
|
+
[vars$9.borderColor]: globalRefs$6.colors.success.light,
|
12556
12801
|
},
|
12557
12802
|
},
|
12558
12803
|
},
|
@@ -12561,19 +12806,19 @@ const badge = {
|
|
12561
12806
|
var badge$1 = /*#__PURE__*/Object.freeze({
|
12562
12807
|
__proto__: null,
|
12563
12808
|
default: badge,
|
12564
|
-
vars: vars$
|
12809
|
+
vars: vars$9
|
12565
12810
|
});
|
12566
12811
|
|
12567
|
-
const globalRefs$
|
12812
|
+
const globalRefs$5 = getThemeRefs(globals);
|
12568
12813
|
const compVars = AvatarClass.cssVarList;
|
12569
12814
|
|
12570
12815
|
const avatar = {
|
12571
|
-
[compVars.hostDirection]: globalRefs$
|
12572
|
-
[compVars.editableIconColor]: globalRefs$
|
12573
|
-
[compVars.editableBorderColor]: globalRefs$
|
12574
|
-
[compVars.editableBackgroundColor]: globalRefs$
|
12575
|
-
[compVars.avatarTextColor]: globalRefs$
|
12576
|
-
[compVars.avatarBackgroundColor]: globalRefs$
|
12816
|
+
[compVars.hostDirection]: globalRefs$5.direction,
|
12817
|
+
[compVars.editableIconColor]: globalRefs$5.colors.surface.dark,
|
12818
|
+
[compVars.editableBorderColor]: globalRefs$5.colors.surface.dark,
|
12819
|
+
[compVars.editableBackgroundColor]: globalRefs$5.colors.surface.main,
|
12820
|
+
[compVars.avatarTextColor]: globalRefs$5.colors.surface.main,
|
12821
|
+
[compVars.avatarBackgroundColor]: globalRefs$5.colors.surface.dark,
|
12577
12822
|
|
12578
12823
|
_editable: {
|
12579
12824
|
[compVars.cursor]: 'pointer',
|
@@ -12599,137 +12844,283 @@ const avatar = {
|
|
12599
12844
|
},
|
12600
12845
|
};
|
12601
12846
|
|
12602
|
-
const vars$
|
12847
|
+
const vars$8 = {
|
12603
12848
|
...compVars,
|
12604
12849
|
};
|
12605
12850
|
|
12606
12851
|
var avatar$1 = /*#__PURE__*/Object.freeze({
|
12607
12852
|
__proto__: null,
|
12608
12853
|
default: avatar,
|
12609
|
-
vars: vars$
|
12854
|
+
vars: vars$8
|
12610
12855
|
});
|
12611
12856
|
|
12612
|
-
const globalRefs$
|
12857
|
+
const globalRefs$4 = getThemeRefs(globals);
|
12613
12858
|
|
12614
|
-
const vars$
|
12859
|
+
const vars$7 = MappingsFieldClass.cssVarList;
|
12615
12860
|
|
12616
12861
|
const mappingsField = {
|
12617
|
-
[vars$
|
12618
|
-
[vars$
|
12619
|
-
[vars$
|
12620
|
-
[vars$
|
12621
|
-
[vars$
|
12622
|
-
[vars$
|
12623
|
-
[vars$
|
12624
|
-
[vars$
|
12625
|
-
[vars$
|
12626
|
-
[vars$
|
12862
|
+
[vars$7.hostWidth]: refs.width,
|
12863
|
+
[vars$7.hostDirection]: refs.direction,
|
12864
|
+
[vars$7.fontSize]: refs.fontSize,
|
12865
|
+
[vars$7.fontFamily]: refs.fontFamily,
|
12866
|
+
[vars$7.separatorFontSize]: '14px',
|
12867
|
+
[vars$7.labelsFontSize]: '14px',
|
12868
|
+
[vars$7.labelsLineHeight]: '1',
|
12869
|
+
[vars$7.labelsMarginBottom]: '6px',
|
12870
|
+
[vars$7.labelTextColor]: refs.labelTextColor,
|
12871
|
+
[vars$7.itemMarginBottom]: '1em',
|
12627
12872
|
// To be positioned correctly, the min width has to match the text field min width
|
12628
|
-
[vars$
|
12873
|
+
[vars$7.valueLabelMinWidth]: refs.minWidth,
|
12629
12874
|
// To be positioned correctly, the min width has to match the combo box field min width
|
12630
|
-
[vars$
|
12631
|
-
[vars$
|
12632
|
-
[vars$
|
12875
|
+
[vars$7.attrLabelMinWidth]: `calc(12em + 2 * ${globalRefs$4.border.xs})`,
|
12876
|
+
[vars$7.separatorWidth]: '70px',
|
12877
|
+
[vars$7.removeButtonWidth]: '60px',
|
12633
12878
|
};
|
12634
12879
|
|
12635
12880
|
var mappingsField$1 = /*#__PURE__*/Object.freeze({
|
12636
12881
|
__proto__: null,
|
12637
12882
|
default: mappingsField,
|
12638
12883
|
mappingsField: mappingsField,
|
12639
|
-
vars: vars$
|
12884
|
+
vars: vars$7
|
12640
12885
|
});
|
12641
12886
|
|
12642
|
-
const globalRefs$
|
12643
|
-
const vars$
|
12887
|
+
const globalRefs$3 = getThemeRefs(globals);
|
12888
|
+
const vars$6 = UserAttributeClass.cssVarList;
|
12644
12889
|
|
12645
12890
|
const userAttribute = {
|
12646
|
-
[vars$
|
12647
|
-
[vars$
|
12648
|
-
[vars$
|
12649
|
-
[vars$
|
12650
|
-
[vars$
|
12651
|
-
[vars$
|
12891
|
+
[vars$6.hostDirection]: globalRefs$3.direction,
|
12892
|
+
[vars$6.labelTextWidth]: '150px',
|
12893
|
+
[vars$6.valueTextWidth]: '200px',
|
12894
|
+
[vars$6.badgeMaxWidth]: '85px',
|
12895
|
+
[vars$6.itemsGap]: '16px',
|
12896
|
+
[vars$6.hostMinWidth]: '530px',
|
12652
12897
|
_fullWidth: {
|
12653
|
-
[vars$
|
12898
|
+
[vars$6.hostWidth]: '100%',
|
12654
12899
|
},
|
12655
12900
|
};
|
12656
12901
|
|
12657
12902
|
var userAttribute$1 = /*#__PURE__*/Object.freeze({
|
12658
12903
|
__proto__: null,
|
12659
12904
|
default: userAttribute,
|
12660
|
-
vars: vars$
|
12905
|
+
vars: vars$6
|
12661
12906
|
});
|
12662
12907
|
|
12663
|
-
const globalRefs$
|
12664
|
-
const vars$
|
12908
|
+
const globalRefs$2 = getThemeRefs(globals);
|
12909
|
+
const vars$5 = UserAuthMethodClass.cssVarList;
|
12665
12910
|
|
12666
12911
|
const userAuthMethod = {
|
12667
|
-
[vars$
|
12668
|
-
[vars$
|
12669
|
-
[vars$
|
12670
|
-
[vars$
|
12671
|
-
[vars$
|
12912
|
+
[vars$5.hostDirection]: globalRefs$2.direction,
|
12913
|
+
[vars$5.labelTextWidth]: '200px',
|
12914
|
+
[vars$5.itemsGap]: '16px',
|
12915
|
+
[vars$5.hostMinWidth]: '530px',
|
12916
|
+
[vars$5.iconSize]: '24px',
|
12672
12917
|
_fullWidth: {
|
12673
|
-
[vars$
|
12918
|
+
[vars$5.hostWidth]: '100%',
|
12674
12919
|
},
|
12675
12920
|
};
|
12676
12921
|
|
12677
12922
|
var userAuthMethod$1 = /*#__PURE__*/Object.freeze({
|
12678
12923
|
__proto__: null,
|
12679
12924
|
default: userAuthMethod,
|
12680
|
-
vars: vars$
|
12925
|
+
vars: vars$5
|
12681
12926
|
});
|
12682
12927
|
|
12683
|
-
const vars$
|
12928
|
+
const vars$4 = SamlGroupMappingsClass.cssVarList;
|
12684
12929
|
|
12685
12930
|
const samlGroupMappings = {
|
12686
|
-
[vars$
|
12687
|
-
[vars$
|
12688
|
-
[vars$
|
12931
|
+
[vars$4.hostWidth]: refs.width,
|
12932
|
+
[vars$4.hostDirection]: refs.direction,
|
12933
|
+
[vars$4.groupNameInputMarginBottom]: '1em',
|
12689
12934
|
};
|
12690
12935
|
|
12691
12936
|
var samlGroupMappings$1 = /*#__PURE__*/Object.freeze({
|
12692
12937
|
__proto__: null,
|
12693
12938
|
default: samlGroupMappings,
|
12694
12939
|
samlGroupMappings: samlGroupMappings,
|
12695
|
-
vars: vars$
|
12940
|
+
vars: vars$4
|
12696
12941
|
});
|
12697
12942
|
|
12698
|
-
const globalRefs = getThemeRefs(globals);
|
12699
|
-
const vars$
|
12943
|
+
const globalRefs$1 = getThemeRefs(globals);
|
12944
|
+
const vars$3 = PolicyValidationClass.cssVarList;
|
12700
12945
|
|
12701
12946
|
const policyValidation = {
|
12702
|
-
[vars$
|
12703
|
-
[vars$
|
12704
|
-
[vars$
|
12705
|
-
[vars$
|
12706
|
-
[vars$
|
12707
|
-
[vars$
|
12708
|
-
[vars$
|
12709
|
-
[vars$
|
12710
|
-
[vars$
|
12711
|
-
[vars$
|
12712
|
-
[vars$
|
12713
|
-
[vars$
|
12714
|
-
[vars$
|
12715
|
-
[vars$
|
12716
|
-
[vars$
|
12717
|
-
[vars$
|
12947
|
+
[vars$3.fontFamily]: refs.fontFamily,
|
12948
|
+
[vars$3.fontSize]: refs.labelFontSize,
|
12949
|
+
[vars$3.textColor]: refs.labelTextColor,
|
12950
|
+
[vars$3.borderWidth]: refs.borderWidth,
|
12951
|
+
[vars$3.borderStyle]: refs.borderStyle,
|
12952
|
+
[vars$3.borderColor]: refs.borderColor,
|
12953
|
+
[vars$3.borderRadius]: globalRefs$1.radius.sm,
|
12954
|
+
[vars$3.backgroundColor]: 'none',
|
12955
|
+
[vars$3.padding]: '0px',
|
12956
|
+
[vars$3.labelMargin]: globalRefs$1.spacing.sm,
|
12957
|
+
[vars$3.itemsSpacing]: globalRefs$1.spacing.lg,
|
12958
|
+
[vars$3.itemSymbolDefault]: "'\\2022'", // "•"
|
12959
|
+
[vars$3.itemSymbolSuccess]: "'\\2713'", // "✓"
|
12960
|
+
[vars$3.itemSymbolError]: "'\\2A09'", // "⨉"
|
12961
|
+
[vars$3.itemSymbolSuccessColor]: globalRefs$1.colors.success.main,
|
12962
|
+
[vars$3.itemSymbolErrorColor]: globalRefs$1.colors.error.main,
|
12718
12963
|
};
|
12719
12964
|
|
12720
12965
|
var policyValidation$1 = /*#__PURE__*/Object.freeze({
|
12721
12966
|
__proto__: null,
|
12722
12967
|
default: policyValidation,
|
12723
|
-
vars: vars$
|
12968
|
+
vars: vars$3
|
12724
12969
|
});
|
12725
12970
|
|
12726
|
-
const vars$
|
12971
|
+
const vars$2 = IconClass.cssVarList;
|
12727
12972
|
|
12728
12973
|
const icon = {};
|
12729
12974
|
|
12730
12975
|
var icon$1 = /*#__PURE__*/Object.freeze({
|
12731
12976
|
__proto__: null,
|
12732
12977
|
default: icon,
|
12978
|
+
vars: vars$2
|
12979
|
+
});
|
12980
|
+
|
12981
|
+
const globalRefs = getThemeRefs(globals);
|
12982
|
+
|
12983
|
+
const vars$1 = CodeSnippetClass.cssVarList;
|
12984
|
+
|
12985
|
+
const light = {
|
12986
|
+
color1: '#fa0',
|
12987
|
+
color2: '#d73a49',
|
12988
|
+
color3: '#6f42c1',
|
12989
|
+
color4: '#005cc5',
|
12990
|
+
color5: '#e36209',
|
12991
|
+
color6: '#6a737d',
|
12992
|
+
color7: '#22863a',
|
12993
|
+
color8: '#24292e',
|
12994
|
+
color9: '#735c0f',
|
12995
|
+
color10: '#f0fff4',
|
12996
|
+
color11: '#b31d28',
|
12997
|
+
color12: '#ffeef0',
|
12998
|
+
color13: '#032f62',
|
12999
|
+
};
|
13000
|
+
|
13001
|
+
const dark = {
|
13002
|
+
color1: '#c9d1d9',
|
13003
|
+
color2: '#ff7b72',
|
13004
|
+
color3: '#d2a8ff',
|
13005
|
+
color4: '#79c0ff',
|
13006
|
+
color5: '#ffa657',
|
13007
|
+
color6: '#8b949e',
|
13008
|
+
color7: '#7ee787',
|
13009
|
+
color8: '#c9d1d9',
|
13010
|
+
color9: '#735c0f',
|
13011
|
+
color10: '#f0fff4',
|
13012
|
+
color11: '#67060c',
|
13013
|
+
color12: '#ffeef0',
|
13014
|
+
color13: '#a5d6ff',
|
13015
|
+
};
|
13016
|
+
|
13017
|
+
const CodeSnippet = {
|
13018
|
+
[vars$1.rootBgColor]: globalRefs.colors.surface.main,
|
13019
|
+
[vars$1.rootTextColor]: globalRefs.colors.surface.contrast,
|
13020
|
+
[vars$1.docTagTextColor]: light.color2,
|
13021
|
+
[vars$1.keywordTextColor]: light.color2,
|
13022
|
+
[vars$1.metaKeywordTextColor]: light.color2,
|
13023
|
+
[vars$1.templateTagTextColor]: light.color2,
|
13024
|
+
[vars$1.templateVariableTextColor]: light.color2,
|
13025
|
+
[vars$1.typeTextColor]: light.color2,
|
13026
|
+
[vars$1.variableLanguageTextColor]: light.color2,
|
13027
|
+
[vars$1.titleTextColor]: light.color3,
|
13028
|
+
[vars$1.titleClassTextColor]: light.color3,
|
13029
|
+
[vars$1.titleClassInheritedTextColor]: light.color3,
|
13030
|
+
[vars$1.titleFunctionTextColor]: light.color3,
|
13031
|
+
[vars$1.attrTextColor]: light.color4,
|
13032
|
+
[vars$1.attributeTextColor]: light.color4,
|
13033
|
+
[vars$1.literalTextColor]: light.color4,
|
13034
|
+
[vars$1.metaTextColor]: light.color4,
|
13035
|
+
[vars$1.numberTextColor]: light.color4,
|
13036
|
+
[vars$1.operatorTextColor]: light.color4,
|
13037
|
+
[vars$1.variableTextColor]: light.color4,
|
13038
|
+
[vars$1.selectorAttrTextColor]: light.color4,
|
13039
|
+
[vars$1.selectorClassTextColor]: light.color4,
|
13040
|
+
[vars$1.selectorIdTextColor]: light.color4,
|
13041
|
+
[vars$1.regexpTextColor]: light.color13,
|
13042
|
+
[vars$1.stringTextColor]: light.color13,
|
13043
|
+
[vars$1.metaStringTextColor]: light.color13,
|
13044
|
+
[vars$1.builtInTextColor]: light.color5,
|
13045
|
+
[vars$1.symbolTextColor]: light.color5,
|
13046
|
+
[vars$1.commentTextColor]: light.color6,
|
13047
|
+
[vars$1.codeTextColor]: light.color6,
|
13048
|
+
[vars$1.formulaTextColor]: light.color6,
|
13049
|
+
[vars$1.nameTextColor]: light.color7,
|
13050
|
+
[vars$1.quoteTextColor]: light.color7,
|
13051
|
+
[vars$1.selectorTagTextColor]: light.color7,
|
13052
|
+
[vars$1.selectorPseudoTextColor]: light.color7,
|
13053
|
+
[vars$1.substTextColor]: light.color8,
|
13054
|
+
[vars$1.sectionTextColor]: light.color4,
|
13055
|
+
[vars$1.bulletTextColor]: light.color9,
|
13056
|
+
[vars$1.emphasisTextColor]: light.color8,
|
13057
|
+
[vars$1.strongTextColor]: light.color8,
|
13058
|
+
[vars$1.additionTextColor]: light.color7,
|
13059
|
+
[vars$1.additionBgColor]: light.color10,
|
13060
|
+
[vars$1.deletionTextColor]: light.color2,
|
13061
|
+
[vars$1.deletionBgColor]: light.color10,
|
13062
|
+
/* purposely ignored */
|
13063
|
+
// [vars.charEscapeTextColor]: '',
|
13064
|
+
// [vars.linkTextColor]: '',
|
13065
|
+
// [vars.paramsTextColor]: '',
|
13066
|
+
// [vars.propertyTextColor]: '',
|
13067
|
+
// [vars.punctuationTextColor]: '',
|
13068
|
+
// [vars.tagTextColor ]: '',
|
13069
|
+
};
|
13070
|
+
|
13071
|
+
const codeSnippetDarkThemeOverrides = {
|
13072
|
+
codeSnippet: {
|
13073
|
+
[vars$1.rootBgColor]: globalRefs.colors.surface.main,
|
13074
|
+
[vars$1.rootTextColor]: globalRefs.colors.surface.contrast,
|
13075
|
+
[vars$1.docTagTextColor]: dark.color2,
|
13076
|
+
[vars$1.keywordTextColor]: dark.color2,
|
13077
|
+
[vars$1.metaKeywordTextColor]: dark.color2,
|
13078
|
+
[vars$1.templateTagTextColor]: dark.color2,
|
13079
|
+
[vars$1.templateVariableTextColor]: dark.color2,
|
13080
|
+
[vars$1.typeTextColor]: dark.color2,
|
13081
|
+
[vars$1.variableLanguageTextColor]: dark.color2,
|
13082
|
+
[vars$1.titleTextColor]: dark.color3,
|
13083
|
+
[vars$1.titleClassTextColor]: dark.color3,
|
13084
|
+
[vars$1.titleClassInheritedTextColor]: dark.color3,
|
13085
|
+
[vars$1.titleFunctionTextColor]: dark.color3,
|
13086
|
+
[vars$1.attrTextColor]: dark.color4,
|
13087
|
+
[vars$1.attributeTextColor]: dark.color4,
|
13088
|
+
[vars$1.literalTextColor]: dark.color4,
|
13089
|
+
[vars$1.metaTextColor]: dark.color4,
|
13090
|
+
[vars$1.numberTextColor]: dark.color4,
|
13091
|
+
[vars$1.operatorTextColor]: dark.color4,
|
13092
|
+
[vars$1.variableTextColor]: dark.color4,
|
13093
|
+
[vars$1.selectorAttrTextColor]: dark.color4,
|
13094
|
+
[vars$1.selectorClassTextColor]: dark.color4,
|
13095
|
+
[vars$1.selectorIdTextColor]: dark.color4,
|
13096
|
+
[vars$1.regexpTextColor]: dark.color13,
|
13097
|
+
[vars$1.stringTextColor]: dark.color13,
|
13098
|
+
[vars$1.metaStringTextColor]: dark.color13,
|
13099
|
+
[vars$1.builtInTextColor]: dark.color5,
|
13100
|
+
[vars$1.symbolTextColor]: dark.color5,
|
13101
|
+
[vars$1.commentTextColor]: dark.color6,
|
13102
|
+
[vars$1.codeTextColor]: dark.color6,
|
13103
|
+
[vars$1.formulaTextColor]: dark.color6,
|
13104
|
+
[vars$1.nameTextColor]: dark.color7,
|
13105
|
+
[vars$1.quoteTextColor]: dark.color7,
|
13106
|
+
[vars$1.selectorTagTextColor]: dark.color7,
|
13107
|
+
[vars$1.selectorPseudoTextColor]: dark.color7,
|
13108
|
+
[vars$1.substTextColor]: dark.color8,
|
13109
|
+
[vars$1.sectionTextColor]: dark.color4,
|
13110
|
+
[vars$1.bulletTextColor]: dark.color9,
|
13111
|
+
[vars$1.emphasisTextColor]: dark.color8,
|
13112
|
+
[vars$1.strongTextColor]: dark.color8,
|
13113
|
+
[vars$1.additionTextColor]: dark.color7,
|
13114
|
+
[vars$1.additionBgColor]: dark.color10,
|
13115
|
+
[vars$1.deletionTextColor]: dark.color2,
|
13116
|
+
[vars$1.deletionBgColor]: dark.color10,
|
13117
|
+
},
|
13118
|
+
};
|
13119
|
+
|
13120
|
+
var codeSnippet = /*#__PURE__*/Object.freeze({
|
13121
|
+
__proto__: null,
|
13122
|
+
codeSnippetDarkThemeOverrides: codeSnippetDarkThemeOverrides,
|
13123
|
+
default: CodeSnippet,
|
12733
13124
|
vars: vars$1
|
12734
13125
|
});
|
12735
13126
|
|
@@ -12775,6 +13166,7 @@ const components = {
|
|
12775
13166
|
samlGroupMappings: samlGroupMappings$1,
|
12776
13167
|
policyValidation: policyValidation$1,
|
12777
13168
|
icon: icon$1,
|
13169
|
+
codeSnippet,
|
12778
13170
|
};
|
12779
13171
|
|
12780
13172
|
const theme = Object.keys(components).reduce(
|
@@ -12787,7 +13179,7 @@ const vars = Object.keys(components).reduce(
|
|
12787
13179
|
);
|
12788
13180
|
|
12789
13181
|
const defaultTheme = { globals, components: theme };
|
12790
|
-
const themeVars = { globals: vars$
|
13182
|
+
const themeVars = { globals: vars$H, components: vars };
|
12791
13183
|
|
12792
13184
|
const colors = {
|
12793
13185
|
surface: {
|
@@ -12831,7 +13223,10 @@ const darkTheme = merge({}, defaultTheme, {
|
|
12831
13223
|
globals: {
|
12832
13224
|
colors,
|
12833
13225
|
},
|
13226
|
+
components: {
|
13227
|
+
...codeSnippetDarkThemeOverrides,
|
13228
|
+
},
|
12834
13229
|
});
|
12835
13230
|
|
12836
|
-
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 };
|
13231
|
+
export { AvatarClass, BadgeClass, ButtonClass, ButtonMultiSelectionGroupClass, ButtonSelectionGroupClass, CheckboxClass, CodeSnippetClass, 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 };
|
12837
13232
|
//# sourceMappingURL=index.esm.js.map
|