@descope/web-components-ui 1.0.305 → 1.0.307
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 +788 -683
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +737 -632
- 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-enriched-text-index-js.js +1 -1
- 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-enriched-text/EnrichedTextClass.js +31 -6
- 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,70 @@ 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
|
+
|
|
2631
|
+
customElements.define(componentName$P, IconClass);
|
|
2632
|
+
|
|
2569
2633
|
const clickableMixin = (superclass) =>
|
|
2570
2634
|
class ClickableMixinClass extends superclass {
|
|
2571
2635
|
get isLoading() {
|
|
@@ -2647,6 +2711,10 @@ const ButtonClass = compose(
|
|
|
2647
2711
|
verticalPadding: [{ property: 'padding-top' }, { property: 'padding-bottom' }],
|
|
2648
2712
|
|
|
2649
2713
|
labelTextColor: { property: 'color' },
|
|
2714
|
+
iconColor: {
|
|
2715
|
+
selector: () => `::slotted(${IconClass.componentName})`,
|
|
2716
|
+
property: IconClass.cssVarList.fill,
|
|
2717
|
+
},
|
|
2650
2718
|
labelTextDecoration: { ...label$a, property: 'text-decoration' },
|
|
2651
2719
|
labelSpacing: { ...label$a, property: 'gap' },
|
|
2652
2720
|
textAlign: { ...label$a, property: 'justify-content', fallback: 'center' },
|
|
@@ -2787,6 +2855,7 @@ const button = {
|
|
|
2787
2855
|
[helperVars$3.dark]: globalRefs$o.colors.surface.dark,
|
|
2788
2856
|
[helperVars$3.light]: globalRefs$o.colors.surface.light,
|
|
2789
2857
|
[helperVars$3.contrast]: globalRefs$o.colors.surface.main,
|
|
2858
|
+
[compVars$5.iconColor]: globalRefs$o.colors.surface.main,
|
|
2790
2859
|
},
|
|
2791
2860
|
|
|
2792
2861
|
variant: {
|
|
@@ -2834,7 +2903,7 @@ const button = {
|
|
|
2834
2903
|
},
|
|
2835
2904
|
};
|
|
2836
2905
|
|
|
2837
|
-
const vars$
|
|
2906
|
+
const vars$F = {
|
|
2838
2907
|
...compVars$5,
|
|
2839
2908
|
...helperVars$3,
|
|
2840
2909
|
};
|
|
@@ -2842,7 +2911,7 @@ const vars$E = {
|
|
|
2842
2911
|
var button$1 = /*#__PURE__*/Object.freeze({
|
|
2843
2912
|
__proto__: null,
|
|
2844
2913
|
default: button,
|
|
2845
|
-
vars: vars$
|
|
2914
|
+
vars: vars$F
|
|
2846
2915
|
});
|
|
2847
2916
|
|
|
2848
2917
|
const {
|
|
@@ -3107,7 +3176,7 @@ const TextFieldClass = compose(
|
|
|
3107
3176
|
const componentName$M = getComponentName('input-wrapper');
|
|
3108
3177
|
const globalRefs$n = getThemeRefs(globals);
|
|
3109
3178
|
|
|
3110
|
-
const [theme$1, refs, vars$
|
|
3179
|
+
const [theme$1, refs, vars$E] = createHelperVars(
|
|
3111
3180
|
{
|
|
3112
3181
|
labelTextColor: globalRefs$n.colors.surface.dark,
|
|
3113
3182
|
labelFontSize: '14px', // not taken from globals as it is fixed in all inputs
|
|
@@ -3184,38 +3253,38 @@ var inputWrapper = /*#__PURE__*/Object.freeze({
|
|
|
3184
3253
|
__proto__: null,
|
|
3185
3254
|
default: theme$1,
|
|
3186
3255
|
refs: refs,
|
|
3187
|
-
vars: vars$
|
|
3256
|
+
vars: vars$E
|
|
3188
3257
|
});
|
|
3189
3258
|
|
|
3190
|
-
const vars$
|
|
3259
|
+
const vars$D = TextFieldClass.cssVarList;
|
|
3191
3260
|
|
|
3192
3261
|
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$
|
|
3262
|
+
[vars$D.hostWidth]: refs.width,
|
|
3263
|
+
[vars$D.hostMinWidth]: refs.minWidth,
|
|
3264
|
+
[vars$D.hostDirection]: refs.direction,
|
|
3265
|
+
[vars$D.fontSize]: refs.fontSize,
|
|
3266
|
+
[vars$D.fontFamily]: refs.fontFamily,
|
|
3267
|
+
[vars$D.labelTextColor]: refs.labelTextColor,
|
|
3268
|
+
[vars$D.labelRequiredIndicator]: refs.requiredIndicator,
|
|
3269
|
+
[vars$D.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
3270
|
+
[vars$D.inputValueTextColor]: refs.valueTextColor,
|
|
3271
|
+
[vars$D.inputPlaceholderColor]: refs.placeholderTextColor,
|
|
3272
|
+
[vars$D.inputBorderWidth]: refs.borderWidth,
|
|
3273
|
+
[vars$D.inputBorderStyle]: refs.borderStyle,
|
|
3274
|
+
[vars$D.inputBorderColor]: refs.borderColor,
|
|
3275
|
+
[vars$D.inputBorderRadius]: refs.borderRadius,
|
|
3276
|
+
[vars$D.inputOutlineWidth]: refs.outlineWidth,
|
|
3277
|
+
[vars$D.inputOutlineStyle]: refs.outlineStyle,
|
|
3278
|
+
[vars$D.inputOutlineColor]: refs.outlineColor,
|
|
3279
|
+
[vars$D.inputOutlineOffset]: refs.outlineOffset,
|
|
3280
|
+
[vars$D.inputBackgroundColor]: refs.backgroundColor,
|
|
3281
|
+
[vars$D.inputHeight]: refs.inputHeight,
|
|
3282
|
+
[vars$D.inputHorizontalPadding]: refs.horizontalPadding,
|
|
3283
|
+
[vars$D.helperTextColor]: refs.helperTextColor,
|
|
3215
3284
|
textAlign: {
|
|
3216
|
-
right: { [vars$
|
|
3217
|
-
left: { [vars$
|
|
3218
|
-
center: { [vars$
|
|
3285
|
+
right: { [vars$D.inputTextAlign]: 'right' },
|
|
3286
|
+
left: { [vars$D.inputTextAlign]: 'left' },
|
|
3287
|
+
center: { [vars$D.inputTextAlign]: 'center' },
|
|
3219
3288
|
},
|
|
3220
3289
|
};
|
|
3221
3290
|
|
|
@@ -3223,7 +3292,7 @@ var textField$2 = /*#__PURE__*/Object.freeze({
|
|
|
3223
3292
|
__proto__: null,
|
|
3224
3293
|
default: textField$1,
|
|
3225
3294
|
textField: textField$1,
|
|
3226
|
-
vars: vars$
|
|
3295
|
+
vars: vars$D
|
|
3227
3296
|
});
|
|
3228
3297
|
|
|
3229
3298
|
const passwordDraggableMixin = (superclass) =>
|
|
@@ -3394,38 +3463,38 @@ const PasswordClass = compose(
|
|
|
3394
3463
|
);
|
|
3395
3464
|
|
|
3396
3465
|
const globalRefs$m = getThemeRefs(globals);
|
|
3397
|
-
const vars$
|
|
3466
|
+
const vars$C = PasswordClass.cssVarList;
|
|
3398
3467
|
|
|
3399
3468
|
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$
|
|
3469
|
+
[vars$C.hostWidth]: refs.width,
|
|
3470
|
+
[vars$C.hostDirection]: refs.direction,
|
|
3471
|
+
[vars$C.fontSize]: refs.fontSize,
|
|
3472
|
+
[vars$C.fontFamily]: refs.fontFamily,
|
|
3473
|
+
[vars$C.labelTextColor]: refs.labelTextColor,
|
|
3474
|
+
[vars$C.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
3475
|
+
[vars$C.inputHorizontalPadding]: refs.horizontalPadding,
|
|
3476
|
+
[vars$C.inputHeight]: refs.inputHeight,
|
|
3477
|
+
[vars$C.inputBackgroundColor]: refs.backgroundColor,
|
|
3478
|
+
[vars$C.labelRequiredIndicator]: refs.requiredIndicator,
|
|
3479
|
+
[vars$C.inputValueTextColor]: refs.valueTextColor,
|
|
3480
|
+
[vars$C.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
|
3481
|
+
[vars$C.inputBorderWidth]: refs.borderWidth,
|
|
3482
|
+
[vars$C.inputBorderStyle]: refs.borderStyle,
|
|
3483
|
+
[vars$C.inputBorderColor]: refs.borderColor,
|
|
3484
|
+
[vars$C.inputBorderRadius]: refs.borderRadius,
|
|
3485
|
+
[vars$C.inputOutlineWidth]: refs.outlineWidth,
|
|
3486
|
+
[vars$C.inputOutlineStyle]: refs.outlineStyle,
|
|
3487
|
+
[vars$C.inputOutlineColor]: refs.outlineColor,
|
|
3488
|
+
[vars$C.inputOutlineOffset]: refs.outlineOffset,
|
|
3489
|
+
[vars$C.revealButtonOffset]: globalRefs$m.spacing.md,
|
|
3490
|
+
[vars$C.revealButtonSize]: refs.toggleButtonSize,
|
|
3491
|
+
[vars$C.revealButtonColor]: refs.placeholderTextColor,
|
|
3423
3492
|
};
|
|
3424
3493
|
|
|
3425
3494
|
var password$1 = /*#__PURE__*/Object.freeze({
|
|
3426
3495
|
__proto__: null,
|
|
3427
3496
|
default: password,
|
|
3428
|
-
vars: vars$
|
|
3497
|
+
vars: vars$C
|
|
3429
3498
|
});
|
|
3430
3499
|
|
|
3431
3500
|
const componentName$K = getComponentName('number-field');
|
|
@@ -3458,36 +3527,36 @@ const NumberFieldClass = compose(
|
|
|
3458
3527
|
})
|
|
3459
3528
|
);
|
|
3460
3529
|
|
|
3461
|
-
const vars$
|
|
3530
|
+
const vars$B = NumberFieldClass.cssVarList;
|
|
3462
3531
|
|
|
3463
3532
|
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$
|
|
3533
|
+
[vars$B.hostWidth]: refs.width,
|
|
3534
|
+
[vars$B.hostMinWidth]: refs.minWidth,
|
|
3535
|
+
[vars$B.hostDirection]: refs.direction,
|
|
3536
|
+
[vars$B.fontSize]: refs.fontSize,
|
|
3537
|
+
[vars$B.fontFamily]: refs.fontFamily,
|
|
3538
|
+
[vars$B.labelTextColor]: refs.labelTextColor,
|
|
3539
|
+
[vars$B.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
3540
|
+
[vars$B.inputValueTextColor]: refs.valueTextColor,
|
|
3541
|
+
[vars$B.inputPlaceholderColor]: refs.placeholderTextColor,
|
|
3542
|
+
[vars$B.inputBorderWidth]: refs.borderWidth,
|
|
3543
|
+
[vars$B.inputBorderStyle]: refs.borderStyle,
|
|
3544
|
+
[vars$B.inputBorderColor]: refs.borderColor,
|
|
3545
|
+
[vars$B.inputBorderRadius]: refs.borderRadius,
|
|
3546
|
+
[vars$B.inputOutlineWidth]: refs.outlineWidth,
|
|
3547
|
+
[vars$B.inputOutlineStyle]: refs.outlineStyle,
|
|
3548
|
+
[vars$B.inputOutlineColor]: refs.outlineColor,
|
|
3549
|
+
[vars$B.inputOutlineOffset]: refs.outlineOffset,
|
|
3550
|
+
[vars$B.inputBackgroundColor]: refs.backgroundColor,
|
|
3551
|
+
[vars$B.labelRequiredIndicator]: refs.requiredIndicator,
|
|
3552
|
+
[vars$B.inputHorizontalPadding]: refs.horizontalPadding,
|
|
3553
|
+
[vars$B.inputHeight]: refs.inputHeight,
|
|
3485
3554
|
};
|
|
3486
3555
|
|
|
3487
3556
|
var numberField$1 = /*#__PURE__*/Object.freeze({
|
|
3488
3557
|
__proto__: null,
|
|
3489
3558
|
default: numberField,
|
|
3490
|
-
vars: vars$
|
|
3559
|
+
vars: vars$B
|
|
3491
3560
|
});
|
|
3492
3561
|
|
|
3493
3562
|
const componentName$J = getComponentName('email-field');
|
|
@@ -3529,36 +3598,36 @@ const EmailFieldClass = compose(
|
|
|
3529
3598
|
})
|
|
3530
3599
|
);
|
|
3531
3600
|
|
|
3532
|
-
const vars$
|
|
3601
|
+
const vars$A = EmailFieldClass.cssVarList;
|
|
3533
3602
|
|
|
3534
3603
|
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$
|
|
3604
|
+
[vars$A.hostWidth]: refs.width,
|
|
3605
|
+
[vars$A.hostMinWidth]: refs.minWidth,
|
|
3606
|
+
[vars$A.hostDirection]: refs.direction,
|
|
3607
|
+
[vars$A.fontSize]: refs.fontSize,
|
|
3608
|
+
[vars$A.fontFamily]: refs.fontFamily,
|
|
3609
|
+
[vars$A.labelTextColor]: refs.labelTextColor,
|
|
3610
|
+
[vars$A.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
3611
|
+
[vars$A.inputValueTextColor]: refs.valueTextColor,
|
|
3612
|
+
[vars$A.labelRequiredIndicator]: refs.requiredIndicator,
|
|
3613
|
+
[vars$A.inputPlaceholderColor]: refs.placeholderTextColor,
|
|
3614
|
+
[vars$A.inputBorderWidth]: refs.borderWidth,
|
|
3615
|
+
[vars$A.inputBorderStyle]: refs.borderStyle,
|
|
3616
|
+
[vars$A.inputBorderColor]: refs.borderColor,
|
|
3617
|
+
[vars$A.inputBorderRadius]: refs.borderRadius,
|
|
3618
|
+
[vars$A.inputOutlineWidth]: refs.outlineWidth,
|
|
3619
|
+
[vars$A.inputOutlineStyle]: refs.outlineStyle,
|
|
3620
|
+
[vars$A.inputOutlineColor]: refs.outlineColor,
|
|
3621
|
+
[vars$A.inputOutlineOffset]: refs.outlineOffset,
|
|
3622
|
+
[vars$A.inputBackgroundColor]: refs.backgroundColor,
|
|
3623
|
+
[vars$A.inputHorizontalPadding]: refs.horizontalPadding,
|
|
3624
|
+
[vars$A.inputHeight]: refs.inputHeight,
|
|
3556
3625
|
};
|
|
3557
3626
|
|
|
3558
3627
|
var emailField$1 = /*#__PURE__*/Object.freeze({
|
|
3559
3628
|
__proto__: null,
|
|
3560
3629
|
default: emailField,
|
|
3561
|
-
vars: vars$
|
|
3630
|
+
vars: vars$A
|
|
3562
3631
|
});
|
|
3563
3632
|
|
|
3564
3633
|
const componentName$I = getComponentName('text-area');
|
|
@@ -3641,45 +3710,45 @@ const TextAreaClass = compose(
|
|
|
3641
3710
|
})
|
|
3642
3711
|
);
|
|
3643
3712
|
|
|
3644
|
-
const vars$
|
|
3713
|
+
const vars$z = TextAreaClass.cssVarList;
|
|
3645
3714
|
|
|
3646
3715
|
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$
|
|
3716
|
+
[vars$z.hostWidth]: refs.width,
|
|
3717
|
+
[vars$z.hostMinWidth]: refs.minWidth,
|
|
3718
|
+
[vars$z.hostDirection]: refs.direction,
|
|
3719
|
+
[vars$z.fontSize]: refs.fontSize,
|
|
3720
|
+
[vars$z.fontFamily]: refs.fontFamily,
|
|
3721
|
+
[vars$z.labelTextColor]: refs.labelTextColor,
|
|
3722
|
+
[vars$z.labelRequiredIndicator]: refs.requiredIndicator,
|
|
3723
|
+
[vars$z.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
3724
|
+
[vars$z.inputBackgroundColor]: refs.backgroundColor,
|
|
3725
|
+
[vars$z.inputValueTextColor]: refs.valueTextColor,
|
|
3726
|
+
[vars$z.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
|
3727
|
+
[vars$z.inputBorderRadius]: refs.borderRadius,
|
|
3728
|
+
[vars$z.inputBorderWidth]: refs.borderWidth,
|
|
3729
|
+
[vars$z.inputBorderStyle]: refs.borderStyle,
|
|
3730
|
+
[vars$z.inputBorderColor]: refs.borderColor,
|
|
3731
|
+
[vars$z.inputOutlineWidth]: refs.outlineWidth,
|
|
3732
|
+
[vars$z.inputOutlineStyle]: refs.outlineStyle,
|
|
3733
|
+
[vars$z.inputOutlineColor]: refs.outlineColor,
|
|
3734
|
+
[vars$z.inputOutlineOffset]: refs.outlineOffset,
|
|
3735
|
+
[vars$z.inputResizeType]: 'vertical',
|
|
3736
|
+
[vars$z.inputMinHeight]: '5em',
|
|
3668
3737
|
textAlign: {
|
|
3669
|
-
right: { [vars$
|
|
3670
|
-
left: { [vars$
|
|
3671
|
-
center: { [vars$
|
|
3738
|
+
right: { [vars$z.inputTextAlign]: 'right' },
|
|
3739
|
+
left: { [vars$z.inputTextAlign]: 'left' },
|
|
3740
|
+
center: { [vars$z.inputTextAlign]: 'center' },
|
|
3672
3741
|
},
|
|
3673
3742
|
|
|
3674
3743
|
_readonly: {
|
|
3675
|
-
[vars$
|
|
3744
|
+
[vars$z.inputResizeType]: 'none',
|
|
3676
3745
|
},
|
|
3677
3746
|
};
|
|
3678
3747
|
|
|
3679
3748
|
var textArea$1 = /*#__PURE__*/Object.freeze({
|
|
3680
3749
|
__proto__: null,
|
|
3681
3750
|
default: textArea,
|
|
3682
|
-
vars: vars$
|
|
3751
|
+
vars: vars$z
|
|
3683
3752
|
});
|
|
3684
3753
|
|
|
3685
3754
|
const createBaseInputClass = (...args) =>
|
|
@@ -3888,44 +3957,44 @@ const CheckboxClass = compose(
|
|
|
3888
3957
|
})
|
|
3889
3958
|
);
|
|
3890
3959
|
|
|
3891
|
-
const vars$
|
|
3960
|
+
const vars$y = CheckboxClass.cssVarList;
|
|
3892
3961
|
const checkboxSize = '1.35em';
|
|
3893
3962
|
|
|
3894
3963
|
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$
|
|
3964
|
+
[vars$y.hostWidth]: refs.width,
|
|
3965
|
+
[vars$y.hostDirection]: refs.direction,
|
|
3966
|
+
[vars$y.fontSize]: refs.fontSize,
|
|
3967
|
+
[vars$y.fontFamily]: refs.fontFamily,
|
|
3968
|
+
[vars$y.labelTextColor]: refs.labelTextColor,
|
|
3969
|
+
[vars$y.labelRequiredIndicator]: refs.requiredIndicator,
|
|
3970
|
+
[vars$y.labelFontWeight]: '400',
|
|
3971
|
+
[vars$y.labelLineHeight]: checkboxSize,
|
|
3972
|
+
[vars$y.labelSpacing]: '1em',
|
|
3973
|
+
[vars$y.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
3974
|
+
[vars$y.inputOutlineWidth]: refs.outlineWidth,
|
|
3975
|
+
[vars$y.inputOutlineOffset]: refs.outlineOffset,
|
|
3976
|
+
[vars$y.inputOutlineColor]: refs.outlineColor,
|
|
3977
|
+
[vars$y.inputOutlineStyle]: refs.outlineStyle,
|
|
3978
|
+
[vars$y.inputBorderRadius]: refs.borderRadius,
|
|
3979
|
+
[vars$y.inputBorderColor]: refs.borderColor,
|
|
3980
|
+
[vars$y.inputBorderWidth]: refs.borderWidth,
|
|
3981
|
+
[vars$y.inputBorderStyle]: refs.borderStyle,
|
|
3982
|
+
[vars$y.inputBackgroundColor]: refs.backgroundColor,
|
|
3983
|
+
[vars$y.inputSize]: checkboxSize,
|
|
3915
3984
|
|
|
3916
3985
|
_checked: {
|
|
3917
|
-
[vars$
|
|
3986
|
+
[vars$y.inputValueTextColor]: refs.valueTextColor,
|
|
3918
3987
|
},
|
|
3919
3988
|
|
|
3920
3989
|
_disabled: {
|
|
3921
|
-
[vars$
|
|
3990
|
+
[vars$y.labelTextColor]: refs.labelTextColor,
|
|
3922
3991
|
},
|
|
3923
3992
|
};
|
|
3924
3993
|
|
|
3925
3994
|
var checkbox$1 = /*#__PURE__*/Object.freeze({
|
|
3926
3995
|
__proto__: null,
|
|
3927
3996
|
default: checkbox,
|
|
3928
|
-
vars: vars$
|
|
3997
|
+
vars: vars$y
|
|
3929
3998
|
});
|
|
3930
3999
|
|
|
3931
4000
|
const componentName$F = getComponentName('switch-toggle');
|
|
@@ -4068,69 +4137,69 @@ const knobMargin = '2px';
|
|
|
4068
4137
|
const checkboxHeight = '1.25em';
|
|
4069
4138
|
|
|
4070
4139
|
const globalRefs$l = getThemeRefs(globals);
|
|
4071
|
-
const vars$
|
|
4140
|
+
const vars$x = SwitchToggleClass.cssVarList;
|
|
4072
4141
|
|
|
4073
4142
|
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$
|
|
4143
|
+
[vars$x.hostWidth]: refs.width,
|
|
4144
|
+
[vars$x.hostDirection]: refs.direction,
|
|
4145
|
+
[vars$x.fontSize]: refs.fontSize,
|
|
4146
|
+
[vars$x.fontFamily]: refs.fontFamily,
|
|
4147
|
+
|
|
4148
|
+
[vars$x.inputOutlineWidth]: refs.outlineWidth,
|
|
4149
|
+
[vars$x.inputOutlineOffset]: refs.outlineOffset,
|
|
4150
|
+
[vars$x.inputOutlineColor]: refs.outlineColor,
|
|
4151
|
+
[vars$x.inputOutlineStyle]: refs.outlineStyle,
|
|
4152
|
+
|
|
4153
|
+
[vars$x.trackBorderStyle]: refs.borderStyle,
|
|
4154
|
+
[vars$x.trackBorderWidth]: refs.borderWidth, // var `trackBorderWidth` used outside the theme for `left` margin calculation
|
|
4155
|
+
[vars$x.trackBorderColor]: refs.borderColor,
|
|
4156
|
+
[vars$x.trackBackgroundColor]: refs.backgroundColor,
|
|
4157
|
+
[vars$x.trackBorderRadius]: globalRefs$l.radius.md,
|
|
4158
|
+
[vars$x.trackWidth]: '2.5em', // var `trackWidth` used outside the theme for `left` margin calculation
|
|
4159
|
+
[vars$x.trackHeight]: checkboxHeight,
|
|
4160
|
+
|
|
4161
|
+
[vars$x.knobSize]: `calc(1em - ${knobMargin})`,
|
|
4162
|
+
[vars$x.knobRadius]: '50%',
|
|
4163
|
+
[vars$x.knobTopOffset]: '1px',
|
|
4164
|
+
[vars$x.knobLeftOffset]: knobMargin,
|
|
4165
|
+
[vars$x.knobColor]: refs.labelTextColor,
|
|
4166
|
+
[vars$x.knobTransitionDuration]: '0.3s',
|
|
4167
|
+
|
|
4168
|
+
[vars$x.labelTextColor]: refs.labelTextColor,
|
|
4169
|
+
[vars$x.labelFontWeight]: '400',
|
|
4170
|
+
[vars$x.labelLineHeight]: '1.35em',
|
|
4171
|
+
[vars$x.labelSpacing]: '1em',
|
|
4172
|
+
[vars$x.labelRequiredIndicator]: refs.requiredIndicator,
|
|
4173
|
+
[vars$x.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
4105
4174
|
|
|
4106
4175
|
_checked: {
|
|
4107
|
-
[vars$
|
|
4108
|
-
[vars$
|
|
4109
|
-
[vars$
|
|
4110
|
-
[vars$
|
|
4176
|
+
[vars$x.trackBorderColor]: refs.borderColor,
|
|
4177
|
+
[vars$x.knobLeftOffset]: `calc(100% - var(${vars$x.knobSize}) - ${knobMargin})`,
|
|
4178
|
+
[vars$x.knobColor]: refs.valueTextColor,
|
|
4179
|
+
[vars$x.knobTextColor]: refs.valueTextColor,
|
|
4111
4180
|
},
|
|
4112
4181
|
|
|
4113
4182
|
_disabled: {
|
|
4114
|
-
[vars$
|
|
4115
|
-
[vars$
|
|
4116
|
-
[vars$
|
|
4117
|
-
[vars$
|
|
4183
|
+
[vars$x.knobColor]: globalRefs$l.colors.surface.light,
|
|
4184
|
+
[vars$x.trackBorderColor]: globalRefs$l.colors.surface.light,
|
|
4185
|
+
[vars$x.trackBackgroundColor]: globalRefs$l.colors.surface.main,
|
|
4186
|
+
[vars$x.labelTextColor]: refs.labelTextColor,
|
|
4118
4187
|
_checked: {
|
|
4119
|
-
[vars$
|
|
4120
|
-
[vars$
|
|
4188
|
+
[vars$x.knobColor]: globalRefs$l.colors.surface.light,
|
|
4189
|
+
[vars$x.trackBackgroundColor]: globalRefs$l.colors.surface.main,
|
|
4121
4190
|
},
|
|
4122
4191
|
},
|
|
4123
4192
|
|
|
4124
4193
|
_invalid: {
|
|
4125
|
-
[vars$
|
|
4126
|
-
[vars$
|
|
4194
|
+
[vars$x.trackBorderColor]: globalRefs$l.colors.error.main,
|
|
4195
|
+
[vars$x.knobColor]: globalRefs$l.colors.error.main,
|
|
4127
4196
|
},
|
|
4128
4197
|
};
|
|
4129
4198
|
|
|
4130
4199
|
var switchToggle$1 = /*#__PURE__*/Object.freeze({
|
|
4131
4200
|
__proto__: null,
|
|
4132
4201
|
default: switchToggle,
|
|
4133
|
-
vars: vars$
|
|
4202
|
+
vars: vars$x
|
|
4134
4203
|
});
|
|
4135
4204
|
|
|
4136
4205
|
const componentName$E = getComponentName('container');
|
|
@@ -4296,7 +4365,7 @@ const container = {
|
|
|
4296
4365
|
},
|
|
4297
4366
|
};
|
|
4298
4367
|
|
|
4299
|
-
const vars$
|
|
4368
|
+
const vars$w = {
|
|
4300
4369
|
...compVars$4,
|
|
4301
4370
|
...helperVars$2,
|
|
4302
4371
|
};
|
|
@@ -4304,7 +4373,7 @@ const vars$v = {
|
|
|
4304
4373
|
var container$1 = /*#__PURE__*/Object.freeze({
|
|
4305
4374
|
__proto__: null,
|
|
4306
4375
|
default: container,
|
|
4307
|
-
vars: vars$
|
|
4376
|
+
vars: vars$w
|
|
4308
4377
|
});
|
|
4309
4378
|
|
|
4310
4379
|
const createCssVarImageClass = ({ componentName, varName, fallbackVarName }) => {
|
|
@@ -4365,16 +4434,16 @@ const LogoClass = createCssVarImageClass({
|
|
|
4365
4434
|
fallbackVarName: 'fallbackUrl',
|
|
4366
4435
|
});
|
|
4367
4436
|
|
|
4368
|
-
const vars$
|
|
4437
|
+
const vars$v = LogoClass.cssVarList;
|
|
4369
4438
|
|
|
4370
4439
|
const logo$2 = {
|
|
4371
|
-
[vars$
|
|
4440
|
+
[vars$v.fallbackUrl]: 'url(https://imgs.descope.com/components/no-logo-placeholder.svg)',
|
|
4372
4441
|
};
|
|
4373
4442
|
|
|
4374
4443
|
var logo$3 = /*#__PURE__*/Object.freeze({
|
|
4375
4444
|
__proto__: null,
|
|
4376
4445
|
default: logo$2,
|
|
4377
|
-
vars: vars$
|
|
4446
|
+
vars: vars$v
|
|
4378
4447
|
});
|
|
4379
4448
|
|
|
4380
4449
|
const componentName$C = getComponentName('totp-image');
|
|
@@ -4385,16 +4454,16 @@ const TotpImageClass = createCssVarImageClass({
|
|
|
4385
4454
|
fallbackVarName: 'fallbackUrl',
|
|
4386
4455
|
});
|
|
4387
4456
|
|
|
4388
|
-
const vars$
|
|
4457
|
+
const vars$u = TotpImageClass.cssVarList;
|
|
4389
4458
|
|
|
4390
4459
|
const logo$1 = {
|
|
4391
|
-
[vars$
|
|
4460
|
+
[vars$u.fallbackUrl]: 'url(https://imgs.descope.com/components/totp-placeholder.svg)',
|
|
4392
4461
|
};
|
|
4393
4462
|
|
|
4394
4463
|
var totpImage = /*#__PURE__*/Object.freeze({
|
|
4395
4464
|
__proto__: null,
|
|
4396
4465
|
default: logo$1,
|
|
4397
|
-
vars: vars$
|
|
4466
|
+
vars: vars$u
|
|
4398
4467
|
});
|
|
4399
4468
|
|
|
4400
4469
|
const componentName$B = getComponentName('notp-image');
|
|
@@ -4405,16 +4474,16 @@ const NotpImageClass = createCssVarImageClass({
|
|
|
4405
4474
|
fallbackVarName: 'fallbackUrl',
|
|
4406
4475
|
});
|
|
4407
4476
|
|
|
4408
|
-
const vars$
|
|
4477
|
+
const vars$t = NotpImageClass.cssVarList;
|
|
4409
4478
|
|
|
4410
4479
|
const logo = {
|
|
4411
|
-
[vars$
|
|
4480
|
+
[vars$t.fallbackUrl]: 'url(https://imgs.descope.com/components/notp-placeholder.svg)',
|
|
4412
4481
|
};
|
|
4413
4482
|
|
|
4414
4483
|
var notpImage = /*#__PURE__*/Object.freeze({
|
|
4415
4484
|
__proto__: null,
|
|
4416
4485
|
default: logo,
|
|
4417
|
-
vars: vars$
|
|
4486
|
+
vars: vars$t
|
|
4418
4487
|
});
|
|
4419
4488
|
|
|
4420
4489
|
const componentName$A = getComponentName('text');
|
|
@@ -4476,93 +4545,93 @@ const TextClass = compose(
|
|
|
4476
4545
|
)(RawText);
|
|
4477
4546
|
|
|
4478
4547
|
const globalRefs$j = getThemeRefs(globals);
|
|
4479
|
-
const vars$
|
|
4548
|
+
const vars$s = TextClass.cssVarList;
|
|
4480
4549
|
|
|
4481
4550
|
const text$2 = {
|
|
4482
|
-
[vars$
|
|
4483
|
-
[vars$
|
|
4484
|
-
[vars$
|
|
4485
|
-
[vars$
|
|
4551
|
+
[vars$s.hostDirection]: globalRefs$j.direction,
|
|
4552
|
+
[vars$s.textLineHeight]: '1.35em',
|
|
4553
|
+
[vars$s.textAlign]: 'left',
|
|
4554
|
+
[vars$s.textColor]: globalRefs$j.colors.surface.dark,
|
|
4486
4555
|
variant: {
|
|
4487
4556
|
h1: {
|
|
4488
|
-
[vars$
|
|
4489
|
-
[vars$
|
|
4490
|
-
[vars$
|
|
4557
|
+
[vars$s.fontSize]: globalRefs$j.typography.h1.size,
|
|
4558
|
+
[vars$s.fontWeight]: globalRefs$j.typography.h1.weight,
|
|
4559
|
+
[vars$s.fontFamily]: globalRefs$j.typography.h1.font,
|
|
4491
4560
|
},
|
|
4492
4561
|
h2: {
|
|
4493
|
-
[vars$
|
|
4494
|
-
[vars$
|
|
4495
|
-
[vars$
|
|
4562
|
+
[vars$s.fontSize]: globalRefs$j.typography.h2.size,
|
|
4563
|
+
[vars$s.fontWeight]: globalRefs$j.typography.h2.weight,
|
|
4564
|
+
[vars$s.fontFamily]: globalRefs$j.typography.h2.font,
|
|
4496
4565
|
},
|
|
4497
4566
|
h3: {
|
|
4498
|
-
[vars$
|
|
4499
|
-
[vars$
|
|
4500
|
-
[vars$
|
|
4567
|
+
[vars$s.fontSize]: globalRefs$j.typography.h3.size,
|
|
4568
|
+
[vars$s.fontWeight]: globalRefs$j.typography.h3.weight,
|
|
4569
|
+
[vars$s.fontFamily]: globalRefs$j.typography.h3.font,
|
|
4501
4570
|
},
|
|
4502
4571
|
subtitle1: {
|
|
4503
|
-
[vars$
|
|
4504
|
-
[vars$
|
|
4505
|
-
[vars$
|
|
4572
|
+
[vars$s.fontSize]: globalRefs$j.typography.subtitle1.size,
|
|
4573
|
+
[vars$s.fontWeight]: globalRefs$j.typography.subtitle1.weight,
|
|
4574
|
+
[vars$s.fontFamily]: globalRefs$j.typography.subtitle1.font,
|
|
4506
4575
|
},
|
|
4507
4576
|
subtitle2: {
|
|
4508
|
-
[vars$
|
|
4509
|
-
[vars$
|
|
4510
|
-
[vars$
|
|
4577
|
+
[vars$s.fontSize]: globalRefs$j.typography.subtitle2.size,
|
|
4578
|
+
[vars$s.fontWeight]: globalRefs$j.typography.subtitle2.weight,
|
|
4579
|
+
[vars$s.fontFamily]: globalRefs$j.typography.subtitle2.font,
|
|
4511
4580
|
},
|
|
4512
4581
|
body1: {
|
|
4513
|
-
[vars$
|
|
4514
|
-
[vars$
|
|
4515
|
-
[vars$
|
|
4582
|
+
[vars$s.fontSize]: globalRefs$j.typography.body1.size,
|
|
4583
|
+
[vars$s.fontWeight]: globalRefs$j.typography.body1.weight,
|
|
4584
|
+
[vars$s.fontFamily]: globalRefs$j.typography.body1.font,
|
|
4516
4585
|
},
|
|
4517
4586
|
body2: {
|
|
4518
|
-
[vars$
|
|
4519
|
-
[vars$
|
|
4520
|
-
[vars$
|
|
4587
|
+
[vars$s.fontSize]: globalRefs$j.typography.body2.size,
|
|
4588
|
+
[vars$s.fontWeight]: globalRefs$j.typography.body2.weight,
|
|
4589
|
+
[vars$s.fontFamily]: globalRefs$j.typography.body2.font,
|
|
4521
4590
|
},
|
|
4522
4591
|
},
|
|
4523
4592
|
|
|
4524
4593
|
mode: {
|
|
4525
4594
|
primary: {
|
|
4526
|
-
[vars$
|
|
4595
|
+
[vars$s.textColor]: globalRefs$j.colors.surface.contrast,
|
|
4527
4596
|
},
|
|
4528
4597
|
secondary: {
|
|
4529
|
-
[vars$
|
|
4598
|
+
[vars$s.textColor]: globalRefs$j.colors.surface.dark,
|
|
4530
4599
|
},
|
|
4531
4600
|
error: {
|
|
4532
|
-
[vars$
|
|
4601
|
+
[vars$s.textColor]: globalRefs$j.colors.error.main,
|
|
4533
4602
|
},
|
|
4534
4603
|
success: {
|
|
4535
|
-
[vars$
|
|
4604
|
+
[vars$s.textColor]: globalRefs$j.colors.success.main,
|
|
4536
4605
|
},
|
|
4537
4606
|
},
|
|
4538
4607
|
|
|
4539
4608
|
textAlign: {
|
|
4540
|
-
right: { [vars$
|
|
4541
|
-
left: { [vars$
|
|
4542
|
-
center: { [vars$
|
|
4609
|
+
right: { [vars$s.textAlign]: 'right' },
|
|
4610
|
+
left: { [vars$s.textAlign]: 'left' },
|
|
4611
|
+
center: { [vars$s.textAlign]: 'center' },
|
|
4543
4612
|
},
|
|
4544
4613
|
|
|
4545
4614
|
_fullWidth: {
|
|
4546
|
-
[vars$
|
|
4615
|
+
[vars$s.hostWidth]: '100%',
|
|
4547
4616
|
},
|
|
4548
4617
|
|
|
4549
4618
|
_italic: {
|
|
4550
|
-
[vars$
|
|
4619
|
+
[vars$s.fontStyle]: 'italic',
|
|
4551
4620
|
},
|
|
4552
4621
|
|
|
4553
4622
|
_uppercase: {
|
|
4554
|
-
[vars$
|
|
4623
|
+
[vars$s.textTransform]: 'uppercase',
|
|
4555
4624
|
},
|
|
4556
4625
|
|
|
4557
4626
|
_lowercase: {
|
|
4558
|
-
[vars$
|
|
4627
|
+
[vars$s.textTransform]: 'lowercase',
|
|
4559
4628
|
},
|
|
4560
4629
|
};
|
|
4561
4630
|
|
|
4562
4631
|
var text$3 = /*#__PURE__*/Object.freeze({
|
|
4563
4632
|
__proto__: null,
|
|
4564
4633
|
default: text$2,
|
|
4565
|
-
vars: vars$
|
|
4634
|
+
vars: vars$s
|
|
4566
4635
|
});
|
|
4567
4636
|
|
|
4568
4637
|
const textRuleSet = {
|
|
@@ -4582,7 +4651,7 @@ const textRuleSet = {
|
|
|
4582
4651
|
const componentName$z = getComponentName('enriched-text');
|
|
4583
4652
|
|
|
4584
4653
|
let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName: componentName$z, baseSelector: ':host > div' }) {
|
|
4585
|
-
#
|
|
4654
|
+
#origLinkRenderer;
|
|
4586
4655
|
|
|
4587
4656
|
constructor() {
|
|
4588
4657
|
super();
|
|
@@ -4631,7 +4700,7 @@ let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName:
|
|
|
4631
4700
|
}
|
|
4632
4701
|
|
|
4633
4702
|
static get observedAttributes() {
|
|
4634
|
-
return ['readonly'];
|
|
4703
|
+
return ['readonly', 'link-target-blank'];
|
|
4635
4704
|
}
|
|
4636
4705
|
|
|
4637
4706
|
attributeChangedCallback(attrName, oldValue, newValue) {
|
|
@@ -4641,6 +4710,23 @@ let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName:
|
|
|
4641
4710
|
if (attrName === 'readonly') {
|
|
4642
4711
|
this.onReadOnlyChange(newValue === 'true');
|
|
4643
4712
|
}
|
|
4713
|
+
|
|
4714
|
+
if (attrName === 'link-target-blank') {
|
|
4715
|
+
this.#initProcessor();
|
|
4716
|
+
}
|
|
4717
|
+
}
|
|
4718
|
+
}
|
|
4719
|
+
|
|
4720
|
+
#customizeLinkRenderer() {
|
|
4721
|
+
if (this.linkTargetBlank) {
|
|
4722
|
+
this.processor.renderer.rules.link_open = (tokens, idx, options, env, self) => {
|
|
4723
|
+
// Add a new `target` attribute, or replace the value of the existing one.
|
|
4724
|
+
tokens[idx].attrSet('target', '_blank');
|
|
4725
|
+
// Pass the token to the default renderer.
|
|
4726
|
+
return this.#origLinkRenderer(tokens, idx, options, env, self);
|
|
4727
|
+
};
|
|
4728
|
+
} else {
|
|
4729
|
+
this.processor.renderer.rules.link_open = this.#origLinkRenderer;
|
|
4644
4730
|
}
|
|
4645
4731
|
}
|
|
4646
4732
|
|
|
@@ -4651,19 +4737,27 @@ let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName:
|
|
|
4651
4737
|
|
|
4652
4738
|
const customRuleSet = textRuleSet;
|
|
4653
4739
|
this.processor.configure(customRuleSet || {});
|
|
4654
|
-
|
|
4655
|
-
if (customRuleSet?.custom?.includes('image')) {
|
|
4656
|
-
this.processor.renderer.rules.image = this.#origImageRenderer;
|
|
4657
|
-
}
|
|
4658
4740
|
}
|
|
4659
4741
|
|
|
4660
4742
|
#updateProcessorRules() {
|
|
4661
4743
|
this.#enableCustomRules();
|
|
4662
4744
|
}
|
|
4663
4745
|
|
|
4746
|
+
#storeOrigRenderers() {
|
|
4747
|
+
const defaultLinkRenderer = (tokens, idx, options, _, self) =>
|
|
4748
|
+
self.renderToken(tokens, idx, options);
|
|
4749
|
+
this.#origLinkRenderer = this.processor.renderer.rules.link_open || defaultLinkRenderer;
|
|
4750
|
+
}
|
|
4751
|
+
|
|
4664
4752
|
#initProcessor() {
|
|
4665
4753
|
this.processor = new MarkdownIt();
|
|
4754
|
+
this.#storeOrigRenderers();
|
|
4666
4755
|
this.#updateProcessorRules();
|
|
4756
|
+
this.#customizeLinkRenderer();
|
|
4757
|
+
}
|
|
4758
|
+
|
|
4759
|
+
get linkTargetBlank() {
|
|
4760
|
+
return this.getAttribute('link-target-blank') === 'true';
|
|
4667
4761
|
}
|
|
4668
4762
|
|
|
4669
4763
|
get contentNode() {
|
|
@@ -4784,122 +4878,122 @@ const LinkClass = compose(
|
|
|
4784
4878
|
)(RawLink);
|
|
4785
4879
|
|
|
4786
4880
|
const globalRefs$i = getThemeRefs(globals);
|
|
4787
|
-
const vars$
|
|
4881
|
+
const vars$r = EnrichedTextClass.cssVarList;
|
|
4788
4882
|
|
|
4789
4883
|
const EnrichedText = {
|
|
4790
|
-
[vars$
|
|
4884
|
+
[vars$r.hostDirection]: globalRefs$i.direction,
|
|
4791
4885
|
|
|
4792
|
-
[vars$
|
|
4793
|
-
[vars$
|
|
4794
|
-
[vars$
|
|
4886
|
+
[vars$r.fontSize]: globalRefs$i.typography.body1.size,
|
|
4887
|
+
[vars$r.fontWeight]: globalRefs$i.typography.body1.weight,
|
|
4888
|
+
[vars$r.fontFamily]: globalRefs$i.typography.body1.font,
|
|
4795
4889
|
|
|
4796
|
-
[vars$
|
|
4797
|
-
[vars$
|
|
4798
|
-
[vars$
|
|
4890
|
+
[vars$r.textLineHeight]: '1.35em',
|
|
4891
|
+
[vars$r.textAlign]: 'left',
|
|
4892
|
+
[vars$r.textColor]: globalRefs$i.colors.surface.dark,
|
|
4799
4893
|
|
|
4800
|
-
[vars$
|
|
4894
|
+
[vars$r.linkColor]: `var(${LinkClass.cssVarList.textColor})`,
|
|
4801
4895
|
|
|
4802
4896
|
mode: {
|
|
4803
4897
|
primary: {
|
|
4804
|
-
[vars$
|
|
4898
|
+
[vars$r.textColor]: globalRefs$i.colors.surface.contrast,
|
|
4805
4899
|
},
|
|
4806
4900
|
secondary: {
|
|
4807
|
-
[vars$
|
|
4901
|
+
[vars$r.textColor]: globalRefs$i.colors.surface.dark,
|
|
4808
4902
|
},
|
|
4809
4903
|
error: {
|
|
4810
|
-
[vars$
|
|
4904
|
+
[vars$r.textColor]: globalRefs$i.colors.error.main,
|
|
4811
4905
|
},
|
|
4812
4906
|
success: {
|
|
4813
|
-
[vars$
|
|
4907
|
+
[vars$r.textColor]: globalRefs$i.colors.success.main,
|
|
4814
4908
|
},
|
|
4815
4909
|
},
|
|
4816
4910
|
|
|
4817
4911
|
variant: {
|
|
4818
4912
|
h1: {
|
|
4819
|
-
[vars$
|
|
4820
|
-
[vars$
|
|
4821
|
-
[vars$
|
|
4913
|
+
[vars$r.fontSize]: globalRefs$i.typography.h1.size,
|
|
4914
|
+
[vars$r.fontWeight]: globalRefs$i.typography.h1.weight,
|
|
4915
|
+
[vars$r.fontFamily]: globalRefs$i.typography.h1.font,
|
|
4822
4916
|
},
|
|
4823
4917
|
h2: {
|
|
4824
|
-
[vars$
|
|
4825
|
-
[vars$
|
|
4826
|
-
[vars$
|
|
4918
|
+
[vars$r.fontSize]: globalRefs$i.typography.h2.size,
|
|
4919
|
+
[vars$r.fontWeight]: globalRefs$i.typography.h2.weight,
|
|
4920
|
+
[vars$r.fontFamily]: globalRefs$i.typography.h2.font,
|
|
4827
4921
|
},
|
|
4828
4922
|
h3: {
|
|
4829
|
-
[vars$
|
|
4830
|
-
[vars$
|
|
4831
|
-
[vars$
|
|
4923
|
+
[vars$r.fontSize]: globalRefs$i.typography.h3.size,
|
|
4924
|
+
[vars$r.fontWeight]: globalRefs$i.typography.h3.weight,
|
|
4925
|
+
[vars$r.fontFamily]: globalRefs$i.typography.h3.font,
|
|
4832
4926
|
},
|
|
4833
4927
|
subtitle1: {
|
|
4834
|
-
[vars$
|
|
4835
|
-
[vars$
|
|
4836
|
-
[vars$
|
|
4928
|
+
[vars$r.fontSize]: globalRefs$i.typography.subtitle1.size,
|
|
4929
|
+
[vars$r.fontWeight]: globalRefs$i.typography.subtitle1.weight,
|
|
4930
|
+
[vars$r.fontFamily]: globalRefs$i.typography.subtitle1.font,
|
|
4837
4931
|
},
|
|
4838
4932
|
subtitle2: {
|
|
4839
|
-
[vars$
|
|
4840
|
-
[vars$
|
|
4841
|
-
[vars$
|
|
4933
|
+
[vars$r.fontSize]: globalRefs$i.typography.subtitle2.size,
|
|
4934
|
+
[vars$r.fontWeight]: globalRefs$i.typography.subtitle2.weight,
|
|
4935
|
+
[vars$r.fontFamily]: globalRefs$i.typography.subtitle2.font,
|
|
4842
4936
|
},
|
|
4843
4937
|
body1: {
|
|
4844
|
-
[vars$
|
|
4845
|
-
[vars$
|
|
4846
|
-
[vars$
|
|
4938
|
+
[vars$r.fontSize]: globalRefs$i.typography.body1.size,
|
|
4939
|
+
[vars$r.fontWeight]: globalRefs$i.typography.body1.weight,
|
|
4940
|
+
[vars$r.fontFamily]: globalRefs$i.typography.body1.font,
|
|
4847
4941
|
},
|
|
4848
4942
|
body2: {
|
|
4849
|
-
[vars$
|
|
4850
|
-
[vars$
|
|
4851
|
-
[vars$
|
|
4943
|
+
[vars$r.fontSize]: globalRefs$i.typography.body2.size,
|
|
4944
|
+
[vars$r.fontWeight]: globalRefs$i.typography.body2.weight,
|
|
4945
|
+
[vars$r.fontFamily]: globalRefs$i.typography.body2.font,
|
|
4852
4946
|
},
|
|
4853
4947
|
},
|
|
4854
4948
|
|
|
4855
4949
|
textAlign: {
|
|
4856
|
-
right: { [vars$
|
|
4857
|
-
left: { [vars$
|
|
4858
|
-
center: { [vars$
|
|
4950
|
+
right: { [vars$r.textAlign]: 'right' },
|
|
4951
|
+
left: { [vars$r.textAlign]: 'left' },
|
|
4952
|
+
center: { [vars$r.textAlign]: 'center' },
|
|
4859
4953
|
},
|
|
4860
4954
|
|
|
4861
4955
|
_fullWidth: {
|
|
4862
|
-
[vars$
|
|
4956
|
+
[vars$r.hostWidth]: '100%',
|
|
4863
4957
|
},
|
|
4864
4958
|
};
|
|
4865
4959
|
|
|
4866
4960
|
var EnrichedText$1 = /*#__PURE__*/Object.freeze({
|
|
4867
4961
|
__proto__: null,
|
|
4868
4962
|
default: EnrichedText,
|
|
4869
|
-
vars: vars$
|
|
4963
|
+
vars: vars$r
|
|
4870
4964
|
});
|
|
4871
4965
|
|
|
4872
4966
|
const globalRefs$h = getThemeRefs(globals);
|
|
4873
|
-
const vars$
|
|
4967
|
+
const vars$q = LinkClass.cssVarList;
|
|
4874
4968
|
|
|
4875
4969
|
const link = {
|
|
4876
|
-
[vars$
|
|
4877
|
-
[vars$
|
|
4970
|
+
[vars$q.hostDirection]: globalRefs$h.direction,
|
|
4971
|
+
[vars$q.cursor]: 'pointer',
|
|
4878
4972
|
|
|
4879
|
-
[vars$
|
|
4973
|
+
[vars$q.textColor]: globalRefs$h.colors.primary.main,
|
|
4880
4974
|
|
|
4881
4975
|
textAlign: {
|
|
4882
|
-
right: { [vars$
|
|
4883
|
-
left: { [vars$
|
|
4884
|
-
center: { [vars$
|
|
4976
|
+
right: { [vars$q.textAlign]: 'right' },
|
|
4977
|
+
left: { [vars$q.textAlign]: 'left' },
|
|
4978
|
+
center: { [vars$q.textAlign]: 'center' },
|
|
4885
4979
|
},
|
|
4886
4980
|
|
|
4887
4981
|
_fullWidth: {
|
|
4888
|
-
[vars$
|
|
4982
|
+
[vars$q.hostWidth]: '100%',
|
|
4889
4983
|
},
|
|
4890
4984
|
|
|
4891
4985
|
mode: {
|
|
4892
4986
|
primary: {
|
|
4893
|
-
[vars$
|
|
4987
|
+
[vars$q.textColor]: globalRefs$h.colors.primary.main,
|
|
4894
4988
|
},
|
|
4895
4989
|
secondary: {
|
|
4896
|
-
[vars$
|
|
4990
|
+
[vars$q.textColor]: globalRefs$h.colors.secondary.main,
|
|
4897
4991
|
},
|
|
4898
4992
|
error: {
|
|
4899
|
-
[vars$
|
|
4993
|
+
[vars$q.textColor]: globalRefs$h.colors.error.main,
|
|
4900
4994
|
},
|
|
4901
4995
|
success: {
|
|
4902
|
-
[vars$
|
|
4996
|
+
[vars$q.textColor]: globalRefs$h.colors.success.main,
|
|
4903
4997
|
},
|
|
4904
4998
|
},
|
|
4905
4999
|
};
|
|
@@ -4907,7 +5001,7 @@ const link = {
|
|
|
4907
5001
|
var link$1 = /*#__PURE__*/Object.freeze({
|
|
4908
5002
|
__proto__: null,
|
|
4909
5003
|
default: link,
|
|
4910
|
-
vars: vars$
|
|
5004
|
+
vars: vars$q
|
|
4911
5005
|
});
|
|
4912
5006
|
|
|
4913
5007
|
const componentName$x = getComponentName('divider');
|
|
@@ -5049,7 +5143,7 @@ const divider = {
|
|
|
5049
5143
|
},
|
|
5050
5144
|
};
|
|
5051
5145
|
|
|
5052
|
-
const vars$
|
|
5146
|
+
const vars$p = {
|
|
5053
5147
|
...compVars$3,
|
|
5054
5148
|
...helperVars$1,
|
|
5055
5149
|
};
|
|
@@ -5057,7 +5151,7 @@ const vars$o = {
|
|
|
5057
5151
|
var divider$1 = /*#__PURE__*/Object.freeze({
|
|
5058
5152
|
__proto__: null,
|
|
5059
5153
|
default: divider,
|
|
5060
|
-
vars: vars$
|
|
5154
|
+
vars: vars$p
|
|
5061
5155
|
});
|
|
5062
5156
|
|
|
5063
5157
|
/* eslint-disable no-param-reassign */
|
|
@@ -5292,45 +5386,45 @@ const PasscodeClass = compose(
|
|
|
5292
5386
|
})
|
|
5293
5387
|
);
|
|
5294
5388
|
|
|
5295
|
-
const vars$
|
|
5389
|
+
const vars$o = PasscodeClass.cssVarList;
|
|
5296
5390
|
|
|
5297
5391
|
const passcode = {
|
|
5298
|
-
[vars$
|
|
5299
|
-
[vars$
|
|
5300
|
-
[vars$
|
|
5301
|
-
[vars$
|
|
5302
|
-
[vars$
|
|
5303
|
-
[vars$
|
|
5304
|
-
[vars$
|
|
5305
|
-
[vars$
|
|
5306
|
-
[vars$
|
|
5307
|
-
[vars$
|
|
5308
|
-
[vars$
|
|
5309
|
-
[vars$
|
|
5310
|
-
[vars$
|
|
5311
|
-
[vars$
|
|
5312
|
-
[vars$
|
|
5392
|
+
[vars$o.hostDirection]: refs.direction,
|
|
5393
|
+
[vars$o.fontFamily]: refs.fontFamily,
|
|
5394
|
+
[vars$o.fontSize]: refs.fontSize,
|
|
5395
|
+
[vars$o.labelTextColor]: refs.labelTextColor,
|
|
5396
|
+
[vars$o.labelRequiredIndicator]: refs.requiredIndicator,
|
|
5397
|
+
[vars$o.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
5398
|
+
[vars$o.digitValueTextColor]: refs.valueTextColor,
|
|
5399
|
+
[vars$o.digitPadding]: '0',
|
|
5400
|
+
[vars$o.digitTextAlign]: 'center',
|
|
5401
|
+
[vars$o.digitSpacing]: '4px',
|
|
5402
|
+
[vars$o.hostWidth]: refs.width,
|
|
5403
|
+
[vars$o.digitOutlineColor]: 'transparent',
|
|
5404
|
+
[vars$o.digitOutlineWidth]: refs.outlineWidth,
|
|
5405
|
+
[vars$o.focusedDigitFieldOutlineColor]: refs.outlineColor,
|
|
5406
|
+
[vars$o.digitSize]: refs.inputHeight,
|
|
5313
5407
|
|
|
5314
5408
|
size: {
|
|
5315
|
-
xs: { [vars$
|
|
5316
|
-
sm: { [vars$
|
|
5317
|
-
md: { [vars$
|
|
5318
|
-
lg: { [vars$
|
|
5409
|
+
xs: { [vars$o.spinnerSize]: '15px' },
|
|
5410
|
+
sm: { [vars$o.spinnerSize]: '20px' },
|
|
5411
|
+
md: { [vars$o.spinnerSize]: '20px' },
|
|
5412
|
+
lg: { [vars$o.spinnerSize]: '20px' },
|
|
5319
5413
|
},
|
|
5320
5414
|
|
|
5321
5415
|
_hideCursor: {
|
|
5322
|
-
[vars$
|
|
5416
|
+
[vars$o.digitCaretTextColor]: 'transparent',
|
|
5323
5417
|
},
|
|
5324
5418
|
|
|
5325
5419
|
_loading: {
|
|
5326
|
-
[vars$
|
|
5420
|
+
[vars$o.overlayOpacity]: refs.overlayOpacity,
|
|
5327
5421
|
},
|
|
5328
5422
|
};
|
|
5329
5423
|
|
|
5330
5424
|
var passcode$1 = /*#__PURE__*/Object.freeze({
|
|
5331
5425
|
__proto__: null,
|
|
5332
5426
|
default: passcode,
|
|
5333
|
-
vars: vars$
|
|
5427
|
+
vars: vars$o
|
|
5334
5428
|
});
|
|
5335
5429
|
|
|
5336
5430
|
const componentName$t = getComponentName('loader-linear');
|
|
@@ -5399,48 +5493,48 @@ const LoaderLinearClass = compose(
|
|
|
5399
5493
|
)(RawLoaderLinear);
|
|
5400
5494
|
|
|
5401
5495
|
const globalRefs$f = getThemeRefs(globals);
|
|
5402
|
-
const vars$
|
|
5496
|
+
const vars$n = LoaderLinearClass.cssVarList;
|
|
5403
5497
|
|
|
5404
5498
|
const loaderLinear = {
|
|
5405
|
-
[vars$
|
|
5406
|
-
[vars$
|
|
5499
|
+
[vars$n.hostDisplay]: 'inline-block',
|
|
5500
|
+
[vars$n.hostWidth]: '100%',
|
|
5407
5501
|
|
|
5408
|
-
[vars$
|
|
5409
|
-
[vars$
|
|
5502
|
+
[vars$n.barColor]: globalRefs$f.colors.surface.contrast,
|
|
5503
|
+
[vars$n.barWidth]: '20%',
|
|
5410
5504
|
|
|
5411
|
-
[vars$
|
|
5412
|
-
[vars$
|
|
5505
|
+
[vars$n.barBackgroundColor]: globalRefs$f.colors.surface.light,
|
|
5506
|
+
[vars$n.barBorderRadius]: '4px',
|
|
5413
5507
|
|
|
5414
|
-
[vars$
|
|
5415
|
-
[vars$
|
|
5416
|
-
[vars$
|
|
5417
|
-
[vars$
|
|
5508
|
+
[vars$n.animationDuration]: '2s',
|
|
5509
|
+
[vars$n.animationTimingFunction]: 'linear',
|
|
5510
|
+
[vars$n.animationIterationCount]: 'infinite',
|
|
5511
|
+
[vars$n.verticalPadding]: '0.25em',
|
|
5418
5512
|
|
|
5419
5513
|
size: {
|
|
5420
|
-
xs: { [vars$
|
|
5421
|
-
sm: { [vars$
|
|
5422
|
-
md: { [vars$
|
|
5423
|
-
lg: { [vars$
|
|
5514
|
+
xs: { [vars$n.barHeight]: '2px' },
|
|
5515
|
+
sm: { [vars$n.barHeight]: '4px' },
|
|
5516
|
+
md: { [vars$n.barHeight]: '6px' },
|
|
5517
|
+
lg: { [vars$n.barHeight]: '8px' },
|
|
5424
5518
|
},
|
|
5425
5519
|
|
|
5426
5520
|
mode: {
|
|
5427
5521
|
primary: {
|
|
5428
|
-
[vars$
|
|
5522
|
+
[vars$n.barColor]: globalRefs$f.colors.primary.main,
|
|
5429
5523
|
},
|
|
5430
5524
|
secondary: {
|
|
5431
|
-
[vars$
|
|
5525
|
+
[vars$n.barColor]: globalRefs$f.colors.secondary.main,
|
|
5432
5526
|
},
|
|
5433
5527
|
},
|
|
5434
5528
|
|
|
5435
5529
|
_hidden: {
|
|
5436
|
-
[vars$
|
|
5530
|
+
[vars$n.hostDisplay]: 'none',
|
|
5437
5531
|
},
|
|
5438
5532
|
};
|
|
5439
5533
|
|
|
5440
5534
|
var loaderLinear$1 = /*#__PURE__*/Object.freeze({
|
|
5441
5535
|
__proto__: null,
|
|
5442
5536
|
default: loaderLinear,
|
|
5443
|
-
vars: vars$
|
|
5537
|
+
vars: vars$n
|
|
5444
5538
|
});
|
|
5445
5539
|
|
|
5446
5540
|
const globalRefs$e = getThemeRefs(globals);
|
|
@@ -5487,7 +5581,7 @@ const loaderRadial = {
|
|
|
5487
5581
|
[compVars$2.hostDisplay]: 'none',
|
|
5488
5582
|
},
|
|
5489
5583
|
};
|
|
5490
|
-
const vars$
|
|
5584
|
+
const vars$m = {
|
|
5491
5585
|
...compVars$2,
|
|
5492
5586
|
...helperVars,
|
|
5493
5587
|
};
|
|
@@ -5495,7 +5589,7 @@ const vars$l = {
|
|
|
5495
5589
|
var loaderRadial$1 = /*#__PURE__*/Object.freeze({
|
|
5496
5590
|
__proto__: null,
|
|
5497
5591
|
default: loaderRadial,
|
|
5498
|
-
vars: vars$
|
|
5592
|
+
vars: vars$m
|
|
5499
5593
|
});
|
|
5500
5594
|
|
|
5501
5595
|
const componentName$s = getComponentName('combo-box');
|
|
@@ -5887,58 +5981,58 @@ const ComboBoxClass = compose(
|
|
|
5887
5981
|
);
|
|
5888
5982
|
|
|
5889
5983
|
const globalRefs$d = getThemeRefs(globals);
|
|
5890
|
-
const vars$
|
|
5984
|
+
const vars$l = ComboBoxClass.cssVarList;
|
|
5891
5985
|
|
|
5892
5986
|
const comboBox = {
|
|
5893
|
-
[vars$
|
|
5894
|
-
[vars$
|
|
5895
|
-
[vars$
|
|
5896
|
-
[vars$
|
|
5897
|
-
[vars$
|
|
5898
|
-
[vars$
|
|
5899
|
-
[vars$
|
|
5900
|
-
[vars$
|
|
5901
|
-
[vars$
|
|
5902
|
-
[vars$
|
|
5903
|
-
[vars$
|
|
5904
|
-
[vars$
|
|
5905
|
-
[vars$
|
|
5906
|
-
[vars$
|
|
5907
|
-
[vars$
|
|
5908
|
-
[vars$
|
|
5909
|
-
[vars$
|
|
5910
|
-
[vars$
|
|
5911
|
-
[vars$
|
|
5912
|
-
[vars$
|
|
5913
|
-
[vars$
|
|
5914
|
-
[vars$
|
|
5915
|
-
[vars$
|
|
5916
|
-
[vars$
|
|
5917
|
-
[vars$
|
|
5918
|
-
[vars$
|
|
5987
|
+
[vars$l.hostWidth]: refs.width,
|
|
5988
|
+
[vars$l.hostDirection]: refs.direction,
|
|
5989
|
+
[vars$l.fontSize]: refs.fontSize,
|
|
5990
|
+
[vars$l.fontFamily]: refs.fontFamily,
|
|
5991
|
+
[vars$l.labelTextColor]: refs.labelTextColor,
|
|
5992
|
+
[vars$l.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
5993
|
+
[vars$l.inputBorderColor]: refs.borderColor,
|
|
5994
|
+
[vars$l.inputBorderWidth]: refs.borderWidth,
|
|
5995
|
+
[vars$l.inputBorderStyle]: refs.borderStyle,
|
|
5996
|
+
[vars$l.inputBorderRadius]: refs.borderRadius,
|
|
5997
|
+
[vars$l.inputOutlineColor]: refs.outlineColor,
|
|
5998
|
+
[vars$l.inputOutlineOffset]: refs.outlineOffset,
|
|
5999
|
+
[vars$l.inputOutlineWidth]: refs.outlineWidth,
|
|
6000
|
+
[vars$l.inputOutlineStyle]: refs.outlineStyle,
|
|
6001
|
+
[vars$l.labelRequiredIndicator]: refs.requiredIndicator,
|
|
6002
|
+
[vars$l.inputValueTextColor]: refs.valueTextColor,
|
|
6003
|
+
[vars$l.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
|
6004
|
+
[vars$l.inputBackgroundColor]: refs.backgroundColor,
|
|
6005
|
+
[vars$l.inputHorizontalPadding]: refs.horizontalPadding,
|
|
6006
|
+
[vars$l.inputHeight]: refs.inputHeight,
|
|
6007
|
+
[vars$l.inputDropdownButtonColor]: globalRefs$d.colors.surface.dark,
|
|
6008
|
+
[vars$l.inputDropdownButtonCursor]: 'pointer',
|
|
6009
|
+
[vars$l.inputDropdownButtonSize]: refs.toggleButtonSize,
|
|
6010
|
+
[vars$l.inputDropdownButtonOffset]: globalRefs$d.spacing.xs,
|
|
6011
|
+
[vars$l.overlayItemPaddingInlineStart]: globalRefs$d.spacing.xs,
|
|
6012
|
+
[vars$l.overlayItemPaddingInlineEnd]: globalRefs$d.spacing.lg,
|
|
5919
6013
|
|
|
5920
6014
|
_readonly: {
|
|
5921
|
-
[vars$
|
|
6015
|
+
[vars$l.inputDropdownButtonCursor]: 'default',
|
|
5922
6016
|
},
|
|
5923
6017
|
|
|
5924
6018
|
// Overlay theme exposed via the component:
|
|
5925
|
-
[vars$
|
|
5926
|
-
[vars$
|
|
5927
|
-
[vars$
|
|
5928
|
-
[vars$
|
|
5929
|
-
[vars$
|
|
5930
|
-
[vars$
|
|
6019
|
+
[vars$l.overlayFontSize]: refs.fontSize,
|
|
6020
|
+
[vars$l.overlayFontFamily]: refs.fontFamily,
|
|
6021
|
+
[vars$l.overlayCursor]: 'pointer',
|
|
6022
|
+
[vars$l.overlayItemBoxShadow]: 'none',
|
|
6023
|
+
[vars$l.overlayBackground]: refs.backgroundColor,
|
|
6024
|
+
[vars$l.overlayTextColor]: refs.valueTextColor,
|
|
5931
6025
|
|
|
5932
6026
|
// Overlay direct theme:
|
|
5933
|
-
[vars$
|
|
5934
|
-
[vars$
|
|
6027
|
+
[vars$l.overlay.minHeight]: '400px',
|
|
6028
|
+
[vars$l.overlay.margin]: '0',
|
|
5935
6029
|
};
|
|
5936
6030
|
|
|
5937
6031
|
var comboBox$1 = /*#__PURE__*/Object.freeze({
|
|
5938
6032
|
__proto__: null,
|
|
5939
6033
|
comboBox: comboBox,
|
|
5940
6034
|
default: comboBox,
|
|
5941
|
-
vars: vars$
|
|
6035
|
+
vars: vars$l
|
|
5942
6036
|
});
|
|
5943
6037
|
|
|
5944
6038
|
const observedAttributes$2 = ['src', 'alt'];
|
|
@@ -5985,14 +6079,14 @@ const ImageClass = compose(
|
|
|
5985
6079
|
draggableMixin
|
|
5986
6080
|
)(RawImage);
|
|
5987
6081
|
|
|
5988
|
-
const vars$
|
|
6082
|
+
const vars$k = ImageClass.cssVarList;
|
|
5989
6083
|
|
|
5990
6084
|
const image = {};
|
|
5991
6085
|
|
|
5992
6086
|
var image$1 = /*#__PURE__*/Object.freeze({
|
|
5993
6087
|
__proto__: null,
|
|
5994
6088
|
default: image,
|
|
5995
|
-
vars: vars$
|
|
6089
|
+
vars: vars$k
|
|
5996
6090
|
});
|
|
5997
6091
|
|
|
5998
6092
|
var CountryCodes = [
|
|
@@ -7440,29 +7534,29 @@ const PhoneFieldClass = compose(
|
|
|
7440
7534
|
})
|
|
7441
7535
|
);
|
|
7442
7536
|
|
|
7443
|
-
const vars$
|
|
7537
|
+
const vars$j = PhoneFieldClass.cssVarList;
|
|
7444
7538
|
|
|
7445
7539
|
const phoneField = {
|
|
7446
|
-
[vars$
|
|
7447
|
-
[vars$
|
|
7448
|
-
[vars$
|
|
7449
|
-
[vars$
|
|
7450
|
-
[vars$
|
|
7451
|
-
[vars$
|
|
7452
|
-
[vars$
|
|
7453
|
-
[vars$
|
|
7454
|
-
[vars$
|
|
7455
|
-
[vars$
|
|
7456
|
-
[vars$
|
|
7457
|
-
[vars$
|
|
7458
|
-
[vars$
|
|
7459
|
-
[vars$
|
|
7460
|
-
[vars$
|
|
7461
|
-
[vars$
|
|
7462
|
-
[vars$
|
|
7463
|
-
[vars$
|
|
7464
|
-
[vars$
|
|
7465
|
-
[vars$
|
|
7540
|
+
[vars$j.hostWidth]: refs.width,
|
|
7541
|
+
[vars$j.hostDirection]: refs.direction,
|
|
7542
|
+
[vars$j.fontSize]: refs.fontSize,
|
|
7543
|
+
[vars$j.fontFamily]: refs.fontFamily,
|
|
7544
|
+
[vars$j.labelTextColor]: refs.labelTextColor,
|
|
7545
|
+
[vars$j.labelRequiredIndicator]: refs.requiredIndicator,
|
|
7546
|
+
[vars$j.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
7547
|
+
[vars$j.inputValueTextColor]: refs.valueTextColor,
|
|
7548
|
+
[vars$j.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
|
7549
|
+
[vars$j.inputBorderStyle]: refs.borderStyle,
|
|
7550
|
+
[vars$j.inputBorderWidth]: refs.borderWidth,
|
|
7551
|
+
[vars$j.inputBorderColor]: refs.borderColor,
|
|
7552
|
+
[vars$j.inputBorderRadius]: refs.borderRadius,
|
|
7553
|
+
[vars$j.inputOutlineStyle]: refs.outlineStyle,
|
|
7554
|
+
[vars$j.inputOutlineWidth]: refs.outlineWidth,
|
|
7555
|
+
[vars$j.inputOutlineColor]: refs.outlineColor,
|
|
7556
|
+
[vars$j.inputOutlineOffset]: refs.outlineOffset,
|
|
7557
|
+
[vars$j.phoneInputWidth]: refs.minWidth,
|
|
7558
|
+
[vars$j.countryCodeInputWidth]: '5em',
|
|
7559
|
+
[vars$j.countryCodeDropdownWidth]: '20em',
|
|
7466
7560
|
|
|
7467
7561
|
// '@overlay': {
|
|
7468
7562
|
// overlayItemBackgroundColor: 'red'
|
|
@@ -7472,7 +7566,7 @@ const phoneField = {
|
|
|
7472
7566
|
var phoneField$1 = /*#__PURE__*/Object.freeze({
|
|
7473
7567
|
__proto__: null,
|
|
7474
7568
|
default: phoneField,
|
|
7475
|
-
vars: vars$
|
|
7569
|
+
vars: vars$j
|
|
7476
7570
|
});
|
|
7477
7571
|
|
|
7478
7572
|
const componentName$o = getComponentName('phone-field-internal-input-box');
|
|
@@ -7640,36 +7734,36 @@ const PhoneFieldInputBoxClass = compose(
|
|
|
7640
7734
|
})
|
|
7641
7735
|
);
|
|
7642
7736
|
|
|
7643
|
-
const vars$
|
|
7737
|
+
const vars$i = PhoneFieldInputBoxClass.cssVarList;
|
|
7644
7738
|
|
|
7645
7739
|
const phoneInputBoxField = {
|
|
7646
|
-
[vars$
|
|
7647
|
-
[vars$
|
|
7648
|
-
[vars$
|
|
7649
|
-
[vars$
|
|
7650
|
-
[vars$
|
|
7651
|
-
[vars$
|
|
7652
|
-
[vars$
|
|
7653
|
-
[vars$
|
|
7654
|
-
[vars$
|
|
7655
|
-
[vars$
|
|
7656
|
-
[vars$
|
|
7657
|
-
[vars$
|
|
7658
|
-
[vars$
|
|
7659
|
-
[vars$
|
|
7660
|
-
[vars$
|
|
7661
|
-
[vars$
|
|
7662
|
-
[vars$
|
|
7663
|
-
[vars$
|
|
7740
|
+
[vars$i.hostWidth]: '16em',
|
|
7741
|
+
[vars$i.hostMinWidth]: refs.minWidth,
|
|
7742
|
+
[vars$i.hostDirection]: refs.direction,
|
|
7743
|
+
[vars$i.fontSize]: refs.fontSize,
|
|
7744
|
+
[vars$i.fontFamily]: refs.fontFamily,
|
|
7745
|
+
[vars$i.labelTextColor]: refs.labelTextColor,
|
|
7746
|
+
[vars$i.labelRequiredIndicator]: refs.requiredIndicator,
|
|
7747
|
+
[vars$i.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
7748
|
+
[vars$i.inputValueTextColor]: refs.valueTextColor,
|
|
7749
|
+
[vars$i.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
|
7750
|
+
[vars$i.inputBorderStyle]: refs.borderStyle,
|
|
7751
|
+
[vars$i.inputBorderWidth]: refs.borderWidth,
|
|
7752
|
+
[vars$i.inputBorderColor]: refs.borderColor,
|
|
7753
|
+
[vars$i.inputBorderRadius]: refs.borderRadius,
|
|
7754
|
+
[vars$i.inputOutlineStyle]: refs.outlineStyle,
|
|
7755
|
+
[vars$i.inputOutlineWidth]: refs.outlineWidth,
|
|
7756
|
+
[vars$i.inputOutlineColor]: refs.outlineColor,
|
|
7757
|
+
[vars$i.inputOutlineOffset]: refs.outlineOffset,
|
|
7664
7758
|
_fullWidth: {
|
|
7665
|
-
[vars$
|
|
7759
|
+
[vars$i.hostWidth]: refs.width,
|
|
7666
7760
|
},
|
|
7667
7761
|
};
|
|
7668
7762
|
|
|
7669
7763
|
var phoneInputBoxField$1 = /*#__PURE__*/Object.freeze({
|
|
7670
7764
|
__proto__: null,
|
|
7671
7765
|
default: phoneInputBoxField,
|
|
7672
|
-
vars: vars$
|
|
7766
|
+
vars: vars$i
|
|
7673
7767
|
});
|
|
7674
7768
|
|
|
7675
7769
|
const componentName$m = getComponentName('new-password-internal');
|
|
@@ -8051,31 +8145,31 @@ const NewPasswordClass = compose(
|
|
|
8051
8145
|
);
|
|
8052
8146
|
|
|
8053
8147
|
const globalRefs$c = getThemeRefs(globals);
|
|
8054
|
-
const vars$
|
|
8148
|
+
const vars$h = NewPasswordClass.cssVarList;
|
|
8055
8149
|
|
|
8056
8150
|
const newPassword = {
|
|
8057
|
-
[vars$
|
|
8058
|
-
[vars$
|
|
8059
|
-
[vars$
|
|
8060
|
-
[vars$
|
|
8061
|
-
[vars$
|
|
8062
|
-
[vars$
|
|
8063
|
-
[vars$
|
|
8064
|
-
[vars$
|
|
8065
|
-
[vars$
|
|
8151
|
+
[vars$h.hostWidth]: refs.width,
|
|
8152
|
+
[vars$h.hostMinWidth]: refs.minWidth,
|
|
8153
|
+
[vars$h.hostDirection]: refs.direction,
|
|
8154
|
+
[vars$h.fontSize]: refs.fontSize,
|
|
8155
|
+
[vars$h.fontFamily]: refs.fontFamily,
|
|
8156
|
+
[vars$h.spaceBetweenInputs]: '1em',
|
|
8157
|
+
[vars$h.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
8158
|
+
[vars$h.policyPreviewBackgroundColor]: 'none',
|
|
8159
|
+
[vars$h.policyPreviewPadding]: globalRefs$c.spacing.lg,
|
|
8066
8160
|
|
|
8067
8161
|
_required: {
|
|
8068
8162
|
// NewPassword doesn't pass `required` attribute to its Password components.
|
|
8069
8163
|
// That's why we fake the required indicator on each input.
|
|
8070
8164
|
// We do that by injecting `::after` element, and populating it with requiredIndicator content.
|
|
8071
|
-
[vars$
|
|
8165
|
+
[vars$h.inputsRequiredIndicator]: refs.requiredIndicator, // used to populate required content for NewPassword input fields outside the theme
|
|
8072
8166
|
},
|
|
8073
8167
|
};
|
|
8074
8168
|
|
|
8075
8169
|
var newPassword$1 = /*#__PURE__*/Object.freeze({
|
|
8076
8170
|
__proto__: null,
|
|
8077
8171
|
default: newPassword,
|
|
8078
|
-
vars: vars$
|
|
8172
|
+
vars: vars$h
|
|
8079
8173
|
});
|
|
8080
8174
|
|
|
8081
8175
|
const getFileBase64 = (fileObj) => {
|
|
@@ -8277,7 +8371,7 @@ class RawUploadFile extends BaseInputClass {
|
|
|
8277
8371
|
}
|
|
8278
8372
|
|
|
8279
8373
|
const buttonVars = ButtonClass.cssVarList;
|
|
8280
|
-
const { host: host$8, wrapper, icon, title, description, requiredIndicator: requiredIndicator$2 } = {
|
|
8374
|
+
const { host: host$8, wrapper, icon: icon$2, title, description, requiredIndicator: requiredIndicator$2 } = {
|
|
8281
8375
|
host: { selector: () => ':host' },
|
|
8282
8376
|
wrapper: { selector: () => ':host > div' },
|
|
8283
8377
|
icon: { selector: () => '::slotted(*)' },
|
|
@@ -8312,7 +8406,7 @@ const UploadFileClass = compose(
|
|
|
8312
8406
|
{ ...title, property: 'color' },
|
|
8313
8407
|
{ ...description, property: 'color' },
|
|
8314
8408
|
],
|
|
8315
|
-
iconSize: { ...icon, property: 'width' },
|
|
8409
|
+
iconSize: { ...icon$2, property: 'width' },
|
|
8316
8410
|
requiredIndicator: { ...requiredIndicator$2, property: 'content' },
|
|
8317
8411
|
},
|
|
8318
8412
|
}),
|
|
@@ -8320,71 +8414,71 @@ const UploadFileClass = compose(
|
|
|
8320
8414
|
componentNameValidationMixin
|
|
8321
8415
|
)(RawUploadFile);
|
|
8322
8416
|
|
|
8323
|
-
const vars$
|
|
8417
|
+
const vars$g = UploadFileClass.cssVarList;
|
|
8324
8418
|
|
|
8325
8419
|
const uploadFile = {
|
|
8326
|
-
[vars$
|
|
8327
|
-
[vars$
|
|
8328
|
-
[vars$
|
|
8420
|
+
[vars$g.hostDirection]: refs.direction,
|
|
8421
|
+
[vars$g.labelTextColor]: refs.labelTextColor,
|
|
8422
|
+
[vars$g.fontFamily]: refs.fontFamily,
|
|
8329
8423
|
|
|
8330
|
-
[vars$
|
|
8424
|
+
[vars$g.iconSize]: '2em',
|
|
8331
8425
|
|
|
8332
|
-
[vars$
|
|
8333
|
-
[vars$
|
|
8426
|
+
[vars$g.hostPadding]: '0.75em',
|
|
8427
|
+
[vars$g.gap]: '0.5em',
|
|
8334
8428
|
|
|
8335
|
-
[vars$
|
|
8336
|
-
[vars$
|
|
8337
|
-
[vars$
|
|
8429
|
+
[vars$g.fontSize]: '16px',
|
|
8430
|
+
[vars$g.titleFontWeight]: '500',
|
|
8431
|
+
[vars$g.lineHeight]: '1em',
|
|
8338
8432
|
|
|
8339
|
-
[vars$
|
|
8340
|
-
[vars$
|
|
8341
|
-
[vars$
|
|
8342
|
-
[vars$
|
|
8433
|
+
[vars$g.borderWidth]: refs.borderWidth,
|
|
8434
|
+
[vars$g.borderColor]: refs.borderColor,
|
|
8435
|
+
[vars$g.borderRadius]: refs.borderRadius,
|
|
8436
|
+
[vars$g.borderStyle]: 'dashed',
|
|
8343
8437
|
|
|
8344
8438
|
_required: {
|
|
8345
|
-
[vars$
|
|
8439
|
+
[vars$g.requiredIndicator]: refs.requiredIndicator,
|
|
8346
8440
|
},
|
|
8347
8441
|
|
|
8348
8442
|
size: {
|
|
8349
8443
|
xs: {
|
|
8350
|
-
[vars$
|
|
8351
|
-
[vars$
|
|
8352
|
-
[vars$
|
|
8353
|
-
[vars$
|
|
8354
|
-
[vars$
|
|
8444
|
+
[vars$g.hostHeight]: '196px',
|
|
8445
|
+
[vars$g.hostWidth]: '200px',
|
|
8446
|
+
[vars$g.titleFontSize]: '0.875em',
|
|
8447
|
+
[vars$g.descriptionFontSize]: '0.875em',
|
|
8448
|
+
[vars$g.lineHeight]: '1.25em',
|
|
8355
8449
|
},
|
|
8356
8450
|
sm: {
|
|
8357
|
-
[vars$
|
|
8358
|
-
[vars$
|
|
8359
|
-
[vars$
|
|
8360
|
-
[vars$
|
|
8361
|
-
[vars$
|
|
8451
|
+
[vars$g.hostHeight]: '216px',
|
|
8452
|
+
[vars$g.hostWidth]: '230px',
|
|
8453
|
+
[vars$g.titleFontSize]: '1em',
|
|
8454
|
+
[vars$g.descriptionFontSize]: '0.875em',
|
|
8455
|
+
[vars$g.lineHeight]: '1.25em',
|
|
8362
8456
|
},
|
|
8363
8457
|
md: {
|
|
8364
|
-
[vars$
|
|
8365
|
-
[vars$
|
|
8366
|
-
[vars$
|
|
8367
|
-
[vars$
|
|
8368
|
-
[vars$
|
|
8458
|
+
[vars$g.hostHeight]: '256px',
|
|
8459
|
+
[vars$g.hostWidth]: '312px',
|
|
8460
|
+
[vars$g.titleFontSize]: '1.125em',
|
|
8461
|
+
[vars$g.descriptionFontSize]: '1em',
|
|
8462
|
+
[vars$g.lineHeight]: '1.5em',
|
|
8369
8463
|
},
|
|
8370
8464
|
lg: {
|
|
8371
|
-
[vars$
|
|
8372
|
-
[vars$
|
|
8373
|
-
[vars$
|
|
8374
|
-
[vars$
|
|
8375
|
-
[vars$
|
|
8465
|
+
[vars$g.hostHeight]: '280px',
|
|
8466
|
+
[vars$g.hostWidth]: '336px',
|
|
8467
|
+
[vars$g.titleFontSize]: '1.125em',
|
|
8468
|
+
[vars$g.descriptionFontSize]: '1.125em',
|
|
8469
|
+
[vars$g.lineHeight]: '1.75em',
|
|
8376
8470
|
},
|
|
8377
8471
|
},
|
|
8378
8472
|
|
|
8379
8473
|
_fullWidth: {
|
|
8380
|
-
[vars$
|
|
8474
|
+
[vars$g.hostWidth]: refs.width,
|
|
8381
8475
|
},
|
|
8382
8476
|
};
|
|
8383
8477
|
|
|
8384
8478
|
var uploadFile$1 = /*#__PURE__*/Object.freeze({
|
|
8385
8479
|
__proto__: null,
|
|
8386
8480
|
default: uploadFile,
|
|
8387
|
-
vars: vars$
|
|
8481
|
+
vars: vars$g
|
|
8388
8482
|
});
|
|
8389
8483
|
|
|
8390
8484
|
const componentName$i = getComponentName('button-selection-group-item');
|
|
@@ -8499,37 +8593,37 @@ const ButtonSelectionGroupItemClass = compose(
|
|
|
8499
8593
|
|
|
8500
8594
|
const globalRefs$b = getThemeRefs(globals);
|
|
8501
8595
|
|
|
8502
|
-
const vars$
|
|
8596
|
+
const vars$f = ButtonSelectionGroupItemClass.cssVarList;
|
|
8503
8597
|
|
|
8504
8598
|
const buttonSelectionGroupItem = {
|
|
8505
|
-
[vars$
|
|
8506
|
-
[vars$
|
|
8507
|
-
[vars$
|
|
8508
|
-
[vars$
|
|
8509
|
-
[vars$
|
|
8510
|
-
[vars$
|
|
8511
|
-
[vars$
|
|
8512
|
-
[vars$
|
|
8599
|
+
[vars$f.hostDirection]: 'inherit',
|
|
8600
|
+
[vars$f.backgroundColor]: globalRefs$b.colors.surface.main,
|
|
8601
|
+
[vars$f.labelTextColor]: globalRefs$b.colors.surface.contrast,
|
|
8602
|
+
[vars$f.borderColor]: globalRefs$b.colors.surface.light,
|
|
8603
|
+
[vars$f.borderStyle]: 'solid',
|
|
8604
|
+
[vars$f.borderRadius]: globalRefs$b.radius.sm,
|
|
8605
|
+
[vars$f.outlineColor]: 'transparent',
|
|
8606
|
+
[vars$f.borderWidth]: globalRefs$b.border.xs,
|
|
8513
8607
|
|
|
8514
8608
|
_hover: {
|
|
8515
|
-
[vars$
|
|
8609
|
+
[vars$f.backgroundColor]: globalRefs$b.colors.surface.highlight,
|
|
8516
8610
|
},
|
|
8517
8611
|
|
|
8518
8612
|
_focused: {
|
|
8519
|
-
[vars$
|
|
8613
|
+
[vars$f.outlineColor]: globalRefs$b.colors.surface.light,
|
|
8520
8614
|
},
|
|
8521
8615
|
|
|
8522
8616
|
_selected: {
|
|
8523
|
-
[vars$
|
|
8524
|
-
[vars$
|
|
8525
|
-
[vars$
|
|
8617
|
+
[vars$f.borderColor]: globalRefs$b.colors.surface.contrast,
|
|
8618
|
+
[vars$f.backgroundColor]: globalRefs$b.colors.surface.contrast,
|
|
8619
|
+
[vars$f.labelTextColor]: globalRefs$b.colors.surface.main,
|
|
8526
8620
|
},
|
|
8527
8621
|
};
|
|
8528
8622
|
|
|
8529
8623
|
var buttonSelectionGroupItem$1 = /*#__PURE__*/Object.freeze({
|
|
8530
8624
|
__proto__: null,
|
|
8531
8625
|
default: buttonSelectionGroupItem,
|
|
8532
|
-
vars: vars$
|
|
8626
|
+
vars: vars$f
|
|
8533
8627
|
});
|
|
8534
8628
|
|
|
8535
8629
|
const createBaseButtonSelectionGroupInternalClass = (componentName) => {
|
|
@@ -8925,16 +9019,16 @@ const createBaseButtonSelectionGroupMappings = (vars) => ({
|
|
|
8925
9019
|
[vars.hostWidth]: refs.width,
|
|
8926
9020
|
});
|
|
8927
9021
|
|
|
8928
|
-
const vars$
|
|
9022
|
+
const vars$e = ButtonSelectionGroupClass.cssVarList;
|
|
8929
9023
|
|
|
8930
9024
|
const buttonSelectionGroup = {
|
|
8931
|
-
...createBaseButtonSelectionGroupMappings(vars$
|
|
9025
|
+
...createBaseButtonSelectionGroupMappings(vars$e),
|
|
8932
9026
|
};
|
|
8933
9027
|
|
|
8934
9028
|
var buttonSelectionGroup$1 = /*#__PURE__*/Object.freeze({
|
|
8935
9029
|
__proto__: null,
|
|
8936
9030
|
default: buttonSelectionGroup,
|
|
8937
|
-
vars: vars$
|
|
9031
|
+
vars: vars$e
|
|
8938
9032
|
});
|
|
8939
9033
|
|
|
8940
9034
|
const componentName$f = getComponentName('button-multi-selection-group-internal');
|
|
@@ -9093,16 +9187,16 @@ const ButtonMultiSelectionGroupClass = compose(
|
|
|
9093
9187
|
})
|
|
9094
9188
|
);
|
|
9095
9189
|
|
|
9096
|
-
const vars$
|
|
9190
|
+
const vars$d = ButtonMultiSelectionGroupClass.cssVarList;
|
|
9097
9191
|
|
|
9098
9192
|
const buttonMultiSelectionGroup = {
|
|
9099
|
-
...createBaseButtonSelectionGroupMappings(vars$
|
|
9193
|
+
...createBaseButtonSelectionGroupMappings(vars$d),
|
|
9100
9194
|
};
|
|
9101
9195
|
|
|
9102
9196
|
var buttonMultiSelectionGroup$1 = /*#__PURE__*/Object.freeze({
|
|
9103
9197
|
__proto__: null,
|
|
9104
9198
|
default: buttonMultiSelectionGroup,
|
|
9105
|
-
vars: vars$
|
|
9199
|
+
vars: vars$d
|
|
9106
9200
|
});
|
|
9107
9201
|
|
|
9108
9202
|
const componentName$d = getComponentName('modal');
|
|
@@ -9218,14 +9312,14 @@ const modal = {
|
|
|
9218
9312
|
[compVars$1.overlayWidth]: '540px',
|
|
9219
9313
|
};
|
|
9220
9314
|
|
|
9221
|
-
const vars$
|
|
9315
|
+
const vars$c = {
|
|
9222
9316
|
...compVars$1,
|
|
9223
9317
|
};
|
|
9224
9318
|
|
|
9225
9319
|
var modal$1 = /*#__PURE__*/Object.freeze({
|
|
9226
9320
|
__proto__: null,
|
|
9227
9321
|
default: modal,
|
|
9228
|
-
vars: vars$
|
|
9322
|
+
vars: vars$c
|
|
9229
9323
|
});
|
|
9230
9324
|
|
|
9231
9325
|
const isValidDataType = (data) => {
|
|
@@ -9479,35 +9573,35 @@ const GridClass = compose(
|
|
|
9479
9573
|
);
|
|
9480
9574
|
|
|
9481
9575
|
const globalRefs$8 = getThemeRefs(globals);
|
|
9482
|
-
const vars$
|
|
9576
|
+
const vars$b = GridClass.cssVarList;
|
|
9483
9577
|
|
|
9484
9578
|
const grid = {
|
|
9485
|
-
[vars$
|
|
9486
|
-
[vars$
|
|
9487
|
-
[vars$
|
|
9488
|
-
[vars$
|
|
9489
|
-
[vars$
|
|
9579
|
+
[vars$b.hostWidth]: '100%',
|
|
9580
|
+
[vars$b.hostHeight]: '100%',
|
|
9581
|
+
[vars$b.hostMinHeight]: '400px',
|
|
9582
|
+
[vars$b.fontWeight]: '400',
|
|
9583
|
+
[vars$b.backgroundColor]: globalRefs$8.colors.surface.main,
|
|
9490
9584
|
|
|
9491
|
-
[vars$
|
|
9492
|
-
[vars$
|
|
9585
|
+
[vars$b.fontSize]: refs.fontSize,
|
|
9586
|
+
[vars$b.fontFamily]: refs.fontFamily,
|
|
9493
9587
|
|
|
9494
|
-
[vars$
|
|
9495
|
-
[vars$
|
|
9496
|
-
[vars$
|
|
9588
|
+
[vars$b.sortIndicatorsColor]: globalRefs$8.colors.surface.light,
|
|
9589
|
+
[vars$b.activeSortIndicator]: globalRefs$8.colors.surface.dark,
|
|
9590
|
+
[vars$b.resizeHandleColor]: globalRefs$8.colors.surface.light,
|
|
9497
9591
|
|
|
9498
|
-
[vars$
|
|
9499
|
-
[vars$
|
|
9500
|
-
[vars$
|
|
9501
|
-
[vars$
|
|
9592
|
+
[vars$b.borderWidth]: refs.borderWidth,
|
|
9593
|
+
[vars$b.borderStyle]: refs.borderStyle,
|
|
9594
|
+
[vars$b.borderRadius]: refs.borderRadius,
|
|
9595
|
+
[vars$b.borderColor]: 'transparent',
|
|
9502
9596
|
|
|
9503
|
-
[vars$
|
|
9504
|
-
[vars$
|
|
9597
|
+
[vars$b.headerRowTextColor]: globalRefs$8.colors.surface.dark,
|
|
9598
|
+
[vars$b.separatorColor]: globalRefs$8.colors.surface.light,
|
|
9505
9599
|
|
|
9506
|
-
[vars$
|
|
9507
|
-
[vars$
|
|
9600
|
+
[vars$b.valueTextColor]: globalRefs$8.colors.surface.contrast,
|
|
9601
|
+
[vars$b.selectedBackgroundColor]: globalRefs$8.colors.surface.highlight,
|
|
9508
9602
|
|
|
9509
9603
|
_bordered: {
|
|
9510
|
-
[vars$
|
|
9604
|
+
[vars$b.borderColor]: refs.borderColor,
|
|
9511
9605
|
},
|
|
9512
9606
|
};
|
|
9513
9607
|
|
|
@@ -9515,7 +9609,7 @@ var grid$1 = /*#__PURE__*/Object.freeze({
|
|
|
9515
9609
|
__proto__: null,
|
|
9516
9610
|
default: grid,
|
|
9517
9611
|
grid: grid,
|
|
9518
|
-
vars: vars$
|
|
9612
|
+
vars: vars$b
|
|
9519
9613
|
});
|
|
9520
9614
|
|
|
9521
9615
|
const componentName$b = getComponentName('notification-card');
|
|
@@ -9631,49 +9725,49 @@ const NotificationCardClass = compose(
|
|
|
9631
9725
|
);
|
|
9632
9726
|
|
|
9633
9727
|
const globalRefs$7 = getThemeRefs(globals);
|
|
9634
|
-
const vars$
|
|
9728
|
+
const vars$a = NotificationCardClass.cssVarList;
|
|
9635
9729
|
|
|
9636
9730
|
const shadowColor = '#00000020';
|
|
9637
9731
|
|
|
9638
9732
|
const notification = {
|
|
9639
|
-
[vars$
|
|
9640
|
-
[vars$
|
|
9641
|
-
[vars$
|
|
9642
|
-
[vars$
|
|
9643
|
-
[vars$
|
|
9644
|
-
[vars$
|
|
9645
|
-
[vars$
|
|
9646
|
-
[vars$
|
|
9647
|
-
[vars$
|
|
9733
|
+
[vars$a.hostMinWidth]: '415px',
|
|
9734
|
+
[vars$a.fontFamily]: globalRefs$7.fonts.font1.family,
|
|
9735
|
+
[vars$a.fontSize]: globalRefs$7.typography.body1.size,
|
|
9736
|
+
[vars$a.backgroundColor]: globalRefs$7.colors.surface.main,
|
|
9737
|
+
[vars$a.textColor]: globalRefs$7.colors.surface.contrast,
|
|
9738
|
+
[vars$a.boxShadow]: `${globalRefs$7.shadow.wide.xl} ${shadowColor}, ${globalRefs$7.shadow.narrow.xl} ${shadowColor}`,
|
|
9739
|
+
[vars$a.verticalPadding]: '0.625em',
|
|
9740
|
+
[vars$a.horizontalPadding]: '1.5em',
|
|
9741
|
+
[vars$a.borderRadius]: globalRefs$7.radius.xs,
|
|
9648
9742
|
|
|
9649
9743
|
_bordered: {
|
|
9650
|
-
[vars$
|
|
9651
|
-
[vars$
|
|
9652
|
-
[vars$
|
|
9744
|
+
[vars$a.borderWidth]: globalRefs$7.border.sm,
|
|
9745
|
+
[vars$a.borderStyle]: 'solid',
|
|
9746
|
+
[vars$a.borderColor]: 'transparent',
|
|
9653
9747
|
},
|
|
9654
9748
|
|
|
9655
9749
|
size: {
|
|
9656
|
-
xs: { [vars$
|
|
9657
|
-
sm: { [vars$
|
|
9658
|
-
md: { [vars$
|
|
9659
|
-
lg: { [vars$
|
|
9750
|
+
xs: { [vars$a.fontSize]: '12px' },
|
|
9751
|
+
sm: { [vars$a.fontSize]: '14px' },
|
|
9752
|
+
md: { [vars$a.fontSize]: '16px' },
|
|
9753
|
+
lg: { [vars$a.fontSize]: '18px' },
|
|
9660
9754
|
},
|
|
9661
9755
|
|
|
9662
9756
|
mode: {
|
|
9663
9757
|
primary: {
|
|
9664
|
-
[vars$
|
|
9665
|
-
[vars$
|
|
9666
|
-
[vars$
|
|
9758
|
+
[vars$a.backgroundColor]: globalRefs$7.colors.primary.main,
|
|
9759
|
+
[vars$a.textColor]: globalRefs$7.colors.primary.contrast,
|
|
9760
|
+
[vars$a.borderColor]: globalRefs$7.colors.primary.light,
|
|
9667
9761
|
},
|
|
9668
9762
|
success: {
|
|
9669
|
-
[vars$
|
|
9670
|
-
[vars$
|
|
9671
|
-
[vars$
|
|
9763
|
+
[vars$a.backgroundColor]: globalRefs$7.colors.success.main,
|
|
9764
|
+
[vars$a.textColor]: globalRefs$7.colors.success.contrast,
|
|
9765
|
+
[vars$a.borderColor]: globalRefs$7.colors.success.light,
|
|
9672
9766
|
},
|
|
9673
9767
|
error: {
|
|
9674
|
-
[vars$
|
|
9675
|
-
[vars$
|
|
9676
|
-
[vars$
|
|
9768
|
+
[vars$a.backgroundColor]: globalRefs$7.colors.error.main,
|
|
9769
|
+
[vars$a.textColor]: globalRefs$7.colors.error.contrast,
|
|
9770
|
+
[vars$a.borderColor]: globalRefs$7.colors.error.light,
|
|
9677
9771
|
},
|
|
9678
9772
|
},
|
|
9679
9773
|
};
|
|
@@ -9681,7 +9775,7 @@ const notification = {
|
|
|
9681
9775
|
var notificationCard = /*#__PURE__*/Object.freeze({
|
|
9682
9776
|
__proto__: null,
|
|
9683
9777
|
default: notification,
|
|
9684
|
-
vars: vars$
|
|
9778
|
+
vars: vars$a
|
|
9685
9779
|
});
|
|
9686
9780
|
|
|
9687
9781
|
const componentName$a = getComponentName('multi-select-combo-box');
|
|
@@ -10294,62 +10388,62 @@ const MultiSelectComboBoxClass = compose(
|
|
|
10294
10388
|
);
|
|
10295
10389
|
|
|
10296
10390
|
const globalRefs$6 = getThemeRefs(globals);
|
|
10297
|
-
const vars$
|
|
10391
|
+
const vars$9 = MultiSelectComboBoxClass.cssVarList;
|
|
10298
10392
|
|
|
10299
10393
|
const multiSelectComboBox = {
|
|
10300
|
-
[vars$
|
|
10301
|
-
[vars$
|
|
10302
|
-
[vars$
|
|
10303
|
-
[vars$
|
|
10304
|
-
[vars$
|
|
10305
|
-
[vars$
|
|
10306
|
-
[vars$
|
|
10307
|
-
[vars$
|
|
10308
|
-
[vars$
|
|
10309
|
-
[vars$
|
|
10310
|
-
[vars$
|
|
10311
|
-
[vars$
|
|
10312
|
-
[vars$
|
|
10313
|
-
[vars$
|
|
10314
|
-
[vars$
|
|
10315
|
-
[vars$
|
|
10316
|
-
[vars$
|
|
10317
|
-
[vars$
|
|
10318
|
-
[vars$
|
|
10319
|
-
[vars$
|
|
10320
|
-
[vars$
|
|
10321
|
-
[vars$
|
|
10322
|
-
[vars$
|
|
10323
|
-
[vars$
|
|
10324
|
-
[vars$
|
|
10325
|
-
[vars$
|
|
10326
|
-
[vars$
|
|
10327
|
-
[vars$
|
|
10328
|
-
[vars$
|
|
10329
|
-
[vars$
|
|
10394
|
+
[vars$9.hostWidth]: refs.width,
|
|
10395
|
+
[vars$9.hostDirection]: refs.direction,
|
|
10396
|
+
[vars$9.fontSize]: refs.fontSize,
|
|
10397
|
+
[vars$9.fontFamily]: refs.fontFamily,
|
|
10398
|
+
[vars$9.labelTextColor]: refs.labelTextColor,
|
|
10399
|
+
[vars$9.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
10400
|
+
[vars$9.inputBorderColor]: refs.borderColor,
|
|
10401
|
+
[vars$9.inputBorderWidth]: refs.borderWidth,
|
|
10402
|
+
[vars$9.inputBorderStyle]: refs.borderStyle,
|
|
10403
|
+
[vars$9.inputBorderRadius]: refs.borderRadius,
|
|
10404
|
+
[vars$9.inputOutlineColor]: refs.outlineColor,
|
|
10405
|
+
[vars$9.inputOutlineOffset]: refs.outlineOffset,
|
|
10406
|
+
[vars$9.inputOutlineWidth]: refs.outlineWidth,
|
|
10407
|
+
[vars$9.inputOutlineStyle]: refs.outlineStyle,
|
|
10408
|
+
[vars$9.labelRequiredIndicator]: refs.requiredIndicator,
|
|
10409
|
+
[vars$9.inputValueTextColor]: refs.valueTextColor,
|
|
10410
|
+
[vars$9.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
|
10411
|
+
[vars$9.inputBackgroundColor]: refs.backgroundColor,
|
|
10412
|
+
[vars$9.inputHorizontalPadding]: refs.horizontalPadding,
|
|
10413
|
+
[vars$9.inputVerticalPadding]: refs.verticalPadding,
|
|
10414
|
+
[vars$9.inputHeight]: refs.inputHeight,
|
|
10415
|
+
[vars$9.inputDropdownButtonColor]: globalRefs$6.colors.surface.dark,
|
|
10416
|
+
[vars$9.inputDropdownButtonCursor]: 'pointer',
|
|
10417
|
+
[vars$9.inputDropdownButtonSize]: refs.toggleButtonSize,
|
|
10418
|
+
[vars$9.inputDropdownButtonOffset]: globalRefs$6.spacing.xs,
|
|
10419
|
+
[vars$9.overlayItemPaddingInlineStart]: globalRefs$6.spacing.xs,
|
|
10420
|
+
[vars$9.overlayItemPaddingInlineEnd]: globalRefs$6.spacing.lg,
|
|
10421
|
+
[vars$9.chipFontSize]: refs.chipFontSize,
|
|
10422
|
+
[vars$9.chipTextColor]: globalRefs$6.colors.surface.contrast,
|
|
10423
|
+
[vars$9.chipBackgroundColor]: globalRefs$6.colors.surface.light,
|
|
10330
10424
|
|
|
10331
10425
|
_readonly: {
|
|
10332
|
-
[vars$
|
|
10426
|
+
[vars$9.inputDropdownButtonCursor]: 'default',
|
|
10333
10427
|
},
|
|
10334
10428
|
|
|
10335
10429
|
// Overlay theme exposed via the component:
|
|
10336
|
-
[vars$
|
|
10337
|
-
[vars$
|
|
10338
|
-
[vars$
|
|
10339
|
-
[vars$
|
|
10340
|
-
[vars$
|
|
10341
|
-
[vars$
|
|
10430
|
+
[vars$9.overlayFontSize]: refs.fontSize,
|
|
10431
|
+
[vars$9.overlayFontFamily]: refs.fontFamily,
|
|
10432
|
+
[vars$9.overlayCursor]: 'pointer',
|
|
10433
|
+
[vars$9.overlayItemBoxShadow]: 'none',
|
|
10434
|
+
[vars$9.overlayBackground]: refs.backgroundColor,
|
|
10435
|
+
[vars$9.overlayTextColor]: refs.valueTextColor,
|
|
10342
10436
|
|
|
10343
10437
|
// Overlay direct theme:
|
|
10344
|
-
[vars$
|
|
10345
|
-
[vars$
|
|
10438
|
+
[vars$9.overlay.minHeight]: '400px',
|
|
10439
|
+
[vars$9.overlay.margin]: '0',
|
|
10346
10440
|
};
|
|
10347
10441
|
|
|
10348
10442
|
var multiSelectComboBox$1 = /*#__PURE__*/Object.freeze({
|
|
10349
10443
|
__proto__: null,
|
|
10350
10444
|
default: multiSelectComboBox,
|
|
10351
10445
|
multiSelectComboBox: multiSelectComboBox,
|
|
10352
|
-
vars: vars$
|
|
10446
|
+
vars: vars$9
|
|
10353
10447
|
});
|
|
10354
10448
|
|
|
10355
10449
|
const componentName$9 = getComponentName('badge');
|
|
@@ -10406,65 +10500,65 @@ const BadgeClass = compose(
|
|
|
10406
10500
|
)(RawBadge);
|
|
10407
10501
|
|
|
10408
10502
|
const globalRefs$5 = getThemeRefs(globals);
|
|
10409
|
-
const vars$
|
|
10503
|
+
const vars$8 = BadgeClass.cssVarList;
|
|
10410
10504
|
|
|
10411
10505
|
const badge$2 = {
|
|
10412
|
-
[vars$
|
|
10413
|
-
[vars$
|
|
10506
|
+
[vars$8.hostWidth]: 'fit-content',
|
|
10507
|
+
[vars$8.hostDirection]: globalRefs$5.direction,
|
|
10414
10508
|
|
|
10415
|
-
[vars$
|
|
10509
|
+
[vars$8.textAlign]: 'center',
|
|
10416
10510
|
|
|
10417
|
-
[vars$
|
|
10418
|
-
[vars$
|
|
10511
|
+
[vars$8.fontFamily]: globalRefs$5.fonts.font1.family,
|
|
10512
|
+
[vars$8.fontWeight]: '400',
|
|
10419
10513
|
|
|
10420
|
-
[vars$
|
|
10421
|
-
[vars$
|
|
10514
|
+
[vars$8.verticalPadding]: '0.25em',
|
|
10515
|
+
[vars$8.horizontalPadding]: '0.5em',
|
|
10422
10516
|
|
|
10423
|
-
[vars$
|
|
10424
|
-
[vars$
|
|
10425
|
-
[vars$
|
|
10426
|
-
[vars$
|
|
10517
|
+
[vars$8.borderWidth]: globalRefs$5.border.xs,
|
|
10518
|
+
[vars$8.borderRadius]: globalRefs$5.radius.xs,
|
|
10519
|
+
[vars$8.borderColor]: 'transparent',
|
|
10520
|
+
[vars$8.borderStyle]: 'solid',
|
|
10427
10521
|
|
|
10428
10522
|
_fullWidth: {
|
|
10429
|
-
[vars$
|
|
10523
|
+
[vars$8.hostWidth]: '100%',
|
|
10430
10524
|
},
|
|
10431
10525
|
|
|
10432
10526
|
size: {
|
|
10433
|
-
xs: { [vars$
|
|
10434
|
-
sm: { [vars$
|
|
10435
|
-
md: { [vars$
|
|
10436
|
-
lg: { [vars$
|
|
10527
|
+
xs: { [vars$8.fontSize]: '12px' },
|
|
10528
|
+
sm: { [vars$8.fontSize]: '14px' },
|
|
10529
|
+
md: { [vars$8.fontSize]: '16px' },
|
|
10530
|
+
lg: { [vars$8.fontSize]: '18px' },
|
|
10437
10531
|
},
|
|
10438
10532
|
|
|
10439
10533
|
mode: {
|
|
10440
10534
|
default: {
|
|
10441
|
-
[vars$
|
|
10535
|
+
[vars$8.textColor]: globalRefs$5.colors.surface.dark,
|
|
10442
10536
|
_bordered: {
|
|
10443
|
-
[vars$
|
|
10537
|
+
[vars$8.borderColor]: globalRefs$5.colors.surface.light,
|
|
10444
10538
|
},
|
|
10445
10539
|
},
|
|
10446
10540
|
primary: {
|
|
10447
|
-
[vars$
|
|
10541
|
+
[vars$8.textColor]: globalRefs$5.colors.primary.main,
|
|
10448
10542
|
_bordered: {
|
|
10449
|
-
[vars$
|
|
10543
|
+
[vars$8.borderColor]: globalRefs$5.colors.primary.light,
|
|
10450
10544
|
},
|
|
10451
10545
|
},
|
|
10452
10546
|
secondary: {
|
|
10453
|
-
[vars$
|
|
10547
|
+
[vars$8.textColor]: globalRefs$5.colors.secondary.main,
|
|
10454
10548
|
_bordered: {
|
|
10455
|
-
[vars$
|
|
10549
|
+
[vars$8.borderColor]: globalRefs$5.colors.secondary.light,
|
|
10456
10550
|
},
|
|
10457
10551
|
},
|
|
10458
10552
|
error: {
|
|
10459
|
-
[vars$
|
|
10553
|
+
[vars$8.textColor]: globalRefs$5.colors.error.main,
|
|
10460
10554
|
_bordered: {
|
|
10461
|
-
[vars$
|
|
10555
|
+
[vars$8.borderColor]: globalRefs$5.colors.error.light,
|
|
10462
10556
|
},
|
|
10463
10557
|
},
|
|
10464
10558
|
success: {
|
|
10465
|
-
[vars$
|
|
10559
|
+
[vars$8.textColor]: globalRefs$5.colors.success.main,
|
|
10466
10560
|
_bordered: {
|
|
10467
|
-
[vars$
|
|
10561
|
+
[vars$8.borderColor]: globalRefs$5.colors.success.light,
|
|
10468
10562
|
},
|
|
10469
10563
|
},
|
|
10470
10564
|
},
|
|
@@ -10473,7 +10567,7 @@ const badge$2 = {
|
|
|
10473
10567
|
var badge$3 = /*#__PURE__*/Object.freeze({
|
|
10474
10568
|
__proto__: null,
|
|
10475
10569
|
default: badge$2,
|
|
10476
|
-
vars: vars$
|
|
10570
|
+
vars: vars$8
|
|
10477
10571
|
});
|
|
10478
10572
|
|
|
10479
10573
|
const componentName$8 = getComponentName('avatar');
|
|
@@ -10611,14 +10705,14 @@ const avatar = {
|
|
|
10611
10705
|
},
|
|
10612
10706
|
};
|
|
10613
10707
|
|
|
10614
|
-
const vars$
|
|
10708
|
+
const vars$7 = {
|
|
10615
10709
|
...compVars,
|
|
10616
10710
|
};
|
|
10617
10711
|
|
|
10618
10712
|
var avatar$1 = /*#__PURE__*/Object.freeze({
|
|
10619
10713
|
__proto__: null,
|
|
10620
10714
|
default: avatar,
|
|
10621
|
-
vars: vars$
|
|
10715
|
+
vars: vars$7
|
|
10622
10716
|
});
|
|
10623
10717
|
|
|
10624
10718
|
const componentName$7 = getComponentName('mappings-field-internal');
|
|
@@ -10796,32 +10890,32 @@ const MappingsFieldClass = compose(
|
|
|
10796
10890
|
|
|
10797
10891
|
const globalRefs$3 = getThemeRefs(globals);
|
|
10798
10892
|
|
|
10799
|
-
const vars$
|
|
10893
|
+
const vars$6 = MappingsFieldClass.cssVarList;
|
|
10800
10894
|
|
|
10801
10895
|
const mappingsField = {
|
|
10802
|
-
[vars$
|
|
10803
|
-
[vars$
|
|
10804
|
-
[vars$
|
|
10805
|
-
[vars$
|
|
10806
|
-
[vars$
|
|
10807
|
-
[vars$
|
|
10808
|
-
[vars$
|
|
10809
|
-
[vars$
|
|
10810
|
-
[vars$
|
|
10811
|
-
[vars$
|
|
10896
|
+
[vars$6.hostWidth]: refs.width,
|
|
10897
|
+
[vars$6.hostDirection]: refs.direction,
|
|
10898
|
+
[vars$6.fontSize]: refs.fontSize,
|
|
10899
|
+
[vars$6.fontFamily]: refs.fontFamily,
|
|
10900
|
+
[vars$6.separatorFontSize]: '14px',
|
|
10901
|
+
[vars$6.labelsFontSize]: '14px',
|
|
10902
|
+
[vars$6.labelsLineHeight]: '1',
|
|
10903
|
+
[vars$6.labelsMarginBottom]: '6px',
|
|
10904
|
+
[vars$6.labelTextColor]: refs.labelTextColor,
|
|
10905
|
+
[vars$6.itemMarginBottom]: '1em',
|
|
10812
10906
|
// To be positioned correctly, the min width has to match the text field min width
|
|
10813
|
-
[vars$
|
|
10907
|
+
[vars$6.valueLabelMinWidth]: refs.minWidth,
|
|
10814
10908
|
// To be positioned correctly, the min width has to match the combo box field min width
|
|
10815
|
-
[vars$
|
|
10816
|
-
[vars$
|
|
10817
|
-
[vars$
|
|
10909
|
+
[vars$6.attrLabelMinWidth]: `calc(12em + 2 * ${globalRefs$3.border.xs})`,
|
|
10910
|
+
[vars$6.separatorWidth]: '70px',
|
|
10911
|
+
[vars$6.removeButtonWidth]: '60px',
|
|
10818
10912
|
};
|
|
10819
10913
|
|
|
10820
10914
|
var mappingsField$1 = /*#__PURE__*/Object.freeze({
|
|
10821
10915
|
__proto__: null,
|
|
10822
10916
|
default: mappingsField,
|
|
10823
10917
|
mappingsField: mappingsField,
|
|
10824
|
-
vars: vars$
|
|
10918
|
+
vars: vars$6
|
|
10825
10919
|
});
|
|
10826
10920
|
|
|
10827
10921
|
var deleteIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMTZDMSAxNy4xIDEuOSAxOCAzIDE4SDExQzEyLjEgMTggMTMgMTcuMSAxMyAxNlY0SDFWMTZaTTMgNkgxMVYxNkgzVjZaTTEwLjUgMUw5LjUgMEg0LjVMMy41IDFIMFYzSDE0VjFIMTAuNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPgo8L3N2Zz4K";
|
|
@@ -11061,24 +11155,24 @@ const UserAttributeClass = compose(
|
|
|
11061
11155
|
)(RawUserAttribute);
|
|
11062
11156
|
|
|
11063
11157
|
const globalRefs$2 = getThemeRefs(globals);
|
|
11064
|
-
const vars$
|
|
11158
|
+
const vars$5 = UserAttributeClass.cssVarList;
|
|
11065
11159
|
|
|
11066
11160
|
const userAttribute = {
|
|
11067
|
-
[vars$
|
|
11068
|
-
[vars$
|
|
11069
|
-
[vars$
|
|
11070
|
-
[vars$
|
|
11071
|
-
[vars$
|
|
11072
|
-
[vars$
|
|
11161
|
+
[vars$5.hostDirection]: globalRefs$2.direction,
|
|
11162
|
+
[vars$5.labelTextWidth]: '150px',
|
|
11163
|
+
[vars$5.valueTextWidth]: '200px',
|
|
11164
|
+
[vars$5.badgeMaxWidth]: '85px',
|
|
11165
|
+
[vars$5.itemsGap]: '16px',
|
|
11166
|
+
[vars$5.hostMinWidth]: '530px',
|
|
11073
11167
|
_fullWidth: {
|
|
11074
|
-
[vars$
|
|
11168
|
+
[vars$5.hostWidth]: '100%',
|
|
11075
11169
|
},
|
|
11076
11170
|
};
|
|
11077
11171
|
|
|
11078
11172
|
var userAttribute$1 = /*#__PURE__*/Object.freeze({
|
|
11079
11173
|
__proto__: null,
|
|
11080
11174
|
default: userAttribute,
|
|
11081
|
-
vars: vars$
|
|
11175
|
+
vars: vars$5
|
|
11082
11176
|
});
|
|
11083
11177
|
|
|
11084
11178
|
var greenVIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMEMzLjYgMCAwIDMuNiAwIDhDMCAxMi40IDMuNiAxNiA4IDE2QzEyLjQgMTYgMTYgMTIuNCAxNiA4QzE2IDMuNiAxMi40IDAgOCAwWk03LjEgMTEuN0wyLjkgNy42TDQuMyA2LjJMNyA4LjlMMTIgNEwxMy40IDUuNEw3LjEgMTEuN1oiIGZpbGw9IiM0Q0FGNTAiLz4KPC9zdmc+Cg==";
|
|
@@ -11278,23 +11372,23 @@ const UserAuthMethodClass = compose(
|
|
|
11278
11372
|
)(RawUserAuthMethod);
|
|
11279
11373
|
|
|
11280
11374
|
const globalRefs$1 = getThemeRefs(globals);
|
|
11281
|
-
const vars$
|
|
11375
|
+
const vars$4 = UserAuthMethodClass.cssVarList;
|
|
11282
11376
|
|
|
11283
11377
|
const userAuthMethod = {
|
|
11284
|
-
[vars$
|
|
11285
|
-
[vars$
|
|
11286
|
-
[vars$
|
|
11287
|
-
[vars$
|
|
11288
|
-
[vars$
|
|
11378
|
+
[vars$4.hostDirection]: globalRefs$1.direction,
|
|
11379
|
+
[vars$4.labelTextWidth]: '200px',
|
|
11380
|
+
[vars$4.itemsGap]: '16px',
|
|
11381
|
+
[vars$4.hostMinWidth]: '530px',
|
|
11382
|
+
[vars$4.iconSize]: '24px',
|
|
11289
11383
|
_fullWidth: {
|
|
11290
|
-
[vars$
|
|
11384
|
+
[vars$4.hostWidth]: '100%',
|
|
11291
11385
|
},
|
|
11292
11386
|
};
|
|
11293
11387
|
|
|
11294
11388
|
var userAuthMethod$1 = /*#__PURE__*/Object.freeze({
|
|
11295
11389
|
__proto__: null,
|
|
11296
11390
|
default: userAuthMethod,
|
|
11297
|
-
vars: vars$
|
|
11391
|
+
vars: vars$4
|
|
11298
11392
|
});
|
|
11299
11393
|
|
|
11300
11394
|
const componentName$3 = getComponentName('saml-group-mappings-internal');
|
|
@@ -11399,46 +11493,56 @@ const SamlGroupMappingsClass = compose(
|
|
|
11399
11493
|
})
|
|
11400
11494
|
);
|
|
11401
11495
|
|
|
11402
|
-
const vars$
|
|
11496
|
+
const vars$3 = SamlGroupMappingsClass.cssVarList;
|
|
11403
11497
|
|
|
11404
11498
|
const samlGroupMappings = {
|
|
11405
|
-
[vars$
|
|
11406
|
-
[vars$
|
|
11407
|
-
[vars$
|
|
11499
|
+
[vars$3.hostWidth]: refs.width,
|
|
11500
|
+
[vars$3.hostDirection]: refs.direction,
|
|
11501
|
+
[vars$3.groupNameInputMarginBottom]: '1em',
|
|
11408
11502
|
};
|
|
11409
11503
|
|
|
11410
11504
|
var samlGroupMappings$1 = /*#__PURE__*/Object.freeze({
|
|
11411
11505
|
__proto__: null,
|
|
11412
11506
|
default: samlGroupMappings,
|
|
11413
11507
|
samlGroupMappings: samlGroupMappings,
|
|
11414
|
-
vars: vars$
|
|
11508
|
+
vars: vars$3
|
|
11415
11509
|
});
|
|
11416
11510
|
|
|
11417
11511
|
const globalRefs = getThemeRefs(globals);
|
|
11418
|
-
const vars$
|
|
11512
|
+
const vars$2 = PolicyValidationClass.cssVarList;
|
|
11419
11513
|
|
|
11420
11514
|
const policyValidation = {
|
|
11421
|
-
[vars$
|
|
11422
|
-
[vars$
|
|
11423
|
-
[vars$
|
|
11424
|
-
[vars$
|
|
11425
|
-
[vars$
|
|
11426
|
-
[vars$
|
|
11427
|
-
[vars$
|
|
11428
|
-
[vars$
|
|
11429
|
-
[vars$
|
|
11430
|
-
[vars$
|
|
11431
|
-
[vars$
|
|
11432
|
-
[vars$
|
|
11433
|
-
[vars$
|
|
11434
|
-
[vars$
|
|
11435
|
-
[vars$
|
|
11436
|
-
[vars$
|
|
11515
|
+
[vars$2.fontFamily]: refs.fontFamily,
|
|
11516
|
+
[vars$2.fontSize]: refs.labelFontSize,
|
|
11517
|
+
[vars$2.textColor]: refs.labelTextColor,
|
|
11518
|
+
[vars$2.borderWidth]: refs.borderWidth,
|
|
11519
|
+
[vars$2.borderStyle]: refs.borderStyle,
|
|
11520
|
+
[vars$2.borderColor]: refs.borderColor,
|
|
11521
|
+
[vars$2.borderRadius]: globalRefs.radius.sm,
|
|
11522
|
+
[vars$2.backgroundColor]: 'none',
|
|
11523
|
+
[vars$2.padding]: '0px',
|
|
11524
|
+
[vars$2.labelMargin]: globalRefs.spacing.sm,
|
|
11525
|
+
[vars$2.itemsSpacing]: globalRefs.spacing.lg,
|
|
11526
|
+
[vars$2.itemSymbolDefault]: "'\\2022'", // "•"
|
|
11527
|
+
[vars$2.itemSymbolSuccess]: "'\\2713'", // "✓"
|
|
11528
|
+
[vars$2.itemSymbolError]: "'\\2A09'", // "⨉"
|
|
11529
|
+
[vars$2.itemSymbolSuccessColor]: globalRefs.colors.success.main,
|
|
11530
|
+
[vars$2.itemSymbolErrorColor]: globalRefs.colors.error.main,
|
|
11437
11531
|
};
|
|
11438
11532
|
|
|
11439
11533
|
var policyValidation$1 = /*#__PURE__*/Object.freeze({
|
|
11440
11534
|
__proto__: null,
|
|
11441
11535
|
default: policyValidation,
|
|
11536
|
+
vars: vars$2
|
|
11537
|
+
});
|
|
11538
|
+
|
|
11539
|
+
const vars$1 = IconClass.cssVarList;
|
|
11540
|
+
|
|
11541
|
+
const icon = {};
|
|
11542
|
+
|
|
11543
|
+
var icon$1 = /*#__PURE__*/Object.freeze({
|
|
11544
|
+
__proto__: null,
|
|
11545
|
+
default: icon,
|
|
11442
11546
|
vars: vars$1
|
|
11443
11547
|
});
|
|
11444
11548
|
|
|
@@ -11483,6 +11587,7 @@ const components = {
|
|
|
11483
11587
|
userAuthMethod: userAuthMethod$1,
|
|
11484
11588
|
samlGroupMappings: samlGroupMappings$1,
|
|
11485
11589
|
policyValidation: policyValidation$1,
|
|
11590
|
+
icon: icon$1,
|
|
11486
11591
|
};
|
|
11487
11592
|
|
|
11488
11593
|
const theme = Object.keys(components).reduce(
|
|
@@ -11495,7 +11600,7 @@ const vars = Object.keys(components).reduce(
|
|
|
11495
11600
|
);
|
|
11496
11601
|
|
|
11497
11602
|
const defaultTheme = { globals, components: theme };
|
|
11498
|
-
const themeVars = { globals: vars$
|
|
11603
|
+
const themeVars = { globals: vars$G, components: vars };
|
|
11499
11604
|
|
|
11500
11605
|
const colors = {
|
|
11501
11606
|
surface: {
|