@descope/web-components-ui 1.0.276 → 1.0.278
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 +74 -14
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +27 -12
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/4447.js +1 -1
- package/package.json +1 -1
- package/src/components/descope-text-field/textFieldMappings.js +27 -12
- package/src/index.cjs.js +1 -0
package/dist/index.esm.js
CHANGED
|
@@ -2316,17 +2316,27 @@ customElements.define(componentName$B, TextClass);
|
|
|
2316
2316
|
|
|
2317
2317
|
customElements.define(componentName$A, DividerClass);
|
|
2318
2318
|
|
|
2319
|
-
const {
|
|
2320
|
-
|
|
2321
|
-
|
|
2322
|
-
|
|
2323
|
-
|
|
2324
|
-
|
|
2325
|
-
|
|
2326
|
-
|
|
2327
|
-
|
|
2328
|
-
|
|
2329
|
-
|
|
2319
|
+
const {
|
|
2320
|
+
host: host$c,
|
|
2321
|
+
label: label$9,
|
|
2322
|
+
placeholder: placeholder$3,
|
|
2323
|
+
requiredIndicator: requiredIndicator$9,
|
|
2324
|
+
inputField: inputField$6,
|
|
2325
|
+
input,
|
|
2326
|
+
helperText: helperText$7,
|
|
2327
|
+
errorMessage: errorMessage$9,
|
|
2328
|
+
disabledPlaceholder,
|
|
2329
|
+
} = {
|
|
2330
|
+
host: { selector: () => ':host' },
|
|
2331
|
+
label: { selector: '::part(label)' },
|
|
2332
|
+
requiredIndicator: { selector: '[required]::part(required-indicator)::after' },
|
|
2333
|
+
placeholder: { selector: '> input:placeholder-shown' },
|
|
2334
|
+
disabledPlaceholder: { selector: '> input:disabled::placeholder' },
|
|
2335
|
+
inputField: { selector: '::part(input-field)' },
|
|
2336
|
+
input: { selector: 'input' },
|
|
2337
|
+
helperText: { selector: '::part(helper-text)' },
|
|
2338
|
+
errorMessage: { selector: '::part(error-message)' },
|
|
2339
|
+
};
|
|
2330
2340
|
|
|
2331
2341
|
var textFieldMappings = {
|
|
2332
2342
|
// we apply font-size also on the host so we can set its width with em
|
|
@@ -2342,6 +2352,8 @@ var textFieldMappings = {
|
|
|
2342
2352
|
labelTextColor: [
|
|
2343
2353
|
{ ...label$9, property: 'color' },
|
|
2344
2354
|
{ ...requiredIndicator$9, property: 'color' },
|
|
2355
|
+
{ ...label$9, property: '-webkit-text-fill-color' },
|
|
2356
|
+
{ ...requiredIndicator$9, property: '-webkit-text-fill-color' },
|
|
2345
2357
|
],
|
|
2346
2358
|
errorMessageTextColor: { ...errorMessage$9, property: 'color' },
|
|
2347
2359
|
|
|
@@ -2368,7 +2380,10 @@ var textFieldMappings = {
|
|
|
2368
2380
|
|
|
2369
2381
|
inputTextAlign: { ...input, property: 'text-align' },
|
|
2370
2382
|
|
|
2371
|
-
inputPlaceholderColor:
|
|
2383
|
+
inputPlaceholderColor: [
|
|
2384
|
+
{ ...placeholder$3, property: 'color' },
|
|
2385
|
+
{ ...disabledPlaceholder, property: '-webkit-text-fill-color' },
|
|
2386
|
+
],
|
|
2372
2387
|
};
|
|
2373
2388
|
|
|
2374
2389
|
const componentName$z = getComponentName('email-field');
|