@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/umd/4447.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[4447],{4447:(r,
|
1
|
+
"use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[4447],{4447:(e,r,t)=>{t.d(r,{Z:()=>s});const{host:o,label:p,placeholder:l,requiredIndicator:i,inputField:n,input:d,helperText:u,errorMessage:a,disabledPlaceholder:c}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:{selector:"> input:placeholder-shown"},disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},s={fontSize:[{},o],fontFamily:[p,n,u,a],hostWidth:{...o,property:"width"},hostMinWidth:{...o,property:"min-width"},hostDirection:{...o,property:"direction"},inputBackgroundColor:{...n,property:"background-color"},labelTextColor:[{...p,property:"color"},{...i,property:"color"},{...p,property:"-webkit-text-fill-color"},{...i,property:"-webkit-text-fill-color"}],errorMessageTextColor:{...a,property:"color"},inputValueTextColor:{...n,property:"color"},inputCaretTextColor:{...d,property:"color"},labelRequiredIndicator:{...i,property:"content"},inputBorderColor:{...n,property:"border-color"},inputBorderWidth:{...n,property:"border-width"},inputBorderStyle:{...n,property:"border-style"},inputBorderRadius:{...n,property:"border-radius"},inputHeight:{...n,property:"height"},inputHorizontalPadding:[{...d,property:"padding-left"},{...d,property:"padding-right"}],inputOutlineColor:{...n,property:"outline-color"},inputOutlineStyle:{...n,property:"outline-style"},inputOutlineWidth:{...n,property:"outline-width"},inputOutlineOffset:{...n,property:"outline-offset"},inputTextAlign:{...d,property:"text-align"},inputPlaceholderColor:[{...l,property:"color"},{...c,property:"-webkit-text-fill-color"}]}}}]);
|
package/package.json
CHANGED
@@ -1,14 +1,24 @@
|
|
1
|
-
const {
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
1
|
+
const {
|
2
|
+
host,
|
3
|
+
label,
|
4
|
+
placeholder,
|
5
|
+
requiredIndicator,
|
6
|
+
inputField,
|
7
|
+
input,
|
8
|
+
helperText,
|
9
|
+
errorMessage,
|
10
|
+
disabledPlaceholder,
|
11
|
+
} = {
|
12
|
+
host: { selector: () => ':host' },
|
13
|
+
label: { selector: '::part(label)' },
|
14
|
+
requiredIndicator: { selector: '[required]::part(required-indicator)::after' },
|
15
|
+
placeholder: { selector: '> input:placeholder-shown' },
|
16
|
+
disabledPlaceholder: { selector: '> input:disabled::placeholder' },
|
17
|
+
inputField: { selector: '::part(input-field)' },
|
18
|
+
input: { selector: 'input' },
|
19
|
+
helperText: { selector: '::part(helper-text)' },
|
20
|
+
errorMessage: { selector: '::part(error-message)' },
|
21
|
+
};
|
12
22
|
|
13
23
|
export default {
|
14
24
|
// we apply font-size also on the host so we can set its width with em
|
@@ -24,6 +34,8 @@ export default {
|
|
24
34
|
labelTextColor: [
|
25
35
|
{ ...label, property: 'color' },
|
26
36
|
{ ...requiredIndicator, property: 'color' },
|
37
|
+
{ ...label, property: '-webkit-text-fill-color' },
|
38
|
+
{ ...requiredIndicator, property: '-webkit-text-fill-color' },
|
27
39
|
],
|
28
40
|
errorMessageTextColor: { ...errorMessage, property: 'color' },
|
29
41
|
|
@@ -50,5 +62,8 @@ export default {
|
|
50
62
|
|
51
63
|
inputTextAlign: { ...input, property: 'text-align' },
|
52
64
|
|
53
|
-
inputPlaceholderColor:
|
65
|
+
inputPlaceholderColor: [
|
66
|
+
{ ...placeholder, property: 'color' },
|
67
|
+
{ ...disabledPlaceholder, property: '-webkit-text-fill-color' },
|
68
|
+
],
|
54
69
|
};
|
package/src/index.cjs.js
CHANGED
@@ -3,6 +3,7 @@
|
|
3
3
|
export * from './helpers/themeHelpers';
|
4
4
|
export * from './helpers/themeHelpers/colorsHelpers';
|
5
5
|
export { defaultTheme, themeVars } from './theme';
|
6
|
+
export { default as darkTheme } from './darkTheme';
|
6
7
|
|
7
8
|
export { CheckboxClass } from './components/boolean-fields/descope-checkbox/CheckboxClass';
|
8
9
|
export { SwitchToggleClass } from './components/boolean-fields/descope-switch-toggle/SwitchToggleClass';
|