@descope/web-components-ui 1.0.176 → 1.0.177
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
},
|