@descope/web-components-ui 1.0.306 → 1.0.308
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.cjs.js +755 -677
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +706 -626
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/DescopeDev.js +1 -1
- package/dist/umd/button-selection-group-fields-descope-button-multi-selection-group-index-js.js +1 -1
- package/dist/umd/button-selection-group-fields-descope-button-selection-group-index-js.js +1 -1
- package/dist/umd/button-selection-group-fields-descope-button-selection-group-item-index-js.js +1 -1
- package/dist/umd/descope-button-index-js.js +4 -4
- package/dist/umd/descope-icon-index-js.js +1 -0
- package/dist/umd/descope-upload-file-index-js.js +1 -1
- package/dist/umd/descope-user-attribute-index-js.js +1 -1
- package/dist/umd/descope-user-auth-method-index-js.js +1 -1
- package/dist/umd/index.js +1 -1
- package/dist/umd/mapping-fields-descope-mappings-field-index-js.js +1 -1
- package/dist/umd/mapping-fields-descope-saml-group-mappings-index-js.js +1 -1
- package/package.json +1 -1
- package/src/components/descope-button/ButtonClass.js +5 -0
- package/src/components/descope-icon/IconClass.js +65 -0
- package/src/components/descope-icon/index.js +5 -0
- package/src/index.js +1 -0
- package/src/theme/components/button.js +1 -0
- package/src/theme/components/icon.js +7 -0
- package/src/theme/components/index.js +2 -0
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -631,7 +631,7 @@ const globals = {
|
|
|
631
631
|
fonts,
|
|
632
632
|
direction,
|
|
633
633
|
};
|
|
634
|
-
const vars$
|
|
634
|
+
const vars$G = getThemeVars(globals);
|
|
635
635
|
|
|
636
636
|
const createCssVar = (varName, fallback) => `var(${varName}${fallback ? `, ${fallback}` : ''})`;
|
|
637
637
|
|
|
@@ -2566,6 +2566,68 @@ const inputEventsDispatchingMixin = (superclass) =>
|
|
|
2566
2566
|
}
|
|
2567
2567
|
};
|
|
2568
2568
|
|
|
2569
|
+
/* eslint-disable no-use-before-define */
|
|
2570
|
+
|
|
2571
|
+
const componentName$P = getComponentName('icon');
|
|
2572
|
+
|
|
2573
|
+
class RawIcon extends createBaseClass({ componentName: componentName$P, baseSelector: 'slot' }) {
|
|
2574
|
+
constructor() {
|
|
2575
|
+
super();
|
|
2576
|
+
|
|
2577
|
+
this.attachShadow({ mode: 'open' }).innerHTML = `
|
|
2578
|
+
<style>
|
|
2579
|
+
:host > slot {
|
|
2580
|
+
box-sizing: border-box;
|
|
2581
|
+
width: 100%;
|
|
2582
|
+
height: 100%;
|
|
2583
|
+
display: flex;
|
|
2584
|
+
overflow: auto;
|
|
2585
|
+
}
|
|
2586
|
+
:host {
|
|
2587
|
+
display: inline-block;
|
|
2588
|
+
}
|
|
2589
|
+
</style>
|
|
2590
|
+
<slot></slot>
|
|
2591
|
+
`;
|
|
2592
|
+
}
|
|
2593
|
+
|
|
2594
|
+
get items() {
|
|
2595
|
+
return this.shadowRoot.querySelector('slot').assignedNodes();
|
|
2596
|
+
}
|
|
2597
|
+
|
|
2598
|
+
#onChildrenChange() {
|
|
2599
|
+
// force hide icon if empty.
|
|
2600
|
+
if (this.items?.length > 0) {
|
|
2601
|
+
this.shadowRoot.host.style.setProperty('display', 'inline-block');
|
|
2602
|
+
} else {
|
|
2603
|
+
this.shadowRoot.host.style.setProperty('display', 'none');
|
|
2604
|
+
}
|
|
2605
|
+
|
|
2606
|
+
// set fill for all inner svgs to fill var and a fallback
|
|
2607
|
+
const elems = this.querySelectorAll('*[fill]');
|
|
2608
|
+
elems.forEach((ele) =>
|
|
2609
|
+
ele.setAttribute(
|
|
2610
|
+
'fill',
|
|
2611
|
+
`var(${IconClass.cssVarList.fill}, ${ele.getAttribute('fill') || "''"})`
|
|
2612
|
+
)
|
|
2613
|
+
);
|
|
2614
|
+
}
|
|
2615
|
+
|
|
2616
|
+
init() {
|
|
2617
|
+
observeChildren(this, this.#onChildrenChange.bind(this));
|
|
2618
|
+
}
|
|
2619
|
+
}
|
|
2620
|
+
|
|
2621
|
+
const IconClass = compose(
|
|
2622
|
+
createStyleMixin({
|
|
2623
|
+
mappings: {
|
|
2624
|
+
fill: {},
|
|
2625
|
+
},
|
|
2626
|
+
}),
|
|
2627
|
+
draggableMixin,
|
|
2628
|
+
componentNameValidationMixin
|
|
2629
|
+
)(RawIcon);
|
|
2630
|
+
|
|
2569
2631
|
const clickableMixin = (superclass) =>
|
|
2570
2632
|
class ClickableMixinClass extends superclass {
|
|
2571
2633
|
get isLoading() {
|
|
@@ -2647,6 +2709,10 @@ const ButtonClass = compose(
|
|
|
2647
2709
|
verticalPadding: [{ property: 'padding-top' }, { property: 'padding-bottom' }],
|
|
2648
2710
|
|
|
2649
2711
|
labelTextColor: { property: 'color' },
|
|
2712
|
+
iconColor: {
|
|
2713
|
+
selector: () => `::slotted(${IconClass.componentName})`,
|
|
2714
|
+
property: IconClass.cssVarList.fill,
|
|
2715
|
+
},
|
|
2650
2716
|
labelTextDecoration: { ...label$a, property: 'text-decoration' },
|
|
2651
2717
|
labelSpacing: { ...label$a, property: 'gap' },
|
|
2652
2718
|
textAlign: { ...label$a, property: 'justify-content', fallback: 'center' },
|
|
@@ -2787,6 +2853,7 @@ const button = {
|
|
|
2787
2853
|
[helperVars$3.dark]: globalRefs$o.colors.surface.dark,
|
|
2788
2854
|
[helperVars$3.light]: globalRefs$o.colors.surface.light,
|
|
2789
2855
|
[helperVars$3.contrast]: globalRefs$o.colors.surface.main,
|
|
2856
|
+
[compVars$5.iconColor]: globalRefs$o.colors.surface.main,
|
|
2790
2857
|
},
|
|
2791
2858
|
|
|
2792
2859
|
variant: {
|
|
@@ -2834,7 +2901,7 @@ const button = {
|
|
|
2834
2901
|
},
|
|
2835
2902
|
};
|
|
2836
2903
|
|
|
2837
|
-
const vars$
|
|
2904
|
+
const vars$F = {
|
|
2838
2905
|
...compVars$5,
|
|
2839
2906
|
...helperVars$3,
|
|
2840
2907
|
};
|
|
@@ -2842,7 +2909,7 @@ const vars$E = {
|
|
|
2842
2909
|
var button$1 = /*#__PURE__*/Object.freeze({
|
|
2843
2910
|
__proto__: null,
|
|
2844
2911
|
default: button,
|
|
2845
|
-
vars: vars$
|
|
2912
|
+
vars: vars$F
|
|
2846
2913
|
});
|
|
2847
2914
|
|
|
2848
2915
|
const {
|
|
@@ -3107,7 +3174,7 @@ const TextFieldClass = compose(
|
|
|
3107
3174
|
const componentName$M = getComponentName('input-wrapper');
|
|
3108
3175
|
const globalRefs$n = getThemeRefs(globals);
|
|
3109
3176
|
|
|
3110
|
-
const [theme$1, refs, vars$
|
|
3177
|
+
const [theme$1, refs, vars$E] = createHelperVars(
|
|
3111
3178
|
{
|
|
3112
3179
|
labelTextColor: globalRefs$n.colors.surface.dark,
|
|
3113
3180
|
labelFontSize: '14px', // not taken from globals as it is fixed in all inputs
|
|
@@ -3184,38 +3251,38 @@ var inputWrapper = /*#__PURE__*/Object.freeze({
|
|
|
3184
3251
|
__proto__: null,
|
|
3185
3252
|
default: theme$1,
|
|
3186
3253
|
refs: refs,
|
|
3187
|
-
vars: vars$
|
|
3254
|
+
vars: vars$E
|
|
3188
3255
|
});
|
|
3189
3256
|
|
|
3190
|
-
const vars$
|
|
3257
|
+
const vars$D = TextFieldClass.cssVarList;
|
|
3191
3258
|
|
|
3192
3259
|
const textField$1 = {
|
|
3193
|
-
[vars$
|
|
3194
|
-
[vars$
|
|
3195
|
-
[vars$
|
|
3196
|
-
[vars$
|
|
3197
|
-
[vars$
|
|
3198
|
-
[vars$
|
|
3199
|
-
[vars$
|
|
3200
|
-
[vars$
|
|
3201
|
-
[vars$
|
|
3202
|
-
[vars$
|
|
3203
|
-
[vars$
|
|
3204
|
-
[vars$
|
|
3205
|
-
[vars$
|
|
3206
|
-
[vars$
|
|
3207
|
-
[vars$
|
|
3208
|
-
[vars$
|
|
3209
|
-
[vars$
|
|
3210
|
-
[vars$
|
|
3211
|
-
[vars$
|
|
3212
|
-
[vars$
|
|
3213
|
-
[vars$
|
|
3214
|
-
[vars$
|
|
3260
|
+
[vars$D.hostWidth]: refs.width,
|
|
3261
|
+
[vars$D.hostMinWidth]: refs.minWidth,
|
|
3262
|
+
[vars$D.hostDirection]: refs.direction,
|
|
3263
|
+
[vars$D.fontSize]: refs.fontSize,
|
|
3264
|
+
[vars$D.fontFamily]: refs.fontFamily,
|
|
3265
|
+
[vars$D.labelTextColor]: refs.labelTextColor,
|
|
3266
|
+
[vars$D.labelRequiredIndicator]: refs.requiredIndicator,
|
|
3267
|
+
[vars$D.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
3268
|
+
[vars$D.inputValueTextColor]: refs.valueTextColor,
|
|
3269
|
+
[vars$D.inputPlaceholderColor]: refs.placeholderTextColor,
|
|
3270
|
+
[vars$D.inputBorderWidth]: refs.borderWidth,
|
|
3271
|
+
[vars$D.inputBorderStyle]: refs.borderStyle,
|
|
3272
|
+
[vars$D.inputBorderColor]: refs.borderColor,
|
|
3273
|
+
[vars$D.inputBorderRadius]: refs.borderRadius,
|
|
3274
|
+
[vars$D.inputOutlineWidth]: refs.outlineWidth,
|
|
3275
|
+
[vars$D.inputOutlineStyle]: refs.outlineStyle,
|
|
3276
|
+
[vars$D.inputOutlineColor]: refs.outlineColor,
|
|
3277
|
+
[vars$D.inputOutlineOffset]: refs.outlineOffset,
|
|
3278
|
+
[vars$D.inputBackgroundColor]: refs.backgroundColor,
|
|
3279
|
+
[vars$D.inputHeight]: refs.inputHeight,
|
|
3280
|
+
[vars$D.inputHorizontalPadding]: refs.horizontalPadding,
|
|
3281
|
+
[vars$D.helperTextColor]: refs.helperTextColor,
|
|
3215
3282
|
textAlign: {
|
|
3216
|
-
right: { [vars$
|
|
3217
|
-
left: { [vars$
|
|
3218
|
-
center: { [vars$
|
|
3283
|
+
right: { [vars$D.inputTextAlign]: 'right' },
|
|
3284
|
+
left: { [vars$D.inputTextAlign]: 'left' },
|
|
3285
|
+
center: { [vars$D.inputTextAlign]: 'center' },
|
|
3219
3286
|
},
|
|
3220
3287
|
};
|
|
3221
3288
|
|
|
@@ -3223,7 +3290,7 @@ var textField$2 = /*#__PURE__*/Object.freeze({
|
|
|
3223
3290
|
__proto__: null,
|
|
3224
3291
|
default: textField$1,
|
|
3225
3292
|
textField: textField$1,
|
|
3226
|
-
vars: vars$
|
|
3293
|
+
vars: vars$D
|
|
3227
3294
|
});
|
|
3228
3295
|
|
|
3229
3296
|
const passwordDraggableMixin = (superclass) =>
|
|
@@ -3394,38 +3461,38 @@ const PasswordClass = compose(
|
|
|
3394
3461
|
);
|
|
3395
3462
|
|
|
3396
3463
|
const globalRefs$m = getThemeRefs(globals);
|
|
3397
|
-
const vars$
|
|
3464
|
+
const vars$C = PasswordClass.cssVarList;
|
|
3398
3465
|
|
|
3399
3466
|
const password = {
|
|
3400
|
-
[vars$
|
|
3401
|
-
[vars$
|
|
3402
|
-
[vars$
|
|
3403
|
-
[vars$
|
|
3404
|
-
[vars$
|
|
3405
|
-
[vars$
|
|
3406
|
-
[vars$
|
|
3407
|
-
[vars$
|
|
3408
|
-
[vars$
|
|
3409
|
-
[vars$
|
|
3410
|
-
[vars$
|
|
3411
|
-
[vars$
|
|
3412
|
-
[vars$
|
|
3413
|
-
[vars$
|
|
3414
|
-
[vars$
|
|
3415
|
-
[vars$
|
|
3416
|
-
[vars$
|
|
3417
|
-
[vars$
|
|
3418
|
-
[vars$
|
|
3419
|
-
[vars$
|
|
3420
|
-
[vars$
|
|
3421
|
-
[vars$
|
|
3422
|
-
[vars$
|
|
3467
|
+
[vars$C.hostWidth]: refs.width,
|
|
3468
|
+
[vars$C.hostDirection]: refs.direction,
|
|
3469
|
+
[vars$C.fontSize]: refs.fontSize,
|
|
3470
|
+
[vars$C.fontFamily]: refs.fontFamily,
|
|
3471
|
+
[vars$C.labelTextColor]: refs.labelTextColor,
|
|
3472
|
+
[vars$C.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
3473
|
+
[vars$C.inputHorizontalPadding]: refs.horizontalPadding,
|
|
3474
|
+
[vars$C.inputHeight]: refs.inputHeight,
|
|
3475
|
+
[vars$C.inputBackgroundColor]: refs.backgroundColor,
|
|
3476
|
+
[vars$C.labelRequiredIndicator]: refs.requiredIndicator,
|
|
3477
|
+
[vars$C.inputValueTextColor]: refs.valueTextColor,
|
|
3478
|
+
[vars$C.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
|
3479
|
+
[vars$C.inputBorderWidth]: refs.borderWidth,
|
|
3480
|
+
[vars$C.inputBorderStyle]: refs.borderStyle,
|
|
3481
|
+
[vars$C.inputBorderColor]: refs.borderColor,
|
|
3482
|
+
[vars$C.inputBorderRadius]: refs.borderRadius,
|
|
3483
|
+
[vars$C.inputOutlineWidth]: refs.outlineWidth,
|
|
3484
|
+
[vars$C.inputOutlineStyle]: refs.outlineStyle,
|
|
3485
|
+
[vars$C.inputOutlineColor]: refs.outlineColor,
|
|
3486
|
+
[vars$C.inputOutlineOffset]: refs.outlineOffset,
|
|
3487
|
+
[vars$C.revealButtonOffset]: globalRefs$m.spacing.md,
|
|
3488
|
+
[vars$C.revealButtonSize]: refs.toggleButtonSize,
|
|
3489
|
+
[vars$C.revealButtonColor]: refs.placeholderTextColor,
|
|
3423
3490
|
};
|
|
3424
3491
|
|
|
3425
3492
|
var password$1 = /*#__PURE__*/Object.freeze({
|
|
3426
3493
|
__proto__: null,
|
|
3427
3494
|
default: password,
|
|
3428
|
-
vars: vars$
|
|
3495
|
+
vars: vars$C
|
|
3429
3496
|
});
|
|
3430
3497
|
|
|
3431
3498
|
const componentName$K = getComponentName('number-field');
|
|
@@ -3458,36 +3525,36 @@ const NumberFieldClass = compose(
|
|
|
3458
3525
|
})
|
|
3459
3526
|
);
|
|
3460
3527
|
|
|
3461
|
-
const vars$
|
|
3528
|
+
const vars$B = NumberFieldClass.cssVarList;
|
|
3462
3529
|
|
|
3463
3530
|
const numberField = {
|
|
3464
|
-
[vars$
|
|
3465
|
-
[vars$
|
|
3466
|
-
[vars$
|
|
3467
|
-
[vars$
|
|
3468
|
-
[vars$
|
|
3469
|
-
[vars$
|
|
3470
|
-
[vars$
|
|
3471
|
-
[vars$
|
|
3472
|
-
[vars$
|
|
3473
|
-
[vars$
|
|
3474
|
-
[vars$
|
|
3475
|
-
[vars$
|
|
3476
|
-
[vars$
|
|
3477
|
-
[vars$
|
|
3478
|
-
[vars$
|
|
3479
|
-
[vars$
|
|
3480
|
-
[vars$
|
|
3481
|
-
[vars$
|
|
3482
|
-
[vars$
|
|
3483
|
-
[vars$
|
|
3484
|
-
[vars$
|
|
3531
|
+
[vars$B.hostWidth]: refs.width,
|
|
3532
|
+
[vars$B.hostMinWidth]: refs.minWidth,
|
|
3533
|
+
[vars$B.hostDirection]: refs.direction,
|
|
3534
|
+
[vars$B.fontSize]: refs.fontSize,
|
|
3535
|
+
[vars$B.fontFamily]: refs.fontFamily,
|
|
3536
|
+
[vars$B.labelTextColor]: refs.labelTextColor,
|
|
3537
|
+
[vars$B.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
3538
|
+
[vars$B.inputValueTextColor]: refs.valueTextColor,
|
|
3539
|
+
[vars$B.inputPlaceholderColor]: refs.placeholderTextColor,
|
|
3540
|
+
[vars$B.inputBorderWidth]: refs.borderWidth,
|
|
3541
|
+
[vars$B.inputBorderStyle]: refs.borderStyle,
|
|
3542
|
+
[vars$B.inputBorderColor]: refs.borderColor,
|
|
3543
|
+
[vars$B.inputBorderRadius]: refs.borderRadius,
|
|
3544
|
+
[vars$B.inputOutlineWidth]: refs.outlineWidth,
|
|
3545
|
+
[vars$B.inputOutlineStyle]: refs.outlineStyle,
|
|
3546
|
+
[vars$B.inputOutlineColor]: refs.outlineColor,
|
|
3547
|
+
[vars$B.inputOutlineOffset]: refs.outlineOffset,
|
|
3548
|
+
[vars$B.inputBackgroundColor]: refs.backgroundColor,
|
|
3549
|
+
[vars$B.labelRequiredIndicator]: refs.requiredIndicator,
|
|
3550
|
+
[vars$B.inputHorizontalPadding]: refs.horizontalPadding,
|
|
3551
|
+
[vars$B.inputHeight]: refs.inputHeight,
|
|
3485
3552
|
};
|
|
3486
3553
|
|
|
3487
3554
|
var numberField$1 = /*#__PURE__*/Object.freeze({
|
|
3488
3555
|
__proto__: null,
|
|
3489
3556
|
default: numberField,
|
|
3490
|
-
vars: vars$
|
|
3557
|
+
vars: vars$B
|
|
3491
3558
|
});
|
|
3492
3559
|
|
|
3493
3560
|
const componentName$J = getComponentName('email-field');
|
|
@@ -3529,36 +3596,36 @@ const EmailFieldClass = compose(
|
|
|
3529
3596
|
})
|
|
3530
3597
|
);
|
|
3531
3598
|
|
|
3532
|
-
const vars$
|
|
3599
|
+
const vars$A = EmailFieldClass.cssVarList;
|
|
3533
3600
|
|
|
3534
3601
|
const emailField = {
|
|
3535
|
-
[vars$
|
|
3536
|
-
[vars$
|
|
3537
|
-
[vars$
|
|
3538
|
-
[vars$
|
|
3539
|
-
[vars$
|
|
3540
|
-
[vars$
|
|
3541
|
-
[vars$
|
|
3542
|
-
[vars$
|
|
3543
|
-
[vars$
|
|
3544
|
-
[vars$
|
|
3545
|
-
[vars$
|
|
3546
|
-
[vars$
|
|
3547
|
-
[vars$
|
|
3548
|
-
[vars$
|
|
3549
|
-
[vars$
|
|
3550
|
-
[vars$
|
|
3551
|
-
[vars$
|
|
3552
|
-
[vars$
|
|
3553
|
-
[vars$
|
|
3554
|
-
[vars$
|
|
3555
|
-
[vars$
|
|
3602
|
+
[vars$A.hostWidth]: refs.width,
|
|
3603
|
+
[vars$A.hostMinWidth]: refs.minWidth,
|
|
3604
|
+
[vars$A.hostDirection]: refs.direction,
|
|
3605
|
+
[vars$A.fontSize]: refs.fontSize,
|
|
3606
|
+
[vars$A.fontFamily]: refs.fontFamily,
|
|
3607
|
+
[vars$A.labelTextColor]: refs.labelTextColor,
|
|
3608
|
+
[vars$A.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
3609
|
+
[vars$A.inputValueTextColor]: refs.valueTextColor,
|
|
3610
|
+
[vars$A.labelRequiredIndicator]: refs.requiredIndicator,
|
|
3611
|
+
[vars$A.inputPlaceholderColor]: refs.placeholderTextColor,
|
|
3612
|
+
[vars$A.inputBorderWidth]: refs.borderWidth,
|
|
3613
|
+
[vars$A.inputBorderStyle]: refs.borderStyle,
|
|
3614
|
+
[vars$A.inputBorderColor]: refs.borderColor,
|
|
3615
|
+
[vars$A.inputBorderRadius]: refs.borderRadius,
|
|
3616
|
+
[vars$A.inputOutlineWidth]: refs.outlineWidth,
|
|
3617
|
+
[vars$A.inputOutlineStyle]: refs.outlineStyle,
|
|
3618
|
+
[vars$A.inputOutlineColor]: refs.outlineColor,
|
|
3619
|
+
[vars$A.inputOutlineOffset]: refs.outlineOffset,
|
|
3620
|
+
[vars$A.inputBackgroundColor]: refs.backgroundColor,
|
|
3621
|
+
[vars$A.inputHorizontalPadding]: refs.horizontalPadding,
|
|
3622
|
+
[vars$A.inputHeight]: refs.inputHeight,
|
|
3556
3623
|
};
|
|
3557
3624
|
|
|
3558
3625
|
var emailField$1 = /*#__PURE__*/Object.freeze({
|
|
3559
3626
|
__proto__: null,
|
|
3560
3627
|
default: emailField,
|
|
3561
|
-
vars: vars$
|
|
3628
|
+
vars: vars$A
|
|
3562
3629
|
});
|
|
3563
3630
|
|
|
3564
3631
|
const componentName$I = getComponentName('text-area');
|
|
@@ -3641,45 +3708,45 @@ const TextAreaClass = compose(
|
|
|
3641
3708
|
})
|
|
3642
3709
|
);
|
|
3643
3710
|
|
|
3644
|
-
const vars$
|
|
3711
|
+
const vars$z = TextAreaClass.cssVarList;
|
|
3645
3712
|
|
|
3646
3713
|
const textArea = {
|
|
3647
|
-
[vars$
|
|
3648
|
-
[vars$
|
|
3649
|
-
[vars$
|
|
3650
|
-
[vars$
|
|
3651
|
-
[vars$
|
|
3652
|
-
[vars$
|
|
3653
|
-
[vars$
|
|
3654
|
-
[vars$
|
|
3655
|
-
[vars$
|
|
3656
|
-
[vars$
|
|
3657
|
-
[vars$
|
|
3658
|
-
[vars$
|
|
3659
|
-
[vars$
|
|
3660
|
-
[vars$
|
|
3661
|
-
[vars$
|
|
3662
|
-
[vars$
|
|
3663
|
-
[vars$
|
|
3664
|
-
[vars$
|
|
3665
|
-
[vars$
|
|
3666
|
-
[vars$
|
|
3667
|
-
[vars$
|
|
3714
|
+
[vars$z.hostWidth]: refs.width,
|
|
3715
|
+
[vars$z.hostMinWidth]: refs.minWidth,
|
|
3716
|
+
[vars$z.hostDirection]: refs.direction,
|
|
3717
|
+
[vars$z.fontSize]: refs.fontSize,
|
|
3718
|
+
[vars$z.fontFamily]: refs.fontFamily,
|
|
3719
|
+
[vars$z.labelTextColor]: refs.labelTextColor,
|
|
3720
|
+
[vars$z.labelRequiredIndicator]: refs.requiredIndicator,
|
|
3721
|
+
[vars$z.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
3722
|
+
[vars$z.inputBackgroundColor]: refs.backgroundColor,
|
|
3723
|
+
[vars$z.inputValueTextColor]: refs.valueTextColor,
|
|
3724
|
+
[vars$z.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
|
3725
|
+
[vars$z.inputBorderRadius]: refs.borderRadius,
|
|
3726
|
+
[vars$z.inputBorderWidth]: refs.borderWidth,
|
|
3727
|
+
[vars$z.inputBorderStyle]: refs.borderStyle,
|
|
3728
|
+
[vars$z.inputBorderColor]: refs.borderColor,
|
|
3729
|
+
[vars$z.inputOutlineWidth]: refs.outlineWidth,
|
|
3730
|
+
[vars$z.inputOutlineStyle]: refs.outlineStyle,
|
|
3731
|
+
[vars$z.inputOutlineColor]: refs.outlineColor,
|
|
3732
|
+
[vars$z.inputOutlineOffset]: refs.outlineOffset,
|
|
3733
|
+
[vars$z.inputResizeType]: 'vertical',
|
|
3734
|
+
[vars$z.inputMinHeight]: '5em',
|
|
3668
3735
|
textAlign: {
|
|
3669
|
-
right: { [vars$
|
|
3670
|
-
left: { [vars$
|
|
3671
|
-
center: { [vars$
|
|
3736
|
+
right: { [vars$z.inputTextAlign]: 'right' },
|
|
3737
|
+
left: { [vars$z.inputTextAlign]: 'left' },
|
|
3738
|
+
center: { [vars$z.inputTextAlign]: 'center' },
|
|
3672
3739
|
},
|
|
3673
3740
|
|
|
3674
3741
|
_readonly: {
|
|
3675
|
-
[vars$
|
|
3742
|
+
[vars$z.inputResizeType]: 'none',
|
|
3676
3743
|
},
|
|
3677
3744
|
};
|
|
3678
3745
|
|
|
3679
3746
|
var textArea$1 = /*#__PURE__*/Object.freeze({
|
|
3680
3747
|
__proto__: null,
|
|
3681
3748
|
default: textArea,
|
|
3682
|
-
vars: vars$
|
|
3749
|
+
vars: vars$z
|
|
3683
3750
|
});
|
|
3684
3751
|
|
|
3685
3752
|
const createBaseInputClass = (...args) =>
|
|
@@ -3888,44 +3955,44 @@ const CheckboxClass = compose(
|
|
|
3888
3955
|
})
|
|
3889
3956
|
);
|
|
3890
3957
|
|
|
3891
|
-
const vars$
|
|
3958
|
+
const vars$y = CheckboxClass.cssVarList;
|
|
3892
3959
|
const checkboxSize = '1.35em';
|
|
3893
3960
|
|
|
3894
3961
|
const checkbox = {
|
|
3895
|
-
[vars$
|
|
3896
|
-
[vars$
|
|
3897
|
-
[vars$
|
|
3898
|
-
[vars$
|
|
3899
|
-
[vars$
|
|
3900
|
-
[vars$
|
|
3901
|
-
[vars$
|
|
3902
|
-
[vars$
|
|
3903
|
-
[vars$
|
|
3904
|
-
[vars$
|
|
3905
|
-
[vars$
|
|
3906
|
-
[vars$
|
|
3907
|
-
[vars$
|
|
3908
|
-
[vars$
|
|
3909
|
-
[vars$
|
|
3910
|
-
[vars$
|
|
3911
|
-
[vars$
|
|
3912
|
-
[vars$
|
|
3913
|
-
[vars$
|
|
3914
|
-
[vars$
|
|
3962
|
+
[vars$y.hostWidth]: refs.width,
|
|
3963
|
+
[vars$y.hostDirection]: refs.direction,
|
|
3964
|
+
[vars$y.fontSize]: refs.fontSize,
|
|
3965
|
+
[vars$y.fontFamily]: refs.fontFamily,
|
|
3966
|
+
[vars$y.labelTextColor]: refs.labelTextColor,
|
|
3967
|
+
[vars$y.labelRequiredIndicator]: refs.requiredIndicator,
|
|
3968
|
+
[vars$y.labelFontWeight]: '400',
|
|
3969
|
+
[vars$y.labelLineHeight]: checkboxSize,
|
|
3970
|
+
[vars$y.labelSpacing]: '1em',
|
|
3971
|
+
[vars$y.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
3972
|
+
[vars$y.inputOutlineWidth]: refs.outlineWidth,
|
|
3973
|
+
[vars$y.inputOutlineOffset]: refs.outlineOffset,
|
|
3974
|
+
[vars$y.inputOutlineColor]: refs.outlineColor,
|
|
3975
|
+
[vars$y.inputOutlineStyle]: refs.outlineStyle,
|
|
3976
|
+
[vars$y.inputBorderRadius]: refs.borderRadius,
|
|
3977
|
+
[vars$y.inputBorderColor]: refs.borderColor,
|
|
3978
|
+
[vars$y.inputBorderWidth]: refs.borderWidth,
|
|
3979
|
+
[vars$y.inputBorderStyle]: refs.borderStyle,
|
|
3980
|
+
[vars$y.inputBackgroundColor]: refs.backgroundColor,
|
|
3981
|
+
[vars$y.inputSize]: checkboxSize,
|
|
3915
3982
|
|
|
3916
3983
|
_checked: {
|
|
3917
|
-
[vars$
|
|
3984
|
+
[vars$y.inputValueTextColor]: refs.valueTextColor,
|
|
3918
3985
|
},
|
|
3919
3986
|
|
|
3920
3987
|
_disabled: {
|
|
3921
|
-
[vars$
|
|
3988
|
+
[vars$y.labelTextColor]: refs.labelTextColor,
|
|
3922
3989
|
},
|
|
3923
3990
|
};
|
|
3924
3991
|
|
|
3925
3992
|
var checkbox$1 = /*#__PURE__*/Object.freeze({
|
|
3926
3993
|
__proto__: null,
|
|
3927
3994
|
default: checkbox,
|
|
3928
|
-
vars: vars$
|
|
3995
|
+
vars: vars$y
|
|
3929
3996
|
});
|
|
3930
3997
|
|
|
3931
3998
|
const componentName$F = getComponentName('switch-toggle');
|
|
@@ -4068,69 +4135,69 @@ const knobMargin = '2px';
|
|
|
4068
4135
|
const checkboxHeight = '1.25em';
|
|
4069
4136
|
|
|
4070
4137
|
const globalRefs$l = getThemeRefs(globals);
|
|
4071
|
-
const vars$
|
|
4138
|
+
const vars$x = SwitchToggleClass.cssVarList;
|
|
4072
4139
|
|
|
4073
4140
|
const switchToggle = {
|
|
4074
|
-
[vars$
|
|
4075
|
-
[vars$
|
|
4076
|
-
[vars$
|
|
4077
|
-
[vars$
|
|
4078
|
-
|
|
4079
|
-
[vars$
|
|
4080
|
-
[vars$
|
|
4081
|
-
[vars$
|
|
4082
|
-
[vars$
|
|
4083
|
-
|
|
4084
|
-
[vars$
|
|
4085
|
-
[vars$
|
|
4086
|
-
[vars$
|
|
4087
|
-
[vars$
|
|
4088
|
-
[vars$
|
|
4089
|
-
[vars$
|
|
4090
|
-
[vars$
|
|
4091
|
-
|
|
4092
|
-
[vars$
|
|
4093
|
-
[vars$
|
|
4094
|
-
[vars$
|
|
4095
|
-
[vars$
|
|
4096
|
-
[vars$
|
|
4097
|
-
[vars$
|
|
4098
|
-
|
|
4099
|
-
[vars$
|
|
4100
|
-
[vars$
|
|
4101
|
-
[vars$
|
|
4102
|
-
[vars$
|
|
4103
|
-
[vars$
|
|
4104
|
-
[vars$
|
|
4141
|
+
[vars$x.hostWidth]: refs.width,
|
|
4142
|
+
[vars$x.hostDirection]: refs.direction,
|
|
4143
|
+
[vars$x.fontSize]: refs.fontSize,
|
|
4144
|
+
[vars$x.fontFamily]: refs.fontFamily,
|
|
4145
|
+
|
|
4146
|
+
[vars$x.inputOutlineWidth]: refs.outlineWidth,
|
|
4147
|
+
[vars$x.inputOutlineOffset]: refs.outlineOffset,
|
|
4148
|
+
[vars$x.inputOutlineColor]: refs.outlineColor,
|
|
4149
|
+
[vars$x.inputOutlineStyle]: refs.outlineStyle,
|
|
4150
|
+
|
|
4151
|
+
[vars$x.trackBorderStyle]: refs.borderStyle,
|
|
4152
|
+
[vars$x.trackBorderWidth]: refs.borderWidth, // var `trackBorderWidth` used outside the theme for `left` margin calculation
|
|
4153
|
+
[vars$x.trackBorderColor]: refs.borderColor,
|
|
4154
|
+
[vars$x.trackBackgroundColor]: refs.backgroundColor,
|
|
4155
|
+
[vars$x.trackBorderRadius]: globalRefs$l.radius.md,
|
|
4156
|
+
[vars$x.trackWidth]: '2.5em', // var `trackWidth` used outside the theme for `left` margin calculation
|
|
4157
|
+
[vars$x.trackHeight]: checkboxHeight,
|
|
4158
|
+
|
|
4159
|
+
[vars$x.knobSize]: `calc(1em - ${knobMargin})`,
|
|
4160
|
+
[vars$x.knobRadius]: '50%',
|
|
4161
|
+
[vars$x.knobTopOffset]: '1px',
|
|
4162
|
+
[vars$x.knobLeftOffset]: knobMargin,
|
|
4163
|
+
[vars$x.knobColor]: refs.labelTextColor,
|
|
4164
|
+
[vars$x.knobTransitionDuration]: '0.3s',
|
|
4165
|
+
|
|
4166
|
+
[vars$x.labelTextColor]: refs.labelTextColor,
|
|
4167
|
+
[vars$x.labelFontWeight]: '400',
|
|
4168
|
+
[vars$x.labelLineHeight]: '1.35em',
|
|
4169
|
+
[vars$x.labelSpacing]: '1em',
|
|
4170
|
+
[vars$x.labelRequiredIndicator]: refs.requiredIndicator,
|
|
4171
|
+
[vars$x.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
4105
4172
|
|
|
4106
4173
|
_checked: {
|
|
4107
|
-
[vars$
|
|
4108
|
-
[vars$
|
|
4109
|
-
[vars$
|
|
4110
|
-
[vars$
|
|
4174
|
+
[vars$x.trackBorderColor]: refs.borderColor,
|
|
4175
|
+
[vars$x.knobLeftOffset]: `calc(100% - var(${vars$x.knobSize}) - ${knobMargin})`,
|
|
4176
|
+
[vars$x.knobColor]: refs.valueTextColor,
|
|
4177
|
+
[vars$x.knobTextColor]: refs.valueTextColor,
|
|
4111
4178
|
},
|
|
4112
4179
|
|
|
4113
4180
|
_disabled: {
|
|
4114
|
-
[vars$
|
|
4115
|
-
[vars$
|
|
4116
|
-
[vars$
|
|
4117
|
-
[vars$
|
|
4181
|
+
[vars$x.knobColor]: globalRefs$l.colors.surface.light,
|
|
4182
|
+
[vars$x.trackBorderColor]: globalRefs$l.colors.surface.light,
|
|
4183
|
+
[vars$x.trackBackgroundColor]: globalRefs$l.colors.surface.main,
|
|
4184
|
+
[vars$x.labelTextColor]: refs.labelTextColor,
|
|
4118
4185
|
_checked: {
|
|
4119
|
-
[vars$
|
|
4120
|
-
[vars$
|
|
4186
|
+
[vars$x.knobColor]: globalRefs$l.colors.surface.light,
|
|
4187
|
+
[vars$x.trackBackgroundColor]: globalRefs$l.colors.surface.main,
|
|
4121
4188
|
},
|
|
4122
4189
|
},
|
|
4123
4190
|
|
|
4124
4191
|
_invalid: {
|
|
4125
|
-
[vars$
|
|
4126
|
-
[vars$
|
|
4192
|
+
[vars$x.trackBorderColor]: globalRefs$l.colors.error.main,
|
|
4193
|
+
[vars$x.knobColor]: globalRefs$l.colors.error.main,
|
|
4127
4194
|
},
|
|
4128
4195
|
};
|
|
4129
4196
|
|
|
4130
4197
|
var switchToggle$1 = /*#__PURE__*/Object.freeze({
|
|
4131
4198
|
__proto__: null,
|
|
4132
4199
|
default: switchToggle,
|
|
4133
|
-
vars: vars$
|
|
4200
|
+
vars: vars$x
|
|
4134
4201
|
});
|
|
4135
4202
|
|
|
4136
4203
|
const componentName$E = getComponentName('container');
|
|
@@ -4296,7 +4363,7 @@ const container = {
|
|
|
4296
4363
|
},
|
|
4297
4364
|
};
|
|
4298
4365
|
|
|
4299
|
-
const vars$
|
|
4366
|
+
const vars$w = {
|
|
4300
4367
|
...compVars$4,
|
|
4301
4368
|
...helperVars$2,
|
|
4302
4369
|
};
|
|
@@ -4304,7 +4371,7 @@ const vars$v = {
|
|
|
4304
4371
|
var container$1 = /*#__PURE__*/Object.freeze({
|
|
4305
4372
|
__proto__: null,
|
|
4306
4373
|
default: container,
|
|
4307
|
-
vars: vars$
|
|
4374
|
+
vars: vars$w
|
|
4308
4375
|
});
|
|
4309
4376
|
|
|
4310
4377
|
const createCssVarImageClass = ({ componentName, varName, fallbackVarName }) => {
|
|
@@ -4365,16 +4432,16 @@ const LogoClass = createCssVarImageClass({
|
|
|
4365
4432
|
fallbackVarName: 'fallbackUrl',
|
|
4366
4433
|
});
|
|
4367
4434
|
|
|
4368
|
-
const vars$
|
|
4435
|
+
const vars$v = LogoClass.cssVarList;
|
|
4369
4436
|
|
|
4370
4437
|
const logo$2 = {
|
|
4371
|
-
[vars$
|
|
4438
|
+
[vars$v.fallbackUrl]: 'url(https://imgs.descope.com/components/no-logo-placeholder.svg)',
|
|
4372
4439
|
};
|
|
4373
4440
|
|
|
4374
4441
|
var logo$3 = /*#__PURE__*/Object.freeze({
|
|
4375
4442
|
__proto__: null,
|
|
4376
4443
|
default: logo$2,
|
|
4377
|
-
vars: vars$
|
|
4444
|
+
vars: vars$v
|
|
4378
4445
|
});
|
|
4379
4446
|
|
|
4380
4447
|
const componentName$C = getComponentName('totp-image');
|
|
@@ -4385,16 +4452,16 @@ const TotpImageClass = createCssVarImageClass({
|
|
|
4385
4452
|
fallbackVarName: 'fallbackUrl',
|
|
4386
4453
|
});
|
|
4387
4454
|
|
|
4388
|
-
const vars$
|
|
4455
|
+
const vars$u = TotpImageClass.cssVarList;
|
|
4389
4456
|
|
|
4390
4457
|
const logo$1 = {
|
|
4391
|
-
[vars$
|
|
4458
|
+
[vars$u.fallbackUrl]: 'url(https://imgs.descope.com/components/totp-placeholder.svg)',
|
|
4392
4459
|
};
|
|
4393
4460
|
|
|
4394
4461
|
var totpImage = /*#__PURE__*/Object.freeze({
|
|
4395
4462
|
__proto__: null,
|
|
4396
4463
|
default: logo$1,
|
|
4397
|
-
vars: vars$
|
|
4464
|
+
vars: vars$u
|
|
4398
4465
|
});
|
|
4399
4466
|
|
|
4400
4467
|
const componentName$B = getComponentName('notp-image');
|
|
@@ -4405,16 +4472,16 @@ const NotpImageClass = createCssVarImageClass({
|
|
|
4405
4472
|
fallbackVarName: 'fallbackUrl',
|
|
4406
4473
|
});
|
|
4407
4474
|
|
|
4408
|
-
const vars$
|
|
4475
|
+
const vars$t = NotpImageClass.cssVarList;
|
|
4409
4476
|
|
|
4410
4477
|
const logo = {
|
|
4411
|
-
[vars$
|
|
4478
|
+
[vars$t.fallbackUrl]: 'url(https://imgs.descope.com/components/notp-placeholder.svg)',
|
|
4412
4479
|
};
|
|
4413
4480
|
|
|
4414
4481
|
var notpImage = /*#__PURE__*/Object.freeze({
|
|
4415
4482
|
__proto__: null,
|
|
4416
4483
|
default: logo,
|
|
4417
|
-
vars: vars$
|
|
4484
|
+
vars: vars$t
|
|
4418
4485
|
});
|
|
4419
4486
|
|
|
4420
4487
|
const componentName$A = getComponentName('text');
|
|
@@ -4476,93 +4543,93 @@ const TextClass = compose(
|
|
|
4476
4543
|
)(RawText);
|
|
4477
4544
|
|
|
4478
4545
|
const globalRefs$j = getThemeRefs(globals);
|
|
4479
|
-
const vars$
|
|
4546
|
+
const vars$s = TextClass.cssVarList;
|
|
4480
4547
|
|
|
4481
4548
|
const text$2 = {
|
|
4482
|
-
[vars$
|
|
4483
|
-
[vars$
|
|
4484
|
-
[vars$
|
|
4485
|
-
[vars$
|
|
4549
|
+
[vars$s.hostDirection]: globalRefs$j.direction,
|
|
4550
|
+
[vars$s.textLineHeight]: '1.35em',
|
|
4551
|
+
[vars$s.textAlign]: 'left',
|
|
4552
|
+
[vars$s.textColor]: globalRefs$j.colors.surface.dark,
|
|
4486
4553
|
variant: {
|
|
4487
4554
|
h1: {
|
|
4488
|
-
[vars$
|
|
4489
|
-
[vars$
|
|
4490
|
-
[vars$
|
|
4555
|
+
[vars$s.fontSize]: globalRefs$j.typography.h1.size,
|
|
4556
|
+
[vars$s.fontWeight]: globalRefs$j.typography.h1.weight,
|
|
4557
|
+
[vars$s.fontFamily]: globalRefs$j.typography.h1.font,
|
|
4491
4558
|
},
|
|
4492
4559
|
h2: {
|
|
4493
|
-
[vars$
|
|
4494
|
-
[vars$
|
|
4495
|
-
[vars$
|
|
4560
|
+
[vars$s.fontSize]: globalRefs$j.typography.h2.size,
|
|
4561
|
+
[vars$s.fontWeight]: globalRefs$j.typography.h2.weight,
|
|
4562
|
+
[vars$s.fontFamily]: globalRefs$j.typography.h2.font,
|
|
4496
4563
|
},
|
|
4497
4564
|
h3: {
|
|
4498
|
-
[vars$
|
|
4499
|
-
[vars$
|
|
4500
|
-
[vars$
|
|
4565
|
+
[vars$s.fontSize]: globalRefs$j.typography.h3.size,
|
|
4566
|
+
[vars$s.fontWeight]: globalRefs$j.typography.h3.weight,
|
|
4567
|
+
[vars$s.fontFamily]: globalRefs$j.typography.h3.font,
|
|
4501
4568
|
},
|
|
4502
4569
|
subtitle1: {
|
|
4503
|
-
[vars$
|
|
4504
|
-
[vars$
|
|
4505
|
-
[vars$
|
|
4570
|
+
[vars$s.fontSize]: globalRefs$j.typography.subtitle1.size,
|
|
4571
|
+
[vars$s.fontWeight]: globalRefs$j.typography.subtitle1.weight,
|
|
4572
|
+
[vars$s.fontFamily]: globalRefs$j.typography.subtitle1.font,
|
|
4506
4573
|
},
|
|
4507
4574
|
subtitle2: {
|
|
4508
|
-
[vars$
|
|
4509
|
-
[vars$
|
|
4510
|
-
[vars$
|
|
4575
|
+
[vars$s.fontSize]: globalRefs$j.typography.subtitle2.size,
|
|
4576
|
+
[vars$s.fontWeight]: globalRefs$j.typography.subtitle2.weight,
|
|
4577
|
+
[vars$s.fontFamily]: globalRefs$j.typography.subtitle2.font,
|
|
4511
4578
|
},
|
|
4512
4579
|
body1: {
|
|
4513
|
-
[vars$
|
|
4514
|
-
[vars$
|
|
4515
|
-
[vars$
|
|
4580
|
+
[vars$s.fontSize]: globalRefs$j.typography.body1.size,
|
|
4581
|
+
[vars$s.fontWeight]: globalRefs$j.typography.body1.weight,
|
|
4582
|
+
[vars$s.fontFamily]: globalRefs$j.typography.body1.font,
|
|
4516
4583
|
},
|
|
4517
4584
|
body2: {
|
|
4518
|
-
[vars$
|
|
4519
|
-
[vars$
|
|
4520
|
-
[vars$
|
|
4585
|
+
[vars$s.fontSize]: globalRefs$j.typography.body2.size,
|
|
4586
|
+
[vars$s.fontWeight]: globalRefs$j.typography.body2.weight,
|
|
4587
|
+
[vars$s.fontFamily]: globalRefs$j.typography.body2.font,
|
|
4521
4588
|
},
|
|
4522
4589
|
},
|
|
4523
4590
|
|
|
4524
4591
|
mode: {
|
|
4525
4592
|
primary: {
|
|
4526
|
-
[vars$
|
|
4593
|
+
[vars$s.textColor]: globalRefs$j.colors.surface.contrast,
|
|
4527
4594
|
},
|
|
4528
4595
|
secondary: {
|
|
4529
|
-
[vars$
|
|
4596
|
+
[vars$s.textColor]: globalRefs$j.colors.surface.dark,
|
|
4530
4597
|
},
|
|
4531
4598
|
error: {
|
|
4532
|
-
[vars$
|
|
4599
|
+
[vars$s.textColor]: globalRefs$j.colors.error.main,
|
|
4533
4600
|
},
|
|
4534
4601
|
success: {
|
|
4535
|
-
[vars$
|
|
4602
|
+
[vars$s.textColor]: globalRefs$j.colors.success.main,
|
|
4536
4603
|
},
|
|
4537
4604
|
},
|
|
4538
4605
|
|
|
4539
4606
|
textAlign: {
|
|
4540
|
-
right: { [vars$
|
|
4541
|
-
left: { [vars$
|
|
4542
|
-
center: { [vars$
|
|
4607
|
+
right: { [vars$s.textAlign]: 'right' },
|
|
4608
|
+
left: { [vars$s.textAlign]: 'left' },
|
|
4609
|
+
center: { [vars$s.textAlign]: 'center' },
|
|
4543
4610
|
},
|
|
4544
4611
|
|
|
4545
4612
|
_fullWidth: {
|
|
4546
|
-
[vars$
|
|
4613
|
+
[vars$s.hostWidth]: '100%',
|
|
4547
4614
|
},
|
|
4548
4615
|
|
|
4549
4616
|
_italic: {
|
|
4550
|
-
[vars$
|
|
4617
|
+
[vars$s.fontStyle]: 'italic',
|
|
4551
4618
|
},
|
|
4552
4619
|
|
|
4553
4620
|
_uppercase: {
|
|
4554
|
-
[vars$
|
|
4621
|
+
[vars$s.textTransform]: 'uppercase',
|
|
4555
4622
|
},
|
|
4556
4623
|
|
|
4557
4624
|
_lowercase: {
|
|
4558
|
-
[vars$
|
|
4625
|
+
[vars$s.textTransform]: 'lowercase',
|
|
4559
4626
|
},
|
|
4560
4627
|
};
|
|
4561
4628
|
|
|
4562
4629
|
var text$3 = /*#__PURE__*/Object.freeze({
|
|
4563
4630
|
__proto__: null,
|
|
4564
4631
|
default: text$2,
|
|
4565
|
-
vars: vars$
|
|
4632
|
+
vars: vars$s
|
|
4566
4633
|
});
|
|
4567
4634
|
|
|
4568
4635
|
const textRuleSet = {
|
|
@@ -4809,122 +4876,122 @@ const LinkClass = compose(
|
|
|
4809
4876
|
)(RawLink);
|
|
4810
4877
|
|
|
4811
4878
|
const globalRefs$i = getThemeRefs(globals);
|
|
4812
|
-
const vars$
|
|
4879
|
+
const vars$r = EnrichedTextClass.cssVarList;
|
|
4813
4880
|
|
|
4814
4881
|
const EnrichedText = {
|
|
4815
|
-
[vars$
|
|
4882
|
+
[vars$r.hostDirection]: globalRefs$i.direction,
|
|
4816
4883
|
|
|
4817
|
-
[vars$
|
|
4818
|
-
[vars$
|
|
4819
|
-
[vars$
|
|
4884
|
+
[vars$r.fontSize]: globalRefs$i.typography.body1.size,
|
|
4885
|
+
[vars$r.fontWeight]: globalRefs$i.typography.body1.weight,
|
|
4886
|
+
[vars$r.fontFamily]: globalRefs$i.typography.body1.font,
|
|
4820
4887
|
|
|
4821
|
-
[vars$
|
|
4822
|
-
[vars$
|
|
4823
|
-
[vars$
|
|
4888
|
+
[vars$r.textLineHeight]: '1.35em',
|
|
4889
|
+
[vars$r.textAlign]: 'left',
|
|
4890
|
+
[vars$r.textColor]: globalRefs$i.colors.surface.dark,
|
|
4824
4891
|
|
|
4825
|
-
[vars$
|
|
4892
|
+
[vars$r.linkColor]: `var(${LinkClass.cssVarList.textColor})`,
|
|
4826
4893
|
|
|
4827
4894
|
mode: {
|
|
4828
4895
|
primary: {
|
|
4829
|
-
[vars$
|
|
4896
|
+
[vars$r.textColor]: globalRefs$i.colors.surface.contrast,
|
|
4830
4897
|
},
|
|
4831
4898
|
secondary: {
|
|
4832
|
-
[vars$
|
|
4899
|
+
[vars$r.textColor]: globalRefs$i.colors.surface.dark,
|
|
4833
4900
|
},
|
|
4834
4901
|
error: {
|
|
4835
|
-
[vars$
|
|
4902
|
+
[vars$r.textColor]: globalRefs$i.colors.error.main,
|
|
4836
4903
|
},
|
|
4837
4904
|
success: {
|
|
4838
|
-
[vars$
|
|
4905
|
+
[vars$r.textColor]: globalRefs$i.colors.success.main,
|
|
4839
4906
|
},
|
|
4840
4907
|
},
|
|
4841
4908
|
|
|
4842
4909
|
variant: {
|
|
4843
4910
|
h1: {
|
|
4844
|
-
[vars$
|
|
4845
|
-
[vars$
|
|
4846
|
-
[vars$
|
|
4911
|
+
[vars$r.fontSize]: globalRefs$i.typography.h1.size,
|
|
4912
|
+
[vars$r.fontWeight]: globalRefs$i.typography.h1.weight,
|
|
4913
|
+
[vars$r.fontFamily]: globalRefs$i.typography.h1.font,
|
|
4847
4914
|
},
|
|
4848
4915
|
h2: {
|
|
4849
|
-
[vars$
|
|
4850
|
-
[vars$
|
|
4851
|
-
[vars$
|
|
4916
|
+
[vars$r.fontSize]: globalRefs$i.typography.h2.size,
|
|
4917
|
+
[vars$r.fontWeight]: globalRefs$i.typography.h2.weight,
|
|
4918
|
+
[vars$r.fontFamily]: globalRefs$i.typography.h2.font,
|
|
4852
4919
|
},
|
|
4853
4920
|
h3: {
|
|
4854
|
-
[vars$
|
|
4855
|
-
[vars$
|
|
4856
|
-
[vars$
|
|
4921
|
+
[vars$r.fontSize]: globalRefs$i.typography.h3.size,
|
|
4922
|
+
[vars$r.fontWeight]: globalRefs$i.typography.h3.weight,
|
|
4923
|
+
[vars$r.fontFamily]: globalRefs$i.typography.h3.font,
|
|
4857
4924
|
},
|
|
4858
4925
|
subtitle1: {
|
|
4859
|
-
[vars$
|
|
4860
|
-
[vars$
|
|
4861
|
-
[vars$
|
|
4926
|
+
[vars$r.fontSize]: globalRefs$i.typography.subtitle1.size,
|
|
4927
|
+
[vars$r.fontWeight]: globalRefs$i.typography.subtitle1.weight,
|
|
4928
|
+
[vars$r.fontFamily]: globalRefs$i.typography.subtitle1.font,
|
|
4862
4929
|
},
|
|
4863
4930
|
subtitle2: {
|
|
4864
|
-
[vars$
|
|
4865
|
-
[vars$
|
|
4866
|
-
[vars$
|
|
4931
|
+
[vars$r.fontSize]: globalRefs$i.typography.subtitle2.size,
|
|
4932
|
+
[vars$r.fontWeight]: globalRefs$i.typography.subtitle2.weight,
|
|
4933
|
+
[vars$r.fontFamily]: globalRefs$i.typography.subtitle2.font,
|
|
4867
4934
|
},
|
|
4868
4935
|
body1: {
|
|
4869
|
-
[vars$
|
|
4870
|
-
[vars$
|
|
4871
|
-
[vars$
|
|
4936
|
+
[vars$r.fontSize]: globalRefs$i.typography.body1.size,
|
|
4937
|
+
[vars$r.fontWeight]: globalRefs$i.typography.body1.weight,
|
|
4938
|
+
[vars$r.fontFamily]: globalRefs$i.typography.body1.font,
|
|
4872
4939
|
},
|
|
4873
4940
|
body2: {
|
|
4874
|
-
[vars$
|
|
4875
|
-
[vars$
|
|
4876
|
-
[vars$
|
|
4941
|
+
[vars$r.fontSize]: globalRefs$i.typography.body2.size,
|
|
4942
|
+
[vars$r.fontWeight]: globalRefs$i.typography.body2.weight,
|
|
4943
|
+
[vars$r.fontFamily]: globalRefs$i.typography.body2.font,
|
|
4877
4944
|
},
|
|
4878
4945
|
},
|
|
4879
4946
|
|
|
4880
4947
|
textAlign: {
|
|
4881
|
-
right: { [vars$
|
|
4882
|
-
left: { [vars$
|
|
4883
|
-
center: { [vars$
|
|
4948
|
+
right: { [vars$r.textAlign]: 'right' },
|
|
4949
|
+
left: { [vars$r.textAlign]: 'left' },
|
|
4950
|
+
center: { [vars$r.textAlign]: 'center' },
|
|
4884
4951
|
},
|
|
4885
4952
|
|
|
4886
4953
|
_fullWidth: {
|
|
4887
|
-
[vars$
|
|
4954
|
+
[vars$r.hostWidth]: '100%',
|
|
4888
4955
|
},
|
|
4889
4956
|
};
|
|
4890
4957
|
|
|
4891
4958
|
var EnrichedText$1 = /*#__PURE__*/Object.freeze({
|
|
4892
4959
|
__proto__: null,
|
|
4893
4960
|
default: EnrichedText,
|
|
4894
|
-
vars: vars$
|
|
4961
|
+
vars: vars$r
|
|
4895
4962
|
});
|
|
4896
4963
|
|
|
4897
4964
|
const globalRefs$h = getThemeRefs(globals);
|
|
4898
|
-
const vars$
|
|
4965
|
+
const vars$q = LinkClass.cssVarList;
|
|
4899
4966
|
|
|
4900
4967
|
const link = {
|
|
4901
|
-
[vars$
|
|
4902
|
-
[vars$
|
|
4968
|
+
[vars$q.hostDirection]: globalRefs$h.direction,
|
|
4969
|
+
[vars$q.cursor]: 'pointer',
|
|
4903
4970
|
|
|
4904
|
-
[vars$
|
|
4971
|
+
[vars$q.textColor]: globalRefs$h.colors.primary.main,
|
|
4905
4972
|
|
|
4906
4973
|
textAlign: {
|
|
4907
|
-
right: { [vars$
|
|
4908
|
-
left: { [vars$
|
|
4909
|
-
center: { [vars$
|
|
4974
|
+
right: { [vars$q.textAlign]: 'right' },
|
|
4975
|
+
left: { [vars$q.textAlign]: 'left' },
|
|
4976
|
+
center: { [vars$q.textAlign]: 'center' },
|
|
4910
4977
|
},
|
|
4911
4978
|
|
|
4912
4979
|
_fullWidth: {
|
|
4913
|
-
[vars$
|
|
4980
|
+
[vars$q.hostWidth]: '100%',
|
|
4914
4981
|
},
|
|
4915
4982
|
|
|
4916
4983
|
mode: {
|
|
4917
4984
|
primary: {
|
|
4918
|
-
[vars$
|
|
4985
|
+
[vars$q.textColor]: globalRefs$h.colors.primary.main,
|
|
4919
4986
|
},
|
|
4920
4987
|
secondary: {
|
|
4921
|
-
[vars$
|
|
4988
|
+
[vars$q.textColor]: globalRefs$h.colors.secondary.main,
|
|
4922
4989
|
},
|
|
4923
4990
|
error: {
|
|
4924
|
-
[vars$
|
|
4991
|
+
[vars$q.textColor]: globalRefs$h.colors.error.main,
|
|
4925
4992
|
},
|
|
4926
4993
|
success: {
|
|
4927
|
-
[vars$
|
|
4994
|
+
[vars$q.textColor]: globalRefs$h.colors.success.main,
|
|
4928
4995
|
},
|
|
4929
4996
|
},
|
|
4930
4997
|
};
|
|
@@ -4932,7 +4999,7 @@ const link = {
|
|
|
4932
4999
|
var link$1 = /*#__PURE__*/Object.freeze({
|
|
4933
5000
|
__proto__: null,
|
|
4934
5001
|
default: link,
|
|
4935
|
-
vars: vars$
|
|
5002
|
+
vars: vars$q
|
|
4936
5003
|
});
|
|
4937
5004
|
|
|
4938
5005
|
const componentName$x = getComponentName('divider');
|
|
@@ -5074,7 +5141,7 @@ const divider = {
|
|
|
5074
5141
|
},
|
|
5075
5142
|
};
|
|
5076
5143
|
|
|
5077
|
-
const vars$
|
|
5144
|
+
const vars$p = {
|
|
5078
5145
|
...compVars$3,
|
|
5079
5146
|
...helperVars$1,
|
|
5080
5147
|
};
|
|
@@ -5082,7 +5149,7 @@ const vars$o = {
|
|
|
5082
5149
|
var divider$1 = /*#__PURE__*/Object.freeze({
|
|
5083
5150
|
__proto__: null,
|
|
5084
5151
|
default: divider,
|
|
5085
|
-
vars: vars$
|
|
5152
|
+
vars: vars$p
|
|
5086
5153
|
});
|
|
5087
5154
|
|
|
5088
5155
|
/* eslint-disable no-param-reassign */
|
|
@@ -5317,45 +5384,45 @@ const PasscodeClass = compose(
|
|
|
5317
5384
|
})
|
|
5318
5385
|
);
|
|
5319
5386
|
|
|
5320
|
-
const vars$
|
|
5387
|
+
const vars$o = PasscodeClass.cssVarList;
|
|
5321
5388
|
|
|
5322
5389
|
const passcode = {
|
|
5323
|
-
[vars$
|
|
5324
|
-
[vars$
|
|
5325
|
-
[vars$
|
|
5326
|
-
[vars$
|
|
5327
|
-
[vars$
|
|
5328
|
-
[vars$
|
|
5329
|
-
[vars$
|
|
5330
|
-
[vars$
|
|
5331
|
-
[vars$
|
|
5332
|
-
[vars$
|
|
5333
|
-
[vars$
|
|
5334
|
-
[vars$
|
|
5335
|
-
[vars$
|
|
5336
|
-
[vars$
|
|
5337
|
-
[vars$
|
|
5390
|
+
[vars$o.hostDirection]: refs.direction,
|
|
5391
|
+
[vars$o.fontFamily]: refs.fontFamily,
|
|
5392
|
+
[vars$o.fontSize]: refs.fontSize,
|
|
5393
|
+
[vars$o.labelTextColor]: refs.labelTextColor,
|
|
5394
|
+
[vars$o.labelRequiredIndicator]: refs.requiredIndicator,
|
|
5395
|
+
[vars$o.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
5396
|
+
[vars$o.digitValueTextColor]: refs.valueTextColor,
|
|
5397
|
+
[vars$o.digitPadding]: '0',
|
|
5398
|
+
[vars$o.digitTextAlign]: 'center',
|
|
5399
|
+
[vars$o.digitSpacing]: '4px',
|
|
5400
|
+
[vars$o.hostWidth]: refs.width,
|
|
5401
|
+
[vars$o.digitOutlineColor]: 'transparent',
|
|
5402
|
+
[vars$o.digitOutlineWidth]: refs.outlineWidth,
|
|
5403
|
+
[vars$o.focusedDigitFieldOutlineColor]: refs.outlineColor,
|
|
5404
|
+
[vars$o.digitSize]: refs.inputHeight,
|
|
5338
5405
|
|
|
5339
5406
|
size: {
|
|
5340
|
-
xs: { [vars$
|
|
5341
|
-
sm: { [vars$
|
|
5342
|
-
md: { [vars$
|
|
5343
|
-
lg: { [vars$
|
|
5407
|
+
xs: { [vars$o.spinnerSize]: '15px' },
|
|
5408
|
+
sm: { [vars$o.spinnerSize]: '20px' },
|
|
5409
|
+
md: { [vars$o.spinnerSize]: '20px' },
|
|
5410
|
+
lg: { [vars$o.spinnerSize]: '20px' },
|
|
5344
5411
|
},
|
|
5345
5412
|
|
|
5346
5413
|
_hideCursor: {
|
|
5347
|
-
[vars$
|
|
5414
|
+
[vars$o.digitCaretTextColor]: 'transparent',
|
|
5348
5415
|
},
|
|
5349
5416
|
|
|
5350
5417
|
_loading: {
|
|
5351
|
-
[vars$
|
|
5418
|
+
[vars$o.overlayOpacity]: refs.overlayOpacity,
|
|
5352
5419
|
},
|
|
5353
5420
|
};
|
|
5354
5421
|
|
|
5355
5422
|
var passcode$1 = /*#__PURE__*/Object.freeze({
|
|
5356
5423
|
__proto__: null,
|
|
5357
5424
|
default: passcode,
|
|
5358
|
-
vars: vars$
|
|
5425
|
+
vars: vars$o
|
|
5359
5426
|
});
|
|
5360
5427
|
|
|
5361
5428
|
const componentName$t = getComponentName('loader-linear');
|
|
@@ -5424,48 +5491,48 @@ const LoaderLinearClass = compose(
|
|
|
5424
5491
|
)(RawLoaderLinear);
|
|
5425
5492
|
|
|
5426
5493
|
const globalRefs$f = getThemeRefs(globals);
|
|
5427
|
-
const vars$
|
|
5494
|
+
const vars$n = LoaderLinearClass.cssVarList;
|
|
5428
5495
|
|
|
5429
5496
|
const loaderLinear = {
|
|
5430
|
-
[vars$
|
|
5431
|
-
[vars$
|
|
5497
|
+
[vars$n.hostDisplay]: 'inline-block',
|
|
5498
|
+
[vars$n.hostWidth]: '100%',
|
|
5432
5499
|
|
|
5433
|
-
[vars$
|
|
5434
|
-
[vars$
|
|
5500
|
+
[vars$n.barColor]: globalRefs$f.colors.surface.contrast,
|
|
5501
|
+
[vars$n.barWidth]: '20%',
|
|
5435
5502
|
|
|
5436
|
-
[vars$
|
|
5437
|
-
[vars$
|
|
5503
|
+
[vars$n.barBackgroundColor]: globalRefs$f.colors.surface.light,
|
|
5504
|
+
[vars$n.barBorderRadius]: '4px',
|
|
5438
5505
|
|
|
5439
|
-
[vars$
|
|
5440
|
-
[vars$
|
|
5441
|
-
[vars$
|
|
5442
|
-
[vars$
|
|
5506
|
+
[vars$n.animationDuration]: '2s',
|
|
5507
|
+
[vars$n.animationTimingFunction]: 'linear',
|
|
5508
|
+
[vars$n.animationIterationCount]: 'infinite',
|
|
5509
|
+
[vars$n.verticalPadding]: '0.25em',
|
|
5443
5510
|
|
|
5444
5511
|
size: {
|
|
5445
|
-
xs: { [vars$
|
|
5446
|
-
sm: { [vars$
|
|
5447
|
-
md: { [vars$
|
|
5448
|
-
lg: { [vars$
|
|
5512
|
+
xs: { [vars$n.barHeight]: '2px' },
|
|
5513
|
+
sm: { [vars$n.barHeight]: '4px' },
|
|
5514
|
+
md: { [vars$n.barHeight]: '6px' },
|
|
5515
|
+
lg: { [vars$n.barHeight]: '8px' },
|
|
5449
5516
|
},
|
|
5450
5517
|
|
|
5451
5518
|
mode: {
|
|
5452
5519
|
primary: {
|
|
5453
|
-
[vars$
|
|
5520
|
+
[vars$n.barColor]: globalRefs$f.colors.primary.main,
|
|
5454
5521
|
},
|
|
5455
5522
|
secondary: {
|
|
5456
|
-
[vars$
|
|
5523
|
+
[vars$n.barColor]: globalRefs$f.colors.secondary.main,
|
|
5457
5524
|
},
|
|
5458
5525
|
},
|
|
5459
5526
|
|
|
5460
5527
|
_hidden: {
|
|
5461
|
-
[vars$
|
|
5528
|
+
[vars$n.hostDisplay]: 'none',
|
|
5462
5529
|
},
|
|
5463
5530
|
};
|
|
5464
5531
|
|
|
5465
5532
|
var loaderLinear$1 = /*#__PURE__*/Object.freeze({
|
|
5466
5533
|
__proto__: null,
|
|
5467
5534
|
default: loaderLinear,
|
|
5468
|
-
vars: vars$
|
|
5535
|
+
vars: vars$n
|
|
5469
5536
|
});
|
|
5470
5537
|
|
|
5471
5538
|
const globalRefs$e = getThemeRefs(globals);
|
|
@@ -5512,7 +5579,7 @@ const loaderRadial = {
|
|
|
5512
5579
|
[compVars$2.hostDisplay]: 'none',
|
|
5513
5580
|
},
|
|
5514
5581
|
};
|
|
5515
|
-
const vars$
|
|
5582
|
+
const vars$m = {
|
|
5516
5583
|
...compVars$2,
|
|
5517
5584
|
...helperVars,
|
|
5518
5585
|
};
|
|
@@ -5520,7 +5587,7 @@ const vars$l = {
|
|
|
5520
5587
|
var loaderRadial$1 = /*#__PURE__*/Object.freeze({
|
|
5521
5588
|
__proto__: null,
|
|
5522
5589
|
default: loaderRadial,
|
|
5523
|
-
vars: vars$
|
|
5590
|
+
vars: vars$m
|
|
5524
5591
|
});
|
|
5525
5592
|
|
|
5526
5593
|
const componentName$s = getComponentName('combo-box');
|
|
@@ -5912,58 +5979,58 @@ const ComboBoxClass = compose(
|
|
|
5912
5979
|
);
|
|
5913
5980
|
|
|
5914
5981
|
const globalRefs$d = getThemeRefs(globals);
|
|
5915
|
-
const vars$
|
|
5982
|
+
const vars$l = ComboBoxClass.cssVarList;
|
|
5916
5983
|
|
|
5917
5984
|
const comboBox = {
|
|
5918
|
-
[vars$
|
|
5919
|
-
[vars$
|
|
5920
|
-
[vars$
|
|
5921
|
-
[vars$
|
|
5922
|
-
[vars$
|
|
5923
|
-
[vars$
|
|
5924
|
-
[vars$
|
|
5925
|
-
[vars$
|
|
5926
|
-
[vars$
|
|
5927
|
-
[vars$
|
|
5928
|
-
[vars$
|
|
5929
|
-
[vars$
|
|
5930
|
-
[vars$
|
|
5931
|
-
[vars$
|
|
5932
|
-
[vars$
|
|
5933
|
-
[vars$
|
|
5934
|
-
[vars$
|
|
5935
|
-
[vars$
|
|
5936
|
-
[vars$
|
|
5937
|
-
[vars$
|
|
5938
|
-
[vars$
|
|
5939
|
-
[vars$
|
|
5940
|
-
[vars$
|
|
5941
|
-
[vars$
|
|
5942
|
-
[vars$
|
|
5943
|
-
[vars$
|
|
5985
|
+
[vars$l.hostWidth]: refs.width,
|
|
5986
|
+
[vars$l.hostDirection]: refs.direction,
|
|
5987
|
+
[vars$l.fontSize]: refs.fontSize,
|
|
5988
|
+
[vars$l.fontFamily]: refs.fontFamily,
|
|
5989
|
+
[vars$l.labelTextColor]: refs.labelTextColor,
|
|
5990
|
+
[vars$l.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
5991
|
+
[vars$l.inputBorderColor]: refs.borderColor,
|
|
5992
|
+
[vars$l.inputBorderWidth]: refs.borderWidth,
|
|
5993
|
+
[vars$l.inputBorderStyle]: refs.borderStyle,
|
|
5994
|
+
[vars$l.inputBorderRadius]: refs.borderRadius,
|
|
5995
|
+
[vars$l.inputOutlineColor]: refs.outlineColor,
|
|
5996
|
+
[vars$l.inputOutlineOffset]: refs.outlineOffset,
|
|
5997
|
+
[vars$l.inputOutlineWidth]: refs.outlineWidth,
|
|
5998
|
+
[vars$l.inputOutlineStyle]: refs.outlineStyle,
|
|
5999
|
+
[vars$l.labelRequiredIndicator]: refs.requiredIndicator,
|
|
6000
|
+
[vars$l.inputValueTextColor]: refs.valueTextColor,
|
|
6001
|
+
[vars$l.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
|
6002
|
+
[vars$l.inputBackgroundColor]: refs.backgroundColor,
|
|
6003
|
+
[vars$l.inputHorizontalPadding]: refs.horizontalPadding,
|
|
6004
|
+
[vars$l.inputHeight]: refs.inputHeight,
|
|
6005
|
+
[vars$l.inputDropdownButtonColor]: globalRefs$d.colors.surface.dark,
|
|
6006
|
+
[vars$l.inputDropdownButtonCursor]: 'pointer',
|
|
6007
|
+
[vars$l.inputDropdownButtonSize]: refs.toggleButtonSize,
|
|
6008
|
+
[vars$l.inputDropdownButtonOffset]: globalRefs$d.spacing.xs,
|
|
6009
|
+
[vars$l.overlayItemPaddingInlineStart]: globalRefs$d.spacing.xs,
|
|
6010
|
+
[vars$l.overlayItemPaddingInlineEnd]: globalRefs$d.spacing.lg,
|
|
5944
6011
|
|
|
5945
6012
|
_readonly: {
|
|
5946
|
-
[vars$
|
|
6013
|
+
[vars$l.inputDropdownButtonCursor]: 'default',
|
|
5947
6014
|
},
|
|
5948
6015
|
|
|
5949
6016
|
// Overlay theme exposed via the component:
|
|
5950
|
-
[vars$
|
|
5951
|
-
[vars$
|
|
5952
|
-
[vars$
|
|
5953
|
-
[vars$
|
|
5954
|
-
[vars$
|
|
5955
|
-
[vars$
|
|
6017
|
+
[vars$l.overlayFontSize]: refs.fontSize,
|
|
6018
|
+
[vars$l.overlayFontFamily]: refs.fontFamily,
|
|
6019
|
+
[vars$l.overlayCursor]: 'pointer',
|
|
6020
|
+
[vars$l.overlayItemBoxShadow]: 'none',
|
|
6021
|
+
[vars$l.overlayBackground]: refs.backgroundColor,
|
|
6022
|
+
[vars$l.overlayTextColor]: refs.valueTextColor,
|
|
5956
6023
|
|
|
5957
6024
|
// Overlay direct theme:
|
|
5958
|
-
[vars$
|
|
5959
|
-
[vars$
|
|
6025
|
+
[vars$l.overlay.minHeight]: '400px',
|
|
6026
|
+
[vars$l.overlay.margin]: '0',
|
|
5960
6027
|
};
|
|
5961
6028
|
|
|
5962
6029
|
var comboBox$1 = /*#__PURE__*/Object.freeze({
|
|
5963
6030
|
__proto__: null,
|
|
5964
6031
|
comboBox: comboBox,
|
|
5965
6032
|
default: comboBox,
|
|
5966
|
-
vars: vars$
|
|
6033
|
+
vars: vars$l
|
|
5967
6034
|
});
|
|
5968
6035
|
|
|
5969
6036
|
const observedAttributes$2 = ['src', 'alt'];
|
|
@@ -6010,14 +6077,14 @@ const ImageClass = compose(
|
|
|
6010
6077
|
draggableMixin
|
|
6011
6078
|
)(RawImage);
|
|
6012
6079
|
|
|
6013
|
-
const vars$
|
|
6080
|
+
const vars$k = ImageClass.cssVarList;
|
|
6014
6081
|
|
|
6015
6082
|
const image = {};
|
|
6016
6083
|
|
|
6017
6084
|
var image$1 = /*#__PURE__*/Object.freeze({
|
|
6018
6085
|
__proto__: null,
|
|
6019
6086
|
default: image,
|
|
6020
|
-
vars: vars$
|
|
6087
|
+
vars: vars$k
|
|
6021
6088
|
});
|
|
6022
6089
|
|
|
6023
6090
|
var CountryCodes = [
|
|
@@ -7465,29 +7532,29 @@ const PhoneFieldClass = compose(
|
|
|
7465
7532
|
})
|
|
7466
7533
|
);
|
|
7467
7534
|
|
|
7468
|
-
const vars$
|
|
7535
|
+
const vars$j = PhoneFieldClass.cssVarList;
|
|
7469
7536
|
|
|
7470
7537
|
const phoneField = {
|
|
7471
|
-
[vars$
|
|
7472
|
-
[vars$
|
|
7473
|
-
[vars$
|
|
7474
|
-
[vars$
|
|
7475
|
-
[vars$
|
|
7476
|
-
[vars$
|
|
7477
|
-
[vars$
|
|
7478
|
-
[vars$
|
|
7479
|
-
[vars$
|
|
7480
|
-
[vars$
|
|
7481
|
-
[vars$
|
|
7482
|
-
[vars$
|
|
7483
|
-
[vars$
|
|
7484
|
-
[vars$
|
|
7485
|
-
[vars$
|
|
7486
|
-
[vars$
|
|
7487
|
-
[vars$
|
|
7488
|
-
[vars$
|
|
7489
|
-
[vars$
|
|
7490
|
-
[vars$
|
|
7538
|
+
[vars$j.hostWidth]: refs.width,
|
|
7539
|
+
[vars$j.hostDirection]: refs.direction,
|
|
7540
|
+
[vars$j.fontSize]: refs.fontSize,
|
|
7541
|
+
[vars$j.fontFamily]: refs.fontFamily,
|
|
7542
|
+
[vars$j.labelTextColor]: refs.labelTextColor,
|
|
7543
|
+
[vars$j.labelRequiredIndicator]: refs.requiredIndicator,
|
|
7544
|
+
[vars$j.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
7545
|
+
[vars$j.inputValueTextColor]: refs.valueTextColor,
|
|
7546
|
+
[vars$j.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
|
7547
|
+
[vars$j.inputBorderStyle]: refs.borderStyle,
|
|
7548
|
+
[vars$j.inputBorderWidth]: refs.borderWidth,
|
|
7549
|
+
[vars$j.inputBorderColor]: refs.borderColor,
|
|
7550
|
+
[vars$j.inputBorderRadius]: refs.borderRadius,
|
|
7551
|
+
[vars$j.inputOutlineStyle]: refs.outlineStyle,
|
|
7552
|
+
[vars$j.inputOutlineWidth]: refs.outlineWidth,
|
|
7553
|
+
[vars$j.inputOutlineColor]: refs.outlineColor,
|
|
7554
|
+
[vars$j.inputOutlineOffset]: refs.outlineOffset,
|
|
7555
|
+
[vars$j.phoneInputWidth]: refs.minWidth,
|
|
7556
|
+
[vars$j.countryCodeInputWidth]: '5em',
|
|
7557
|
+
[vars$j.countryCodeDropdownWidth]: '20em',
|
|
7491
7558
|
|
|
7492
7559
|
// '@overlay': {
|
|
7493
7560
|
// overlayItemBackgroundColor: 'red'
|
|
@@ -7497,7 +7564,7 @@ const phoneField = {
|
|
|
7497
7564
|
var phoneField$1 = /*#__PURE__*/Object.freeze({
|
|
7498
7565
|
__proto__: null,
|
|
7499
7566
|
default: phoneField,
|
|
7500
|
-
vars: vars$
|
|
7567
|
+
vars: vars$j
|
|
7501
7568
|
});
|
|
7502
7569
|
|
|
7503
7570
|
const componentName$o = getComponentName('phone-field-internal-input-box');
|
|
@@ -7665,36 +7732,36 @@ const PhoneFieldInputBoxClass = compose(
|
|
|
7665
7732
|
})
|
|
7666
7733
|
);
|
|
7667
7734
|
|
|
7668
|
-
const vars$
|
|
7735
|
+
const vars$i = PhoneFieldInputBoxClass.cssVarList;
|
|
7669
7736
|
|
|
7670
7737
|
const phoneInputBoxField = {
|
|
7671
|
-
[vars$
|
|
7672
|
-
[vars$
|
|
7673
|
-
[vars$
|
|
7674
|
-
[vars$
|
|
7675
|
-
[vars$
|
|
7676
|
-
[vars$
|
|
7677
|
-
[vars$
|
|
7678
|
-
[vars$
|
|
7679
|
-
[vars$
|
|
7680
|
-
[vars$
|
|
7681
|
-
[vars$
|
|
7682
|
-
[vars$
|
|
7683
|
-
[vars$
|
|
7684
|
-
[vars$
|
|
7685
|
-
[vars$
|
|
7686
|
-
[vars$
|
|
7687
|
-
[vars$
|
|
7688
|
-
[vars$
|
|
7738
|
+
[vars$i.hostWidth]: '16em',
|
|
7739
|
+
[vars$i.hostMinWidth]: refs.minWidth,
|
|
7740
|
+
[vars$i.hostDirection]: refs.direction,
|
|
7741
|
+
[vars$i.fontSize]: refs.fontSize,
|
|
7742
|
+
[vars$i.fontFamily]: refs.fontFamily,
|
|
7743
|
+
[vars$i.labelTextColor]: refs.labelTextColor,
|
|
7744
|
+
[vars$i.labelRequiredIndicator]: refs.requiredIndicator,
|
|
7745
|
+
[vars$i.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
7746
|
+
[vars$i.inputValueTextColor]: refs.valueTextColor,
|
|
7747
|
+
[vars$i.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
|
7748
|
+
[vars$i.inputBorderStyle]: refs.borderStyle,
|
|
7749
|
+
[vars$i.inputBorderWidth]: refs.borderWidth,
|
|
7750
|
+
[vars$i.inputBorderColor]: refs.borderColor,
|
|
7751
|
+
[vars$i.inputBorderRadius]: refs.borderRadius,
|
|
7752
|
+
[vars$i.inputOutlineStyle]: refs.outlineStyle,
|
|
7753
|
+
[vars$i.inputOutlineWidth]: refs.outlineWidth,
|
|
7754
|
+
[vars$i.inputOutlineColor]: refs.outlineColor,
|
|
7755
|
+
[vars$i.inputOutlineOffset]: refs.outlineOffset,
|
|
7689
7756
|
_fullWidth: {
|
|
7690
|
-
[vars$
|
|
7757
|
+
[vars$i.hostWidth]: refs.width,
|
|
7691
7758
|
},
|
|
7692
7759
|
};
|
|
7693
7760
|
|
|
7694
7761
|
var phoneInputBoxField$1 = /*#__PURE__*/Object.freeze({
|
|
7695
7762
|
__proto__: null,
|
|
7696
7763
|
default: phoneInputBoxField,
|
|
7697
|
-
vars: vars$
|
|
7764
|
+
vars: vars$i
|
|
7698
7765
|
});
|
|
7699
7766
|
|
|
7700
7767
|
const componentName$m = getComponentName('new-password-internal');
|
|
@@ -8076,31 +8143,31 @@ const NewPasswordClass = compose(
|
|
|
8076
8143
|
);
|
|
8077
8144
|
|
|
8078
8145
|
const globalRefs$c = getThemeRefs(globals);
|
|
8079
|
-
const vars$
|
|
8146
|
+
const vars$h = NewPasswordClass.cssVarList;
|
|
8080
8147
|
|
|
8081
8148
|
const newPassword = {
|
|
8082
|
-
[vars$
|
|
8083
|
-
[vars$
|
|
8084
|
-
[vars$
|
|
8085
|
-
[vars$
|
|
8086
|
-
[vars$
|
|
8087
|
-
[vars$
|
|
8088
|
-
[vars$
|
|
8089
|
-
[vars$
|
|
8090
|
-
[vars$
|
|
8149
|
+
[vars$h.hostWidth]: refs.width,
|
|
8150
|
+
[vars$h.hostMinWidth]: refs.minWidth,
|
|
8151
|
+
[vars$h.hostDirection]: refs.direction,
|
|
8152
|
+
[vars$h.fontSize]: refs.fontSize,
|
|
8153
|
+
[vars$h.fontFamily]: refs.fontFamily,
|
|
8154
|
+
[vars$h.spaceBetweenInputs]: '1em',
|
|
8155
|
+
[vars$h.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
8156
|
+
[vars$h.policyPreviewBackgroundColor]: 'none',
|
|
8157
|
+
[vars$h.policyPreviewPadding]: globalRefs$c.spacing.lg,
|
|
8091
8158
|
|
|
8092
8159
|
_required: {
|
|
8093
8160
|
// NewPassword doesn't pass `required` attribute to its Password components.
|
|
8094
8161
|
// That's why we fake the required indicator on each input.
|
|
8095
8162
|
// We do that by injecting `::after` element, and populating it with requiredIndicator content.
|
|
8096
|
-
[vars$
|
|
8163
|
+
[vars$h.inputsRequiredIndicator]: refs.requiredIndicator, // used to populate required content for NewPassword input fields outside the theme
|
|
8097
8164
|
},
|
|
8098
8165
|
};
|
|
8099
8166
|
|
|
8100
8167
|
var newPassword$1 = /*#__PURE__*/Object.freeze({
|
|
8101
8168
|
__proto__: null,
|
|
8102
8169
|
default: newPassword,
|
|
8103
|
-
vars: vars$
|
|
8170
|
+
vars: vars$h
|
|
8104
8171
|
});
|
|
8105
8172
|
|
|
8106
8173
|
const getFileBase64 = (fileObj) => {
|
|
@@ -8302,7 +8369,7 @@ class RawUploadFile extends BaseInputClass {
|
|
|
8302
8369
|
}
|
|
8303
8370
|
|
|
8304
8371
|
const buttonVars = ButtonClass.cssVarList;
|
|
8305
|
-
const { host: host$8, wrapper, icon, title, description, requiredIndicator: requiredIndicator$2 } = {
|
|
8372
|
+
const { host: host$8, wrapper, icon: icon$2, title, description, requiredIndicator: requiredIndicator$2 } = {
|
|
8306
8373
|
host: { selector: () => ':host' },
|
|
8307
8374
|
wrapper: { selector: () => ':host > div' },
|
|
8308
8375
|
icon: { selector: () => '::slotted(*)' },
|
|
@@ -8337,7 +8404,7 @@ const UploadFileClass = compose(
|
|
|
8337
8404
|
{ ...title, property: 'color' },
|
|
8338
8405
|
{ ...description, property: 'color' },
|
|
8339
8406
|
],
|
|
8340
|
-
iconSize: { ...icon, property: 'width' },
|
|
8407
|
+
iconSize: { ...icon$2, property: 'width' },
|
|
8341
8408
|
requiredIndicator: { ...requiredIndicator$2, property: 'content' },
|
|
8342
8409
|
},
|
|
8343
8410
|
}),
|
|
@@ -8345,71 +8412,71 @@ const UploadFileClass = compose(
|
|
|
8345
8412
|
componentNameValidationMixin
|
|
8346
8413
|
)(RawUploadFile);
|
|
8347
8414
|
|
|
8348
|
-
const vars$
|
|
8415
|
+
const vars$g = UploadFileClass.cssVarList;
|
|
8349
8416
|
|
|
8350
8417
|
const uploadFile = {
|
|
8351
|
-
[vars$
|
|
8352
|
-
[vars$
|
|
8353
|
-
[vars$
|
|
8418
|
+
[vars$g.hostDirection]: refs.direction,
|
|
8419
|
+
[vars$g.labelTextColor]: refs.labelTextColor,
|
|
8420
|
+
[vars$g.fontFamily]: refs.fontFamily,
|
|
8354
8421
|
|
|
8355
|
-
[vars$
|
|
8422
|
+
[vars$g.iconSize]: '2em',
|
|
8356
8423
|
|
|
8357
|
-
[vars$
|
|
8358
|
-
[vars$
|
|
8424
|
+
[vars$g.hostPadding]: '0.75em',
|
|
8425
|
+
[vars$g.gap]: '0.5em',
|
|
8359
8426
|
|
|
8360
|
-
[vars$
|
|
8361
|
-
[vars$
|
|
8362
|
-
[vars$
|
|
8427
|
+
[vars$g.fontSize]: '16px',
|
|
8428
|
+
[vars$g.titleFontWeight]: '500',
|
|
8429
|
+
[vars$g.lineHeight]: '1em',
|
|
8363
8430
|
|
|
8364
|
-
[vars$
|
|
8365
|
-
[vars$
|
|
8366
|
-
[vars$
|
|
8367
|
-
[vars$
|
|
8431
|
+
[vars$g.borderWidth]: refs.borderWidth,
|
|
8432
|
+
[vars$g.borderColor]: refs.borderColor,
|
|
8433
|
+
[vars$g.borderRadius]: refs.borderRadius,
|
|
8434
|
+
[vars$g.borderStyle]: 'dashed',
|
|
8368
8435
|
|
|
8369
8436
|
_required: {
|
|
8370
|
-
[vars$
|
|
8437
|
+
[vars$g.requiredIndicator]: refs.requiredIndicator,
|
|
8371
8438
|
},
|
|
8372
8439
|
|
|
8373
8440
|
size: {
|
|
8374
8441
|
xs: {
|
|
8375
|
-
[vars$
|
|
8376
|
-
[vars$
|
|
8377
|
-
[vars$
|
|
8378
|
-
[vars$
|
|
8379
|
-
[vars$
|
|
8442
|
+
[vars$g.hostHeight]: '196px',
|
|
8443
|
+
[vars$g.hostWidth]: '200px',
|
|
8444
|
+
[vars$g.titleFontSize]: '0.875em',
|
|
8445
|
+
[vars$g.descriptionFontSize]: '0.875em',
|
|
8446
|
+
[vars$g.lineHeight]: '1.25em',
|
|
8380
8447
|
},
|
|
8381
8448
|
sm: {
|
|
8382
|
-
[vars$
|
|
8383
|
-
[vars$
|
|
8384
|
-
[vars$
|
|
8385
|
-
[vars$
|
|
8386
|
-
[vars$
|
|
8449
|
+
[vars$g.hostHeight]: '216px',
|
|
8450
|
+
[vars$g.hostWidth]: '230px',
|
|
8451
|
+
[vars$g.titleFontSize]: '1em',
|
|
8452
|
+
[vars$g.descriptionFontSize]: '0.875em',
|
|
8453
|
+
[vars$g.lineHeight]: '1.25em',
|
|
8387
8454
|
},
|
|
8388
8455
|
md: {
|
|
8389
|
-
[vars$
|
|
8390
|
-
[vars$
|
|
8391
|
-
[vars$
|
|
8392
|
-
[vars$
|
|
8393
|
-
[vars$
|
|
8456
|
+
[vars$g.hostHeight]: '256px',
|
|
8457
|
+
[vars$g.hostWidth]: '312px',
|
|
8458
|
+
[vars$g.titleFontSize]: '1.125em',
|
|
8459
|
+
[vars$g.descriptionFontSize]: '1em',
|
|
8460
|
+
[vars$g.lineHeight]: '1.5em',
|
|
8394
8461
|
},
|
|
8395
8462
|
lg: {
|
|
8396
|
-
[vars$
|
|
8397
|
-
[vars$
|
|
8398
|
-
[vars$
|
|
8399
|
-
[vars$
|
|
8400
|
-
[vars$
|
|
8463
|
+
[vars$g.hostHeight]: '280px',
|
|
8464
|
+
[vars$g.hostWidth]: '336px',
|
|
8465
|
+
[vars$g.titleFontSize]: '1.125em',
|
|
8466
|
+
[vars$g.descriptionFontSize]: '1.125em',
|
|
8467
|
+
[vars$g.lineHeight]: '1.75em',
|
|
8401
8468
|
},
|
|
8402
8469
|
},
|
|
8403
8470
|
|
|
8404
8471
|
_fullWidth: {
|
|
8405
|
-
[vars$
|
|
8472
|
+
[vars$g.hostWidth]: refs.width,
|
|
8406
8473
|
},
|
|
8407
8474
|
};
|
|
8408
8475
|
|
|
8409
8476
|
var uploadFile$1 = /*#__PURE__*/Object.freeze({
|
|
8410
8477
|
__proto__: null,
|
|
8411
8478
|
default: uploadFile,
|
|
8412
|
-
vars: vars$
|
|
8479
|
+
vars: vars$g
|
|
8413
8480
|
});
|
|
8414
8481
|
|
|
8415
8482
|
const componentName$i = getComponentName('button-selection-group-item');
|
|
@@ -8524,37 +8591,37 @@ const ButtonSelectionGroupItemClass = compose(
|
|
|
8524
8591
|
|
|
8525
8592
|
const globalRefs$b = getThemeRefs(globals);
|
|
8526
8593
|
|
|
8527
|
-
const vars$
|
|
8594
|
+
const vars$f = ButtonSelectionGroupItemClass.cssVarList;
|
|
8528
8595
|
|
|
8529
8596
|
const buttonSelectionGroupItem = {
|
|
8530
|
-
[vars$
|
|
8531
|
-
[vars$
|
|
8532
|
-
[vars$
|
|
8533
|
-
[vars$
|
|
8534
|
-
[vars$
|
|
8535
|
-
[vars$
|
|
8536
|
-
[vars$
|
|
8537
|
-
[vars$
|
|
8597
|
+
[vars$f.hostDirection]: 'inherit',
|
|
8598
|
+
[vars$f.backgroundColor]: globalRefs$b.colors.surface.main,
|
|
8599
|
+
[vars$f.labelTextColor]: globalRefs$b.colors.surface.contrast,
|
|
8600
|
+
[vars$f.borderColor]: globalRefs$b.colors.surface.light,
|
|
8601
|
+
[vars$f.borderStyle]: 'solid',
|
|
8602
|
+
[vars$f.borderRadius]: globalRefs$b.radius.sm,
|
|
8603
|
+
[vars$f.outlineColor]: 'transparent',
|
|
8604
|
+
[vars$f.borderWidth]: globalRefs$b.border.xs,
|
|
8538
8605
|
|
|
8539
8606
|
_hover: {
|
|
8540
|
-
[vars$
|
|
8607
|
+
[vars$f.backgroundColor]: globalRefs$b.colors.surface.highlight,
|
|
8541
8608
|
},
|
|
8542
8609
|
|
|
8543
8610
|
_focused: {
|
|
8544
|
-
[vars$
|
|
8611
|
+
[vars$f.outlineColor]: globalRefs$b.colors.surface.light,
|
|
8545
8612
|
},
|
|
8546
8613
|
|
|
8547
8614
|
_selected: {
|
|
8548
|
-
[vars$
|
|
8549
|
-
[vars$
|
|
8550
|
-
[vars$
|
|
8615
|
+
[vars$f.borderColor]: globalRefs$b.colors.surface.contrast,
|
|
8616
|
+
[vars$f.backgroundColor]: globalRefs$b.colors.surface.contrast,
|
|
8617
|
+
[vars$f.labelTextColor]: globalRefs$b.colors.surface.main,
|
|
8551
8618
|
},
|
|
8552
8619
|
};
|
|
8553
8620
|
|
|
8554
8621
|
var buttonSelectionGroupItem$1 = /*#__PURE__*/Object.freeze({
|
|
8555
8622
|
__proto__: null,
|
|
8556
8623
|
default: buttonSelectionGroupItem,
|
|
8557
|
-
vars: vars$
|
|
8624
|
+
vars: vars$f
|
|
8558
8625
|
});
|
|
8559
8626
|
|
|
8560
8627
|
const createBaseButtonSelectionGroupInternalClass = (componentName) => {
|
|
@@ -8950,16 +9017,16 @@ const createBaseButtonSelectionGroupMappings = (vars) => ({
|
|
|
8950
9017
|
[vars.hostWidth]: refs.width,
|
|
8951
9018
|
});
|
|
8952
9019
|
|
|
8953
|
-
const vars$
|
|
9020
|
+
const vars$e = ButtonSelectionGroupClass.cssVarList;
|
|
8954
9021
|
|
|
8955
9022
|
const buttonSelectionGroup = {
|
|
8956
|
-
...createBaseButtonSelectionGroupMappings(vars$
|
|
9023
|
+
...createBaseButtonSelectionGroupMappings(vars$e),
|
|
8957
9024
|
};
|
|
8958
9025
|
|
|
8959
9026
|
var buttonSelectionGroup$1 = /*#__PURE__*/Object.freeze({
|
|
8960
9027
|
__proto__: null,
|
|
8961
9028
|
default: buttonSelectionGroup,
|
|
8962
|
-
vars: vars$
|
|
9029
|
+
vars: vars$e
|
|
8963
9030
|
});
|
|
8964
9031
|
|
|
8965
9032
|
const componentName$f = getComponentName('button-multi-selection-group-internal');
|
|
@@ -9118,16 +9185,16 @@ const ButtonMultiSelectionGroupClass = compose(
|
|
|
9118
9185
|
})
|
|
9119
9186
|
);
|
|
9120
9187
|
|
|
9121
|
-
const vars$
|
|
9188
|
+
const vars$d = ButtonMultiSelectionGroupClass.cssVarList;
|
|
9122
9189
|
|
|
9123
9190
|
const buttonMultiSelectionGroup = {
|
|
9124
|
-
...createBaseButtonSelectionGroupMappings(vars$
|
|
9191
|
+
...createBaseButtonSelectionGroupMappings(vars$d),
|
|
9125
9192
|
};
|
|
9126
9193
|
|
|
9127
9194
|
var buttonMultiSelectionGroup$1 = /*#__PURE__*/Object.freeze({
|
|
9128
9195
|
__proto__: null,
|
|
9129
9196
|
default: buttonMultiSelectionGroup,
|
|
9130
|
-
vars: vars$
|
|
9197
|
+
vars: vars$d
|
|
9131
9198
|
});
|
|
9132
9199
|
|
|
9133
9200
|
const componentName$d = getComponentName('modal');
|
|
@@ -9243,14 +9310,14 @@ const modal = {
|
|
|
9243
9310
|
[compVars$1.overlayWidth]: '540px',
|
|
9244
9311
|
};
|
|
9245
9312
|
|
|
9246
|
-
const vars$
|
|
9313
|
+
const vars$c = {
|
|
9247
9314
|
...compVars$1,
|
|
9248
9315
|
};
|
|
9249
9316
|
|
|
9250
9317
|
var modal$1 = /*#__PURE__*/Object.freeze({
|
|
9251
9318
|
__proto__: null,
|
|
9252
9319
|
default: modal,
|
|
9253
|
-
vars: vars$
|
|
9320
|
+
vars: vars$c
|
|
9254
9321
|
});
|
|
9255
9322
|
|
|
9256
9323
|
const isValidDataType = (data) => {
|
|
@@ -9504,35 +9571,35 @@ const GridClass = compose(
|
|
|
9504
9571
|
);
|
|
9505
9572
|
|
|
9506
9573
|
const globalRefs$8 = getThemeRefs(globals);
|
|
9507
|
-
const vars$
|
|
9574
|
+
const vars$b = GridClass.cssVarList;
|
|
9508
9575
|
|
|
9509
9576
|
const grid = {
|
|
9510
|
-
[vars$
|
|
9511
|
-
[vars$
|
|
9512
|
-
[vars$
|
|
9513
|
-
[vars$
|
|
9514
|
-
[vars$
|
|
9577
|
+
[vars$b.hostWidth]: '100%',
|
|
9578
|
+
[vars$b.hostHeight]: '100%',
|
|
9579
|
+
[vars$b.hostMinHeight]: '400px',
|
|
9580
|
+
[vars$b.fontWeight]: '400',
|
|
9581
|
+
[vars$b.backgroundColor]: globalRefs$8.colors.surface.main,
|
|
9515
9582
|
|
|
9516
|
-
[vars$
|
|
9517
|
-
[vars$
|
|
9583
|
+
[vars$b.fontSize]: refs.fontSize,
|
|
9584
|
+
[vars$b.fontFamily]: refs.fontFamily,
|
|
9518
9585
|
|
|
9519
|
-
[vars$
|
|
9520
|
-
[vars$
|
|
9521
|
-
[vars$
|
|
9586
|
+
[vars$b.sortIndicatorsColor]: globalRefs$8.colors.surface.light,
|
|
9587
|
+
[vars$b.activeSortIndicator]: globalRefs$8.colors.surface.dark,
|
|
9588
|
+
[vars$b.resizeHandleColor]: globalRefs$8.colors.surface.light,
|
|
9522
9589
|
|
|
9523
|
-
[vars$
|
|
9524
|
-
[vars$
|
|
9525
|
-
[vars$
|
|
9526
|
-
[vars$
|
|
9590
|
+
[vars$b.borderWidth]: refs.borderWidth,
|
|
9591
|
+
[vars$b.borderStyle]: refs.borderStyle,
|
|
9592
|
+
[vars$b.borderRadius]: refs.borderRadius,
|
|
9593
|
+
[vars$b.borderColor]: 'transparent',
|
|
9527
9594
|
|
|
9528
|
-
[vars$
|
|
9529
|
-
[vars$
|
|
9595
|
+
[vars$b.headerRowTextColor]: globalRefs$8.colors.surface.dark,
|
|
9596
|
+
[vars$b.separatorColor]: globalRefs$8.colors.surface.light,
|
|
9530
9597
|
|
|
9531
|
-
[vars$
|
|
9532
|
-
[vars$
|
|
9598
|
+
[vars$b.valueTextColor]: globalRefs$8.colors.surface.contrast,
|
|
9599
|
+
[vars$b.selectedBackgroundColor]: globalRefs$8.colors.surface.highlight,
|
|
9533
9600
|
|
|
9534
9601
|
_bordered: {
|
|
9535
|
-
[vars$
|
|
9602
|
+
[vars$b.borderColor]: refs.borderColor,
|
|
9536
9603
|
},
|
|
9537
9604
|
};
|
|
9538
9605
|
|
|
@@ -9540,7 +9607,7 @@ var grid$1 = /*#__PURE__*/Object.freeze({
|
|
|
9540
9607
|
__proto__: null,
|
|
9541
9608
|
default: grid,
|
|
9542
9609
|
grid: grid,
|
|
9543
|
-
vars: vars$
|
|
9610
|
+
vars: vars$b
|
|
9544
9611
|
});
|
|
9545
9612
|
|
|
9546
9613
|
const componentName$b = getComponentName('notification-card');
|
|
@@ -9656,49 +9723,49 @@ const NotificationCardClass = compose(
|
|
|
9656
9723
|
);
|
|
9657
9724
|
|
|
9658
9725
|
const globalRefs$7 = getThemeRefs(globals);
|
|
9659
|
-
const vars$
|
|
9726
|
+
const vars$a = NotificationCardClass.cssVarList;
|
|
9660
9727
|
|
|
9661
9728
|
const shadowColor = '#00000020';
|
|
9662
9729
|
|
|
9663
9730
|
const notification = {
|
|
9664
|
-
[vars$
|
|
9665
|
-
[vars$
|
|
9666
|
-
[vars$
|
|
9667
|
-
[vars$
|
|
9668
|
-
[vars$
|
|
9669
|
-
[vars$
|
|
9670
|
-
[vars$
|
|
9671
|
-
[vars$
|
|
9672
|
-
[vars$
|
|
9731
|
+
[vars$a.hostMinWidth]: '415px',
|
|
9732
|
+
[vars$a.fontFamily]: globalRefs$7.fonts.font1.family,
|
|
9733
|
+
[vars$a.fontSize]: globalRefs$7.typography.body1.size,
|
|
9734
|
+
[vars$a.backgroundColor]: globalRefs$7.colors.surface.main,
|
|
9735
|
+
[vars$a.textColor]: globalRefs$7.colors.surface.contrast,
|
|
9736
|
+
[vars$a.boxShadow]: `${globalRefs$7.shadow.wide.xl} ${shadowColor}, ${globalRefs$7.shadow.narrow.xl} ${shadowColor}`,
|
|
9737
|
+
[vars$a.verticalPadding]: '0.625em',
|
|
9738
|
+
[vars$a.horizontalPadding]: '1.5em',
|
|
9739
|
+
[vars$a.borderRadius]: globalRefs$7.radius.xs,
|
|
9673
9740
|
|
|
9674
9741
|
_bordered: {
|
|
9675
|
-
[vars$
|
|
9676
|
-
[vars$
|
|
9677
|
-
[vars$
|
|
9742
|
+
[vars$a.borderWidth]: globalRefs$7.border.sm,
|
|
9743
|
+
[vars$a.borderStyle]: 'solid',
|
|
9744
|
+
[vars$a.borderColor]: 'transparent',
|
|
9678
9745
|
},
|
|
9679
9746
|
|
|
9680
9747
|
size: {
|
|
9681
|
-
xs: { [vars$
|
|
9682
|
-
sm: { [vars$
|
|
9683
|
-
md: { [vars$
|
|
9684
|
-
lg: { [vars$
|
|
9748
|
+
xs: { [vars$a.fontSize]: '12px' },
|
|
9749
|
+
sm: { [vars$a.fontSize]: '14px' },
|
|
9750
|
+
md: { [vars$a.fontSize]: '16px' },
|
|
9751
|
+
lg: { [vars$a.fontSize]: '18px' },
|
|
9685
9752
|
},
|
|
9686
9753
|
|
|
9687
9754
|
mode: {
|
|
9688
9755
|
primary: {
|
|
9689
|
-
[vars$
|
|
9690
|
-
[vars$
|
|
9691
|
-
[vars$
|
|
9756
|
+
[vars$a.backgroundColor]: globalRefs$7.colors.primary.main,
|
|
9757
|
+
[vars$a.textColor]: globalRefs$7.colors.primary.contrast,
|
|
9758
|
+
[vars$a.borderColor]: globalRefs$7.colors.primary.light,
|
|
9692
9759
|
},
|
|
9693
9760
|
success: {
|
|
9694
|
-
[vars$
|
|
9695
|
-
[vars$
|
|
9696
|
-
[vars$
|
|
9761
|
+
[vars$a.backgroundColor]: globalRefs$7.colors.success.main,
|
|
9762
|
+
[vars$a.textColor]: globalRefs$7.colors.success.contrast,
|
|
9763
|
+
[vars$a.borderColor]: globalRefs$7.colors.success.light,
|
|
9697
9764
|
},
|
|
9698
9765
|
error: {
|
|
9699
|
-
[vars$
|
|
9700
|
-
[vars$
|
|
9701
|
-
[vars$
|
|
9766
|
+
[vars$a.backgroundColor]: globalRefs$7.colors.error.main,
|
|
9767
|
+
[vars$a.textColor]: globalRefs$7.colors.error.contrast,
|
|
9768
|
+
[vars$a.borderColor]: globalRefs$7.colors.error.light,
|
|
9702
9769
|
},
|
|
9703
9770
|
},
|
|
9704
9771
|
};
|
|
@@ -9706,7 +9773,7 @@ const notification = {
|
|
|
9706
9773
|
var notificationCard = /*#__PURE__*/Object.freeze({
|
|
9707
9774
|
__proto__: null,
|
|
9708
9775
|
default: notification,
|
|
9709
|
-
vars: vars$
|
|
9776
|
+
vars: vars$a
|
|
9710
9777
|
});
|
|
9711
9778
|
|
|
9712
9779
|
const componentName$a = getComponentName('multi-select-combo-box');
|
|
@@ -10319,62 +10386,62 @@ const MultiSelectComboBoxClass = compose(
|
|
|
10319
10386
|
);
|
|
10320
10387
|
|
|
10321
10388
|
const globalRefs$6 = getThemeRefs(globals);
|
|
10322
|
-
const vars$
|
|
10389
|
+
const vars$9 = MultiSelectComboBoxClass.cssVarList;
|
|
10323
10390
|
|
|
10324
10391
|
const multiSelectComboBox = {
|
|
10325
|
-
[vars$
|
|
10326
|
-
[vars$
|
|
10327
|
-
[vars$
|
|
10328
|
-
[vars$
|
|
10329
|
-
[vars$
|
|
10330
|
-
[vars$
|
|
10331
|
-
[vars$
|
|
10332
|
-
[vars$
|
|
10333
|
-
[vars$
|
|
10334
|
-
[vars$
|
|
10335
|
-
[vars$
|
|
10336
|
-
[vars$
|
|
10337
|
-
[vars$
|
|
10338
|
-
[vars$
|
|
10339
|
-
[vars$
|
|
10340
|
-
[vars$
|
|
10341
|
-
[vars$
|
|
10342
|
-
[vars$
|
|
10343
|
-
[vars$
|
|
10344
|
-
[vars$
|
|
10345
|
-
[vars$
|
|
10346
|
-
[vars$
|
|
10347
|
-
[vars$
|
|
10348
|
-
[vars$
|
|
10349
|
-
[vars$
|
|
10350
|
-
[vars$
|
|
10351
|
-
[vars$
|
|
10352
|
-
[vars$
|
|
10353
|
-
[vars$
|
|
10354
|
-
[vars$
|
|
10392
|
+
[vars$9.hostWidth]: refs.width,
|
|
10393
|
+
[vars$9.hostDirection]: refs.direction,
|
|
10394
|
+
[vars$9.fontSize]: refs.fontSize,
|
|
10395
|
+
[vars$9.fontFamily]: refs.fontFamily,
|
|
10396
|
+
[vars$9.labelTextColor]: refs.labelTextColor,
|
|
10397
|
+
[vars$9.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
10398
|
+
[vars$9.inputBorderColor]: refs.borderColor,
|
|
10399
|
+
[vars$9.inputBorderWidth]: refs.borderWidth,
|
|
10400
|
+
[vars$9.inputBorderStyle]: refs.borderStyle,
|
|
10401
|
+
[vars$9.inputBorderRadius]: refs.borderRadius,
|
|
10402
|
+
[vars$9.inputOutlineColor]: refs.outlineColor,
|
|
10403
|
+
[vars$9.inputOutlineOffset]: refs.outlineOffset,
|
|
10404
|
+
[vars$9.inputOutlineWidth]: refs.outlineWidth,
|
|
10405
|
+
[vars$9.inputOutlineStyle]: refs.outlineStyle,
|
|
10406
|
+
[vars$9.labelRequiredIndicator]: refs.requiredIndicator,
|
|
10407
|
+
[vars$9.inputValueTextColor]: refs.valueTextColor,
|
|
10408
|
+
[vars$9.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
|
10409
|
+
[vars$9.inputBackgroundColor]: refs.backgroundColor,
|
|
10410
|
+
[vars$9.inputHorizontalPadding]: refs.horizontalPadding,
|
|
10411
|
+
[vars$9.inputVerticalPadding]: refs.verticalPadding,
|
|
10412
|
+
[vars$9.inputHeight]: refs.inputHeight,
|
|
10413
|
+
[vars$9.inputDropdownButtonColor]: globalRefs$6.colors.surface.dark,
|
|
10414
|
+
[vars$9.inputDropdownButtonCursor]: 'pointer',
|
|
10415
|
+
[vars$9.inputDropdownButtonSize]: refs.toggleButtonSize,
|
|
10416
|
+
[vars$9.inputDropdownButtonOffset]: globalRefs$6.spacing.xs,
|
|
10417
|
+
[vars$9.overlayItemPaddingInlineStart]: globalRefs$6.spacing.xs,
|
|
10418
|
+
[vars$9.overlayItemPaddingInlineEnd]: globalRefs$6.spacing.lg,
|
|
10419
|
+
[vars$9.chipFontSize]: refs.chipFontSize,
|
|
10420
|
+
[vars$9.chipTextColor]: globalRefs$6.colors.surface.contrast,
|
|
10421
|
+
[vars$9.chipBackgroundColor]: globalRefs$6.colors.surface.light,
|
|
10355
10422
|
|
|
10356
10423
|
_readonly: {
|
|
10357
|
-
[vars$
|
|
10424
|
+
[vars$9.inputDropdownButtonCursor]: 'default',
|
|
10358
10425
|
},
|
|
10359
10426
|
|
|
10360
10427
|
// Overlay theme exposed via the component:
|
|
10361
|
-
[vars$
|
|
10362
|
-
[vars$
|
|
10363
|
-
[vars$
|
|
10364
|
-
[vars$
|
|
10365
|
-
[vars$
|
|
10366
|
-
[vars$
|
|
10428
|
+
[vars$9.overlayFontSize]: refs.fontSize,
|
|
10429
|
+
[vars$9.overlayFontFamily]: refs.fontFamily,
|
|
10430
|
+
[vars$9.overlayCursor]: 'pointer',
|
|
10431
|
+
[vars$9.overlayItemBoxShadow]: 'none',
|
|
10432
|
+
[vars$9.overlayBackground]: refs.backgroundColor,
|
|
10433
|
+
[vars$9.overlayTextColor]: refs.valueTextColor,
|
|
10367
10434
|
|
|
10368
10435
|
// Overlay direct theme:
|
|
10369
|
-
[vars$
|
|
10370
|
-
[vars$
|
|
10436
|
+
[vars$9.overlay.minHeight]: '400px',
|
|
10437
|
+
[vars$9.overlay.margin]: '0',
|
|
10371
10438
|
};
|
|
10372
10439
|
|
|
10373
10440
|
var multiSelectComboBox$1 = /*#__PURE__*/Object.freeze({
|
|
10374
10441
|
__proto__: null,
|
|
10375
10442
|
default: multiSelectComboBox,
|
|
10376
10443
|
multiSelectComboBox: multiSelectComboBox,
|
|
10377
|
-
vars: vars$
|
|
10444
|
+
vars: vars$9
|
|
10378
10445
|
});
|
|
10379
10446
|
|
|
10380
10447
|
const componentName$9 = getComponentName('badge');
|
|
@@ -10431,65 +10498,65 @@ const BadgeClass = compose(
|
|
|
10431
10498
|
)(RawBadge);
|
|
10432
10499
|
|
|
10433
10500
|
const globalRefs$5 = getThemeRefs(globals);
|
|
10434
|
-
const vars$
|
|
10501
|
+
const vars$8 = BadgeClass.cssVarList;
|
|
10435
10502
|
|
|
10436
10503
|
const badge$2 = {
|
|
10437
|
-
[vars$
|
|
10438
|
-
[vars$
|
|
10504
|
+
[vars$8.hostWidth]: 'fit-content',
|
|
10505
|
+
[vars$8.hostDirection]: globalRefs$5.direction,
|
|
10439
10506
|
|
|
10440
|
-
[vars$
|
|
10507
|
+
[vars$8.textAlign]: 'center',
|
|
10441
10508
|
|
|
10442
|
-
[vars$
|
|
10443
|
-
[vars$
|
|
10509
|
+
[vars$8.fontFamily]: globalRefs$5.fonts.font1.family,
|
|
10510
|
+
[vars$8.fontWeight]: '400',
|
|
10444
10511
|
|
|
10445
|
-
[vars$
|
|
10446
|
-
[vars$
|
|
10512
|
+
[vars$8.verticalPadding]: '0.25em',
|
|
10513
|
+
[vars$8.horizontalPadding]: '0.5em',
|
|
10447
10514
|
|
|
10448
|
-
[vars$
|
|
10449
|
-
[vars$
|
|
10450
|
-
[vars$
|
|
10451
|
-
[vars$
|
|
10515
|
+
[vars$8.borderWidth]: globalRefs$5.border.xs,
|
|
10516
|
+
[vars$8.borderRadius]: globalRefs$5.radius.xs,
|
|
10517
|
+
[vars$8.borderColor]: 'transparent',
|
|
10518
|
+
[vars$8.borderStyle]: 'solid',
|
|
10452
10519
|
|
|
10453
10520
|
_fullWidth: {
|
|
10454
|
-
[vars$
|
|
10521
|
+
[vars$8.hostWidth]: '100%',
|
|
10455
10522
|
},
|
|
10456
10523
|
|
|
10457
10524
|
size: {
|
|
10458
|
-
xs: { [vars$
|
|
10459
|
-
sm: { [vars$
|
|
10460
|
-
md: { [vars$
|
|
10461
|
-
lg: { [vars$
|
|
10525
|
+
xs: { [vars$8.fontSize]: '12px' },
|
|
10526
|
+
sm: { [vars$8.fontSize]: '14px' },
|
|
10527
|
+
md: { [vars$8.fontSize]: '16px' },
|
|
10528
|
+
lg: { [vars$8.fontSize]: '18px' },
|
|
10462
10529
|
},
|
|
10463
10530
|
|
|
10464
10531
|
mode: {
|
|
10465
10532
|
default: {
|
|
10466
|
-
[vars$
|
|
10533
|
+
[vars$8.textColor]: globalRefs$5.colors.surface.dark,
|
|
10467
10534
|
_bordered: {
|
|
10468
|
-
[vars$
|
|
10535
|
+
[vars$8.borderColor]: globalRefs$5.colors.surface.light,
|
|
10469
10536
|
},
|
|
10470
10537
|
},
|
|
10471
10538
|
primary: {
|
|
10472
|
-
[vars$
|
|
10539
|
+
[vars$8.textColor]: globalRefs$5.colors.primary.main,
|
|
10473
10540
|
_bordered: {
|
|
10474
|
-
[vars$
|
|
10541
|
+
[vars$8.borderColor]: globalRefs$5.colors.primary.light,
|
|
10475
10542
|
},
|
|
10476
10543
|
},
|
|
10477
10544
|
secondary: {
|
|
10478
|
-
[vars$
|
|
10545
|
+
[vars$8.textColor]: globalRefs$5.colors.secondary.main,
|
|
10479
10546
|
_bordered: {
|
|
10480
|
-
[vars$
|
|
10547
|
+
[vars$8.borderColor]: globalRefs$5.colors.secondary.light,
|
|
10481
10548
|
},
|
|
10482
10549
|
},
|
|
10483
10550
|
error: {
|
|
10484
|
-
[vars$
|
|
10551
|
+
[vars$8.textColor]: globalRefs$5.colors.error.main,
|
|
10485
10552
|
_bordered: {
|
|
10486
|
-
[vars$
|
|
10553
|
+
[vars$8.borderColor]: globalRefs$5.colors.error.light,
|
|
10487
10554
|
},
|
|
10488
10555
|
},
|
|
10489
10556
|
success: {
|
|
10490
|
-
[vars$
|
|
10557
|
+
[vars$8.textColor]: globalRefs$5.colors.success.main,
|
|
10491
10558
|
_bordered: {
|
|
10492
|
-
[vars$
|
|
10559
|
+
[vars$8.borderColor]: globalRefs$5.colors.success.light,
|
|
10493
10560
|
},
|
|
10494
10561
|
},
|
|
10495
10562
|
},
|
|
@@ -10498,7 +10565,7 @@ const badge$2 = {
|
|
|
10498
10565
|
var badge$3 = /*#__PURE__*/Object.freeze({
|
|
10499
10566
|
__proto__: null,
|
|
10500
10567
|
default: badge$2,
|
|
10501
|
-
vars: vars$
|
|
10568
|
+
vars: vars$8
|
|
10502
10569
|
});
|
|
10503
10570
|
|
|
10504
10571
|
const componentName$8 = getComponentName('avatar');
|
|
@@ -10636,14 +10703,14 @@ const avatar = {
|
|
|
10636
10703
|
},
|
|
10637
10704
|
};
|
|
10638
10705
|
|
|
10639
|
-
const vars$
|
|
10706
|
+
const vars$7 = {
|
|
10640
10707
|
...compVars,
|
|
10641
10708
|
};
|
|
10642
10709
|
|
|
10643
10710
|
var avatar$1 = /*#__PURE__*/Object.freeze({
|
|
10644
10711
|
__proto__: null,
|
|
10645
10712
|
default: avatar,
|
|
10646
|
-
vars: vars$
|
|
10713
|
+
vars: vars$7
|
|
10647
10714
|
});
|
|
10648
10715
|
|
|
10649
10716
|
const componentName$7 = getComponentName('mappings-field-internal');
|
|
@@ -10821,32 +10888,32 @@ const MappingsFieldClass = compose(
|
|
|
10821
10888
|
|
|
10822
10889
|
const globalRefs$3 = getThemeRefs(globals);
|
|
10823
10890
|
|
|
10824
|
-
const vars$
|
|
10891
|
+
const vars$6 = MappingsFieldClass.cssVarList;
|
|
10825
10892
|
|
|
10826
10893
|
const mappingsField = {
|
|
10827
|
-
[vars$
|
|
10828
|
-
[vars$
|
|
10829
|
-
[vars$
|
|
10830
|
-
[vars$
|
|
10831
|
-
[vars$
|
|
10832
|
-
[vars$
|
|
10833
|
-
[vars$
|
|
10834
|
-
[vars$
|
|
10835
|
-
[vars$
|
|
10836
|
-
[vars$
|
|
10894
|
+
[vars$6.hostWidth]: refs.width,
|
|
10895
|
+
[vars$6.hostDirection]: refs.direction,
|
|
10896
|
+
[vars$6.fontSize]: refs.fontSize,
|
|
10897
|
+
[vars$6.fontFamily]: refs.fontFamily,
|
|
10898
|
+
[vars$6.separatorFontSize]: '14px',
|
|
10899
|
+
[vars$6.labelsFontSize]: '14px',
|
|
10900
|
+
[vars$6.labelsLineHeight]: '1',
|
|
10901
|
+
[vars$6.labelsMarginBottom]: '6px',
|
|
10902
|
+
[vars$6.labelTextColor]: refs.labelTextColor,
|
|
10903
|
+
[vars$6.itemMarginBottom]: '1em',
|
|
10837
10904
|
// To be positioned correctly, the min width has to match the text field min width
|
|
10838
|
-
[vars$
|
|
10905
|
+
[vars$6.valueLabelMinWidth]: refs.minWidth,
|
|
10839
10906
|
// To be positioned correctly, the min width has to match the combo box field min width
|
|
10840
|
-
[vars$
|
|
10841
|
-
[vars$
|
|
10842
|
-
[vars$
|
|
10907
|
+
[vars$6.attrLabelMinWidth]: `calc(12em + 2 * ${globalRefs$3.border.xs})`,
|
|
10908
|
+
[vars$6.separatorWidth]: '70px',
|
|
10909
|
+
[vars$6.removeButtonWidth]: '60px',
|
|
10843
10910
|
};
|
|
10844
10911
|
|
|
10845
10912
|
var mappingsField$1 = /*#__PURE__*/Object.freeze({
|
|
10846
10913
|
__proto__: null,
|
|
10847
10914
|
default: mappingsField,
|
|
10848
10915
|
mappingsField: mappingsField,
|
|
10849
|
-
vars: vars$
|
|
10916
|
+
vars: vars$6
|
|
10850
10917
|
});
|
|
10851
10918
|
|
|
10852
10919
|
var deleteIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMTZDMSAxNy4xIDEuOSAxOCAzIDE4SDExQzEyLjEgMTggMTMgMTcuMSAxMyAxNlY0SDFWMTZaTTMgNkgxMVYxNkgzVjZaTTEwLjUgMUw5LjUgMEg0LjVMMy41IDFIMFYzSDE0VjFIMTAuNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPgo8L3N2Zz4K";
|
|
@@ -11086,24 +11153,24 @@ const UserAttributeClass = compose(
|
|
|
11086
11153
|
)(RawUserAttribute);
|
|
11087
11154
|
|
|
11088
11155
|
const globalRefs$2 = getThemeRefs(globals);
|
|
11089
|
-
const vars$
|
|
11156
|
+
const vars$5 = UserAttributeClass.cssVarList;
|
|
11090
11157
|
|
|
11091
11158
|
const userAttribute = {
|
|
11092
|
-
[vars$
|
|
11093
|
-
[vars$
|
|
11094
|
-
[vars$
|
|
11095
|
-
[vars$
|
|
11096
|
-
[vars$
|
|
11097
|
-
[vars$
|
|
11159
|
+
[vars$5.hostDirection]: globalRefs$2.direction,
|
|
11160
|
+
[vars$5.labelTextWidth]: '150px',
|
|
11161
|
+
[vars$5.valueTextWidth]: '200px',
|
|
11162
|
+
[vars$5.badgeMaxWidth]: '85px',
|
|
11163
|
+
[vars$5.itemsGap]: '16px',
|
|
11164
|
+
[vars$5.hostMinWidth]: '530px',
|
|
11098
11165
|
_fullWidth: {
|
|
11099
|
-
[vars$
|
|
11166
|
+
[vars$5.hostWidth]: '100%',
|
|
11100
11167
|
},
|
|
11101
11168
|
};
|
|
11102
11169
|
|
|
11103
11170
|
var userAttribute$1 = /*#__PURE__*/Object.freeze({
|
|
11104
11171
|
__proto__: null,
|
|
11105
11172
|
default: userAttribute,
|
|
11106
|
-
vars: vars$
|
|
11173
|
+
vars: vars$5
|
|
11107
11174
|
});
|
|
11108
11175
|
|
|
11109
11176
|
var greenVIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMEMzLjYgMCAwIDMuNiAwIDhDMCAxMi40IDMuNiAxNiA4IDE2QzEyLjQgMTYgMTYgMTIuNCAxNiA4QzE2IDMuNiAxMi40IDAgOCAwWk03LjEgMTEuN0wyLjkgNy42TDQuMyA2LjJMNyA4LjlMMTIgNEwxMy40IDUuNEw3LjEgMTEuN1oiIGZpbGw9IiM0Q0FGNTAiLz4KPC9zdmc+Cg==";
|
|
@@ -11303,23 +11370,23 @@ const UserAuthMethodClass = compose(
|
|
|
11303
11370
|
)(RawUserAuthMethod);
|
|
11304
11371
|
|
|
11305
11372
|
const globalRefs$1 = getThemeRefs(globals);
|
|
11306
|
-
const vars$
|
|
11373
|
+
const vars$4 = UserAuthMethodClass.cssVarList;
|
|
11307
11374
|
|
|
11308
11375
|
const userAuthMethod = {
|
|
11309
|
-
[vars$
|
|
11310
|
-
[vars$
|
|
11311
|
-
[vars$
|
|
11312
|
-
[vars$
|
|
11313
|
-
[vars$
|
|
11376
|
+
[vars$4.hostDirection]: globalRefs$1.direction,
|
|
11377
|
+
[vars$4.labelTextWidth]: '200px',
|
|
11378
|
+
[vars$4.itemsGap]: '16px',
|
|
11379
|
+
[vars$4.hostMinWidth]: '530px',
|
|
11380
|
+
[vars$4.iconSize]: '24px',
|
|
11314
11381
|
_fullWidth: {
|
|
11315
|
-
[vars$
|
|
11382
|
+
[vars$4.hostWidth]: '100%',
|
|
11316
11383
|
},
|
|
11317
11384
|
};
|
|
11318
11385
|
|
|
11319
11386
|
var userAuthMethod$1 = /*#__PURE__*/Object.freeze({
|
|
11320
11387
|
__proto__: null,
|
|
11321
11388
|
default: userAuthMethod,
|
|
11322
|
-
vars: vars$
|
|
11389
|
+
vars: vars$4
|
|
11323
11390
|
});
|
|
11324
11391
|
|
|
11325
11392
|
const componentName$3 = getComponentName('saml-group-mappings-internal');
|
|
@@ -11424,46 +11491,56 @@ const SamlGroupMappingsClass = compose(
|
|
|
11424
11491
|
})
|
|
11425
11492
|
);
|
|
11426
11493
|
|
|
11427
|
-
const vars$
|
|
11494
|
+
const vars$3 = SamlGroupMappingsClass.cssVarList;
|
|
11428
11495
|
|
|
11429
11496
|
const samlGroupMappings = {
|
|
11430
|
-
[vars$
|
|
11431
|
-
[vars$
|
|
11432
|
-
[vars$
|
|
11497
|
+
[vars$3.hostWidth]: refs.width,
|
|
11498
|
+
[vars$3.hostDirection]: refs.direction,
|
|
11499
|
+
[vars$3.groupNameInputMarginBottom]: '1em',
|
|
11433
11500
|
};
|
|
11434
11501
|
|
|
11435
11502
|
var samlGroupMappings$1 = /*#__PURE__*/Object.freeze({
|
|
11436
11503
|
__proto__: null,
|
|
11437
11504
|
default: samlGroupMappings,
|
|
11438
11505
|
samlGroupMappings: samlGroupMappings,
|
|
11439
|
-
vars: vars$
|
|
11506
|
+
vars: vars$3
|
|
11440
11507
|
});
|
|
11441
11508
|
|
|
11442
11509
|
const globalRefs = getThemeRefs(globals);
|
|
11443
|
-
const vars$
|
|
11510
|
+
const vars$2 = PolicyValidationClass.cssVarList;
|
|
11444
11511
|
|
|
11445
11512
|
const policyValidation = {
|
|
11446
|
-
[vars$
|
|
11447
|
-
[vars$
|
|
11448
|
-
[vars$
|
|
11449
|
-
[vars$
|
|
11450
|
-
[vars$
|
|
11451
|
-
[vars$
|
|
11452
|
-
[vars$
|
|
11453
|
-
[vars$
|
|
11454
|
-
[vars$
|
|
11455
|
-
[vars$
|
|
11456
|
-
[vars$
|
|
11457
|
-
[vars$
|
|
11458
|
-
[vars$
|
|
11459
|
-
[vars$
|
|
11460
|
-
[vars$
|
|
11461
|
-
[vars$
|
|
11513
|
+
[vars$2.fontFamily]: refs.fontFamily,
|
|
11514
|
+
[vars$2.fontSize]: refs.labelFontSize,
|
|
11515
|
+
[vars$2.textColor]: refs.labelTextColor,
|
|
11516
|
+
[vars$2.borderWidth]: refs.borderWidth,
|
|
11517
|
+
[vars$2.borderStyle]: refs.borderStyle,
|
|
11518
|
+
[vars$2.borderColor]: refs.borderColor,
|
|
11519
|
+
[vars$2.borderRadius]: globalRefs.radius.sm,
|
|
11520
|
+
[vars$2.backgroundColor]: 'none',
|
|
11521
|
+
[vars$2.padding]: '0px',
|
|
11522
|
+
[vars$2.labelMargin]: globalRefs.spacing.sm,
|
|
11523
|
+
[vars$2.itemsSpacing]: globalRefs.spacing.lg,
|
|
11524
|
+
[vars$2.itemSymbolDefault]: "'\\2022'", // "•"
|
|
11525
|
+
[vars$2.itemSymbolSuccess]: "'\\2713'", // "✓"
|
|
11526
|
+
[vars$2.itemSymbolError]: "'\\2A09'", // "⨉"
|
|
11527
|
+
[vars$2.itemSymbolSuccessColor]: globalRefs.colors.success.main,
|
|
11528
|
+
[vars$2.itemSymbolErrorColor]: globalRefs.colors.error.main,
|
|
11462
11529
|
};
|
|
11463
11530
|
|
|
11464
11531
|
var policyValidation$1 = /*#__PURE__*/Object.freeze({
|
|
11465
11532
|
__proto__: null,
|
|
11466
11533
|
default: policyValidation,
|
|
11534
|
+
vars: vars$2
|
|
11535
|
+
});
|
|
11536
|
+
|
|
11537
|
+
const vars$1 = IconClass.cssVarList;
|
|
11538
|
+
|
|
11539
|
+
const icon = {};
|
|
11540
|
+
|
|
11541
|
+
var icon$1 = /*#__PURE__*/Object.freeze({
|
|
11542
|
+
__proto__: null,
|
|
11543
|
+
default: icon,
|
|
11467
11544
|
vars: vars$1
|
|
11468
11545
|
});
|
|
11469
11546
|
|
|
@@ -11508,6 +11585,7 @@ const components = {
|
|
|
11508
11585
|
userAuthMethod: userAuthMethod$1,
|
|
11509
11586
|
samlGroupMappings: samlGroupMappings$1,
|
|
11510
11587
|
policyValidation: policyValidation$1,
|
|
11588
|
+
icon: icon$1,
|
|
11511
11589
|
};
|
|
11512
11590
|
|
|
11513
11591
|
const theme = Object.keys(components).reduce(
|
|
@@ -11520,7 +11598,7 @@ const vars = Object.keys(components).reduce(
|
|
|
11520
11598
|
);
|
|
11521
11599
|
|
|
11522
11600
|
const defaultTheme = { globals, components: theme };
|
|
11523
|
-
const themeVars = { globals: vars$
|
|
11601
|
+
const themeVars = { globals: vars$G, components: vars };
|
|
11524
11602
|
|
|
11525
11603
|
const colors = {
|
|
11526
11604
|
surface: {
|