@descope/web-components-ui 2.2.3 → 2.2.4
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 +21 -0
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +21 -0
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/DescopeDev.js +1 -1
- package/dist/umd/DescopeDev.js.map +1 -1
- package/dist/umd/descope-modal-index-js.js +1 -1
- package/dist/umd/descope-modal-index-js.js.map +1 -1
- package/package.json +28 -28
- package/src/components/descope-modal/ModalClass.js +20 -0
- package/src/theme/components/modal.js +1 -0
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -12584,9 +12584,13 @@ const customMixin$7 = (superclass) =>
|
|
|
12584
12584
|
const ModalClass = compose$1(
|
|
12585
12585
|
createStyleMixin({
|
|
12586
12586
|
mappings: {
|
|
12587
|
+
overlayBackdropColor: { property: () => ModalClass.cssVarList.overlay.backdropColor },
|
|
12587
12588
|
overlayBackgroundColor: { property: () => ModalClass.cssVarList.overlay.backgroundColor },
|
|
12588
12589
|
overlayShadow: { property: () => ModalClass.cssVarList.overlay.shadow },
|
|
12589
12590
|
overlayWidth: { property: () => ModalClass.cssVarList.overlay.width },
|
|
12591
|
+
overlayBorderWidth: { property: () => ModalClass.cssVarList.overlay.borderWidth },
|
|
12592
|
+
overlayBorderStyle: { property: () => ModalClass.cssVarList.overlay.borderStyle },
|
|
12593
|
+
overlayBorderColor: { property: () => ModalClass.cssVarList.overlay.borderColor },
|
|
12590
12594
|
},
|
|
12591
12595
|
}),
|
|
12592
12596
|
portalMixin({
|
|
@@ -12602,6 +12606,22 @@ const ModalClass = compose$1(
|
|
|
12602
12606
|
{ selector: () => '::part(content)', property: 'background-color' },
|
|
12603
12607
|
{ selector: () => '::part(overlay)', property: 'background-color' },
|
|
12604
12608
|
],
|
|
12609
|
+
backdropColor: {
|
|
12610
|
+
selector: () => '::part(backdrop)',
|
|
12611
|
+
property: 'background-color',
|
|
12612
|
+
},
|
|
12613
|
+
borderStyle: {
|
|
12614
|
+
selector: () => '::part(content)',
|
|
12615
|
+
property: 'border-style',
|
|
12616
|
+
},
|
|
12617
|
+
borderWidth: {
|
|
12618
|
+
selector: () => '::part(content)',
|
|
12619
|
+
property: 'border-width',
|
|
12620
|
+
},
|
|
12621
|
+
borderColor: {
|
|
12622
|
+
selector: () => '::part(content)',
|
|
12623
|
+
property: 'border-color',
|
|
12624
|
+
},
|
|
12605
12625
|
width: { selector: () => '::part(overlay)', property: 'width' },
|
|
12606
12626
|
shadow: { selector: () => '::part(overlay)', property: 'box-shadow' },
|
|
12607
12627
|
},
|
|
@@ -12635,6 +12655,7 @@ const modal = {
|
|
|
12635
12655
|
[compVars$5.overlayBackgroundColor]: globalRefs$p.colors.surface.main,
|
|
12636
12656
|
[compVars$5.overlayShadow]: globalRefs$p.shadow.wide['2xl'],
|
|
12637
12657
|
[compVars$5.overlayWidth]: '540px',
|
|
12658
|
+
[compVars$5.overlayBackdropColor]: 'hsla(214, 53%, 23%, 0.16)',
|
|
12638
12659
|
};
|
|
12639
12660
|
|
|
12640
12661
|
const vars$C = {
|