@descope/web-components-ui 1.0.176 → 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 +12 -6
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.esm.js +12 -6
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/descope-button-index-js.js +1 -1
- package/package.json +1 -1
- package/src/components/descope-button/ButtonClass.js +4 -1
- package/src/index.d.ts +0 -1
- package/src/theme/components/button.js +8 -5
package/dist/index.d.ts
CHANGED
package/dist/index.esm.js
CHANGED
|
@@ -1252,7 +1252,6 @@ const ButtonClass = compose(
|
|
|
1252
1252
|
borderWidth: {},
|
|
1253
1253
|
|
|
1254
1254
|
verticalPadding: [{ property: 'padding-top' }, { property: 'padding-bottom' }],
|
|
1255
|
-
horizontalPadding: [{ property: 'padding-left' }, { property: 'padding-right' }],
|
|
1256
1255
|
|
|
1257
1256
|
labelTextColor: { property: 'color' },
|
|
1258
1257
|
labelTextDecoration: { ...label$a, property: 'text-decoration' },
|
|
@@ -1277,6 +1276,10 @@ const ButtonClass = compose(
|
|
|
1277
1276
|
vaadin-button {
|
|
1278
1277
|
height: calc(var(${ButtonClass.cssVarList.hostHeight}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));
|
|
1279
1278
|
}
|
|
1279
|
+
[square="true"]:not([full-width="true"]) {
|
|
1280
|
+
width: calc(var(${ButtonClass.cssVarList.hostWidth}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));
|
|
1281
|
+
padding: 0;
|
|
1282
|
+
}
|
|
1280
1283
|
`,
|
|
1281
1284
|
excludeAttrsSync: ['tabindex'],
|
|
1282
1285
|
componentName: componentName$t,
|
|
@@ -6317,9 +6320,6 @@ const mode = {
|
|
|
6317
6320
|
|
|
6318
6321
|
const [helperTheme$3, helperRefs$3, helperVars$3] = createHelperVars({ mode }, componentName$t);
|
|
6319
6322
|
|
|
6320
|
-
const verticalPaddingRatio = 3;
|
|
6321
|
-
const horizontalPaddingRatio = 2;
|
|
6322
|
-
|
|
6323
6323
|
const button = {
|
|
6324
6324
|
...helperTheme$3,
|
|
6325
6325
|
|
|
@@ -6327,6 +6327,7 @@ const button = {
|
|
|
6327
6327
|
|
|
6328
6328
|
[compVars$3.cursor]: 'pointer',
|
|
6329
6329
|
[compVars$3.hostHeight]: '3em',
|
|
6330
|
+
[compVars$3.hostWidth]: 'auto',
|
|
6330
6331
|
|
|
6331
6332
|
[compVars$3.borderRadius]: globalRefs$b.radius.sm,
|
|
6332
6333
|
[compVars$3.borderWidth]: globalRefs$b.border.xs,
|
|
@@ -6335,8 +6336,7 @@ const button = {
|
|
|
6335
6336
|
|
|
6336
6337
|
[compVars$3.labelSpacing]: '0.25em',
|
|
6337
6338
|
|
|
6338
|
-
[compVars$3.verticalPadding]:
|
|
6339
|
-
[compVars$3.horizontalPadding]: `calc(var(${compVars$3.fontSize}) / ${horizontalPaddingRatio})`,
|
|
6339
|
+
[compVars$3.verticalPadding]: '1em',
|
|
6340
6340
|
|
|
6341
6341
|
[compVars$3.outlineWidth]: globals.border.sm,
|
|
6342
6342
|
[compVars$3.outlineOffset]: '0px', // keep `px` unit for external calc
|
|
@@ -6350,6 +6350,12 @@ const button = {
|
|
|
6350
6350
|
lg: { [compVars$3.fontSize]: '18px' },
|
|
6351
6351
|
},
|
|
6352
6352
|
|
|
6353
|
+
_square: {
|
|
6354
|
+
[compVars$3.hostHeight]: '3em',
|
|
6355
|
+
[compVars$3.hostWidth]: '3em',
|
|
6356
|
+
[compVars$3.verticalPadding]: '0',
|
|
6357
|
+
},
|
|
6358
|
+
|
|
6353
6359
|
_fullWidth: {
|
|
6354
6360
|
[compVars$3.hostWidth]: '100%',
|
|
6355
6361
|
},
|