@descope/web-components-ui 1.0.175 → 1.0.177
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 +13 -6
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.esm.js +28 -10
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/descope-button-index-js.js +1 -1
- package/dist/umd/phone-fields-descope-phone-input-box-field-descope-phone-input-box-internal-index-js.js +1 -1
- package/dist/umd/phone-fields-descope-phone-input-box-field-index-js.js +1 -1
- package/package.json +1 -1
- package/src/components/descope-button/ButtonClass.js +4 -1
- package/src/components/phone-fields/descope-phone-input-box-field/PhoneFieldInputBoxClass.js +1 -0
- package/src/components/phone-fields/descope-phone-input-box-field/descope-phone-input-box-internal/PhoneFieldInternalInputBox.js +13 -2
- package/src/index.d.ts +0 -1
- package/src/theme/components/button.js +8 -5
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -1574,7 +1574,6 @@ const ButtonClass = compose(
|
|
|
1574
1574
|
borderWidth: {},
|
|
1575
1575
|
|
|
1576
1576
|
verticalPadding: [{ property: 'padding-top' }, { property: 'padding-bottom' }],
|
|
1577
|
-
horizontalPadding: [{ property: 'padding-left' }, { property: 'padding-right' }],
|
|
1578
1577
|
|
|
1579
1578
|
labelTextColor: { property: 'color' },
|
|
1580
1579
|
labelTextDecoration: { ...label$a, property: 'text-decoration' },
|
|
@@ -1599,6 +1598,10 @@ const ButtonClass = compose(
|
|
|
1599
1598
|
vaadin-button {
|
|
1600
1599
|
height: calc(var(${ButtonClass.cssVarList.hostHeight}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));
|
|
1601
1600
|
}
|
|
1601
|
+
[square="true"]:not([full-width="true"]) {
|
|
1602
|
+
width: calc(var(${ButtonClass.cssVarList.hostWidth}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));
|
|
1603
|
+
padding: 0;
|
|
1604
|
+
}
|
|
1602
1605
|
`,
|
|
1603
1606
|
excludeAttrsSync: ['tabindex'],
|
|
1604
1607
|
componentName: componentName$t,
|
|
@@ -1651,9 +1654,6 @@ const mode = {
|
|
|
1651
1654
|
|
|
1652
1655
|
const [helperTheme$3, helperRefs$3, helperVars$3] = createHelperVars({ mode }, componentName$t);
|
|
1653
1656
|
|
|
1654
|
-
const verticalPaddingRatio = 3;
|
|
1655
|
-
const horizontalPaddingRatio = 2;
|
|
1656
|
-
|
|
1657
1657
|
const button = {
|
|
1658
1658
|
...helperTheme$3,
|
|
1659
1659
|
|
|
@@ -1661,6 +1661,7 @@ const button = {
|
|
|
1661
1661
|
|
|
1662
1662
|
[compVars$3.cursor]: 'pointer',
|
|
1663
1663
|
[compVars$3.hostHeight]: '3em',
|
|
1664
|
+
[compVars$3.hostWidth]: 'auto',
|
|
1664
1665
|
|
|
1665
1666
|
[compVars$3.borderRadius]: globalRefs$b.radius.sm,
|
|
1666
1667
|
[compVars$3.borderWidth]: globalRefs$b.border.xs,
|
|
@@ -1669,8 +1670,7 @@ const button = {
|
|
|
1669
1670
|
|
|
1670
1671
|
[compVars$3.labelSpacing]: '0.25em',
|
|
1671
1672
|
|
|
1672
|
-
[compVars$3.verticalPadding]:
|
|
1673
|
-
[compVars$3.horizontalPadding]: `calc(var(${compVars$3.fontSize}) / ${horizontalPaddingRatio})`,
|
|
1673
|
+
[compVars$3.verticalPadding]: '1em',
|
|
1674
1674
|
|
|
1675
1675
|
[compVars$3.outlineWidth]: globals.border.sm,
|
|
1676
1676
|
[compVars$3.outlineOffset]: '0px', // keep `px` unit for external calc
|
|
@@ -1684,6 +1684,12 @@ const button = {
|
|
|
1684
1684
|
lg: { [compVars$3.fontSize]: '18px' },
|
|
1685
1685
|
},
|
|
1686
1686
|
|
|
1687
|
+
_square: {
|
|
1688
|
+
[compVars$3.hostHeight]: '3em',
|
|
1689
|
+
[compVars$3.hostWidth]: '3em',
|
|
1690
|
+
[compVars$3.verticalPadding]: '0',
|
|
1691
|
+
},
|
|
1692
|
+
|
|
1687
1693
|
_fullWidth: {
|
|
1688
1694
|
[compVars$3.hostWidth]: '100%',
|
|
1689
1695
|
},
|
|
@@ -5780,6 +5786,7 @@ const customMixin$1 = (superclass) =>
|
|
|
5780
5786
|
'maxlength',
|
|
5781
5787
|
'default-code',
|
|
5782
5788
|
'disabled',
|
|
5789
|
+
'phone-input-placeholder',
|
|
5783
5790
|
],
|
|
5784
5791
|
});
|
|
5785
5792
|
}
|