@descope/web-components-ui 2.2.3 → 2.2.5
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 +26 -0
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +26 -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 +25 -0
- package/src/theme/components/modal.js +1 -0
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -12584,9 +12584,14 @@ 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 },
|
|
12594
|
+
overlayBorderRadius: { property: () => ModalClass.cssVarList.overlay.borderRadius },
|
|
12590
12595
|
},
|
|
12591
12596
|
}),
|
|
12592
12597
|
portalMixin({
|
|
@@ -12602,6 +12607,26 @@ const ModalClass = compose$1(
|
|
|
12602
12607
|
{ selector: () => '::part(content)', property: 'background-color' },
|
|
12603
12608
|
{ selector: () => '::part(overlay)', property: 'background-color' },
|
|
12604
12609
|
],
|
|
12610
|
+
backdropColor: {
|
|
12611
|
+
selector: () => '::part(backdrop)',
|
|
12612
|
+
property: 'background-color',
|
|
12613
|
+
},
|
|
12614
|
+
borderStyle: {
|
|
12615
|
+
selector: () => '::part(content)',
|
|
12616
|
+
property: 'border-style',
|
|
12617
|
+
},
|
|
12618
|
+
borderWidth: {
|
|
12619
|
+
selector: () => '::part(content)',
|
|
12620
|
+
property: 'border-width',
|
|
12621
|
+
},
|
|
12622
|
+
borderColor: {
|
|
12623
|
+
selector: () => '::part(content)',
|
|
12624
|
+
property: 'border-color',
|
|
12625
|
+
},
|
|
12626
|
+
borderRadius: {
|
|
12627
|
+
selector: () => '::part(content)',
|
|
12628
|
+
property: 'border-radius ',
|
|
12629
|
+
},
|
|
12605
12630
|
width: { selector: () => '::part(overlay)', property: 'width' },
|
|
12606
12631
|
shadow: { selector: () => '::part(overlay)', property: 'box-shadow' },
|
|
12607
12632
|
},
|
|
@@ -12635,6 +12660,7 @@ const modal = {
|
|
|
12635
12660
|
[compVars$5.overlayBackgroundColor]: globalRefs$p.colors.surface.main,
|
|
12636
12661
|
[compVars$5.overlayShadow]: globalRefs$p.shadow.wide['2xl'],
|
|
12637
12662
|
[compVars$5.overlayWidth]: '540px',
|
|
12663
|
+
[compVars$5.overlayBackdropColor]: 'hsla(214, 53%, 23%, 0.16)',
|
|
12638
12664
|
};
|
|
12639
12665
|
|
|
12640
12666
|
const vars$C = {
|