@descope/web-components-ui 1.0.253 → 1.0.254
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.cjs.js +20 -1
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +20 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/descope-button-index-js.js +1 -1
- package/dist/umd/descope-text-area-index-js.js +1 -1
- package/package.json +1 -1
- package/src/components/descope-button/ButtonClass.js +2 -1
- package/src/components/descope-text-area/TextAreaClass.js +1 -0
- package/src/theme/components/button.js +7 -0
- package/src/theme/components/textArea.js +5 -0
- package/src/theme/components/textField.js +5 -0
package/dist/index.esm.js
CHANGED
|
@@ -1307,6 +1307,7 @@ const resetStyles = `
|
|
|
1307
1307
|
}
|
|
1308
1308
|
vaadin-button::part(label) {
|
|
1309
1309
|
padding: 0;
|
|
1310
|
+
width: 100%;
|
|
1310
1311
|
}
|
|
1311
1312
|
vaadin-button::part(prefix) {
|
|
1312
1313
|
margin-left: 0;
|
|
@@ -1318,7 +1319,6 @@ const iconStyles = `
|
|
|
1318
1319
|
vaadin-button::part(prefix),
|
|
1319
1320
|
vaadin-button::part(label) {
|
|
1320
1321
|
display: flex;
|
|
1321
|
-
justify-content: center;
|
|
1322
1322
|
align-items: center;
|
|
1323
1323
|
}
|
|
1324
1324
|
`;
|
|
@@ -1359,6 +1359,7 @@ const ButtonClass = compose(
|
|
|
1359
1359
|
labelTextColor: { property: 'color' },
|
|
1360
1360
|
labelTextDecoration: { ...label$a, property: 'text-decoration' },
|
|
1361
1361
|
labelSpacing: { ...label$a, property: 'gap' },
|
|
1362
|
+
textAlign: { ...label$a, property: 'justify-content' },
|
|
1362
1363
|
},
|
|
1363
1364
|
}),
|
|
1364
1365
|
clickableMixin,
|
|
@@ -3287,6 +3288,7 @@ const TextAreaClass = compose(
|
|
|
3287
3288
|
inputOutlineWidth: { ...inputField$4, property: 'outline-width' },
|
|
3288
3289
|
inputResizeType: { ...textArea$2, property: 'resize' },
|
|
3289
3290
|
inputMinHeight: { ...textArea$2, property: 'min-height' },
|
|
3291
|
+
inputTextAlign: { ...textArea$2, property: 'text-align' },
|
|
3290
3292
|
},
|
|
3291
3293
|
}),
|
|
3292
3294
|
draggableMixin,
|
|
@@ -8557,6 +8559,13 @@ const button = {
|
|
|
8557
8559
|
|
|
8558
8560
|
[compVars$4.labelSpacing]: '0.25em',
|
|
8559
8561
|
|
|
8562
|
+
[compVars$4.textAlign]: 'center', // default text align center
|
|
8563
|
+
textAlign: {
|
|
8564
|
+
right: { [compVars$4.textAlign]: 'right' },
|
|
8565
|
+
left: { [compVars$4.textAlign]: 'left' },
|
|
8566
|
+
center: { [compVars$4.textAlign]: 'center' },
|
|
8567
|
+
},
|
|
8568
|
+
|
|
8560
8569
|
[compVars$4.verticalPadding]: '1em',
|
|
8561
8570
|
|
|
8562
8571
|
[compVars$4.outlineWidth]: globals.border.sm,
|
|
@@ -8750,6 +8759,11 @@ const textField = {
|
|
|
8750
8759
|
[vars$u.inputBackgroundColor]: refs.backgroundColor,
|
|
8751
8760
|
[vars$u.inputHeight]: refs.inputHeight,
|
|
8752
8761
|
[vars$u.inputHorizontalPadding]: refs.horizontalPadding,
|
|
8762
|
+
textAlign: {
|
|
8763
|
+
right: { [vars$u.inputTextAlign]: 'right' },
|
|
8764
|
+
left: { [vars$u.inputTextAlign]: 'left' },
|
|
8765
|
+
center: { [vars$u.inputTextAlign]: 'center' },
|
|
8766
|
+
},
|
|
8753
8767
|
};
|
|
8754
8768
|
|
|
8755
8769
|
var textField$1 = /*#__PURE__*/Object.freeze({
|
|
@@ -8882,6 +8896,11 @@ const textArea = {
|
|
|
8882
8896
|
[vars$q.inputOutlineOffset]: refs.outlineOffset,
|
|
8883
8897
|
[vars$q.inputResizeType]: 'vertical',
|
|
8884
8898
|
[vars$q.inputMinHeight]: '5em',
|
|
8899
|
+
textAlign: {
|
|
8900
|
+
right: { [vars$q.inputTextAlign]: 'right' },
|
|
8901
|
+
left: { [vars$q.inputTextAlign]: 'left' },
|
|
8902
|
+
center: { [vars$q.inputTextAlign]: 'center' },
|
|
8903
|
+
},
|
|
8885
8904
|
|
|
8886
8905
|
_disabled: {
|
|
8887
8906
|
[vars$q.inputBackgroundColor]: globalRefs$f.colors.surface.light,
|