@hitachivantara/uikit-react-core 3.67.6 → 3.67.9

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.
Files changed (91) hide show
  1. package/dist/BaseInput/styles.js +32 -6
  2. package/dist/BaseInput/styles.js.map +1 -1
  3. package/dist/Forms/WarningText/WarningText.d.ts +1 -2
  4. package/dist/Forms/WarningText/WarningText.js +1 -6
  5. package/dist/Forms/WarningText/WarningText.js.map +1 -1
  6. package/dist/Forms/WarningText/styles.js +0 -6
  7. package/dist/Forms/WarningText/styles.js.map +1 -1
  8. package/dist/Input/styles.js +0 -6
  9. package/dist/Input/styles.js.map +1 -1
  10. package/dist/Provider/Provider.d.ts +15 -0
  11. package/dist/Provider/Provider.js +34 -6
  12. package/dist/Provider/Provider.js.map +1 -1
  13. package/dist/VerticalNavigation/Navigation/Navigation.d.ts +8 -0
  14. package/dist/VerticalNavigation/Navigation/Navigation.js +4 -2
  15. package/dist/VerticalNavigation/Navigation/Navigation.js.map +1 -1
  16. package/dist/VerticalNavigation/TreeView/TreeViewItem.js +2 -1
  17. package/dist/VerticalNavigation/TreeView/TreeViewItem.js.map +1 -1
  18. package/dist/VerticalNavigation/TreeView/styles.js +0 -1
  19. package/dist/VerticalNavigation/TreeView/styles.js.map +1 -1
  20. package/dist/index.js +14 -0
  21. package/dist/index.js.map +1 -1
  22. package/dist/legacy/BaseInput/styles.js +32 -6
  23. package/dist/legacy/BaseInput/styles.js.map +1 -1
  24. package/dist/legacy/Forms/WarningText/WarningText.d.ts +1 -2
  25. package/dist/legacy/Forms/WarningText/WarningText.js +1 -6
  26. package/dist/legacy/Forms/WarningText/WarningText.js.map +1 -1
  27. package/dist/legacy/Forms/WarningText/styles.js +0 -6
  28. package/dist/legacy/Forms/WarningText/styles.js.map +1 -1
  29. package/dist/legacy/Input/styles.js +0 -6
  30. package/dist/legacy/Input/styles.js.map +1 -1
  31. package/dist/legacy/Provider/Provider.d.ts +15 -0
  32. package/dist/legacy/Provider/Provider.js +34 -7
  33. package/dist/legacy/Provider/Provider.js.map +1 -1
  34. package/dist/legacy/VerticalNavigation/Navigation/Navigation.d.ts +8 -0
  35. package/dist/legacy/VerticalNavigation/Navigation/Navigation.js +4 -2
  36. package/dist/legacy/VerticalNavigation/Navigation/Navigation.js.map +1 -1
  37. package/dist/legacy/VerticalNavigation/TreeView/TreeViewItem.js +2 -1
  38. package/dist/legacy/VerticalNavigation/TreeView/TreeViewItem.js.map +1 -1
  39. package/dist/legacy/VerticalNavigation/TreeView/styles.js +0 -1
  40. package/dist/legacy/VerticalNavigation/TreeView/styles.js.map +1 -1
  41. package/dist/legacy/index.js +2 -1
  42. package/dist/legacy/index.js.map +1 -1
  43. package/dist/legacy/theme/CssBaseline.d.ts +1 -0
  44. package/dist/legacy/theme/CssBaseline.js +11 -32
  45. package/dist/legacy/theme/CssBaseline.js.map +1 -1
  46. package/dist/legacy/theme/ScopedCssBaseline.d.ts +13 -0
  47. package/dist/legacy/theme/ScopedCssBaseline.js +67 -0
  48. package/dist/legacy/theme/ScopedCssBaseline.js.map +1 -0
  49. package/dist/legacy/theme/index.d.ts +2 -1
  50. package/dist/legacy/theme/index.js +2 -1
  51. package/dist/legacy/theme/index.js.map +1 -1
  52. package/dist/modern/BaseInput/styles.js +32 -6
  53. package/dist/modern/BaseInput/styles.js.map +1 -1
  54. package/dist/modern/Forms/WarningText/WarningText.d.ts +1 -2
  55. package/dist/modern/Forms/WarningText/WarningText.js +1 -6
  56. package/dist/modern/Forms/WarningText/WarningText.js.map +1 -1
  57. package/dist/modern/Forms/WarningText/styles.js +0 -6
  58. package/dist/modern/Forms/WarningText/styles.js.map +1 -1
  59. package/dist/modern/Input/styles.js +0 -6
  60. package/dist/modern/Input/styles.js.map +1 -1
  61. package/dist/modern/Provider/Provider.d.ts +15 -0
  62. package/dist/modern/Provider/Provider.js +32 -7
  63. package/dist/modern/Provider/Provider.js.map +1 -1
  64. package/dist/modern/VerticalNavigation/Navigation/Navigation.d.ts +8 -0
  65. package/dist/modern/VerticalNavigation/Navigation/Navigation.js +4 -2
  66. package/dist/modern/VerticalNavigation/Navigation/Navigation.js.map +1 -1
  67. package/dist/modern/VerticalNavigation/TreeView/TreeViewItem.js +2 -1
  68. package/dist/modern/VerticalNavigation/TreeView/TreeViewItem.js.map +1 -1
  69. package/dist/modern/VerticalNavigation/TreeView/styles.js +0 -1
  70. package/dist/modern/VerticalNavigation/TreeView/styles.js.map +1 -1
  71. package/dist/modern/index.js +2 -1
  72. package/dist/modern/index.js.map +1 -1
  73. package/dist/modern/theme/CssBaseline.d.ts +1 -0
  74. package/dist/modern/theme/CssBaseline.js +11 -32
  75. package/dist/modern/theme/CssBaseline.js.map +1 -1
  76. package/dist/modern/theme/ScopedCssBaseline.d.ts +13 -0
  77. package/dist/modern/theme/ScopedCssBaseline.js +59 -0
  78. package/dist/modern/theme/ScopedCssBaseline.js.map +1 -0
  79. package/dist/modern/theme/index.d.ts +2 -1
  80. package/dist/modern/theme/index.js +2 -1
  81. package/dist/modern/theme/index.js.map +1 -1
  82. package/dist/theme/CssBaseline.d.ts +1 -0
  83. package/dist/theme/CssBaseline.js +12 -29
  84. package/dist/theme/CssBaseline.js.map +1 -1
  85. package/dist/theme/ScopedCssBaseline.d.ts +13 -0
  86. package/dist/theme/ScopedCssBaseline.js +105 -0
  87. package/dist/theme/ScopedCssBaseline.js.map +1 -0
  88. package/dist/theme/index.d.ts +2 -1
  89. package/dist/theme/index.js +9 -1
  90. package/dist/theme/index.js.map +1 -1
  91. package/package.json +2 -2
@@ -1 +1 @@
1
- {"version":3,"file":"TreeViewItem.js","names":["preventSelection","event","disabled","shiftKey","ctrlKey","metaKey","preventDefault","TreeViewItem","React","forwardRef","props","ref","idProp","id","className","classes","disabledProp","selectableProp","selectable","nodeId","icon","label","payload","onClick","onMouseDown","onFocus","children","others","treeViewControlContext","TreeViewControlContext","TreeViewStateContext","isExpanded","isSelected","isFocused","isDisabled","treeId","mode","collapsible","toggleExpansion","multiSelect","selectNode","selectRange","disabledItemsFocusable","registerNode","unregisterNode","mapFirstChar","unMapFirstChar","focus","treeviewMode","treeitemElement","setTreeitemElement","contentRef","handleRef","descendant","element","index","parentId","level","expandable","Boolean","Array","isArray","length","expanded","focused","selected","idAttribute","undefined","current","textContent","substring","toLowerCase","ariaSelected","handleFocus","target","currentTarget","ownerDocument","document","getElementById","preventScroll","unfocusable","handleExpansion","multiple","handleSelection","end","handleMouseDown","handleClick","handleKeyDown","isEventHandled","key","altKey","stopPropagation","renderedContent","content","paddingLeft","role","tabIndex","onKeyDown","renderedChildren","group","node","unselected","unselectable","collapsed","propTypes","PropTypes","string","shape","isRequired","bool","any","func","styles","name"],"sources":["../../../src/VerticalNavigation/TreeView/TreeViewItem.js"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\n\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport HvTypography from \"../../Typography\";\n\nimport { TreeViewControlContext, TreeViewStateContext } from \"./TreeViewContexts\";\n\nimport { setId, useForkRef } from \"../../utils\";\n\nimport { DescendantProvider, useDescendant } from \"./descendants\";\n\nimport styles from \"./styles\";\n\nconst preventSelection = (event, disabled) => {\n if (event.shiftKey || event.ctrlKey || event.metaKey || disabled) {\n // Prevent text selection\n event.preventDefault();\n }\n};\n\nconst TreeViewItem = React.forwardRef((props, ref) => {\n const {\n id: idProp,\n className,\n classes,\n\n disabled: disabledProp = false,\n\n selectable: selectableProp,\n\n nodeId,\n icon = null,\n label,\n payload,\n\n onClick,\n onMouseDown,\n onFocus,\n\n children,\n\n ...others\n } = props;\n\n const treeViewControlContext = useContext(TreeViewControlContext);\n const { isExpanded, isSelected, isFocused, isDisabled } = useContext(TreeViewStateContext);\n\n const {\n treeId,\n mode,\n collapsible,\n toggleExpansion,\n multiSelect,\n selectNode,\n selectRange,\n disabledItemsFocusable,\n registerNode,\n unregisterNode,\n mapFirstChar,\n unMapFirstChar,\n focus,\n } = treeViewControlContext;\n\n const treeviewMode = mode === \"treeview\";\n\n let id = null;\n\n if (idProp != null) {\n id = idProp;\n } else if (treeId && nodeId) {\n id = `${treeId}-${nodeId}`;\n }\n\n const [treeitemElement, setTreeitemElement] = useState(null);\n const contentRef = useRef(null);\n const handleRef = useForkRef(setTreeitemElement, ref);\n\n const descendant = useMemo(\n () => ({\n element: treeitemElement,\n id: nodeId,\n }),\n [nodeId, treeitemElement]\n );\n\n const { index, parentId, level } = useDescendant(descendant);\n\n const expandable = collapsible && Boolean(Array.isArray(children) ? children.length : children);\n const expanded = isExpanded ? isExpanded(nodeId) : false;\n const focused = isFocused ? isFocused(nodeId) : false;\n const selected = isSelected ? isSelected(nodeId) : false;\n const disabled = isDisabled ? isDisabled(nodeId) : false;\n\n const selectable = selectableProp != null ? selectableProp : !collapsible || !expandable;\n\n useEffect(() => {\n // On the first render a node's index will be -1. We want to wait for the real index.\n if (registerNode && unregisterNode && index !== -1) {\n registerNode({\n id: nodeId,\n idAttribute: id,\n index,\n parentId,\n selectable,\n expandable,\n disabled: disabledProp,\n onFocus,\n payload,\n });\n\n return () => {\n unregisterNode(nodeId);\n };\n }\n\n return undefined;\n }, [\n registerNode,\n unregisterNode,\n parentId,\n index,\n nodeId,\n expandable,\n disabledProp,\n id,\n selectable,\n onFocus,\n payload,\n ]);\n\n useEffect(() => {\n if (mapFirstChar && unMapFirstChar && label) {\n mapFirstChar(nodeId, contentRef.current?.textContent.substring(0, 1).toLowerCase());\n\n return () => {\n unMapFirstChar(nodeId);\n };\n }\n return undefined;\n }, [mapFirstChar, unMapFirstChar, nodeId, label]);\n\n let ariaSelected;\n if (multiSelect) {\n ariaSelected = selected;\n } else if (selected) {\n /* single-selection trees unset aria-selected on un-selected items.\n *\n * If the tree does not support multiple selection, aria-selected\n * is set to true for the selected node and it is not present on any other node in the tree.\n * Source: https://www.w3.org/TR/wai-aria-practices/#TreeView\n */\n ariaSelected = true;\n }\n\n const handleFocus = useCallback(\n (event) => {\n // DOM focus stays on the tree which manages focus with aria-activedescendant\n if (event.target === event.currentTarget) {\n (event.target.ownerDocument || document)\n .getElementById(treeId)\n .focus({ preventScroll: true });\n }\n\n const unfocusable = !disabledItemsFocusable && disabled;\n if (!focused && event.currentTarget === event.target && !unfocusable) {\n focus(event, nodeId);\n }\n },\n [disabled, disabledItemsFocusable, focus, focused, nodeId, treeId]\n );\n\n const handleExpansion = useCallback(\n (event) => {\n if (!disabled) {\n if (treeviewMode && !focused) {\n focus(event, nodeId);\n }\n\n const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n // If already expanded and trying to toggle selection don't close\n if (expandable && !(multiple && isExpanded(nodeId))) {\n toggleExpansion(event, nodeId);\n }\n }\n },\n [\n disabled,\n expandable,\n focus,\n focused,\n isExpanded,\n multiSelect,\n nodeId,\n toggleExpansion,\n treeviewMode,\n ]\n );\n\n const handleSelection = useCallback(\n (event) => {\n if (selectable && !disabled) {\n if (treeviewMode && !focused) {\n focus(event, nodeId);\n }\n\n const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n if (multiple) {\n if (event.shiftKey) {\n selectRange(event, { end: nodeId });\n } else {\n selectNode(event, nodeId, true);\n }\n } else {\n selectNode(event, nodeId);\n }\n }\n },\n [\n disabled,\n focus,\n focused,\n multiSelect,\n nodeId,\n selectNode,\n selectRange,\n selectable,\n treeviewMode,\n ]\n );\n\n const handleMouseDown = useCallback(\n (event) => {\n preventSelection(event, disabled);\n\n if (onMouseDown) {\n onMouseDown(event);\n }\n },\n [disabled, onMouseDown]\n );\n\n const handleClick = useCallback(\n (event) => {\n if (!disabled) {\n if (expandable) {\n handleExpansion(event);\n }\n\n if (selectable) {\n handleSelection(event);\n }\n }\n\n if (onClick) {\n onClick(event);\n }\n },\n [disabled, expandable, handleExpansion, handleSelection, onClick, selectable]\n );\n\n const handleKeyDown = useCallback(\n (event) => {\n let isEventHandled = false;\n const { key } = event;\n\n if (event.altKey || event.ctrlKey || event.metaKey || event.currentTarget !== event.target) {\n return;\n }\n if (contentRef.current === event.currentTarget) {\n if (key === \"Enter\" || key === \" \") {\n if (expandable) {\n isEventHandled = handleExpansion(event);\n }\n\n if (selectable) {\n isEventHandled = handleSelection(event);\n }\n }\n\n if (isEventHandled) {\n event.preventDefault();\n event.stopPropagation();\n }\n }\n },\n [expandable, handleExpansion, handleSelection, selectable]\n );\n\n const renderedContent = useMemo(\n () => (\n <HvTypography\n id={setId(id, \"button\")}\n component=\"div\"\n innerRef={contentRef}\n className={classes.content}\n onClick={handleClick}\n onMouseDown={handleMouseDown}\n style={{\n paddingLeft: (expandable || icon != null ? 0 : 10) + level * (collapsible ? 32 : 10),\n }}\n {...(treeviewMode\n ? {\n role: \"button\",\n tabIndex: -1,\n onFocus: handleFocus,\n }\n : {\n role: \"button\",\n tabIndex: selectable || expandable ? 0 : -1,\n onKeyDown: handleKeyDown,\n \"aria-current\": selectable && selected ? \"page\" : undefined,\n \"aria-expanded\": expandable ? expanded : undefined,\n \"aria-controls\": expandable ? setId(id, \"group\") : undefined,\n })}\n >\n {expandable && (expanded ? <DropUpXS /> : <DropDownXS />)}\n {icon}\n {label}\n </HvTypography>\n ),\n [\n id,\n classes.content,\n handleClick,\n handleMouseDown,\n expandable,\n level,\n collapsible,\n treeviewMode,\n handleFocus,\n handleKeyDown,\n selectable,\n selected,\n expanded,\n icon,\n label,\n ]\n );\n\n const renderedChildren = useMemo(\n () =>\n children && (\n <ul\n id={setId(id, \"group\")}\n className={classes.group}\n role={treeviewMode ? \"group\" : undefined}\n >\n {children}\n </ul>\n ),\n [children, classes.group, id, treeviewMode]\n );\n\n return (\n <li\n ref={handleRef}\n id={id}\n className={clsx(classes.node, className, {\n [classes.disabled]: disabled,\n [classes.expandable]: expandable,\n [classes.collapsed]: expandable && !expanded,\n [classes.expanded]: expandable && expanded,\n [classes.selectable]: !disabled && selectable,\n [classes.unselectable]: !disabled && !selectable,\n [classes.selected]: !disabled && selectable && selected,\n [classes.unselected]: !disabled && selectable && !selected,\n [classes.focused]: focused,\n })}\n data-hasicon={icon != null ? true : undefined}\n {...(mode === \"treeview\" && {\n role: \"treeitem\",\n \"aria-selected\": ariaSelected,\n \"aria-expanded\": expandable ? expanded : undefined,\n \"aria-disabled\": disabled ? true : undefined,\n })}\n {...others}\n >\n {renderedContent}\n <DescendantProvider id={nodeId} level={level + 1}>\n {renderedChildren}\n </DescendantProvider>\n </li>\n );\n});\n\nTreeViewItem.propTypes = {\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied to the Radio button.\n */\n classes: PropTypes.shape({\n /**\n * Style applied to the root of the component.\n */\n node: PropTypes.string,\n /**\n * Style applied to the content.\n */\n content: PropTypes.string,\n /**\n * Style applied to the group.\n */\n group: PropTypes.string,\n /**\n * Style applied when item is disabled.\n */\n disabled: PropTypes.string,\n /**\n * Style applied when item is expandable.\n */\n expandable: PropTypes.string,\n /**\n * Style applied when item is collapsed.\n */\n collapsed: PropTypes.string,\n /**\n * Style applied when item is expanded.\n */\n expanded: PropTypes.string,\n /**\n * Style applied when item is selectable.\n */\n selectable: PropTypes.string,\n /**\n * Style applied when item is unselectable.\n */\n unselectable: PropTypes.string,\n /**\n * Style applied when item is selected.\n */\n selected: PropTypes.string,\n /**\n * Style applied when item is unselectable.\n */\n unselected: PropTypes.string,\n /**\n * Style applied when item is focused.\n */\n focused: PropTypes.string,\n }).isRequired,\n /**\n * Is the node disabled.\n */\n disabled: PropTypes.bool,\n /**\n * Can the node be selected.\n */\n selectable: PropTypes.bool,\n /**\n * The id of the node.\n */\n nodeId: PropTypes.string.isRequired,\n /**\n * The icon to display next to the node's label.\n */\n icon: PropTypes.node,\n /**\n * The item label.\n */\n label: PropTypes.node.isRequired,\n /**\n * The node payload.\n */\n // eslint-disable-next-line react/forbid-prop-types\n payload: PropTypes.any,\n /**\n * @ignore\n */\n onClick: PropTypes.func,\n /**\n * @ignore\n */\n onMouseDown: PropTypes.func,\n /**\n * @ignore\n */\n onFocus: PropTypes.func,\n /**\n * The content of the component.\n */\n children: PropTypes.node,\n};\n\nexport default withStyles(styles, {\n name: \"HvVerticalNavigationTreeViewItem\",\n})(TreeViewItem);\n"],"mappings":"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"}
1
+ {"version":3,"file":"TreeViewItem.js","names":["preventSelection","event","disabled","shiftKey","ctrlKey","metaKey","preventDefault","TreeViewItem","React","forwardRef","props","ref","idProp","id","className","classes","disabledProp","selectableProp","selectable","nodeId","icon","label","payload","onClick","onMouseDown","onFocus","children","others","treeViewControlContext","TreeViewControlContext","TreeViewStateContext","isExpanded","isSelected","isFocused","isDisabled","treeId","mode","collapsible","toggleExpansion","multiSelect","selectNode","selectRange","disabledItemsFocusable","registerNode","unregisterNode","mapFirstChar","unMapFirstChar","focus","treeviewMode","treeitemElement","setTreeitemElement","contentRef","handleRef","descendant","element","index","parentId","level","expandable","Array","isArray","expanded","focused","selected","idAttribute","undefined","current","textContent","substring","toLowerCase","ariaSelected","handleFocus","target","currentTarget","ownerDocument","document","getElementById","preventScroll","unfocusable","handleExpansion","multiple","handleSelection","end","handleMouseDown","handleClick","handleKeyDown","isEventHandled","key","altKey","stopPropagation","renderedContent","content","paddingLeft","role","tabIndex","onKeyDown","renderedChildren","group","node","unselected","unselectable","collapsed","propTypes","PropTypes","string","shape","isRequired","bool","any","func","styles","name"],"sources":["../../../src/VerticalNavigation/TreeView/TreeViewItem.js"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\n\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport HvTypography from \"../../Typography\";\n\nimport { TreeViewControlContext, TreeViewStateContext } from \"./TreeViewContexts\";\n\nimport { setId, useForkRef } from \"../../utils\";\n\nimport { DescendantProvider, useDescendant } from \"./descendants\";\n\nimport styles from \"./styles\";\n\nconst preventSelection = (event, disabled) => {\n if (event.shiftKey || event.ctrlKey || event.metaKey || disabled) {\n // Prevent text selection\n event.preventDefault();\n }\n};\n\nconst TreeViewItem = React.forwardRef((props, ref) => {\n const {\n id: idProp,\n className,\n classes,\n\n disabled: disabledProp = false,\n\n selectable: selectableProp,\n\n nodeId,\n icon = null,\n label,\n payload,\n\n onClick,\n onMouseDown,\n onFocus,\n\n children,\n\n ...others\n } = props;\n\n const treeViewControlContext = useContext(TreeViewControlContext);\n const { isExpanded, isSelected, isFocused, isDisabled } = useContext(TreeViewStateContext);\n\n const {\n treeId,\n mode,\n collapsible,\n toggleExpansion,\n multiSelect,\n selectNode,\n selectRange,\n disabledItemsFocusable,\n registerNode,\n unregisterNode,\n mapFirstChar,\n unMapFirstChar,\n focus,\n } = treeViewControlContext;\n\n const treeviewMode = mode === \"treeview\";\n\n let id = null;\n\n if (idProp != null) {\n id = idProp;\n } else if (treeId && nodeId) {\n id = `${treeId}-${nodeId}`;\n }\n\n const [treeitemElement, setTreeitemElement] = useState(null);\n const contentRef = useRef(null);\n const handleRef = useForkRef(setTreeitemElement, ref);\n\n const descendant = useMemo(\n () => ({\n element: treeitemElement,\n id: nodeId,\n }),\n [nodeId, treeitemElement]\n );\n\n const { index, parentId, level } = useDescendant(descendant);\n\n const expandable = collapsible && Array.isArray(children);\n const expanded = isExpanded ? isExpanded(nodeId) : false;\n const focused = isFocused ? isFocused(nodeId) : false;\n const selected = isSelected ? isSelected(nodeId) : false;\n const disabled = isDisabled ? isDisabled(nodeId) : false;\n\n const selectable = selectableProp != null ? selectableProp : !collapsible || !expandable;\n\n useEffect(() => {\n // On the first render a node's index will be -1. We want to wait for the real index.\n if (registerNode && unregisterNode && index !== -1) {\n registerNode({\n id: nodeId,\n idAttribute: id,\n index,\n parentId,\n selectable,\n expandable,\n disabled: disabledProp,\n onFocus,\n payload,\n });\n\n return () => {\n unregisterNode(nodeId);\n };\n }\n\n return undefined;\n }, [\n registerNode,\n unregisterNode,\n parentId,\n index,\n nodeId,\n expandable,\n disabledProp,\n id,\n selectable,\n onFocus,\n payload,\n ]);\n\n useEffect(() => {\n if (mapFirstChar && unMapFirstChar && label) {\n mapFirstChar(nodeId, contentRef.current?.textContent.substring(0, 1).toLowerCase());\n\n return () => {\n unMapFirstChar(nodeId);\n };\n }\n return undefined;\n }, [mapFirstChar, unMapFirstChar, nodeId, label]);\n\n let ariaSelected;\n if (multiSelect) {\n ariaSelected = selected;\n } else if (selected) {\n /* single-selection trees unset aria-selected on un-selected items.\n *\n * If the tree does not support multiple selection, aria-selected\n * is set to true for the selected node and it is not present on any other node in the tree.\n * Source: https://www.w3.org/TR/wai-aria-practices/#TreeView\n */\n ariaSelected = true;\n }\n\n const handleFocus = useCallback(\n (event) => {\n // DOM focus stays on the tree which manages focus with aria-activedescendant\n if (event.target === event.currentTarget) {\n (event.target.ownerDocument || document)\n .getElementById(treeId)\n .focus({ preventScroll: true });\n }\n\n const unfocusable = !disabledItemsFocusable && disabled;\n if (!focused && event.currentTarget === event.target && !unfocusable) {\n focus(event, nodeId);\n }\n },\n [disabled, disabledItemsFocusable, focus, focused, nodeId, treeId]\n );\n\n const handleExpansion = useCallback(\n (event) => {\n if (!disabled) {\n if (treeviewMode && !focused) {\n focus(event, nodeId);\n }\n\n const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n // If already expanded and trying to toggle selection don't close\n if (expandable && !(multiple && isExpanded(nodeId))) {\n toggleExpansion(event, nodeId);\n }\n }\n },\n [\n disabled,\n expandable,\n focus,\n focused,\n isExpanded,\n multiSelect,\n nodeId,\n toggleExpansion,\n treeviewMode,\n ]\n );\n\n const handleSelection = useCallback(\n (event) => {\n if (selectable && !disabled) {\n if (treeviewMode && !focused) {\n focus(event, nodeId);\n }\n\n const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n if (multiple) {\n if (event.shiftKey) {\n selectRange(event, { end: nodeId });\n } else {\n selectNode(event, nodeId, true);\n }\n } else {\n selectNode(event, nodeId);\n }\n }\n },\n [\n disabled,\n focus,\n focused,\n multiSelect,\n nodeId,\n selectNode,\n selectRange,\n selectable,\n treeviewMode,\n ]\n );\n\n const handleMouseDown = useCallback(\n (event) => {\n preventSelection(event, disabled);\n\n if (onMouseDown) {\n onMouseDown(event);\n }\n },\n [disabled, onMouseDown]\n );\n\n const handleClick = useCallback(\n (event) => {\n if (!disabled) {\n if (expandable) {\n handleExpansion(event);\n }\n\n if (selectable) {\n handleSelection(event);\n }\n }\n\n if (onClick) {\n onClick(event);\n }\n },\n [disabled, expandable, handleExpansion, handleSelection, onClick, selectable]\n );\n\n const handleKeyDown = useCallback(\n (event) => {\n let isEventHandled = false;\n const { key } = event;\n\n if (event.altKey || event.ctrlKey || event.metaKey || event.currentTarget !== event.target) {\n return;\n }\n if (contentRef.current === event.currentTarget) {\n if (key === \"Enter\" || key === \" \") {\n if (expandable) {\n isEventHandled = handleExpansion(event);\n }\n\n if (selectable) {\n isEventHandled = handleSelection(event);\n }\n }\n\n if (isEventHandled) {\n event.preventDefault();\n event.stopPropagation();\n }\n }\n },\n [expandable, handleExpansion, handleSelection, selectable]\n );\n\n const renderedContent = useMemo(\n () => (\n <HvTypography\n id={setId(id, \"button\")}\n component=\"div\"\n innerRef={contentRef}\n className={classes.content}\n variant={disabled ? \"placeholderText\" : \"normalText\"}\n onClick={handleClick}\n onMouseDown={handleMouseDown}\n style={{\n paddingLeft: (expandable || icon != null ? 0 : 10) + level * (collapsible ? 32 : 10),\n }}\n {...(treeviewMode\n ? {\n role: \"button\",\n tabIndex: -1,\n onFocus: handleFocus,\n }\n : {\n role: \"button\",\n tabIndex: selectable || expandable ? 0 : -1,\n onKeyDown: handleKeyDown,\n \"aria-current\": selectable && selected ? \"page\" : undefined,\n \"aria-expanded\": expandable ? expanded : undefined,\n \"aria-controls\": expandable ? setId(id, \"group\") : undefined,\n })}\n >\n {expandable && (expanded ? <DropUpXS /> : <DropDownXS />)}\n {icon}\n {label}\n </HvTypography>\n ),\n [\n id,\n classes.content,\n handleClick,\n handleMouseDown,\n expandable,\n level,\n collapsible,\n treeviewMode,\n handleFocus,\n handleKeyDown,\n selectable,\n selected,\n expanded,\n icon,\n label,\n ]\n );\n\n const renderedChildren = useMemo(\n () =>\n children && (\n <ul\n id={setId(id, \"group\")}\n className={classes.group}\n role={treeviewMode ? \"group\" : undefined}\n >\n {children}\n </ul>\n ),\n [children, classes.group, id, treeviewMode]\n );\n\n return (\n <li\n ref={handleRef}\n id={id}\n className={clsx(classes.node, className, {\n [classes.disabled]: disabled,\n [classes.expandable]: expandable,\n [classes.collapsed]: expandable && !expanded,\n [classes.expanded]: expandable && expanded,\n [classes.selectable]: !disabled && selectable,\n [classes.unselectable]: !disabled && !selectable,\n [classes.selected]: !disabled && selectable && selected,\n [classes.unselected]: !disabled && selectable && !selected,\n [classes.focused]: focused,\n })}\n data-hasicon={icon != null ? true : undefined}\n {...(mode === \"treeview\" && {\n role: \"treeitem\",\n \"aria-selected\": ariaSelected,\n \"aria-expanded\": expandable ? expanded : undefined,\n \"aria-disabled\": disabled ? true : undefined,\n })}\n {...others}\n >\n {renderedContent}\n <DescendantProvider id={nodeId} level={level + 1}>\n {renderedChildren}\n </DescendantProvider>\n </li>\n );\n});\n\nTreeViewItem.propTypes = {\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied to the Radio button.\n */\n classes: PropTypes.shape({\n /**\n * Style applied to the root of the component.\n */\n node: PropTypes.string,\n /**\n * Style applied to the content.\n */\n content: PropTypes.string,\n /**\n * Style applied to the group.\n */\n group: PropTypes.string,\n /**\n * Style applied when item is disabled.\n */\n disabled: PropTypes.string,\n /**\n * Style applied when item is expandable.\n */\n expandable: PropTypes.string,\n /**\n * Style applied when item is collapsed.\n */\n collapsed: PropTypes.string,\n /**\n * Style applied when item is expanded.\n */\n expanded: PropTypes.string,\n /**\n * Style applied when item is selectable.\n */\n selectable: PropTypes.string,\n /**\n * Style applied when item is unselectable.\n */\n unselectable: PropTypes.string,\n /**\n * Style applied when item is selected.\n */\n selected: PropTypes.string,\n /**\n * Style applied when item is unselectable.\n */\n unselected: PropTypes.string,\n /**\n * Style applied when item is focused.\n */\n focused: PropTypes.string,\n }).isRequired,\n /**\n * Is the node disabled.\n */\n disabled: PropTypes.bool,\n /**\n * Can the node be selected.\n */\n selectable: PropTypes.bool,\n /**\n * The id of the node.\n */\n nodeId: PropTypes.string.isRequired,\n /**\n * The icon to display next to the node's label.\n */\n icon: PropTypes.node,\n /**\n * The item label.\n */\n label: PropTypes.node.isRequired,\n /**\n * The node payload.\n */\n // eslint-disable-next-line react/forbid-prop-types\n payload: PropTypes.any,\n /**\n * @ignore\n */\n onClick: PropTypes.func,\n /**\n * @ignore\n */\n onMouseDown: PropTypes.func,\n /**\n * @ignore\n */\n onFocus: PropTypes.func,\n /**\n * The content of the component.\n */\n children: PropTypes.node,\n};\n\nexport default withStyles(styles, {\n name: \"HvVerticalNavigationTreeViewItem\",\n})(TreeViewItem);\n"],"mappings":"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"}
@@ -103,7 +103,6 @@ var styles = function styles(theme) {
103
103
  justifyContent: "flex-start",
104
104
  alignItems: "center",
105
105
  height: "32px",
106
- color: theme.hv.palette.accent.acce1,
107
106
  borderLeft: "2px solid transparent",
108
107
  paddingRight: theme.hv.spacing.xs,
109
108
  "$expandable>&": {
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","names":["selected","theme","background","hv","palette","atmosphere","atmo3","borderLeft","accent","acce3","hover","styles","root","display","atmo1","padding","margin","listStyle","outline","group","node","minHeight","marginBottom","disabled","selectable","unselectable","expandable","collapsed","expanded","unselected","focused","noIcon","withIcon","content","width","justifyContent","alignItems","height","color","acce1","paddingRight","spacing","xs","fontWeight","outlineStyles","cursor"],"sources":["../../../src/VerticalNavigation/TreeView/styles.js"],"sourcesContent":["import { outlineStyles } from \"../../Focus/styles\";\n\nconst selected = (theme) => ({\n background: theme.hv.palette.atmosphere.atmo3,\n borderLeft: `2px solid ${theme.hv.palette.accent.acce3}`,\n \"& *\": {\n background: theme.hv.palette.atmosphere.atmo3,\n },\n});\n\nconst hover = (theme) => ({\n background: theme.hv.palette.atmosphere.atmo3,\n \"& *\": {\n background: theme.hv.palette.atmosphere.atmo3,\n },\n});\n\nconst styles = (theme) => ({\n /* role=\"tree\" root element */\n root: {\n display: \"block\",\n background: theme.hv.palette.atmosphere.atmo1,\n padding: `0px`,\n margin: \"0\",\n listStyle: \"none\",\n\n outline: \"none\",\n },\n\n /* role=\"group\" element */\n group: {\n margin: \"8px 0 0 0\",\n padding: 0,\n },\n\n /* role=\"treeitem\" element */\n node: {\n listStyle: \"none\",\n minHeight: \"32px\",\n \"&:not(:last-child)\": {\n marginBottom: \"8px\",\n },\n },\n\n /* role=\"treeitem\" element states */\n disabled: {},\n selectable: {},\n unselectable: {},\n expandable: {},\n collapsed: {\n \"&>$group\": { display: \"none\" },\n },\n expanded: {\n \"&>$group\": { display: \"block\" },\n },\n selected: {},\n unselected: {},\n\n focused: {},\n\n noIcon: {},\n withIcon: {},\n\n /* role=\"button\" element */\n content: {\n width: \"100%\",\n display: \"flex\",\n justifyContent: \"flex-start\",\n alignItems: \"center\",\n height: \"32px\",\n color: theme.hv.palette.accent.acce1,\n borderLeft: `2px solid transparent`,\n paddingRight: theme.hv.spacing.xs,\n\n \"$expandable>&\": {\n fontWeight: 600,\n },\n\n // selected state\n \"$selected>&\": selected(theme),\n\n // hover\n \":not($disabled):not($selected)>&:hover\": hover(theme),\n \":not($disabled)$selected>&:hover\": {},\n\n // focus\n \":not($disabled):not($selected)>&:focus-visible\": hover(theme),\n \":not($disabled):not($selected)>&.focus-visible\": hover(theme),\n\n \"*:focus-visible $focused>&\": {\n ...outlineStyles,\n },\n\n \".focus-visible $focused>&\": {\n ...outlineStyles,\n },\n\n \"$focused>&\": {\n ...hover(theme),\n },\n\n \"&[disabled], &:active\": {\n outline: \"none\",\n },\n\n \"&:focus\": {\n outline: \"none\",\n },\n\n \"&:focus-visible\": {\n ...outlineStyles,\n },\n\n \"&.focus-visible\": {\n ...outlineStyles,\n },\n\n // cursor\n cursor: \"pointer\",\n \"& *\": {\n cursor: \"pointer\",\n },\n \"$disabled>&\": {\n cursor: \"not-allowed\",\n \"& *\": {\n cursor: \"not-allowed\",\n },\n },\n },\n});\n\nexport default styles;\n"],"mappings":"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"}
1
+ {"version":3,"file":"styles.js","names":["selected","theme","background","hv","palette","atmosphere","atmo3","borderLeft","accent","acce3","hover","styles","root","display","atmo1","padding","margin","listStyle","outline","group","node","minHeight","marginBottom","disabled","selectable","unselectable","expandable","collapsed","expanded","unselected","focused","noIcon","withIcon","content","width","justifyContent","alignItems","height","paddingRight","spacing","xs","fontWeight","outlineStyles","cursor"],"sources":["../../../src/VerticalNavigation/TreeView/styles.js"],"sourcesContent":["import { outlineStyles } from \"../../Focus/styles\";\n\nconst selected = (theme) => ({\n background: theme.hv.palette.atmosphere.atmo3,\n borderLeft: `2px solid ${theme.hv.palette.accent.acce3}`,\n \"& *\": {\n background: theme.hv.palette.atmosphere.atmo3,\n },\n});\n\nconst hover = (theme) => ({\n background: theme.hv.palette.atmosphere.atmo3,\n \"& *\": {\n background: theme.hv.palette.atmosphere.atmo3,\n },\n});\n\nconst styles = (theme) => ({\n /* role=\"tree\" root element */\n root: {\n display: \"block\",\n background: theme.hv.palette.atmosphere.atmo1,\n padding: `0px`,\n margin: \"0\",\n listStyle: \"none\",\n\n outline: \"none\",\n },\n\n /* role=\"group\" element */\n group: {\n margin: \"8px 0 0 0\",\n padding: 0,\n },\n\n /* role=\"treeitem\" element */\n node: {\n listStyle: \"none\",\n minHeight: \"32px\",\n \"&:not(:last-child)\": {\n marginBottom: \"8px\",\n },\n },\n\n /* role=\"treeitem\" element states */\n disabled: {},\n selectable: {},\n unselectable: {},\n expandable: {},\n collapsed: {\n \"&>$group\": { display: \"none\" },\n },\n expanded: {\n \"&>$group\": { display: \"block\" },\n },\n selected: {},\n unselected: {},\n\n focused: {},\n\n noIcon: {},\n withIcon: {},\n\n /* role=\"button\" element */\n content: {\n width: \"100%\",\n display: \"flex\",\n justifyContent: \"flex-start\",\n alignItems: \"center\",\n height: \"32px\",\n borderLeft: `2px solid transparent`,\n paddingRight: theme.hv.spacing.xs,\n\n \"$expandable>&\": {\n fontWeight: 600,\n },\n\n // selected state\n \"$selected>&\": selected(theme),\n\n // hover\n \":not($disabled):not($selected)>&:hover\": hover(theme),\n \":not($disabled)$selected>&:hover\": {},\n\n // focus\n \":not($disabled):not($selected)>&:focus-visible\": hover(theme),\n \":not($disabled):not($selected)>&.focus-visible\": hover(theme),\n\n \"*:focus-visible $focused>&\": {\n ...outlineStyles,\n },\n\n \".focus-visible $focused>&\": {\n ...outlineStyles,\n },\n\n \"$focused>&\": {\n ...hover(theme),\n },\n\n \"&[disabled], &:active\": {\n outline: \"none\",\n },\n\n \"&:focus\": {\n outline: \"none\",\n },\n\n \"&:focus-visible\": {\n ...outlineStyles,\n },\n\n \"&.focus-visible\": {\n ...outlineStyles,\n },\n\n // cursor\n cursor: \"pointer\",\n \"& *\": {\n cursor: \"pointer\",\n },\n \"$disabled>&\": {\n cursor: \"not-allowed\",\n \"& *\": {\n cursor: \"not-allowed\",\n },\n },\n },\n});\n\nexport default styles;\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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;;AAIA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAGA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
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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"}
@@ -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> {
@@ -113,12 +113,7 @@ process.env.NODE_ENV !== "production" ? HvWarningText.propTypes = {
113
113
  * Styles applied to the text when the error are is active
114
114
  * but the text is to be not visible.
115
115
  */
116
- hideText: PropTypes.string,
117
-
118
- /**
119
- * IE11 specific styling.
120
- */
121
- "@global": PropTypes.string
116
+ hideText: PropTypes.string
122
117
  }).isRequired,
123
118
 
124
119
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"WarningText.js","names":["React","useContext","PropTypes","clsx","isNil","Fail","withStyles","HvFormElementContext","HvTypography","setId","styles","HvWarningText","props","children","adornment","isVisible","classes","className","id","disabled","disableGutter","disableBorder","disableAdornment","hideText","others","elementId","elementStatus","elementDisabled","localDisabled","localVisible","localId","showWarning","content","localAdornment","defaultIcon","root","show","topBorder","warningText","topGutter","formElementType","propTypes","string","node","shape","isRequired","bool","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 /**\n * IE11 specific styling.\n */\n \"@global\": 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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"}
1
+ {"version":3,"file":"WarningText.js","names":["React","useContext","PropTypes","clsx","isNil","Fail","withStyles","HvFormElementContext","HvTypography","setId","styles","HvWarningText","props","children","adornment","isVisible","classes","className","id","disabled","disableGutter","disableBorder","disableAdornment","hideText","others","elementId","elementStatus","elementDisabled","localDisabled","localVisible","localId","showWarning","content","localAdornment","defaultIcon","root","show","topBorder","warningText","topGutter","formElementType","propTypes","string","node","shape","isRequired","bool","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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"}
@@ -30,12 +30,6 @@ var styles = function styles(theme) {
30
30
  padding: 0,
31
31
  margin: 0,
32
32
  overflow: "hidden"
33
- },
34
- "@global": {
35
- "input:-webkit-autofill": {
36
- "-webkit-box-shadow": "0 0 0px 1000px ".concat(theme.hv.palette.atmosphere.atmo1, " inset"),
37
- "-webkit-text-fill-color": theme.hv.typography.normalText.color
38
- }
39
33
  }
40
34
  };
41
35
  };
@@ -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","atmosphere","atmo1","typography","normalText"],"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 \"@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":"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,CArBe;IA8BzB,WAAW;MACT,0BAA0B;QACxB,+CAAwCzB,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBoB,UAAjB,CAA4BC,KAApE,WADwB;QAExB,2BAA2B3B,KAAK,CAACK,EAAN,CAASuB,UAAT,CAAoBC,UAApB,CAA+BjB;MAFlC;IADjB;EA9Bc,CAAZ;AAAA,CAAf;;AAsCA,eAAeb,MAAf"}
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;;AAgCA,eAAe1B,MAAf"}
@@ -86,12 +86,6 @@ var styles = function styles(theme) {
86
86
  "$hasSuggestions &": {
87
87
  display: "none"
88
88
  }
89
- },
90
- "@global": {
91
- "input:-webkit-autofill": {
92
- "-webkit-box-shadow": "0 0 0px 1000px ".concat(theme.hv.palette.atmosphere.atmo1, " inset"),
93
- "-webkit-text-fill-color": theme.hv.typography.normalText.color
94
- }
95
89
  }
96
90
  };
97
91
  };
@@ -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","typography","normalText","color"],"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 \"@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":"AAAA,OAAO,uBAAP;;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,CAtFG;IA4FzB,WAAW;MACT,0BAA0B;QACxB,+CAAwCF,KAAK,CAACiC,EAAN,CAASG,OAAT,CAAiBC,UAAjB,CAA4BC,KAApE,WADwB;QAExB,2BAA2BtC,KAAK,CAACiC,EAAN,CAASQ,UAAT,CAAoBC,UAApB,CAA+BC;MAFlC;IADjB;EA5Fc,CAAZ;AAAA,CAAf;;AAoGA,eAAe5C,MAAf"}
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,OAAO,uBAAP;;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;;AA6FA,eAAeH,MAAf"}
@@ -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;
@@ -1,4 +1,4 @@
1
- var _CssBaseline;
1
+ var _HvCssBaseline;
2
2
 
3
3
  import React, { useMemo } from "react";
4
4
  import PropTypes from "prop-types";
@@ -11,8 +11,9 @@ import "focus-within-polyfill";
11
11
  import "focus-visible";
12
12
  import { ThemeProvider as MuiThemeProvider, StylesProvider as MuiStylesProvider } from "@material-ui/core";
13
13
  import { createTheme } from "@material-ui/core/styles";
14
- import { themeBuilder, createGenerateClassName, CssBaseline, getTheme } from "../theme";
14
+ import { themeBuilder, createGenerateClassName, HvCssBaseline, getTheme } from "../theme";
15
15
  import ConfigContext from "./context";
16
+ var warnedOnce = false;
16
17
  /**
17
18
  * Augments the target theme with the differences found in the source theme.
18
19
  *
@@ -54,8 +55,8 @@ var applyCustomTheme = function applyCustomTheme(InputTargetTheme, InputSourceTh
54
55
  * <HvProvider/>
55
56
  * ```
56
57
  *
57
- * If several `HvProvider`'s are used, either nested or in paralel, the `generateClassNameOptions`
58
- * must be tweaked to avoid CSS classnames colision. Or a custom JSS's class name generator can
58
+ * If several `HvProvider`'s are used, either nested or in parallel, the `generateClassNameOptions`
59
+ * must be tweaked to avoid CSS classnames collision. Or a custom JSS's class name generator can
59
60
  * be provided via the `generateClassName` property.
60
61
  *
61
62
  * **UI Kit components will not work at all if the `HvProvider` is not configured correctly**,
@@ -80,7 +81,18 @@ var HvProvider = function HvProvider(_ref) {
80
81
  _ref$injectStylesFirs = _ref.injectStylesFirst,
81
82
  injectStylesFirst = _ref$injectStylesFirs === void 0 ? false : _ref$injectStylesFirs,
82
83
  _ref$disableStylesGen = _ref.disableStylesGeneration,
83
- disableStylesGeneration = _ref$disableStylesGen === void 0 ? false : _ref$disableStylesGen;
84
+ disableStylesGeneration = _ref$disableStylesGen === void 0 ? false : _ref$disableStylesGen,
85
+ _ref$disableCssBaseli = _ref.disableCssBaseline,
86
+ disableCssBaseline = _ref$disableCssBaseli === void 0 ? false : _ref$disableCssBaseli;
87
+
88
+ if (process.env.NODE_ENV !== "production") {
89
+ if (!warnedOnce && !disableCssBaseline) {
90
+ warnedOnce = true; // eslint-disable-next-line no-console
91
+
92
+ 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");
93
+ }
94
+ }
95
+
84
96
  var localeSetting = locale || ((_navigator$language = (_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.language) !== null && _navigator$language !== void 0 ? _navigator$language : "en-US");
85
97
  var rawUiKitTheme = getTheme(uiKitTheme);
86
98
  var customTheme = applyCustomTheme(themeBuilder(rawUiKitTheme), theme);
@@ -97,7 +109,7 @@ var HvProvider = function HvProvider(_ref) {
97
109
  disableGeneration: disableStylesGeneration
98
110
  }, /*#__PURE__*/React.createElement(MuiThemeProvider, {
99
111
  theme: customTheme
100
- }, _CssBaseline || (_CssBaseline = /*#__PURE__*/React.createElement(CssBaseline, null)), /*#__PURE__*/React.createElement(ConfigContext.Provider, {
112
+ }, !disableCssBaseline && (_HvCssBaseline || (_HvCssBaseline = /*#__PURE__*/React.createElement(HvCssBaseline, null))), /*#__PURE__*/React.createElement(ConfigContext.Provider, {
101
113
  value: pConfig
102
114
  }, children)));
103
115
  };
@@ -175,7 +187,22 @@ process.env.NODE_ENV !== "production" ? HvProvider.propTypes = {
175
187
  /**
176
188
  * Disables the generation of the styles.
177
189
  */
178
- disableStylesGeneration: PropTypes.bool
190
+ disableStylesGeneration: PropTypes.bool,
191
+
192
+ /**
193
+ * Disables the generation of the baseline css styles.
194
+ *
195
+ * This will be the default behavior in the future.
196
+ *
197
+ * The application using UI Kit should be responsible for adding the baseline css styles, by
198
+ * either using the `<HvCssBaseline />` component, using the `<HvScopedCssBaseline />` component,
199
+ * or ensuring that the necessary base styles are applied.
200
+ *
201
+ * Defaults to `false`. Will be removed in the next major release.
202
+ *
203
+ * @see https://lumada-design.github.io/uikit/master/?path=/docs/foundation-css-baseline--main
204
+ */
205
+ disableCssBaseline: PropTypes.bool
179
206
  } : void 0;
180
207
  export default HvProvider;
181
208
  //# sourceMappingURL=Provider.js.map