@descope/web-components-ui 1.0.276 → 1.0.278
Sign up to get free protection for your applications and to get access to all the features.
- 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');
|