@hitachivantara/uikit-react-core 3.67.6 → 3.67.7
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/BaseInput/styles.js +32 -6
- package/dist/BaseInput/styles.js.map +1 -1
- package/dist/Forms/WarningText/WarningText.d.ts +1 -2
- package/dist/Forms/WarningText/WarningText.js +1 -6
- package/dist/Forms/WarningText/WarningText.js.map +1 -1
- package/dist/Forms/WarningText/styles.js +0 -6
- package/dist/Forms/WarningText/styles.js.map +1 -1
- package/dist/Input/styles.js +0 -6
- package/dist/Input/styles.js.map +1 -1
- package/dist/Provider/Provider.d.ts +15 -0
- package/dist/Provider/Provider.js +34 -6
- package/dist/Provider/Provider.js.map +1 -1
- package/dist/index.js +14 -0
- package/dist/index.js.map +1 -1
- package/dist/legacy/BaseInput/styles.js +32 -6
- package/dist/legacy/BaseInput/styles.js.map +1 -1
- package/dist/legacy/Forms/WarningText/WarningText.d.ts +1 -2
- package/dist/legacy/Forms/WarningText/WarningText.js +1 -6
- package/dist/legacy/Forms/WarningText/WarningText.js.map +1 -1
- package/dist/legacy/Forms/WarningText/styles.js +0 -6
- package/dist/legacy/Forms/WarningText/styles.js.map +1 -1
- package/dist/legacy/Input/styles.js +0 -6
- package/dist/legacy/Input/styles.js.map +1 -1
- package/dist/legacy/Provider/Provider.d.ts +15 -0
- package/dist/legacy/Provider/Provider.js +34 -7
- package/dist/legacy/Provider/Provider.js.map +1 -1
- package/dist/legacy/index.js +2 -1
- package/dist/legacy/index.js.map +1 -1
- package/dist/legacy/theme/CssBaseline.d.ts +1 -0
- package/dist/legacy/theme/CssBaseline.js +11 -32
- package/dist/legacy/theme/CssBaseline.js.map +1 -1
- package/dist/legacy/theme/ScopedCssBaseline.d.ts +13 -0
- package/dist/legacy/theme/ScopedCssBaseline.js +67 -0
- package/dist/legacy/theme/ScopedCssBaseline.js.map +1 -0
- package/dist/legacy/theme/index.d.ts +2 -1
- package/dist/legacy/theme/index.js +2 -1
- package/dist/legacy/theme/index.js.map +1 -1
- package/dist/modern/BaseInput/styles.js +32 -6
- package/dist/modern/BaseInput/styles.js.map +1 -1
- package/dist/modern/Forms/WarningText/WarningText.d.ts +1 -2
- package/dist/modern/Forms/WarningText/WarningText.js +1 -6
- package/dist/modern/Forms/WarningText/WarningText.js.map +1 -1
- package/dist/modern/Forms/WarningText/styles.js +0 -6
- package/dist/modern/Forms/WarningText/styles.js.map +1 -1
- package/dist/modern/Input/styles.js +0 -6
- package/dist/modern/Input/styles.js.map +1 -1
- package/dist/modern/Provider/Provider.d.ts +15 -0
- package/dist/modern/Provider/Provider.js +32 -7
- package/dist/modern/Provider/Provider.js.map +1 -1
- package/dist/modern/index.js +2 -1
- package/dist/modern/index.js.map +1 -1
- package/dist/modern/theme/CssBaseline.d.ts +1 -0
- package/dist/modern/theme/CssBaseline.js +11 -32
- package/dist/modern/theme/CssBaseline.js.map +1 -1
- package/dist/modern/theme/ScopedCssBaseline.d.ts +13 -0
- package/dist/modern/theme/ScopedCssBaseline.js +59 -0
- package/dist/modern/theme/ScopedCssBaseline.js.map +1 -0
- package/dist/modern/theme/index.d.ts +2 -1
- package/dist/modern/theme/index.js +2 -1
- package/dist/modern/theme/index.js.map +1 -1
- package/dist/theme/CssBaseline.d.ts +1 -0
- package/dist/theme/CssBaseline.js +12 -29
- package/dist/theme/CssBaseline.js.map +1 -1
- package/dist/theme/ScopedCssBaseline.d.ts +13 -0
- package/dist/theme/ScopedCssBaseline.js +105 -0
- package/dist/theme/ScopedCssBaseline.js.map +1 -0
- package/dist/theme/index.d.ts +2 -1
- package/dist/theme/index.js +9 -1
- package/dist/theme/index.js.map +1 -1
- package/package.json +2 -2
package/dist/BaseInput/styles.js
CHANGED
|
@@ -64,6 +64,38 @@ var styles = function styles(theme) {
|
|
|
64
64
|
"& $input": {
|
|
65
65
|
border: "1px solid ".concat(theme.hv.palette.accent.acce1)
|
|
66
66
|
}
|
|
67
|
+
},
|
|
68
|
+
"@global": {
|
|
69
|
+
"input:-webkit-autofill": {
|
|
70
|
+
"-webkit-box-shadow": "0 0 0px 1000px ".concat(theme.hv.palette.atmosphere.atmo1, " inset"),
|
|
71
|
+
"-webkit-text-fill-color": theme.hv.typography.normalText.color
|
|
72
|
+
},
|
|
73
|
+
|
|
74
|
+
/* clears input's clear and reveal buttons from IE */
|
|
75
|
+
"input[type=search]::-ms-clear": {
|
|
76
|
+
display: "none",
|
|
77
|
+
width: 0,
|
|
78
|
+
height: 0
|
|
79
|
+
},
|
|
80
|
+
"input[type=search]::-ms-reveal": {
|
|
81
|
+
display: "none",
|
|
82
|
+
width: 0,
|
|
83
|
+
height: 0
|
|
84
|
+
},
|
|
85
|
+
|
|
86
|
+
/* clears input's clear button from Chrome */
|
|
87
|
+
"input[type=search]::-webkit-search-decoration": {
|
|
88
|
+
display: "none"
|
|
89
|
+
},
|
|
90
|
+
"input[type=search]::-webkit-search-cancel-button": {
|
|
91
|
+
display: "none"
|
|
92
|
+
},
|
|
93
|
+
"input[type=search]::-webkit-search-results-button": {
|
|
94
|
+
display: "none"
|
|
95
|
+
},
|
|
96
|
+
"input[type=search]::-webkit-search-results-decoration": {
|
|
97
|
+
display: "none"
|
|
98
|
+
}
|
|
67
99
|
}
|
|
68
100
|
},
|
|
69
101
|
resizable: {
|
|
@@ -215,12 +247,6 @@ var styles = function styles(theme) {
|
|
|
215
247
|
top: "31px",
|
|
216
248
|
left: "2px",
|
|
217
249
|
backgroundColor: theme.hv.palette.atmosphere.atmo4
|
|
218
|
-
},
|
|
219
|
-
"@global": {
|
|
220
|
-
"input:-webkit-autofill": {
|
|
221
|
-
"-webkit-box-shadow": "0 0 0px 1000px ".concat(theme.hv.palette.atmosphere.atmo1, " inset"),
|
|
222
|
-
"-webkit-text-fill-color": theme.hv.typography.normalText.color
|
|
223
|
-
}
|
|
224
250
|
}
|
|
225
251
|
};
|
|
226
252
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","names":["styles","theme","root","display","width","position","overflow","border","hv","palette","accent","acce1","backgroundColor","resizable","readOnly","disabled","atmosphere","atmo4","atmo3","invalid","semantic","sema4","inputRoot","margin","borderRadius","atmo1","inputRootFocused","background","outlineStyles","inputRootDisabled","cursor","inputRootMultiline","padding","height","minHeight","marginLeft","marginRight","input","spacing","xs","typography","normalText","textOverflow","outline","placeholderText","opacity","flexGrow","inputDisabled","color","atmo5","inputResizable","resize","inputBorderContainer","top","left"],"sources":["../../src/BaseInput/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n root: {\n display: \"inline-block\",\n width: \"100%\",\n position: \"relative\",\n \"& $inputRootMultiline\": {\n overflow: \"auto\",\n border: \"none\",\n },\n \"&:hover $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.accent.acce1}`,\n },\n },\n \"&:hover $inputBorderContainer\": {\n backgroundColor: theme.hv.palette.accent.acce1,\n },\n \"&:focus-within $inputBorderContainer\": {\n backgroundColor: theme.hv.palette.accent.acce1,\n },\n // IE fallback code (using focus-within-polyfill)\n \"&.focus-within $inputBorderContainer\": {\n backgroundColor: theme.hv.palette.accent.acce1,\n },\n \"&:focus-within $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.accent.acce1}`,\n },\n },\n // IE fallback code (using focus-within-polyfill)\n \"&.focus-within $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.accent.acce1}`,\n },\n },\n },\n resizable: {\n width: \"auto\",\n },\n readOnly: {\n \"& $inputBorderContainer\": {\n backgroundColor: \"transparent\",\n },\n \"&:hover $inputBorderContainer\": {\n backgroundColor: \"transparent\",\n },\n \"&:focus-within $inputBorderContainer\": {\n backgroundColor: \"transparent\",\n },\n\n // multiline\n \"& $inputRootMultiline\": {\n \"& $input\": {\n border: \"1px solid transparent\",\n },\n },\n \"&:hover $inputRootMultiline\": {\n \"& $input\": {\n border: \"1px solid transparent\",\n },\n },\n \"&:focus-within $inputRootMultiline\": {\n \"& $input\": {\n border: \"1px solid transparent\",\n },\n },\n },\n disabled: {\n \"& $inputBorderContainer\": {\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n },\n \"&:hover $inputBorderContainer\": {\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n },\n \"& $inputRootMultiline\": {\n \"& $input\": {\n backgroundColor: theme.hv.palette.atmosphere.atmo3,\n border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n },\n },\n \"&:hover $inputRootMultiline\": {\n \"& $input\": {\n backgroundColor: theme.hv.palette.atmosphere.atmo3,\n border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n },\n },\n },\n invalid: {\n \"&:not($disabled)\": {\n \"& $inputBorderContainer\": {\n backgroundColor: theme.hv.palette.semantic.sema4,\n },\n \"&:hover $inputBorderContainer\": {\n backgroundColor: theme.hv.palette.semantic.sema4,\n },\n \"& $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n },\n },\n \"&:hover $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n },\n },\n \"&:focus-within $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n },\n },\n // IE fallback code (using focus-within-polyfill)\n \"&.focus-within $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n },\n },\n },\n },\n\n inputRoot: {\n margin: 0,\n width: \"100%\",\n borderRadius: \"2px\",\n backgroundColor: theme.hv.palette.atmosphere.atmo1,\n },\n inputRootFocused: {\n background: theme.hv.palette.atmosphere.atmo1,\n ...outlineStyles,\n \"&:hover\": {\n background: theme.hv.palette.atmosphere.atmo1,\n },\n },\n inputRootDisabled: {\n background: theme.hv.palette.atmosphere.atmo3,\n \"&:hover\": {\n background: theme.hv.palette.atmosphere.atmo3,\n cursor: \"not-allowed\",\n },\n cursor: \"not-allowed\",\n },\n inputRootMultiline: {\n padding: 0,\n backgroundColor: \"transparent\",\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n borderRadius: \"2px\",\n backgroundColor: theme.hv.palette.atmosphere.atmo1,\n height: \"auto\",\n minHeight: \"21px\",\n padding: \"5px 10px\",\n overflow: \"auto\",\n marginLeft: \"0px\",\n marginRight: \"0px\",\n },\n },\n\n input: {\n height: \"21px\",\n marginLeft: theme.hv.spacing.xs,\n marginRight: theme.hv.spacing.xs,\n padding: \"6px 0 5px\",\n ...theme.hv.typography.normalText,\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n outline: \"none\",\n \"&::placeholder\": {\n ...theme.hv.typography.placeholderText,\n opacity: 1,\n },\n \"&::-ms-clear\": {\n display: \"none\",\n },\n width: \"initial\",\n flexGrow: 1,\n },\n inputDisabled: {\n color: theme.hv.palette.atmosphere.atmo5,\n },\n inputResizable: {\n resize: \"both\",\n width: \"100%\",\n },\n\n inputBorderContainer: {\n position: \"absolute\",\n width: \"calc(100% - 4px)\",\n height: \"1px\",\n top: \"31px\",\n left: \"2px\",\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n },\n\n \"@global\": {\n \"input:-webkit-autofill\": {\n \"-webkit-box-shadow\": `0 0 0px 1000px ${theme.hv.palette.atmosphere.atmo1} inset`,\n \"-webkit-text-fill-color\": theme.hv.typography.normalText.color,\n },\n },\n});\n\nexport default styles;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"styles.js","names":["styles","theme","root","display","width","position","overflow","border","hv","palette","accent","acce1","backgroundColor","atmosphere","atmo1","typography","normalText","color","height","resizable","readOnly","disabled","atmo4","atmo3","invalid","semantic","sema4","inputRoot","margin","borderRadius","inputRootFocused","background","outlineStyles","inputRootDisabled","cursor","inputRootMultiline","padding","minHeight","marginLeft","marginRight","input","spacing","xs","textOverflow","outline","placeholderText","opacity","flexGrow","inputDisabled","atmo5","inputResizable","resize","inputBorderContainer","top","left"],"sources":["../../src/BaseInput/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n root: {\n display: \"inline-block\",\n width: \"100%\",\n position: \"relative\",\n \"& $inputRootMultiline\": {\n overflow: \"auto\",\n border: \"none\",\n },\n \"&:hover $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.accent.acce1}`,\n },\n },\n \"&:hover $inputBorderContainer\": {\n backgroundColor: theme.hv.palette.accent.acce1,\n },\n \"&:focus-within $inputBorderContainer\": {\n backgroundColor: theme.hv.palette.accent.acce1,\n },\n // IE fallback code (using focus-within-polyfill)\n \"&.focus-within $inputBorderContainer\": {\n backgroundColor: theme.hv.palette.accent.acce1,\n },\n \"&:focus-within $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.accent.acce1}`,\n },\n },\n // IE fallback code (using focus-within-polyfill)\n \"&.focus-within $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.accent.acce1}`,\n },\n },\n\n \"@global\": {\n \"input:-webkit-autofill\": {\n \"-webkit-box-shadow\": `0 0 0px 1000px ${theme.hv.palette.atmosphere.atmo1} inset`,\n \"-webkit-text-fill-color\": theme.hv.typography.normalText.color,\n },\n\n /* clears input's clear and reveal buttons from IE */\n \"input[type=search]::-ms-clear\": { display: \"none\", width: 0, height: 0 },\n \"input[type=search]::-ms-reveal\": { display: \"none\", width: 0, height: 0 },\n\n /* clears input's clear button from Chrome */\n \"input[type=search]::-webkit-search-decoration\": { display: \"none\" },\n \"input[type=search]::-webkit-search-cancel-button\": { display: \"none\" },\n \"input[type=search]::-webkit-search-results-button\": { display: \"none\" },\n \"input[type=search]::-webkit-search-results-decoration\": { display: \"none\" },\n },\n },\n resizable: {\n width: \"auto\",\n },\n readOnly: {\n \"& $inputBorderContainer\": {\n backgroundColor: \"transparent\",\n },\n \"&:hover $inputBorderContainer\": {\n backgroundColor: \"transparent\",\n },\n \"&:focus-within $inputBorderContainer\": {\n backgroundColor: \"transparent\",\n },\n\n // multiline\n \"& $inputRootMultiline\": {\n \"& $input\": {\n border: \"1px solid transparent\",\n },\n },\n \"&:hover $inputRootMultiline\": {\n \"& $input\": {\n border: \"1px solid transparent\",\n },\n },\n \"&:focus-within $inputRootMultiline\": {\n \"& $input\": {\n border: \"1px solid transparent\",\n },\n },\n },\n disabled: {\n \"& $inputBorderContainer\": {\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n },\n \"&:hover $inputBorderContainer\": {\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n },\n \"& $inputRootMultiline\": {\n \"& $input\": {\n backgroundColor: theme.hv.palette.atmosphere.atmo3,\n border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n },\n },\n \"&:hover $inputRootMultiline\": {\n \"& $input\": {\n backgroundColor: theme.hv.palette.atmosphere.atmo3,\n border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n },\n },\n },\n invalid: {\n \"&:not($disabled)\": {\n \"& $inputBorderContainer\": {\n backgroundColor: theme.hv.palette.semantic.sema4,\n },\n \"&:hover $inputBorderContainer\": {\n backgroundColor: theme.hv.palette.semantic.sema4,\n },\n \"& $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n },\n },\n \"&:hover $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n },\n },\n \"&:focus-within $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n },\n },\n // IE fallback code (using focus-within-polyfill)\n \"&.focus-within $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n },\n },\n },\n },\n\n inputRoot: {\n margin: 0,\n width: \"100%\",\n borderRadius: \"2px\",\n backgroundColor: theme.hv.palette.atmosphere.atmo1,\n },\n inputRootFocused: {\n background: theme.hv.palette.atmosphere.atmo1,\n ...outlineStyles,\n \"&:hover\": {\n background: theme.hv.palette.atmosphere.atmo1,\n },\n },\n inputRootDisabled: {\n background: theme.hv.palette.atmosphere.atmo3,\n \"&:hover\": {\n background: theme.hv.palette.atmosphere.atmo3,\n cursor: \"not-allowed\",\n },\n cursor: \"not-allowed\",\n },\n inputRootMultiline: {\n padding: 0,\n backgroundColor: \"transparent\",\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n borderRadius: \"2px\",\n backgroundColor: theme.hv.palette.atmosphere.atmo1,\n height: \"auto\",\n minHeight: \"21px\",\n padding: \"5px 10px\",\n overflow: \"auto\",\n marginLeft: \"0px\",\n marginRight: \"0px\",\n },\n },\n\n input: {\n height: \"21px\",\n marginLeft: theme.hv.spacing.xs,\n marginRight: theme.hv.spacing.xs,\n padding: \"6px 0 5px\",\n ...theme.hv.typography.normalText,\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n outline: \"none\",\n \"&::placeholder\": {\n ...theme.hv.typography.placeholderText,\n opacity: 1,\n },\n \"&::-ms-clear\": {\n display: \"none\",\n },\n width: \"initial\",\n flexGrow: 1,\n },\n inputDisabled: {\n color: theme.hv.palette.atmosphere.atmo5,\n },\n inputResizable: {\n resize: \"both\",\n width: \"100%\",\n },\n\n inputBorderContainer: {\n position: \"absolute\",\n width: \"calc(100% - 4px)\",\n height: \"1px\",\n top: \"31px\",\n left: \"2px\",\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n },\n});\n\nexport default styles;\n"],"mappings":"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"}
|
|
@@ -6,8 +6,7 @@ export type HvWarningTextClassKey =
|
|
|
6
6
|
| "topBorder"
|
|
7
7
|
| "topGutter"
|
|
8
8
|
| "showText"
|
|
9
|
-
| "defaultIcon"
|
|
10
|
-
| "@global";
|
|
9
|
+
| "defaultIcon";
|
|
11
10
|
|
|
12
11
|
export interface HvWarningTextProps
|
|
13
12
|
extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvWarningTextClassKey> {
|
|
@@ -154,12 +154,7 @@ process.env.NODE_ENV !== "production" ? HvWarningText.propTypes = {
|
|
|
154
154
|
* Styles applied to the text when the error are is active
|
|
155
155
|
* but the text is to be not visible.
|
|
156
156
|
*/
|
|
157
|
-
hideText: _propTypes.default.string
|
|
158
|
-
|
|
159
|
-
/**
|
|
160
|
-
* IE11 specific styling.
|
|
161
|
-
*/
|
|
162
|
-
"@global": _propTypes.default.string
|
|
157
|
+
hideText: _propTypes.default.string
|
|
163
158
|
}).isRequired,
|
|
164
159
|
|
|
165
160
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WarningText.js","names":["HvWarningText","props","children","adornment","isVisible","classes","className","id","disabled","disableGutter","disableBorder","disableAdornment","hideText","others","HvFormElementContext","elementId","elementStatus","elementDisabled","localDisabled","localVisible","localId","showWarning","content","localAdornment","defaultIcon","root","show","topBorder","warningText","topGutter","formElementType","propTypes","PropTypes","string","node","shape","isRequired","bool","styles","name"],"sources":["../../../src/Forms/WarningText/WarningText.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { Fail } from \"@hitachivantara/uikit-react-icons\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { HvTypography } from \"../..\";\nimport { setId } from \"../../utils\";\nimport styles from \"./styles\";\n\n/**\n * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.\n */\nconst HvWarningText = (props) => {\n const {\n children,\n adornment,\n isVisible,\n classes,\n className,\n id,\n disabled,\n disableGutter = false,\n disableBorder = false,\n disableAdornment = false,\n hideText = false,\n ...others\n } = props;\n\n const { elementId, elementStatus, elementDisabled } = useContext(HvFormElementContext);\n const localDisabled = disabled || elementDisabled;\n const localVisible = !isNil(isVisible) ? isVisible : elementStatus === \"invalid\";\n const localId = id ?? setId(elementId, \"error\");\n const showWarning = localVisible && !localDisabled;\n const content = showWarning ? children : \"\";\n const localAdornment = adornment || <Fail className={classes.defaultIcon} semantic=\"sema4\" />;\n\n return (\n <div\n className={clsx(className, classes.root, {\n [classes.show]: showWarning,\n [classes.topBorder]: !disableBorder,\n })}\n >\n {!disableAdornment && localAdornment}\n <HvTypography\n id={localId}\n className={clsx(classes.warningText, {\n [classes.topGutter]: !disableGutter,\n [classes.hideText]: hideText,\n })}\n aria-live=\"polite\"\n aria-atomic=\"true\"\n aria-relevant=\"additions text\"\n {...others}\n >\n {showWarning && content}\n </HvTypography>\n </div>\n );\n};\n\nHvWarningText.formElementType = \"errormessage\";\n\nHvWarningText.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * The description to be shown by this helper text\n */\n children: PropTypes.node,\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * A Jss Object used to override or extend the component styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root class.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the default icon.\n */\n defaultIcon: PropTypes.string,\n /**\n * Styles applied to the warning text.\n */\n warningText: PropTypes.string,\n /**\n * Styles applied when the text should be shown.\n */\n show: PropTypes.string,\n /**\n * Separation between text and upper element.\n */\n topGutter: PropTypes.string,\n /**\n * The top border.\n */\n topBorder: PropTypes.string,\n /**\n * Styles applied to the text when the error are is active\n * but the text is to be not visible.\n */\n hideText: PropTypes.string,\n
|
|
1
|
+
{"version":3,"file":"WarningText.js","names":["HvWarningText","props","children","adornment","isVisible","classes","className","id","disabled","disableGutter","disableBorder","disableAdornment","hideText","others","HvFormElementContext","elementId","elementStatus","elementDisabled","localDisabled","localVisible","localId","showWarning","content","localAdornment","defaultIcon","root","show","topBorder","warningText","topGutter","formElementType","propTypes","PropTypes","string","node","shape","isRequired","bool","styles","name"],"sources":["../../../src/Forms/WarningText/WarningText.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { Fail } from \"@hitachivantara/uikit-react-icons\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { HvTypography } from \"../..\";\nimport { setId } from \"../../utils\";\nimport styles from \"./styles\";\n\n/**\n * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.\n */\nconst HvWarningText = (props) => {\n const {\n children,\n adornment,\n isVisible,\n classes,\n className,\n id,\n disabled,\n disableGutter = false,\n disableBorder = false,\n disableAdornment = false,\n hideText = false,\n ...others\n } = props;\n\n const { elementId, elementStatus, elementDisabled } = useContext(HvFormElementContext);\n const localDisabled = disabled || elementDisabled;\n const localVisible = !isNil(isVisible) ? isVisible : elementStatus === \"invalid\";\n const localId = id ?? setId(elementId, \"error\");\n const showWarning = localVisible && !localDisabled;\n const content = showWarning ? children : \"\";\n const localAdornment = adornment || <Fail className={classes.defaultIcon} semantic=\"sema4\" />;\n\n return (\n <div\n className={clsx(className, classes.root, {\n [classes.show]: showWarning,\n [classes.topBorder]: !disableBorder,\n })}\n >\n {!disableAdornment && localAdornment}\n <HvTypography\n id={localId}\n className={clsx(classes.warningText, {\n [classes.topGutter]: !disableGutter,\n [classes.hideText]: hideText,\n })}\n aria-live=\"polite\"\n aria-atomic=\"true\"\n aria-relevant=\"additions text\"\n {...others}\n >\n {showWarning && content}\n </HvTypography>\n </div>\n );\n};\n\nHvWarningText.formElementType = \"errormessage\";\n\nHvWarningText.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * The description to be shown by this helper text\n */\n children: PropTypes.node,\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * A Jss Object used to override or extend the component styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root class.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the default icon.\n */\n defaultIcon: PropTypes.string,\n /**\n * Styles applied to the warning text.\n */\n warningText: PropTypes.string,\n /**\n * Styles applied when the text should be shown.\n */\n show: PropTypes.string,\n /**\n * Separation between text and upper element.\n */\n topGutter: PropTypes.string,\n /**\n * The top border.\n */\n topBorder: PropTypes.string,\n /**\n * Styles applied to the text when the error are is active\n * but the text is to be not visible.\n */\n hideText: PropTypes.string,\n }).isRequired,\n /**\n * Icon to be rendered alongside the warning text.\n */\n adornment: PropTypes.node,\n /**\n * If `true` the text is not rendered.\n */\n isVisible: PropTypes.bool,\n /**\n * If `true` the text is disabled.\n */\n disabled: PropTypes.bool,\n /**\n * If `true` the text won't include a gutter.\n */\n disableGutter: PropTypes.bool,\n /**\n * If `true` the text won't include the top border.\n */\n disableBorder: PropTypes.bool,\n /**\n * If `true` the adornment icon isn't shown.\n */\n disableAdornment: PropTypes.bool,\n /**\n * If `true` the text isn't shown.\n */\n hideText: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvWarningText\" })(HvWarningText);\n"],"mappings":"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"}
|
|
@@ -37,12 +37,6 @@ var styles = function styles(theme) {
|
|
|
37
37
|
padding: 0,
|
|
38
38
|
margin: 0,
|
|
39
39
|
overflow: "hidden"
|
|
40
|
-
},
|
|
41
|
-
"@global": {
|
|
42
|
-
"input:-webkit-autofill": {
|
|
43
|
-
"-webkit-box-shadow": "0 0 0px 1000px ".concat(theme.hv.palette.atmosphere.atmo1, " inset"),
|
|
44
|
-
"-webkit-text-fill-color": theme.hv.typography.normalText.color
|
|
45
|
-
}
|
|
46
40
|
}
|
|
47
41
|
};
|
|
48
42
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","names":["styles","theme","root","display","topBorder","borderTop","hv","palette","semantic","sema4","topGutter","paddingTop","warningText","color","paddingRight","spacing","xs","paddingLeft","defaultIcon","minWidth","show","hideText","width","height","padding","margin","overflow"
|
|
1
|
+
{"version":3,"file":"styles.js","names":["styles","theme","root","display","topBorder","borderTop","hv","palette","semantic","sema4","topGutter","paddingTop","warningText","color","paddingRight","spacing","xs","paddingLeft","defaultIcon","minWidth","show","hideText","width","height","padding","margin","overflow"],"sources":["../../../src/Forms/WarningText/styles.js"],"sourcesContent":["const styles = (theme) => ({\n root: {\n display: \"none\",\n },\n topBorder: {\n borderTop: `solid 1px ${theme.hv.palette.semantic.sema4}`,\n },\n topGutter: { paddingTop: 8 },\n warningText: {\n color: theme.hv.palette.semantic.sema4,\n paddingRight: theme.hv.spacing.xs,\n \"&:first-child\": {\n paddingLeft: theme.hv.spacing.xs,\n },\n },\n defaultIcon: {\n minWidth: \"32px\",\n },\n show: {\n display: \"flex\",\n },\n hideText: {\n // display none or visibility hidden prevents\n // browser to trigger the aria-alert\n width: 0,\n height: 0,\n padding: 0,\n margin: 0,\n overflow: \"hidden\",\n },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE;IADL,CADmB;IAIzBC,SAAS,EAAE;MACTC,SAAS,sBAAeJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BC,KAAzC;IADA,CAJc;IAOzBC,SAAS,EAAE;MAAEC,UAAU,EAAE;IAAd,CAPc;IAQzBC,WAAW,EAAE;MACXC,KAAK,EAAEZ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BC,KADtB;MAEXK,YAAY,EAAEb,KAAK,CAACK,EAAN,CAASS,OAAT,CAAiBC,EAFpB;MAGX,iBAAiB;QACfC,WAAW,EAAEhB,KAAK,CAACK,EAAN,CAASS,OAAT,CAAiBC;MADf;IAHN,CARY;IAezBE,WAAW,EAAE;MACXC,QAAQ,EAAE;IADC,CAfY;IAkBzBC,IAAI,EAAE;MACJjB,OAAO,EAAE;IADL,CAlBmB;IAqBzBkB,QAAQ,EAAE;MACR;MACA;MACAC,KAAK,EAAE,CAHC;MAIRC,MAAM,EAAE,CAJA;MAKRC,OAAO,EAAE,CALD;MAMRC,MAAM,EAAE,CANA;MAORC,QAAQ,EAAE;IAPF;EArBe,CAAZ;AAAA,CAAf;;eAgCe1B,M"}
|
package/dist/Input/styles.js
CHANGED
|
@@ -93,12 +93,6 @@ var styles = function styles(theme) {
|
|
|
93
93
|
"$hasSuggestions &": {
|
|
94
94
|
display: "none"
|
|
95
95
|
}
|
|
96
|
-
},
|
|
97
|
-
"@global": {
|
|
98
|
-
"input:-webkit-autofill": {
|
|
99
|
-
"-webkit-box-shadow": "0 0 0px 1000px ".concat(theme.hv.palette.atmosphere.atmo1, " inset"),
|
|
100
|
-
"-webkit-text-fill-color": theme.hv.typography.normalText.color
|
|
101
|
-
}
|
|
102
96
|
}
|
|
103
97
|
};
|
|
104
98
|
};
|
package/dist/Input/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","names":["styles","theme","root","display","hasSuggestions","inputRoot","inputRootFocused","inputRootDisabled","cursor","inputRootMultiline","padding","input","labelContainer","alignItems","label","paddingBottom","description","error","adornmentsBox","flexDirection","height","justifyContent","marginRight","adornmentButton","backgroundColor","border","margin","icon","width","iconClear","suggestionsContainer","position","suggestionList","inputExtension","hv","spacing","xs","palette","atmosphere","atmo1","boxShadow","inputBorderContainer"
|
|
1
|
+
{"version":3,"file":"styles.js","names":["styles","theme","root","display","hasSuggestions","inputRoot","inputRootFocused","inputRootDisabled","cursor","inputRootMultiline","padding","input","labelContainer","alignItems","label","paddingBottom","description","error","adornmentsBox","flexDirection","height","justifyContent","marginRight","adornmentButton","backgroundColor","border","margin","icon","width","iconClear","suggestionsContainer","position","suggestionList","inputExtension","hv","spacing","xs","palette","atmosphere","atmo1","boxShadow","inputBorderContainer"],"sources":["../../src/Input/styles.js"],"sourcesContent":["import \"focus-within-polyfill\";\n\nconst styles = (theme) => ({\n root: {\n display: \"block\",\n },\n\n hasSuggestions: {},\n\n inputRoot: {\n \"&:hover\": {\n \"& $iconClear\": {\n display: \"block\",\n },\n },\n \"&:focus-within $iconClear\": {\n display: \"block\",\n },\n // IE fallback code (using focus-within-polyfill)\n \"&.focus-within $iconClear\": {\n display: \"block\",\n },\n },\n inputRootFocused: {\n \"& $iconClear\": { display: \"block\" },\n },\n inputRootDisabled: {\n cursor: \"not-allowed\",\n },\n inputRootMultiline: {\n padding: 0,\n },\n input: {\n \"&::-ms-clear\": {\n display: \"none\",\n },\n },\n\n labelContainer: {\n display: \"flex\",\n alignItems: \"flex-start\",\n },\n label: {\n paddingBottom: \"6px\",\n display: \"block\",\n },\n description: {},\n error: {},\n\n adornmentsBox: {\n display: \"flex\",\n flexDirection: \"row\",\n height: \"30px\",\n justifyContent: \"center\",\n marginRight: 1,\n },\n adornmentButton: {\n backgroundColor: \"transparent\",\n border: \"none\",\n padding: 0,\n margin: 0,\n cursor: \"pointer\",\n },\n icon: {\n width: \"30px\",\n height: \"30px\",\n },\n iconClear: {\n display: \"none\",\n },\n\n suggestionsContainer: {\n width: \"100%\",\n position: \"relative\",\n },\n suggestionList: {\n // ensure more specificity than .HvSuggestions-root .HvSuggestions-list\n \"$root $suggestionsContainer &\": {\n width: \"100%\",\n },\n },\n\n inputExtension: {\n height: theme.hv.spacing.xs,\n backgroundColor: theme.hv.palette.atmosphere.atmo1,\n boxShadow: `0px 8px 0px ${theme.hv.palette.atmosphere.atmo1}, 0px 0px 9px 0px rgba(65,65,65,.12)`,\n },\n\n inputBorderContainer: {\n \"$hasSuggestions &\": {\n display: \"none\",\n },\n },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE;IADL,CADmB;IAKzBC,cAAc,EAAE,EALS;IAOzBC,SAAS,EAAE;MACT,WAAW;QACT,gBAAgB;UACdF,OAAO,EAAE;QADK;MADP,CADF;MAMT,6BAA6B;QAC3BA,OAAO,EAAE;MADkB,CANpB;MAST;MACA,6BAA6B;QAC3BA,OAAO,EAAE;MADkB;IAVpB,CAPc;IAqBzBG,gBAAgB,EAAE;MAChB,gBAAgB;QAAEH,OAAO,EAAE;MAAX;IADA,CArBO;IAwBzBI,iBAAiB,EAAE;MACjBC,MAAM,EAAE;IADS,CAxBM;IA2BzBC,kBAAkB,EAAE;MAClBC,OAAO,EAAE;IADS,CA3BK;IA8BzBC,KAAK,EAAE;MACL,gBAAgB;QACdR,OAAO,EAAE;MADK;IADX,CA9BkB;IAoCzBS,cAAc,EAAE;MACdT,OAAO,EAAE,MADK;MAEdU,UAAU,EAAE;IAFE,CApCS;IAwCzBC,KAAK,EAAE;MACLC,aAAa,EAAE,KADV;MAELZ,OAAO,EAAE;IAFJ,CAxCkB;IA4CzBa,WAAW,EAAE,EA5CY;IA6CzBC,KAAK,EAAE,EA7CkB;IA+CzBC,aAAa,EAAE;MACbf,OAAO,EAAE,MADI;MAEbgB,aAAa,EAAE,KAFF;MAGbC,MAAM,EAAE,MAHK;MAIbC,cAAc,EAAE,QAJH;MAKbC,WAAW,EAAE;IALA,CA/CU;IAsDzBC,eAAe,EAAE;MACfC,eAAe,EAAE,aADF;MAEfC,MAAM,EAAE,MAFO;MAGff,OAAO,EAAE,CAHM;MAIfgB,MAAM,EAAE,CAJO;MAKflB,MAAM,EAAE;IALO,CAtDQ;IA6DzBmB,IAAI,EAAE;MACJC,KAAK,EAAE,MADH;MAEJR,MAAM,EAAE;IAFJ,CA7DmB;IAiEzBS,SAAS,EAAE;MACT1B,OAAO,EAAE;IADA,CAjEc;IAqEzB2B,oBAAoB,EAAE;MACpBF,KAAK,EAAE,MADa;MAEpBG,QAAQ,EAAE;IAFU,CArEG;IAyEzBC,cAAc,EAAE;MACd;MACA,iCAAiC;QAC/BJ,KAAK,EAAE;MADwB;IAFnB,CAzES;IAgFzBK,cAAc,EAAE;MACdb,MAAM,EAAEnB,KAAK,CAACiC,EAAN,CAASC,OAAT,CAAiBC,EADX;MAEdZ,eAAe,EAAEvB,KAAK,CAACiC,EAAN,CAASG,OAAT,CAAiBC,UAAjB,CAA4BC,KAF/B;MAGdC,SAAS,wBAAiBvC,KAAK,CAACiC,EAAN,CAASG,OAAT,CAAiBC,UAAjB,CAA4BC,KAA7C;IAHK,CAhFS;IAsFzBE,oBAAoB,EAAE;MACpB,qBAAqB;QACnBtC,OAAO,EAAE;MADU;IADD;EAtFG,CAAZ;AAAA,CAAf;;eA6FeH,M"}
|
|
@@ -63,6 +63,21 @@ export interface HvProviderProps {
|
|
|
63
63
|
* Disables the generation of the styles.
|
|
64
64
|
*/
|
|
65
65
|
disableStylesGeneration?: boolean;
|
|
66
|
+
|
|
67
|
+
/**
|
|
68
|
+
* Disables the generation of the baseline css styles.
|
|
69
|
+
*
|
|
70
|
+
* This will be the default behavior in the future.
|
|
71
|
+
*
|
|
72
|
+
* The application using UI Kit should be responsible for adding the baseline css styles, by
|
|
73
|
+
* either using the `<HvCssBaseline />` component, using the `<HvScopedCssBaseline />` component,
|
|
74
|
+
* or ensuring that the necessary base styles are applied.
|
|
75
|
+
*
|
|
76
|
+
* Defaults to `false`. Will be removed in the next major release.
|
|
77
|
+
*
|
|
78
|
+
* @see https://lumada-design.github.io/uikit/master/?path=/docs/foundation-css-baseline--main
|
|
79
|
+
*/
|
|
80
|
+
disableCssBaseline?: boolean;
|
|
66
81
|
}
|
|
67
82
|
|
|
68
83
|
export default function HvProvider(props: HvProviderProps): JSX.Element | null;
|
|
@@ -47,12 +47,13 @@ var _theme = require("../theme");
|
|
|
47
47
|
|
|
48
48
|
var _context = _interopRequireDefault(require("./context"));
|
|
49
49
|
|
|
50
|
-
var
|
|
50
|
+
var _HvCssBaseline;
|
|
51
51
|
|
|
52
52
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
53
53
|
|
|
54
54
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
55
55
|
|
|
56
|
+
var warnedOnce = false;
|
|
56
57
|
/**
|
|
57
58
|
* Augments the target theme with the differences found in the source theme.
|
|
58
59
|
*
|
|
@@ -60,6 +61,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
60
61
|
* @param {Object} InputSourceTheme - A material UI Theme to apply on top.
|
|
61
62
|
* @returns {Object} - A new modified material UI theme.
|
|
62
63
|
*/
|
|
64
|
+
|
|
63
65
|
var applyCustomTheme = function applyCustomTheme(InputTargetTheme, InputSourceTheme) {
|
|
64
66
|
var muiDefaultTheme = (0, _styles.createTheme)();
|
|
65
67
|
var targetTheme = (0, _cloneDeep.default)(InputTargetTheme);
|
|
@@ -94,8 +96,8 @@ var applyCustomTheme = function applyCustomTheme(InputTargetTheme, InputSourceTh
|
|
|
94
96
|
* <HvProvider/>
|
|
95
97
|
* ```
|
|
96
98
|
*
|
|
97
|
-
* If several `HvProvider`'s are used, either nested or in
|
|
98
|
-
* must be tweaked to avoid CSS classnames
|
|
99
|
+
* If several `HvProvider`'s are used, either nested or in parallel, the `generateClassNameOptions`
|
|
100
|
+
* must be tweaked to avoid CSS classnames collision. Or a custom JSS's class name generator can
|
|
99
101
|
* be provided via the `generateClassName` property.
|
|
100
102
|
*
|
|
101
103
|
* **UI Kit components will not work at all if the `HvProvider` is not configured correctly**,
|
|
@@ -120,7 +122,18 @@ var HvProvider = function HvProvider(_ref) {
|
|
|
120
122
|
_ref$injectStylesFirs = _ref.injectStylesFirst,
|
|
121
123
|
injectStylesFirst = _ref$injectStylesFirs === void 0 ? false : _ref$injectStylesFirs,
|
|
122
124
|
_ref$disableStylesGen = _ref.disableStylesGeneration,
|
|
123
|
-
disableStylesGeneration = _ref$disableStylesGen === void 0 ? false : _ref$disableStylesGen
|
|
125
|
+
disableStylesGeneration = _ref$disableStylesGen === void 0 ? false : _ref$disableStylesGen,
|
|
126
|
+
_ref$disableCssBaseli = _ref.disableCssBaseline,
|
|
127
|
+
disableCssBaseline = _ref$disableCssBaseli === void 0 ? false : _ref$disableCssBaseli;
|
|
128
|
+
|
|
129
|
+
if (process.env.NODE_ENV !== "production") {
|
|
130
|
+
if (!warnedOnce && !disableCssBaseline) {
|
|
131
|
+
warnedOnce = true; // eslint-disable-next-line no-console
|
|
132
|
+
|
|
133
|
+
console.warn("UI Kit HvProvider's automatic definition of a css styles baseline will be removed in the next major version.\n" + "You can use the `disableCssBaseline` property to disable it already.\n" + "See https://lumada-design.github.io/uikit/master/?path=/docs/foundation-css-baseline--main");
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
|
|
124
137
|
var localeSetting = locale || ((_navigator$language = (_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.language) !== null && _navigator$language !== void 0 ? _navigator$language : "en-US");
|
|
125
138
|
var rawUiKitTheme = (0, _theme.getTheme)(uiKitTheme);
|
|
126
139
|
var customTheme = applyCustomTheme((0, _theme.themeBuilder)(rawUiKitTheme), theme);
|
|
@@ -137,7 +150,7 @@ var HvProvider = function HvProvider(_ref) {
|
|
|
137
150
|
disableGeneration: disableStylesGeneration
|
|
138
151
|
}, /*#__PURE__*/_react.default.createElement(_core.ThemeProvider, {
|
|
139
152
|
theme: customTheme
|
|
140
|
-
},
|
|
153
|
+
}, !disableCssBaseline && (_HvCssBaseline || (_HvCssBaseline = /*#__PURE__*/_react.default.createElement(_theme.HvCssBaseline, null))), /*#__PURE__*/_react.default.createElement(_context.default.Provider, {
|
|
141
154
|
value: pConfig
|
|
142
155
|
}, children)));
|
|
143
156
|
};
|
|
@@ -215,7 +228,22 @@ process.env.NODE_ENV !== "production" ? HvProvider.propTypes = {
|
|
|
215
228
|
/**
|
|
216
229
|
* Disables the generation of the styles.
|
|
217
230
|
*/
|
|
218
|
-
disableStylesGeneration: _propTypes.default.bool
|
|
231
|
+
disableStylesGeneration: _propTypes.default.bool,
|
|
232
|
+
|
|
233
|
+
/**
|
|
234
|
+
* Disables the generation of the baseline css styles.
|
|
235
|
+
*
|
|
236
|
+
* This will be the default behavior in the future.
|
|
237
|
+
*
|
|
238
|
+
* The application using UI Kit should be responsible for adding the baseline css styles, by
|
|
239
|
+
* either using the `<HvCssBaseline />` component, using the `<HvScopedCssBaseline />` component,
|
|
240
|
+
* or ensuring that the necessary base styles are applied.
|
|
241
|
+
*
|
|
242
|
+
* Defaults to `false`. Will be removed in the next major release.
|
|
243
|
+
*
|
|
244
|
+
* @see https://lumada-design.github.io/uikit/master/?path=/docs/foundation-css-baseline--main
|
|
245
|
+
*/
|
|
246
|
+
disableCssBaseline: _propTypes.default.bool
|
|
219
247
|
} : void 0;
|
|
220
248
|
var _default = HvProvider;
|
|
221
249
|
exports.default = _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Provider.js","names":["applyCustomTheme","InputTargetTheme","InputSourceTheme","muiDefaultTheme","targetTheme","sourceTheme","deleteDifference","diff","observableDiff","difference","partialCustomTheme","path","rhs","kind","HvProvider","children","uiKitTheme","theme","changeTheme","locale","generateClassNameProp","generateClassName","generateClassNameOptions","injectStylesFirst","disableStylesGeneration","localeSetting","navigator","language","rawUiKitTheme","customTheme","pConfig","propTypes","PropTypes","node","isRequired","oneOf","instanceOf","Object","func","string","shape","disableGlobal","bool","productionPrefix","seed"],"sources":["../../src/Provider/Provider.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport set from \"lodash/set\";\nimport merge from \"lodash/merge\";\nimport isEmpty from \"lodash/isEmpty\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport diff from \"deep-diff\";\n\nimport \"focus-within-polyfill\";\nimport \"focus-visible\";\n\nimport {\n ThemeProvider as MuiThemeProvider,\n StylesProvider as MuiStylesProvider,\n} from \"@material-ui/core\";\nimport { createTheme } from \"@material-ui/core/styles\";\n\nimport { themeBuilder, createGenerateClassName, CssBaseline, getTheme } from \"../theme\";\n\nimport ConfigContext from \"./context\";\n\n/**\n * Augments the target theme with the differences found in the source theme.\n *\n * @param {Object} InputTargetTheme - A material UI Theme to be changed.\n * @param {Object} InputSourceTheme - A material UI Theme to apply on top.\n * @returns {Object} - A new modified material UI theme.\n */\nconst applyCustomTheme = (InputTargetTheme, InputSourceTheme) => {\n const muiDefaultTheme = createTheme();\n const targetTheme = cloneDeep(InputTargetTheme);\n const sourceTheme = cloneDeep(InputSourceTheme);\n const deleteDifference = \"D\";\n if (!isEmpty(targetTheme) && !isEmpty(sourceTheme)) {\n diff.observableDiff(muiDefaultTheme, sourceTheme, (difference) => {\n const partialCustomTheme = set({}, difference.path, difference.rhs);\n if (difference.kind !== deleteDifference) {\n // Do not include the differences of type \"delete\"\n merge(targetTheme, partialCustomTheme);\n }\n });\n return targetTheme;\n }\n return targetTheme;\n};\n\n/**\n * This component makes cross-component properties, like the active `theme` and `locale`,\n * available down the React tree thanks to React context.\n *\n * This component should preferably be used at **the root of your component tree** and\n * be unique in the App in most cases.\n *\n * ```jsx\n * <HvProvider>\n * <MyApp />\n * <HvProvider/>\n * ```\n *\n * If several `HvProvider`'s are used, either nested or in paralel, the `generateClassNameOptions`\n * must be tweaked to avoid CSS classnames colision. Or a custom JSS's class name generator can\n * be provided via the `generateClassName` property.\n *\n * **UI Kit components will not work at all if the `HvProvider` is not configured correctly**,\n * as they will not be able to access the properties of the active theme..\n *\n */\nconst HvProvider = ({\n children,\n\n uiKitTheme = \"dawn\",\n theme = null,\n changeTheme = () => {},\n\n locale,\n\n generateClassName: generateClassNameProp,\n generateClassNameOptions,\n injectStylesFirst = false,\n disableStylesGeneration = false,\n}) => {\n const localeSetting = locale || (navigator?.language ?? \"en-US\");\n\n const rawUiKitTheme = getTheme(uiKitTheme);\n const customTheme = applyCustomTheme(themeBuilder(rawUiKitTheme), theme);\n\n const generateClassName =\n generateClassNameProp || createGenerateClassName(generateClassNameOptions);\n\n const pConfig = useMemo(\n () => ({ changeTheme, locale: localeSetting }),\n [changeTheme, localeSetting]\n );\n\n return (\n <MuiStylesProvider\n generateClassName={generateClassName}\n injectFirst={injectStylesFirst}\n disableGeneration={disableStylesGeneration}\n >\n <MuiThemeProvider theme={customTheme}>\n <CssBaseline />\n <ConfigContext.Provider value={pConfig}>{children}</ConfigContext.Provider>\n </MuiThemeProvider>\n </MuiStylesProvider>\n );\n};\n\nHvProvider.propTypes = {\n /**\n * Your component tree.\n */\n children: PropTypes.node.isRequired,\n\n /**\n * The Design System base theme in use. Defaults to `\"dawn\"`.\n */\n uiKitTheme: PropTypes.oneOf([\"dawn\", \"wicked\"]),\n /**\n * The UI Kit theme object to be applied on top of the base theme.\n */\n theme: PropTypes.instanceOf(Object),\n /**\n * Function stored in the provider's context to allow runtime switching of the active theme.\n * The implementation is up to each App.\n */\n changeTheme: PropTypes.func,\n\n /**\n * The locale to be used.\n * Defaults to the browser's configured locale or \"en-US\" if not available.\n */\n locale: PropTypes.string,\n\n /**\n * Custom JSS's class name generator.\n */\n generateClassName: PropTypes.func,\n /**\n * Built-in JSS's class name generator options.\n * Ignored if a custom `generateClassName` is provided.\n *\n * `disableGlobal`: Disable the generation of deterministic class names. Defaults to `false`.\n *\n * `productionPrefix`: The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n *\n * `seed`: The string used to uniquely identify the generator. Defaults to `\"\"`.\n * It can be used to avoid class name collisions when using multiple generators in the same document.\n */\n generateClassNameOptions: PropTypes.shape({\n /**\n * Disable the generation of deterministic class names. Defaults to `false`.\n */\n disableGlobal: PropTypes.bool,\n /**\n * The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n */\n productionPrefix: PropTypes.string,\n /**\n * The string used to uniquely identify the generator. Defaults to `\"\"`.\n * It can be used to avoid class name collisions when using multiple generators in the same document.\n */\n seed: PropTypes.string,\n }),\n /**\n * Injects the generated stylesheets at the top of the `<head>` element of the page.\n * This can ease the override of UI Kit components styles.\n *\n * By default, the styles are injected last in the `<head>` element of the page.\n */\n injectStylesFirst: PropTypes.bool,\n /**\n * Disables the generation of the styles.\n */\n disableStylesGeneration: PropTypes.bool,\n};\n\nexport default HvProvider;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Provider.js","names":["warnedOnce","applyCustomTheme","InputTargetTheme","InputSourceTheme","muiDefaultTheme","targetTheme","sourceTheme","deleteDifference","diff","observableDiff","difference","partialCustomTheme","path","rhs","kind","HvProvider","children","uiKitTheme","theme","changeTheme","locale","generateClassNameProp","generateClassName","generateClassNameOptions","injectStylesFirst","disableStylesGeneration","disableCssBaseline","process","env","NODE_ENV","console","warn","localeSetting","navigator","language","rawUiKitTheme","customTheme","pConfig","propTypes","PropTypes","node","isRequired","oneOf","instanceOf","Object","func","string","shape","disableGlobal","bool","productionPrefix","seed"],"sources":["../../src/Provider/Provider.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport set from \"lodash/set\";\nimport merge from \"lodash/merge\";\nimport isEmpty from \"lodash/isEmpty\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport diff from \"deep-diff\";\n\nimport \"focus-within-polyfill\";\nimport \"focus-visible\";\n\nimport {\n ThemeProvider as MuiThemeProvider,\n StylesProvider as MuiStylesProvider,\n} from \"@material-ui/core\";\nimport { createTheme } from \"@material-ui/core/styles\";\n\nimport { themeBuilder, createGenerateClassName, HvCssBaseline, getTheme } from \"../theme\";\n\nimport ConfigContext from \"./context\";\n\nlet warnedOnce = false;\n\n/**\n * Augments the target theme with the differences found in the source theme.\n *\n * @param {Object} InputTargetTheme - A material UI Theme to be changed.\n * @param {Object} InputSourceTheme - A material UI Theme to apply on top.\n * @returns {Object} - A new modified material UI theme.\n */\nconst applyCustomTheme = (InputTargetTheme, InputSourceTheme) => {\n const muiDefaultTheme = createTheme();\n const targetTheme = cloneDeep(InputTargetTheme);\n const sourceTheme = cloneDeep(InputSourceTheme);\n const deleteDifference = \"D\";\n if (!isEmpty(targetTheme) && !isEmpty(sourceTheme)) {\n diff.observableDiff(muiDefaultTheme, sourceTheme, (difference) => {\n const partialCustomTheme = set({}, difference.path, difference.rhs);\n if (difference.kind !== deleteDifference) {\n // Do not include the differences of type \"delete\"\n merge(targetTheme, partialCustomTheme);\n }\n });\n return targetTheme;\n }\n return targetTheme;\n};\n\n/**\n * This component makes cross-component properties, like the active `theme` and `locale`,\n * available down the React tree thanks to React context.\n *\n * This component should preferably be used at **the root of your component tree** and\n * be unique in the App in most cases.\n *\n * ```jsx\n * <HvProvider>\n * <MyApp />\n * <HvProvider/>\n * ```\n *\n * If several `HvProvider`'s are used, either nested or in parallel, the `generateClassNameOptions`\n * must be tweaked to avoid CSS classnames collision. Or a custom JSS's class name generator can\n * be provided via the `generateClassName` property.\n *\n * **UI Kit components will not work at all if the `HvProvider` is not configured correctly**,\n * as they will not be able to access the properties of the active theme..\n *\n */\nconst HvProvider = ({\n children,\n\n uiKitTheme = \"dawn\",\n theme = null,\n changeTheme = () => {},\n\n locale,\n\n generateClassName: generateClassNameProp,\n generateClassNameOptions,\n injectStylesFirst = false,\n disableStylesGeneration = false,\n\n disableCssBaseline = false,\n}) => {\n if (process.env.NODE_ENV !== \"production\") {\n if (!warnedOnce && !disableCssBaseline) {\n warnedOnce = true;\n // eslint-disable-next-line no-console\n console.warn(\n \"UI Kit HvProvider's automatic definition of a css styles baseline will be removed in the next major version.\\n\" +\n \"You can use the `disableCssBaseline` property to disable it already.\\n\" +\n \"See https://lumada-design.github.io/uikit/master/?path=/docs/foundation-css-baseline--main\"\n );\n }\n }\n\n const localeSetting = locale || (navigator?.language ?? \"en-US\");\n\n const rawUiKitTheme = getTheme(uiKitTheme);\n const customTheme = applyCustomTheme(themeBuilder(rawUiKitTheme), theme);\n\n const generateClassName =\n generateClassNameProp || createGenerateClassName(generateClassNameOptions);\n\n const pConfig = useMemo(\n () => ({ changeTheme, locale: localeSetting }),\n [changeTheme, localeSetting]\n );\n\n return (\n <MuiStylesProvider\n generateClassName={generateClassName}\n injectFirst={injectStylesFirst}\n disableGeneration={disableStylesGeneration}\n >\n <MuiThemeProvider theme={customTheme}>\n {!disableCssBaseline && <HvCssBaseline />}\n <ConfigContext.Provider value={pConfig}>{children}</ConfigContext.Provider>\n </MuiThemeProvider>\n </MuiStylesProvider>\n );\n};\n\nHvProvider.propTypes = {\n /**\n * Your component tree.\n */\n children: PropTypes.node.isRequired,\n\n /**\n * The Design System base theme in use. Defaults to `\"dawn\"`.\n */\n uiKitTheme: PropTypes.oneOf([\"dawn\", \"wicked\"]),\n /**\n * The UI Kit theme object to be applied on top of the base theme.\n */\n theme: PropTypes.instanceOf(Object),\n /**\n * Function stored in the provider's context to allow runtime switching of the active theme.\n * The implementation is up to each App.\n */\n changeTheme: PropTypes.func,\n\n /**\n * The locale to be used.\n * Defaults to the browser's configured locale or \"en-US\" if not available.\n */\n locale: PropTypes.string,\n\n /**\n * Custom JSS's class name generator.\n */\n generateClassName: PropTypes.func,\n /**\n * Built-in JSS's class name generator options.\n * Ignored if a custom `generateClassName` is provided.\n *\n * `disableGlobal`: Disable the generation of deterministic class names. Defaults to `false`.\n *\n * `productionPrefix`: The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n *\n * `seed`: The string used to uniquely identify the generator. Defaults to `\"\"`.\n * It can be used to avoid class name collisions when using multiple generators in the same document.\n */\n generateClassNameOptions: PropTypes.shape({\n /**\n * Disable the generation of deterministic class names. Defaults to `false`.\n */\n disableGlobal: PropTypes.bool,\n /**\n * The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n */\n productionPrefix: PropTypes.string,\n /**\n * The string used to uniquely identify the generator. Defaults to `\"\"`.\n * It can be used to avoid class name collisions when using multiple generators in the same document.\n */\n seed: PropTypes.string,\n }),\n /**\n * Injects the generated stylesheets at the top of the `<head>` element of the page.\n * This can ease the override of UI Kit components styles.\n *\n * By default, the styles are injected last in the `<head>` element of the page.\n */\n injectStylesFirst: PropTypes.bool,\n /**\n * Disables the generation of the styles.\n */\n disableStylesGeneration: PropTypes.bool,\n\n /**\n * Disables the generation of the baseline css styles.\n *\n * This will be the default behavior in the future.\n *\n * The application using UI Kit should be responsible for adding the baseline css styles, by\n * either using the `<HvCssBaseline />` component, using the `<HvScopedCssBaseline />` component,\n * or ensuring that the necessary base styles are applied.\n *\n * Defaults to `false`. Will be removed in the next major release.\n *\n * @see https://lumada-design.github.io/uikit/master/?path=/docs/foundation-css-baseline--main\n */\n disableCssBaseline: PropTypes.bool,\n};\n\nexport default HvProvider;\n"],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -110,6 +110,8 @@ var _exportNames = {
|
|
|
110
110
|
hvTheme: true,
|
|
111
111
|
themeBuilder: true,
|
|
112
112
|
getTheme: true,
|
|
113
|
+
HvCssBaseline: true,
|
|
114
|
+
HvScopedCssBaseline: true,
|
|
113
115
|
HvProvider: true
|
|
114
116
|
};
|
|
115
117
|
Object.defineProperty(exports, "HvAccordion", {
|
|
@@ -238,6 +240,12 @@ Object.defineProperty(exports, "HvContainer", {
|
|
|
238
240
|
return _Container.default;
|
|
239
241
|
}
|
|
240
242
|
});
|
|
243
|
+
Object.defineProperty(exports, "HvCssBaseline", {
|
|
244
|
+
enumerable: true,
|
|
245
|
+
get: function get() {
|
|
246
|
+
return _theme.HvCssBaseline;
|
|
247
|
+
}
|
|
248
|
+
});
|
|
241
249
|
Object.defineProperty(exports, "HvDatePicker", {
|
|
242
250
|
enumerable: true,
|
|
243
251
|
get: function get() {
|
|
@@ -400,6 +408,12 @@ Object.defineProperty(exports, "HvRadioGroup", {
|
|
|
400
408
|
return _RadioGroup.default;
|
|
401
409
|
}
|
|
402
410
|
});
|
|
411
|
+
Object.defineProperty(exports, "HvScopedCssBaseline", {
|
|
412
|
+
enumerable: true,
|
|
413
|
+
get: function get() {
|
|
414
|
+
return _theme.HvScopedCssBaseline;
|
|
415
|
+
}
|
|
416
|
+
});
|
|
403
417
|
Object.defineProperty(exports, "HvScrollToHorizontal", {
|
|
404
418
|
enumerable: true,
|
|
405
419
|
get: function get() {
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["// components\nexport { default as HvAccordion } from \"./Accordion\";\nexport { default as HvActionsGeneric } from \"./ActionsGeneric\";\nexport { default as HvActionBar } from \"./ActionBar\";\nexport { default as HvAppSwitcher } from \"./AppSwitcher\";\nexport { default as HvAssetInventory } from \"./AssetInventory\";\nexport * from \"./AssetInventory\";\nexport { default as HvAvatar } from \"./Avatar\";\nexport { default as HvBadge } from \"./Badge\";\nexport { default as HvBanner } from \"./Banner\";\nexport * from \"./Banner\";\nexport { default as HvBarchart } from \"./Barchart\";\nexport { default as HvBaseDropdown } from \"./BaseDropdown\";\nexport { default as HvBreadcrumb } from \"./BreadCrumb\";\nexport { default as HvBulkActions } from \"./BulkActions\";\nexport { default as HvButton } from \"./Button\";\nexport { default as HvCard } from \"./Card\";\nexport * from \"./Card\";\nexport * from \"./Calendar\";\nexport { default as HvContainer } from \"./Container\";\nexport { default as HvDatePicker } from \"./DatePicker\";\nexport { default as HvDonutchart } from \"./Donutchart\";\nexport { default as HvDropdown } from \"./Dropdown\";\nexport { default as HvDropDownMenu } from \"./DropDownMenu\";\nexport { default as HvEmptyState } from \"./EmptyState\";\nexport { default as HvFilterGroup } from \"./FilterGroup\";\nexport { default as HvFileUploader } from \"./FileUploader\";\nexport * from \"./FileUploader\";\nexport { default as HvFooter } from \"./Footer\";\nexport * from \"./Forms\";\n\nexport { default as HvGrid } from \"./Grid\";\nexport { default as HvGlobalActions } from \"./GlobalActions\";\n\nexport { default as HvHeader } from \"./Header\";\nexport * from \"./Header\";\n\nexport { default as HvBaseInput } from \"./BaseInput\";\nexport { default as HvInput } from \"./Input\";\n\nexport { default as HvSlider } from \"./Slider\";\n\nexport { default as HvKpi } from \"./Kpi\";\n\nexport { default as HvLinechart } from \"./Linechart\";\nexport { default as HvLink } from \"./Link\";\nexport { default as HvListContainer } from \"./ListContainer\";\nexport * from \"./ListContainer\";\n\nexport { default as HvList } from \"./List\";\n\nexport { default as HvSelectionList } from \"./SelectionList\";\n\nexport { default as HvLoading } from \"./Loading\";\nexport { default as HvLogin } from \"./Login\";\nexport { default as HvDialog } from \"./Dialog\";\nexport * from \"./Dialog\";\nexport { default as HvMultiButton } from \"./MultiButton\";\nexport { default as HvPagination } from \"./Pagination\";\n\nexport { default as HvBaseCheckBox } from \"./BaseCheckBox\";\nexport { default as HvCheckBox } from \"./CheckBox\";\nexport { default as HvCheckBoxGroup } from \"./CheckBoxGroup\";\n\nexport { default as HvBaseRadio } from \"./BaseRadio\";\nexport { default as HvRadio } from \"./Radio\";\nexport { default as HvRadioGroup } from \"./RadioGroup\";\n\nexport { default as HvBaseSwitch } from \"./BaseSwitch\";\nexport { default as HvSwitch } from \"./Switch\";\n\nexport { default as HvSnackbar } from \"./Snackbar\";\nexport { default as HvSnackbarContent } from \"./Snackbar/SnackbarContentWrapper\";\nexport { default as HvSnackbarProvider, useHvSnackbar } from \"./Snackbar/SnackbarProvider\";\nexport { default as HvStack } from \"./Stack\";\n\nexport { default as HvTab } from \"./Tab\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvTable } from \"./Table\";\nexport { default as HvTabs } from \"./Tabs\";\nexport { default as HvTextArea } from \"./TextArea\";\nexport { default as HvTagsInput } from \"./TagsInput\";\nexport { default as HvToggleButton } from \"./ToggleButton\";\nexport { default as HvTooltip } from \"./Tooltip\";\nexport { default as HvOverflowTooltip } from \"./OverflowTooltip\";\nexport { default as HvTypography } from \"./Typography\";\nexport { default as HvUserPreferences } from \"./UserPreferences\";\n// TODO refactor the HvUserPreferences subcomponents' names\nexport {\n Actions as HvUserPreferencesActions,\n Action as HvUserPreferencesAction,\n} from \"./UserPreferences\";\nexport {\n Options as HvUserPreferencesOptions,\n Option as HvUserPreferencesOption,\n Group as HvUserPreferencesOptionsGroup,\n Label as HvUserPreferencesOptionsGroupLabel,\n} from \"./UserPreferences\";\n\nexport { default as HvScrollToHorizontal } from \"./ScrollTo/Horizontal\";\nexport { default as HvScrollToVertical } from \"./ScrollTo/Vertical\";\nexport { default as useScrollTo } from \"./ScrollTo/useScrollTo\";\n\nexport { default as HvVerticalNavigation } from \"./VerticalNavigation\";\n// TODO refactor the HvVerticalNavigation subcomponents' names\nexport { Navigation as HvVerticalNavigationTree } from \"./VerticalNavigation\";\nexport { TreeView as HvTreeView, TreeViewItem as HvTreeViewItem } from \"./VerticalNavigation\";\nexport {\n Actions as HvVerticalNavigationActions,\n Action as HvVerticalNavigationAction,\n} from \"./VerticalNavigation\";\n\nexport { default as HvPanel } from \"./Panel\";\n\n// HOCs\nexport { default as withId } from \"./withId\";\nexport { default as withTooltip } from \"./withTooltip\";\n\n// Hooks\nexport { default as useUniqueId } from \"./useUniqueId\";\n\n// theme\nexport { default as hvTheme } from \"./theme\";\nexport { themeBuilder, getTheme } from \"./theme\";\n\n// provider\nexport { default as HvProvider } from \"./Provider\";\nexport * from \"./Provider\";\n\n// utils\nexport * from \"./utils\";\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["// components\nexport { default as HvAccordion } from \"./Accordion\";\nexport { default as HvActionsGeneric } from \"./ActionsGeneric\";\nexport { default as HvActionBar } from \"./ActionBar\";\nexport { default as HvAppSwitcher } from \"./AppSwitcher\";\nexport { default as HvAssetInventory } from \"./AssetInventory\";\nexport * from \"./AssetInventory\";\nexport { default as HvAvatar } from \"./Avatar\";\nexport { default as HvBadge } from \"./Badge\";\nexport { default as HvBanner } from \"./Banner\";\nexport * from \"./Banner\";\nexport { default as HvBarchart } from \"./Barchart\";\nexport { default as HvBaseDropdown } from \"./BaseDropdown\";\nexport { default as HvBreadcrumb } from \"./BreadCrumb\";\nexport { default as HvBulkActions } from \"./BulkActions\";\nexport { default as HvButton } from \"./Button\";\nexport { default as HvCard } from \"./Card\";\nexport * from \"./Card\";\nexport * from \"./Calendar\";\nexport { default as HvContainer } from \"./Container\";\nexport { default as HvDatePicker } from \"./DatePicker\";\nexport { default as HvDonutchart } from \"./Donutchart\";\nexport { default as HvDropdown } from \"./Dropdown\";\nexport { default as HvDropDownMenu } from \"./DropDownMenu\";\nexport { default as HvEmptyState } from \"./EmptyState\";\nexport { default as HvFilterGroup } from \"./FilterGroup\";\nexport { default as HvFileUploader } from \"./FileUploader\";\nexport * from \"./FileUploader\";\nexport { default as HvFooter } from \"./Footer\";\nexport * from \"./Forms\";\n\nexport { default as HvGrid } from \"./Grid\";\nexport { default as HvGlobalActions } from \"./GlobalActions\";\n\nexport { default as HvHeader } from \"./Header\";\nexport * from \"./Header\";\n\nexport { default as HvBaseInput } from \"./BaseInput\";\nexport { default as HvInput } from \"./Input\";\n\nexport { default as HvSlider } from \"./Slider\";\n\nexport { default as HvKpi } from \"./Kpi\";\n\nexport { default as HvLinechart } from \"./Linechart\";\nexport { default as HvLink } from \"./Link\";\nexport { default as HvListContainer } from \"./ListContainer\";\nexport * from \"./ListContainer\";\n\nexport { default as HvList } from \"./List\";\n\nexport { default as HvSelectionList } from \"./SelectionList\";\n\nexport { default as HvLoading } from \"./Loading\";\nexport { default as HvLogin } from \"./Login\";\nexport { default as HvDialog } from \"./Dialog\";\nexport * from \"./Dialog\";\nexport { default as HvMultiButton } from \"./MultiButton\";\nexport { default as HvPagination } from \"./Pagination\";\n\nexport { default as HvBaseCheckBox } from \"./BaseCheckBox\";\nexport { default as HvCheckBox } from \"./CheckBox\";\nexport { default as HvCheckBoxGroup } from \"./CheckBoxGroup\";\n\nexport { default as HvBaseRadio } from \"./BaseRadio\";\nexport { default as HvRadio } from \"./Radio\";\nexport { default as HvRadioGroup } from \"./RadioGroup\";\n\nexport { default as HvBaseSwitch } from \"./BaseSwitch\";\nexport { default as HvSwitch } from \"./Switch\";\n\nexport { default as HvSnackbar } from \"./Snackbar\";\nexport { default as HvSnackbarContent } from \"./Snackbar/SnackbarContentWrapper\";\nexport { default as HvSnackbarProvider, useHvSnackbar } from \"./Snackbar/SnackbarProvider\";\nexport { default as HvStack } from \"./Stack\";\n\nexport { default as HvTab } from \"./Tab\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvTable } from \"./Table\";\nexport { default as HvTabs } from \"./Tabs\";\nexport { default as HvTextArea } from \"./TextArea\";\nexport { default as HvTagsInput } from \"./TagsInput\";\nexport { default as HvToggleButton } from \"./ToggleButton\";\nexport { default as HvTooltip } from \"./Tooltip\";\nexport { default as HvOverflowTooltip } from \"./OverflowTooltip\";\nexport { default as HvTypography } from \"./Typography\";\nexport { default as HvUserPreferences } from \"./UserPreferences\";\n// TODO refactor the HvUserPreferences subcomponents' names\nexport {\n Actions as HvUserPreferencesActions,\n Action as HvUserPreferencesAction,\n} from \"./UserPreferences\";\nexport {\n Options as HvUserPreferencesOptions,\n Option as HvUserPreferencesOption,\n Group as HvUserPreferencesOptionsGroup,\n Label as HvUserPreferencesOptionsGroupLabel,\n} from \"./UserPreferences\";\n\nexport { default as HvScrollToHorizontal } from \"./ScrollTo/Horizontal\";\nexport { default as HvScrollToVertical } from \"./ScrollTo/Vertical\";\nexport { default as useScrollTo } from \"./ScrollTo/useScrollTo\";\n\nexport { default as HvVerticalNavigation } from \"./VerticalNavigation\";\n// TODO refactor the HvVerticalNavigation subcomponents' names\nexport { Navigation as HvVerticalNavigationTree } from \"./VerticalNavigation\";\nexport { TreeView as HvTreeView, TreeViewItem as HvTreeViewItem } from \"./VerticalNavigation\";\nexport {\n Actions as HvVerticalNavigationActions,\n Action as HvVerticalNavigationAction,\n} from \"./VerticalNavigation\";\n\nexport { default as HvPanel } from \"./Panel\";\n\n// HOCs\nexport { default as withId } from \"./withId\";\nexport { default as withTooltip } from \"./withTooltip\";\n\n// Hooks\nexport { default as useUniqueId } from \"./useUniqueId\";\n\n// theme\nexport { default as hvTheme } from \"./theme\";\nexport { themeBuilder, getTheme } from \"./theme\";\nexport { HvCssBaseline, HvScopedCssBaseline } from \"./theme\";\n\n// provider\nexport { default as HvProvider } from \"./Provider\";\nexport * from \"./Provider\";\n\n// utils\nexport * from \"./utils\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;;AAEA;;AAEA;;AAEA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAEA;;AAEA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAaA;;AACA;;AACA;;AAEA;;AASA;;AAGA;;AACA;;AAGA;;AAGA;;AAKA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAGA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
|
|
@@ -48,6 +48,38 @@ var styles = function styles(theme) {
|
|
|
48
48
|
"& $input": {
|
|
49
49
|
border: "1px solid ".concat(theme.hv.palette.accent.acce1)
|
|
50
50
|
}
|
|
51
|
+
},
|
|
52
|
+
"@global": {
|
|
53
|
+
"input:-webkit-autofill": {
|
|
54
|
+
"-webkit-box-shadow": "0 0 0px 1000px ".concat(theme.hv.palette.atmosphere.atmo1, " inset"),
|
|
55
|
+
"-webkit-text-fill-color": theme.hv.typography.normalText.color
|
|
56
|
+
},
|
|
57
|
+
|
|
58
|
+
/* clears input's clear and reveal buttons from IE */
|
|
59
|
+
"input[type=search]::-ms-clear": {
|
|
60
|
+
display: "none",
|
|
61
|
+
width: 0,
|
|
62
|
+
height: 0
|
|
63
|
+
},
|
|
64
|
+
"input[type=search]::-ms-reveal": {
|
|
65
|
+
display: "none",
|
|
66
|
+
width: 0,
|
|
67
|
+
height: 0
|
|
68
|
+
},
|
|
69
|
+
|
|
70
|
+
/* clears input's clear button from Chrome */
|
|
71
|
+
"input[type=search]::-webkit-search-decoration": {
|
|
72
|
+
display: "none"
|
|
73
|
+
},
|
|
74
|
+
"input[type=search]::-webkit-search-cancel-button": {
|
|
75
|
+
display: "none"
|
|
76
|
+
},
|
|
77
|
+
"input[type=search]::-webkit-search-results-button": {
|
|
78
|
+
display: "none"
|
|
79
|
+
},
|
|
80
|
+
"input[type=search]::-webkit-search-results-decoration": {
|
|
81
|
+
display: "none"
|
|
82
|
+
}
|
|
51
83
|
}
|
|
52
84
|
},
|
|
53
85
|
resizable: {
|
|
@@ -199,12 +231,6 @@ var styles = function styles(theme) {
|
|
|
199
231
|
top: "31px",
|
|
200
232
|
left: "2px",
|
|
201
233
|
backgroundColor: theme.hv.palette.atmosphere.atmo4
|
|
202
|
-
},
|
|
203
|
-
"@global": {
|
|
204
|
-
"input:-webkit-autofill": {
|
|
205
|
-
"-webkit-box-shadow": "0 0 0px 1000px ".concat(theme.hv.palette.atmosphere.atmo1, " inset"),
|
|
206
|
-
"-webkit-text-fill-color": theme.hv.typography.normalText.color
|
|
207
|
-
}
|
|
208
234
|
}
|
|
209
235
|
};
|
|
210
236
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","root","display","width","position","overflow","border","hv","palette","accent","acce1","backgroundColor","resizable","readOnly","disabled","atmosphere","atmo4","atmo3","invalid","semantic","sema4","inputRoot","margin","borderRadius","atmo1","inputRootFocused","background","inputRootDisabled","cursor","inputRootMultiline","padding","height","minHeight","marginLeft","marginRight","input","spacing","xs","typography","normalText","textOverflow","outline","placeholderText","opacity","flexGrow","inputDisabled","color","atmo5","inputResizable","resize","inputBorderContainer","top","left"],"sources":["../../../src/BaseInput/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n root: {\n display: \"inline-block\",\n width: \"100%\",\n position: \"relative\",\n \"& $inputRootMultiline\": {\n overflow: \"auto\",\n border: \"none\",\n },\n \"&:hover $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.accent.acce1}`,\n },\n },\n \"&:hover $inputBorderContainer\": {\n backgroundColor: theme.hv.palette.accent.acce1,\n },\n \"&:focus-within $inputBorderContainer\": {\n backgroundColor: theme.hv.palette.accent.acce1,\n },\n // IE fallback code (using focus-within-polyfill)\n \"&.focus-within $inputBorderContainer\": {\n backgroundColor: theme.hv.palette.accent.acce1,\n },\n \"&:focus-within $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.accent.acce1}`,\n },\n },\n // IE fallback code (using focus-within-polyfill)\n \"&.focus-within $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.accent.acce1}`,\n },\n },\n },\n resizable: {\n width: \"auto\",\n },\n readOnly: {\n \"& $inputBorderContainer\": {\n backgroundColor: \"transparent\",\n },\n \"&:hover $inputBorderContainer\": {\n backgroundColor: \"transparent\",\n },\n \"&:focus-within $inputBorderContainer\": {\n backgroundColor: \"transparent\",\n },\n\n // multiline\n \"& $inputRootMultiline\": {\n \"& $input\": {\n border: \"1px solid transparent\",\n },\n },\n \"&:hover $inputRootMultiline\": {\n \"& $input\": {\n border: \"1px solid transparent\",\n },\n },\n \"&:focus-within $inputRootMultiline\": {\n \"& $input\": {\n border: \"1px solid transparent\",\n },\n },\n },\n disabled: {\n \"& $inputBorderContainer\": {\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n },\n \"&:hover $inputBorderContainer\": {\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n },\n \"& $inputRootMultiline\": {\n \"& $input\": {\n backgroundColor: theme.hv.palette.atmosphere.atmo3,\n border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n },\n },\n \"&:hover $inputRootMultiline\": {\n \"& $input\": {\n backgroundColor: theme.hv.palette.atmosphere.atmo3,\n border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n },\n },\n },\n invalid: {\n \"&:not($disabled)\": {\n \"& $inputBorderContainer\": {\n backgroundColor: theme.hv.palette.semantic.sema4,\n },\n \"&:hover $inputBorderContainer\": {\n backgroundColor: theme.hv.palette.semantic.sema4,\n },\n \"& $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n },\n },\n \"&:hover $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n },\n },\n \"&:focus-within $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n },\n },\n // IE fallback code (using focus-within-polyfill)\n \"&.focus-within $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n },\n },\n },\n },\n\n inputRoot: {\n margin: 0,\n width: \"100%\",\n borderRadius: \"2px\",\n backgroundColor: theme.hv.palette.atmosphere.atmo1,\n },\n inputRootFocused: {\n background: theme.hv.palette.atmosphere.atmo1,\n ...outlineStyles,\n \"&:hover\": {\n background: theme.hv.palette.atmosphere.atmo1,\n },\n },\n inputRootDisabled: {\n background: theme.hv.palette.atmosphere.atmo3,\n \"&:hover\": {\n background: theme.hv.palette.atmosphere.atmo3,\n cursor: \"not-allowed\",\n },\n cursor: \"not-allowed\",\n },\n inputRootMultiline: {\n padding: 0,\n backgroundColor: \"transparent\",\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n borderRadius: \"2px\",\n backgroundColor: theme.hv.palette.atmosphere.atmo1,\n height: \"auto\",\n minHeight: \"21px\",\n padding: \"5px 10px\",\n overflow: \"auto\",\n marginLeft: \"0px\",\n marginRight: \"0px\",\n },\n },\n\n input: {\n height: \"21px\",\n marginLeft: theme.hv.spacing.xs,\n marginRight: theme.hv.spacing.xs,\n padding: \"6px 0 5px\",\n ...theme.hv.typography.normalText,\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n outline: \"none\",\n \"&::placeholder\": {\n ...theme.hv.typography.placeholderText,\n opacity: 1,\n },\n \"&::-ms-clear\": {\n display: \"none\",\n },\n width: \"initial\",\n flexGrow: 1,\n },\n inputDisabled: {\n color: theme.hv.palette.atmosphere.atmo5,\n },\n inputResizable: {\n resize: \"both\",\n width: \"100%\",\n },\n\n inputBorderContainer: {\n position: \"absolute\",\n width: \"calc(100% - 4px)\",\n height: \"1px\",\n top: \"31px\",\n left: \"2px\",\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n },\n\n \"@global\": {\n \"input:-webkit-autofill\": {\n \"-webkit-box-shadow\": `0 0 0px 1000px ${theme.hv.palette.atmosphere.atmo1} inset`,\n \"-webkit-text-fill-color\": theme.hv.typography.normalText.color,\n },\n },\n});\n\nexport default styles;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","root","display","width","position","overflow","border","hv","palette","accent","acce1","backgroundColor","atmosphere","atmo1","typography","normalText","color","height","resizable","readOnly","disabled","atmo4","atmo3","invalid","semantic","sema4","inputRoot","margin","borderRadius","inputRootFocused","background","inputRootDisabled","cursor","inputRootMultiline","padding","minHeight","marginLeft","marginRight","input","spacing","xs","textOverflow","outline","placeholderText","opacity","flexGrow","inputDisabled","atmo5","inputResizable","resize","inputBorderContainer","top","left"],"sources":["../../../src/BaseInput/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n root: {\n display: \"inline-block\",\n width: \"100%\",\n position: \"relative\",\n \"& $inputRootMultiline\": {\n overflow: \"auto\",\n border: \"none\",\n },\n \"&:hover $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.accent.acce1}`,\n },\n },\n \"&:hover $inputBorderContainer\": {\n backgroundColor: theme.hv.palette.accent.acce1,\n },\n \"&:focus-within $inputBorderContainer\": {\n backgroundColor: theme.hv.palette.accent.acce1,\n },\n // IE fallback code (using focus-within-polyfill)\n \"&.focus-within $inputBorderContainer\": {\n backgroundColor: theme.hv.palette.accent.acce1,\n },\n \"&:focus-within $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.accent.acce1}`,\n },\n },\n // IE fallback code (using focus-within-polyfill)\n \"&.focus-within $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.accent.acce1}`,\n },\n },\n\n \"@global\": {\n \"input:-webkit-autofill\": {\n \"-webkit-box-shadow\": `0 0 0px 1000px ${theme.hv.palette.atmosphere.atmo1} inset`,\n \"-webkit-text-fill-color\": theme.hv.typography.normalText.color,\n },\n\n /* clears input's clear and reveal buttons from IE */\n \"input[type=search]::-ms-clear\": { display: \"none\", width: 0, height: 0 },\n \"input[type=search]::-ms-reveal\": { display: \"none\", width: 0, height: 0 },\n\n /* clears input's clear button from Chrome */\n \"input[type=search]::-webkit-search-decoration\": { display: \"none\" },\n \"input[type=search]::-webkit-search-cancel-button\": { display: \"none\" },\n \"input[type=search]::-webkit-search-results-button\": { display: \"none\" },\n \"input[type=search]::-webkit-search-results-decoration\": { display: \"none\" },\n },\n },\n resizable: {\n width: \"auto\",\n },\n readOnly: {\n \"& $inputBorderContainer\": {\n backgroundColor: \"transparent\",\n },\n \"&:hover $inputBorderContainer\": {\n backgroundColor: \"transparent\",\n },\n \"&:focus-within $inputBorderContainer\": {\n backgroundColor: \"transparent\",\n },\n\n // multiline\n \"& $inputRootMultiline\": {\n \"& $input\": {\n border: \"1px solid transparent\",\n },\n },\n \"&:hover $inputRootMultiline\": {\n \"& $input\": {\n border: \"1px solid transparent\",\n },\n },\n \"&:focus-within $inputRootMultiline\": {\n \"& $input\": {\n border: \"1px solid transparent\",\n },\n },\n },\n disabled: {\n \"& $inputBorderContainer\": {\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n },\n \"&:hover $inputBorderContainer\": {\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n },\n \"& $inputRootMultiline\": {\n \"& $input\": {\n backgroundColor: theme.hv.palette.atmosphere.atmo3,\n border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n },\n },\n \"&:hover $inputRootMultiline\": {\n \"& $input\": {\n backgroundColor: theme.hv.palette.atmosphere.atmo3,\n border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n },\n },\n },\n invalid: {\n \"&:not($disabled)\": {\n \"& $inputBorderContainer\": {\n backgroundColor: theme.hv.palette.semantic.sema4,\n },\n \"&:hover $inputBorderContainer\": {\n backgroundColor: theme.hv.palette.semantic.sema4,\n },\n \"& $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n },\n },\n \"&:hover $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n },\n },\n \"&:focus-within $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n },\n },\n // IE fallback code (using focus-within-polyfill)\n \"&.focus-within $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n },\n },\n },\n },\n\n inputRoot: {\n margin: 0,\n width: \"100%\",\n borderRadius: \"2px\",\n backgroundColor: theme.hv.palette.atmosphere.atmo1,\n },\n inputRootFocused: {\n background: theme.hv.palette.atmosphere.atmo1,\n ...outlineStyles,\n \"&:hover\": {\n background: theme.hv.palette.atmosphere.atmo1,\n },\n },\n inputRootDisabled: {\n background: theme.hv.palette.atmosphere.atmo3,\n \"&:hover\": {\n background: theme.hv.palette.atmosphere.atmo3,\n cursor: \"not-allowed\",\n },\n cursor: \"not-allowed\",\n },\n inputRootMultiline: {\n padding: 0,\n backgroundColor: \"transparent\",\n \"& $input\": {\n border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n borderRadius: \"2px\",\n backgroundColor: theme.hv.palette.atmosphere.atmo1,\n height: \"auto\",\n minHeight: \"21px\",\n padding: \"5px 10px\",\n overflow: \"auto\",\n marginLeft: \"0px\",\n marginRight: \"0px\",\n },\n },\n\n input: {\n height: \"21px\",\n marginLeft: theme.hv.spacing.xs,\n marginRight: theme.hv.spacing.xs,\n padding: \"6px 0 5px\",\n ...theme.hv.typography.normalText,\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n outline: \"none\",\n \"&::placeholder\": {\n ...theme.hv.typography.placeholderText,\n opacity: 1,\n },\n \"&::-ms-clear\": {\n display: \"none\",\n },\n width: \"initial\",\n flexGrow: 1,\n },\n inputDisabled: {\n color: theme.hv.palette.atmosphere.atmo5,\n },\n inputResizable: {\n resize: \"both\",\n width: \"100%\",\n },\n\n inputBorderContainer: {\n position: \"absolute\",\n width: \"calc(100% - 4px)\",\n height: \"1px\",\n top: \"31px\",\n left: \"2px\",\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n },\n});\n\nexport default styles;\n"],"mappings":"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"}
|