@descope/web-components-ui 1.0.253 → 1.0.255
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 +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 +2 -2
- 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,
|