@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/cjs/index.cjs.js
CHANGED
|
@@ -2433,6 +2433,7 @@ const resetStyles = `
|
|
|
2433
2433
|
}
|
|
2434
2434
|
vaadin-button::part(label) {
|
|
2435
2435
|
padding: 0;
|
|
2436
|
+
width: 100%;
|
|
2436
2437
|
}
|
|
2437
2438
|
vaadin-button::part(prefix) {
|
|
2438
2439
|
margin-left: 0;
|
|
@@ -2444,7 +2445,6 @@ const iconStyles = `
|
|
|
2444
2445
|
vaadin-button::part(prefix),
|
|
2445
2446
|
vaadin-button::part(label) {
|
|
2446
2447
|
display: flex;
|
|
2447
|
-
justify-content: center;
|
|
2448
2448
|
align-items: center;
|
|
2449
2449
|
}
|
|
2450
2450
|
`;
|
|
@@ -2485,6 +2485,7 @@ const ButtonClass = compose(
|
|
|
2485
2485
|
labelTextColor: { property: 'color' },
|
|
2486
2486
|
labelTextDecoration: { ...label$a, property: 'text-decoration' },
|
|
2487
2487
|
labelSpacing: { ...label$a, property: 'gap' },
|
|
2488
|
+
textAlign: { ...label$a, property: 'justify-content' },
|
|
2488
2489
|
},
|
|
2489
2490
|
}),
|
|
2490
2491
|
clickableMixin,
|
|
@@ -2581,6 +2582,13 @@ const button = {
|
|
|
2581
2582
|
|
|
2582
2583
|
[compVars$4.labelSpacing]: '0.25em',
|
|
2583
2584
|
|
|
2585
|
+
[compVars$4.textAlign]: 'center', // default text align center
|
|
2586
|
+
textAlign: {
|
|
2587
|
+
right: { [compVars$4.textAlign]: 'right' },
|
|
2588
|
+
left: { [compVars$4.textAlign]: 'left' },
|
|
2589
|
+
center: { [compVars$4.textAlign]: 'center' },
|
|
2590
|
+
},
|
|
2591
|
+
|
|
2584
2592
|
[compVars$4.verticalPadding]: '1em',
|
|
2585
2593
|
|
|
2586
2594
|
[compVars$4.outlineWidth]: globals.border.sm,
|
|
@@ -3012,6 +3020,11 @@ const textField = {
|
|
|
3012
3020
|
[vars$u.inputBackgroundColor]: refs.backgroundColor,
|
|
3013
3021
|
[vars$u.inputHeight]: refs.inputHeight,
|
|
3014
3022
|
[vars$u.inputHorizontalPadding]: refs.horizontalPadding,
|
|
3023
|
+
textAlign: {
|
|
3024
|
+
right: { [vars$u.inputTextAlign]: 'right' },
|
|
3025
|
+
left: { [vars$u.inputTextAlign]: 'left' },
|
|
3026
|
+
center: { [vars$u.inputTextAlign]: 'center' },
|
|
3027
|
+
},
|
|
3015
3028
|
};
|
|
3016
3029
|
|
|
3017
3030
|
var textField$1 = /*#__PURE__*/Object.freeze({
|
|
@@ -3406,6 +3419,7 @@ const TextAreaClass = compose(
|
|
|
3406
3419
|
inputOutlineWidth: { ...inputField$4, property: 'outline-width' },
|
|
3407
3420
|
inputResizeType: { ...textArea$2, property: 'resize' },
|
|
3408
3421
|
inputMinHeight: { ...textArea$2, property: 'min-height' },
|
|
3422
|
+
inputTextAlign: { ...textArea$2, property: 'text-align' },
|
|
3409
3423
|
},
|
|
3410
3424
|
}),
|
|
3411
3425
|
draggableMixin,
|
|
@@ -3461,6 +3475,11 @@ const textArea = {
|
|
|
3461
3475
|
[vars$q.inputOutlineOffset]: refs.outlineOffset,
|
|
3462
3476
|
[vars$q.inputResizeType]: 'vertical',
|
|
3463
3477
|
[vars$q.inputMinHeight]: '5em',
|
|
3478
|
+
textAlign: {
|
|
3479
|
+
right: { [vars$q.inputTextAlign]: 'right' },
|
|
3480
|
+
left: { [vars$q.inputTextAlign]: 'left' },
|
|
3481
|
+
center: { [vars$q.inputTextAlign]: 'center' },
|
|
3482
|
+
},
|
|
3464
3483
|
|
|
3465
3484
|
_disabled: {
|
|
3466
3485
|
[vars$q.inputBackgroundColor]: globalRefs$f.colors.surface.light,
|