@hitachivantara/uikit-react-core 5.25.0 → 5.25.2

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 (124) hide show
  1. package/dist/cjs/components/BaseDropdown/BaseDropdown.cjs +6 -6
  2. package/dist/cjs/components/BaseDropdown/BaseDropdown.cjs.map +1 -1
  3. package/dist/cjs/components/Forms/WarningText/WarningText.cjs +1 -0
  4. package/dist/cjs/components/Forms/WarningText/WarningText.cjs.map +1 -1
  5. package/dist/cjs/components/TagsInput/TagsInput.cjs +2 -2
  6. package/dist/cjs/components/TagsInput/TagsInput.cjs.map +1 -1
  7. package/dist/cjs/components/VerticalNavigation/Actions/Action.cjs +12 -5
  8. package/dist/cjs/components/VerticalNavigation/Actions/Action.cjs.map +1 -1
  9. package/dist/cjs/components/VerticalNavigation/Actions/Action.styles.cjs +31 -34
  10. package/dist/cjs/components/VerticalNavigation/Actions/Action.styles.cjs.map +1 -1
  11. package/dist/cjs/components/VerticalNavigation/Actions/Actions.cjs +10 -5
  12. package/dist/cjs/components/VerticalNavigation/Actions/Actions.cjs.map +1 -1
  13. package/dist/cjs/components/VerticalNavigation/Actions/Actions.styles.cjs +16 -19
  14. package/dist/cjs/components/VerticalNavigation/Actions/Actions.styles.cjs.map +1 -1
  15. package/dist/cjs/components/VerticalNavigation/Header/Header.cjs +13 -7
  16. package/dist/cjs/components/VerticalNavigation/Header/Header.cjs.map +1 -1
  17. package/dist/cjs/components/VerticalNavigation/Header/Header.styles.cjs +21 -37
  18. package/dist/cjs/components/VerticalNavigation/Header/Header.styles.cjs.map +1 -1
  19. package/dist/cjs/components/VerticalNavigation/Navigation/Navigation.cjs +13 -8
  20. package/dist/cjs/components/VerticalNavigation/Navigation/Navigation.cjs.map +1 -1
  21. package/dist/cjs/components/VerticalNavigation/Navigation/Navigation.styles.cjs +20 -17
  22. package/dist/cjs/components/VerticalNavigation/Navigation/Navigation.styles.cjs.map +1 -1
  23. package/dist/cjs/components/VerticalNavigation/NavigationPopup/NavigationPopup.styles.cjs +16 -10
  24. package/dist/cjs/components/VerticalNavigation/NavigationPopup/NavigationPopup.styles.cjs.map +1 -1
  25. package/dist/cjs/components/VerticalNavigation/NavigationPopup/NavigationPopupContainer.cjs +7 -1
  26. package/dist/cjs/components/VerticalNavigation/NavigationPopup/NavigationPopupContainer.cjs.map +1 -1
  27. package/dist/cjs/components/VerticalNavigation/NavigationSlider/NavigationSlider.cjs +10 -6
  28. package/dist/cjs/components/VerticalNavigation/NavigationSlider/NavigationSlider.cjs.map +1 -1
  29. package/dist/cjs/components/VerticalNavigation/NavigationSlider/NavigationSlider.styles.cjs +19 -22
  30. package/dist/cjs/components/VerticalNavigation/NavigationSlider/NavigationSlider.styles.cjs.map +1 -1
  31. package/dist/cjs/components/VerticalNavigation/TreeView/TreeView.cjs +8 -5
  32. package/dist/cjs/components/VerticalNavigation/TreeView/TreeView.cjs.map +1 -1
  33. package/dist/cjs/components/VerticalNavigation/TreeView/TreeView.styles.cjs +16 -17
  34. package/dist/cjs/components/VerticalNavigation/TreeView/TreeView.styles.cjs.map +1 -1
  35. package/dist/cjs/components/VerticalNavigation/TreeView/TreeViewItem.cjs +74 -49
  36. package/dist/cjs/components/VerticalNavigation/TreeView/TreeViewItem.cjs.map +1 -1
  37. package/dist/cjs/components/VerticalNavigation/TreeView/TreeViewItem.styles.cjs +106 -130
  38. package/dist/cjs/components/VerticalNavigation/TreeView/TreeViewItem.styles.cjs.map +1 -1
  39. package/dist/cjs/components/VerticalNavigation/VerticalNavigation.cjs +13 -7
  40. package/dist/cjs/components/VerticalNavigation/VerticalNavigation.cjs.map +1 -1
  41. package/dist/cjs/components/VerticalNavigation/VerticalNavigation.styles.cjs +36 -36
  42. package/dist/cjs/components/VerticalNavigation/VerticalNavigation.styles.cjs.map +1 -1
  43. package/dist/cjs/index.cjs +16 -16
  44. package/dist/esm/components/BaseDropdown/BaseDropdown.js +6 -6
  45. package/dist/esm/components/BaseDropdown/BaseDropdown.js.map +1 -1
  46. package/dist/esm/components/Forms/WarningText/WarningText.js +1 -0
  47. package/dist/esm/components/Forms/WarningText/WarningText.js.map +1 -1
  48. package/dist/esm/components/TagsInput/TagsInput.js +2 -2
  49. package/dist/esm/components/TagsInput/TagsInput.js.map +1 -1
  50. package/dist/esm/components/VerticalNavigation/Actions/Action.js +15 -7
  51. package/dist/esm/components/VerticalNavigation/Actions/Action.js.map +1 -1
  52. package/dist/esm/components/VerticalNavigation/Actions/Action.styles.js +31 -32
  53. package/dist/esm/components/VerticalNavigation/Actions/Action.styles.js.map +1 -1
  54. package/dist/esm/components/VerticalNavigation/Actions/Actions.js +13 -7
  55. package/dist/esm/components/VerticalNavigation/Actions/Actions.js.map +1 -1
  56. package/dist/esm/components/VerticalNavigation/Actions/Actions.styles.js +16 -17
  57. package/dist/esm/components/VerticalNavigation/Actions/Actions.styles.js.map +1 -1
  58. package/dist/esm/components/VerticalNavigation/Header/Header.js +16 -9
  59. package/dist/esm/components/VerticalNavigation/Header/Header.js.map +1 -1
  60. package/dist/esm/components/VerticalNavigation/Header/Header.styles.js +21 -35
  61. package/dist/esm/components/VerticalNavigation/Header/Header.styles.js.map +1 -1
  62. package/dist/esm/components/VerticalNavigation/Navigation/Navigation.js +16 -10
  63. package/dist/esm/components/VerticalNavigation/Navigation/Navigation.js.map +1 -1
  64. package/dist/esm/components/VerticalNavigation/Navigation/Navigation.styles.js +20 -15
  65. package/dist/esm/components/VerticalNavigation/Navigation/Navigation.styles.js.map +1 -1
  66. package/dist/esm/components/VerticalNavigation/NavigationPopup/NavigationPopup.styles.js +16 -10
  67. package/dist/esm/components/VerticalNavigation/NavigationPopup/NavigationPopup.styles.js.map +1 -1
  68. package/dist/esm/components/VerticalNavigation/NavigationPopup/NavigationPopupContainer.js +10 -3
  69. package/dist/esm/components/VerticalNavigation/NavigationPopup/NavigationPopupContainer.js.map +1 -1
  70. package/dist/esm/components/VerticalNavigation/NavigationSlider/NavigationSlider.js +13 -8
  71. package/dist/esm/components/VerticalNavigation/NavigationSlider/NavigationSlider.js.map +1 -1
  72. package/dist/esm/components/VerticalNavigation/NavigationSlider/NavigationSlider.styles.js +19 -20
  73. package/dist/esm/components/VerticalNavigation/NavigationSlider/NavigationSlider.styles.js.map +1 -1
  74. package/dist/esm/components/VerticalNavigation/TreeView/TreeView.js +11 -7
  75. package/dist/esm/components/VerticalNavigation/TreeView/TreeView.js.map +1 -1
  76. package/dist/esm/components/VerticalNavigation/TreeView/TreeView.styles.js +16 -15
  77. package/dist/esm/components/VerticalNavigation/TreeView/TreeView.styles.js.map +1 -1
  78. package/dist/esm/components/VerticalNavigation/TreeView/TreeViewItem.js +77 -51
  79. package/dist/esm/components/VerticalNavigation/TreeView/TreeViewItem.js.map +1 -1
  80. package/dist/esm/components/VerticalNavigation/TreeView/TreeViewItem.styles.js +106 -128
  81. package/dist/esm/components/VerticalNavigation/TreeView/TreeViewItem.styles.js.map +1 -1
  82. package/dist/esm/components/VerticalNavigation/VerticalNavigation.js +15 -8
  83. package/dist/esm/components/VerticalNavigation/VerticalNavigation.js.map +1 -1
  84. package/dist/esm/components/VerticalNavigation/VerticalNavigation.styles.js +36 -34
  85. package/dist/esm/components/VerticalNavigation/VerticalNavigation.styles.js.map +1 -1
  86. package/dist/esm/index.js +42 -42
  87. package/dist/types/index.d.ts +241 -174
  88. package/package.json +3 -3
  89. package/dist/cjs/components/VerticalNavigation/Actions/actionClasses.cjs +0 -8
  90. package/dist/cjs/components/VerticalNavigation/Actions/actionClasses.cjs.map +0 -1
  91. package/dist/cjs/components/VerticalNavigation/Actions/actionsClasses.cjs +0 -8
  92. package/dist/cjs/components/VerticalNavigation/Actions/actionsClasses.cjs.map +0 -1
  93. package/dist/cjs/components/VerticalNavigation/Header/headerClasses.cjs +0 -8
  94. package/dist/cjs/components/VerticalNavigation/Header/headerClasses.cjs.map +0 -1
  95. package/dist/cjs/components/VerticalNavigation/Navigation/navigationClasses.cjs +0 -8
  96. package/dist/cjs/components/VerticalNavigation/Navigation/navigationClasses.cjs.map +0 -1
  97. package/dist/cjs/components/VerticalNavigation/NavigationSlider/navigationSliderClasses.cjs +0 -8
  98. package/dist/cjs/components/VerticalNavigation/NavigationSlider/navigationSliderClasses.cjs.map +0 -1
  99. package/dist/cjs/components/VerticalNavigation/TreeView/treeViewClasses.cjs +0 -8
  100. package/dist/cjs/components/VerticalNavigation/TreeView/treeViewClasses.cjs.map +0 -1
  101. package/dist/cjs/components/VerticalNavigation/TreeView/treeViewItemClasses.cjs +0 -8
  102. package/dist/cjs/components/VerticalNavigation/TreeView/treeViewItemClasses.cjs.map +0 -1
  103. package/dist/cjs/components/VerticalNavigation/verticalNavigationClasses.cjs +0 -8
  104. package/dist/cjs/components/VerticalNavigation/verticalNavigationClasses.cjs.map +0 -1
  105. package/dist/cjs/utils/transientOptions.cjs +0 -7
  106. package/dist/cjs/utils/transientOptions.cjs.map +0 -1
  107. package/dist/esm/components/VerticalNavigation/Actions/actionClasses.js +0 -8
  108. package/dist/esm/components/VerticalNavigation/Actions/actionClasses.js.map +0 -1
  109. package/dist/esm/components/VerticalNavigation/Actions/actionsClasses.js +0 -8
  110. package/dist/esm/components/VerticalNavigation/Actions/actionsClasses.js.map +0 -1
  111. package/dist/esm/components/VerticalNavigation/Header/headerClasses.js +0 -8
  112. package/dist/esm/components/VerticalNavigation/Header/headerClasses.js.map +0 -1
  113. package/dist/esm/components/VerticalNavigation/Navigation/navigationClasses.js +0 -8
  114. package/dist/esm/components/VerticalNavigation/Navigation/navigationClasses.js.map +0 -1
  115. package/dist/esm/components/VerticalNavigation/NavigationSlider/navigationSliderClasses.js +0 -8
  116. package/dist/esm/components/VerticalNavigation/NavigationSlider/navigationSliderClasses.js.map +0 -1
  117. package/dist/esm/components/VerticalNavigation/TreeView/treeViewClasses.js +0 -8
  118. package/dist/esm/components/VerticalNavigation/TreeView/treeViewClasses.js.map +0 -1
  119. package/dist/esm/components/VerticalNavigation/TreeView/treeViewItemClasses.js +0 -8
  120. package/dist/esm/components/VerticalNavigation/TreeView/treeViewItemClasses.js.map +0 -1
  121. package/dist/esm/components/VerticalNavigation/verticalNavigationClasses.js +0 -8
  122. package/dist/esm/components/VerticalNavigation/verticalNavigationClasses.js.map +0 -1
  123. package/dist/esm/utils/transientOptions.js +0 -7
  124. package/dist/esm/utils/transientOptions.js.map +0 -1
@@ -1,23 +1,34 @@
1
- import _styled from "@emotion/styled/base";
1
+ import { createClasses } from "../../utils/classes.js";
2
2
  import { theme } from "@hitachivantara/uikit-styles";
3
- import verticalNavigationClasses from "./verticalNavigationClasses.js";
4
- const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
5
- target: "eyka99t0"
6
- } : {
7
- target: "eyka99t0",
8
- label: "StyledRoot"
9
- })(({
10
- hasAnyChildWithData
11
- }) => ({
12
- display: "flex",
13
- flexDirection: "column",
14
- justifyContent: theme.verticalNavigation.justifyContent,
15
- width: "220px",
16
- background: theme.colors.atmo1,
17
- boxShadow: theme.colors.shadow,
18
- clipPath: "inset(0px -12px 0px 0px)",
19
- [`&.${verticalNavigationClasses.collapsed}`]: {
20
- width: hasAnyChildWithData ? "66px" : "56px",
3
+ const {
4
+ staticClasses,
5
+ useClasses
6
+ } = createClasses("HvVerticalNavigation", {
7
+ root: {
8
+ display: "flex",
9
+ flexDirection: "column",
10
+ justifyContent: theme.verticalNavigation.justifyContent,
11
+ width: "220px",
12
+ background: theme.colors.atmo1,
13
+ boxShadow: theme.colors.shadow,
14
+ clipPath: "inset(0px -12px 0px 0px)",
15
+ "& > :only-child": {
16
+ padding: theme.space.sm
17
+ },
18
+ "& > :not(nav:first-of-type)": {
19
+ borderTop: `3px solid ${theme.colors.atmo2}`,
20
+ padding: theme.spacing(["xs", "sm", "sm", "sm"])
21
+ },
22
+ "& > :first-of-type:not(:last-child)": {
23
+ borderTop: "none",
24
+ padding: theme.spacing(["sm", "sm", "xs", "sm"])
25
+ }
26
+ },
27
+ collapsed: {
28
+ width: "56px",
29
+ "&$childData": {
30
+ width: "66px"
31
+ },
21
32
  "& > :first-of-type:not(:last-child)": {
22
33
  padding: theme.spacing(["sm", "xs", "xs", "xs"])
23
34
  },
@@ -25,24 +36,15 @@ const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "prod
25
36
  padding: theme.spacing(["xs", "xs", "sm", "xs"])
26
37
  }
27
38
  },
28
- "& > :only-child": {
29
- padding: theme.space.sm
30
- },
31
- "& > :not(nav:first-of-type)": {
32
- borderTop: `3px solid ${theme.colors.atmo2}`,
33
- padding: theme.spacing(["xs", "sm", "sm", "sm"])
34
- },
35
- "& > :first-of-type:not(:last-child)": {
36
- borderTop: "none",
37
- padding: theme.spacing(["sm", "sm", "xs", "sm"])
38
- },
39
- [`&.${verticalNavigationClasses.slider}`]: {
39
+ slider: {
40
40
  "& > div:first-of-type": {
41
41
  borderBottom: `3px solid ${theme.colors.atmo2}`
42
42
  }
43
- }
44
- }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL1ZlcnRpY2FsTmF2aWdhdGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVEwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1ZlcnRpY2FsTmF2aWdhdGlvbi9WZXJ0aWNhbE5hdmlnYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHZlcnRpY2FsTmF2aWdhdGlvbkNsYXNzZXMgZnJvbSBcIi4vdmVydGljYWxOYXZpZ2F0aW9uQ2xhc3Nlc1wiO1xuXG5pbnRlcmZhY2UgU3R5bGVkUm9vdFByb3BzIHtcbiAgaGFzQW55Q2hpbGRXaXRoRGF0YTogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoXG4gICh7IGhhc0FueUNoaWxkV2l0aERhdGEgfTogU3R5bGVkUm9vdFByb3BzKSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IHRoZW1lLnZlcnRpY2FsTmF2aWdhdGlvbi5qdXN0aWZ5Q29udGVudCxcblxuICAgIHdpZHRoOiBcIjIyMHB4XCIsXG5cbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgYm94U2hhZG93OiB0aGVtZS5jb2xvcnMuc2hhZG93LFxuICAgIGNsaXBQYXRoOiBcImluc2V0KDBweCAtMTJweCAwcHggMHB4KVwiLFxuXG4gICAgW2AmLiR7dmVydGljYWxOYXZpZ2F0aW9uQ2xhc3Nlcy5jb2xsYXBzZWR9YF06IHtcbiAgICAgIHdpZHRoOiBoYXNBbnlDaGlsZFdpdGhEYXRhID8gXCI2NnB4XCIgOiBcIjU2cHhcIixcblxuICAgICAgXCImID4gOmZpcnN0LW9mLXR5cGU6bm90KDpsYXN0LWNoaWxkKVwiOiB7XG4gICAgICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNpbmcoW1wic21cIiwgXCJ4c1wiLCBcInhzXCIsIFwieHNcIl0pLFxuICAgICAgfSxcblxuICAgICAgXCImID4gOm5vdChuYXY6Zmlyc3Qtb2YtdHlwZSlcIjoge1xuICAgICAgICBwYWRkaW5nOiB0aGVtZS5zcGFjaW5nKFtcInhzXCIsIFwieHNcIiwgXCJzbVwiLCBcInhzXCJdKSxcbiAgICAgIH0sXG4gICAgfSxcblxuICAgIFwiJiA+IDpvbmx5LWNoaWxkXCI6IHtcbiAgICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNlLnNtLFxuICAgIH0sXG4gICAgXCImID4gOm5vdChuYXY6Zmlyc3Qtb2YtdHlwZSlcIjoge1xuICAgICAgYm9yZGVyVG9wOiBgM3B4IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW8yfWAsXG4gICAgICBwYWRkaW5nOiB0aGVtZS5zcGFjaW5nKFtcInhzXCIsIFwic21cIiwgXCJzbVwiLCBcInNtXCJdKSxcbiAgICB9LFxuXG4gICAgXCImID4gOmZpcnN0LW9mLXR5cGU6bm90KDpsYXN0LWNoaWxkKVwiOiB7XG4gICAgICBib3JkZXJUb3A6IFwibm9uZVwiLFxuICAgICAgcGFkZGluZzogdGhlbWUuc3BhY2luZyhbXCJzbVwiLCBcInNtXCIsIFwieHNcIiwgXCJzbVwiXSksXG4gICAgfSxcblxuICAgIFtgJi4ke3ZlcnRpY2FsTmF2aWdhdGlvbkNsYXNzZXMuc2xpZGVyfWBdOiB7XG4gICAgICBcIiYgPiBkaXY6Zmlyc3Qtb2YtdHlwZVwiOiB7XG4gICAgICAgIGJvcmRlckJvdHRvbTogYDNweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vMn1gLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcbiJdfQ== */");
43
+ },
44
+ childData: {}
45
+ });
45
46
  export {
46
- StyledRoot
47
+ staticClasses,
48
+ useClasses
47
49
  };
48
50
  //# sourceMappingURL=VerticalNavigation.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"VerticalNavigation.styles.js","sources":["../../../../src/components/VerticalNavigation/VerticalNavigation.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport verticalNavigationClasses from \"./verticalNavigationClasses\";\n\ninterface StyledRootProps {\n hasAnyChildWithData: boolean;\n}\n\nexport const StyledRoot = styled(\"div\")(\n ({ hasAnyChildWithData }: StyledRootProps) => ({\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: theme.verticalNavigation.justifyContent,\n\n width: \"220px\",\n\n background: theme.colors.atmo1,\n boxShadow: theme.colors.shadow,\n clipPath: \"inset(0px -12px 0px 0px)\",\n\n [`&.${verticalNavigationClasses.collapsed}`]: {\n width: hasAnyChildWithData ? \"66px\" : \"56px\",\n\n \"& > :first-of-type:not(:last-child)\": {\n padding: theme.spacing([\"sm\", \"xs\", \"xs\", \"xs\"]),\n },\n\n \"& > :not(nav:first-of-type)\": {\n padding: theme.spacing([\"xs\", \"xs\", \"sm\", \"xs\"]),\n },\n },\n\n \"& > :only-child\": {\n padding: theme.space.sm,\n },\n \"& > :not(nav:first-of-type)\": {\n borderTop: `3px solid ${theme.colors.atmo2}`,\n padding: theme.spacing([\"xs\", \"sm\", \"sm\", \"sm\"]),\n },\n\n \"& > :first-of-type:not(:last-child)\": {\n borderTop: \"none\",\n padding: theme.spacing([\"sm\", \"sm\", \"xs\", \"sm\"]),\n },\n\n [`&.${verticalNavigationClasses.slider}`]: {\n \"& > div:first-of-type\": {\n borderBottom: `3px solid ${theme.colors.atmo2}`,\n },\n },\n })\n);\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","hasAnyChildWithData","display","flexDirection","justifyContent","theme","verticalNavigation","width","background","colors","atmo1","boxShadow","shadow","clipPath","verticalNavigationClasses","collapsed","padding","spacing","space","sm","borderTop","atmo2","slider","borderBottom"],"mappings":";;;AAQO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACpC,CAAC;AAAA,EAAEC;AAAqC,OAAO;AAAA,EAC7CC,SAAS;AAAA,EACTC,eAAe;AAAA,EACfC,gBAAgBC,MAAMC,mBAAmBF;AAAAA,EAEzCG,OAAO;AAAA,EAEPC,YAAYH,MAAMI,OAAOC;AAAAA,EACzBC,WAAWN,MAAMI,OAAOG;AAAAA,EACxBC,UAAU;AAAA,EAEV,CAAE,KAAIC,0BAA0BC,WAAW,GAAG;AAAA,IAC5CR,OAAON,sBAAsB,SAAS;AAAA,IAEtC,uCAAuC;AAAA,MACrCe,SAASX,MAAMY,QAAQ,CAAC,MAAM,MAAM,MAAM,IAAI,CAAC;AAAA,IACjD;AAAA,IAEA,+BAA+B;AAAA,MAC7BD,SAASX,MAAMY,QAAQ,CAAC,MAAM,MAAM,MAAM,IAAI,CAAC;AAAA,IACjD;AAAA,EACF;AAAA,EAEA,mBAAmB;AAAA,IACjBD,SAASX,MAAMa,MAAMC;AAAAA,EACvB;AAAA,EACA,+BAA+B;AAAA,IAC7BC,WAAY,aAAYf,MAAMI,OAAOY;AAAAA,IACrCL,SAASX,MAAMY,QAAQ,CAAC,MAAM,MAAM,MAAM,IAAI,CAAC;AAAA,EACjD;AAAA,EAEA,uCAAuC;AAAA,IACrCG,WAAW;AAAA,IACXJ,SAASX,MAAMY,QAAQ,CAAC,MAAM,MAAM,MAAM,IAAI,CAAC;AAAA,EACjD;AAAA,EAEA,CAAE,KAAIH,0BAA0BQ,QAAQ,GAAG;AAAA,IACzC,yBAAyB;AAAA,MACvBC,cAAe,aAAYlB,MAAMI,OAAOY;AAAAA,IAC1C;AAAA,EACF;AACF,IAAEzB,QAAAC,IAAAC,siFACJ;"}
1
+ {"version":3,"file":"VerticalNavigation.styles.js","sources":["../../../../src/components/VerticalNavigation/VerticalNavigation.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\n \"HvVerticalNavigation\",\n {\n root: {\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: theme.verticalNavigation.justifyContent,\n\n width: \"220px\",\n\n background: theme.colors.atmo1,\n boxShadow: theme.colors.shadow,\n clipPath: \"inset(0px -12px 0px 0px)\",\n\n \"& > :only-child\": {\n padding: theme.space.sm,\n },\n \"& > :not(nav:first-of-type)\": {\n borderTop: `3px solid ${theme.colors.atmo2}`,\n padding: theme.spacing([\"xs\", \"sm\", \"sm\", \"sm\"]),\n },\n\n \"& > :first-of-type:not(:last-child)\": {\n borderTop: \"none\",\n padding: theme.spacing([\"sm\", \"sm\", \"xs\", \"sm\"]),\n },\n },\n collapsed: {\n width: \"56px\",\n \"&$childData\": {\n width: \"66px\",\n },\n \"& > :first-of-type:not(:last-child)\": {\n padding: theme.spacing([\"sm\", \"xs\", \"xs\", \"xs\"]),\n },\n\n \"& > :not(nav:first-of-type)\": {\n padding: theme.spacing([\"xs\", \"xs\", \"sm\", \"xs\"]),\n },\n },\n\n slider: {\n \"& > div:first-of-type\": {\n borderBottom: `3px solid ${theme.colors.atmo2}`,\n },\n },\n\n childData: {},\n }\n);\n"],"names":["staticClasses","useClasses","createClasses","root","display","flexDirection","justifyContent","theme","verticalNavigation","width","background","colors","atmo1","boxShadow","shadow","clipPath","padding","space","sm","borderTop","atmo2","spacing","collapsed","slider","borderBottom","childData"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,wBACA;AAAA,EACEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,gBAAgBC,MAAMC,mBAAmBF;AAAAA,IAEzCG,OAAO;AAAA,IAEPC,YAAYH,MAAMI,OAAOC;AAAAA,IACzBC,WAAWN,MAAMI,OAAOG;AAAAA,IACxBC,UAAU;AAAA,IAEV,mBAAmB;AAAA,MACjBC,SAAST,MAAMU,MAAMC;AAAAA,IACvB;AAAA,IACA,+BAA+B;AAAA,MAC7BC,WAAY,aAAYZ,MAAMI,OAAOS;AAAAA,MACrCJ,SAAST,MAAMc,QAAQ,CAAC,MAAM,MAAM,MAAM,IAAI,CAAC;AAAA,IACjD;AAAA,IAEA,uCAAuC;AAAA,MACrCF,WAAW;AAAA,MACXH,SAAST,MAAMc,QAAQ,CAAC,MAAM,MAAM,MAAM,IAAI,CAAC;AAAA,IACjD;AAAA,EACF;AAAA,EACAC,WAAW;AAAA,IACTb,OAAO;AAAA,IACP,eAAe;AAAA,MACbA,OAAO;AAAA,IACT;AAAA,IACA,uCAAuC;AAAA,MACrCO,SAAST,MAAMc,QAAQ,CAAC,MAAM,MAAM,MAAM,IAAI,CAAC;AAAA,IACjD;AAAA,IAEA,+BAA+B;AAAA,MAC7BL,SAAST,MAAMc,QAAQ,CAAC,MAAM,MAAM,MAAM,IAAI,CAAC;AAAA,IACjD;AAAA,EACF;AAAA,EAEAE,QAAQ;AAAA,IACN,yBAAyB;AAAA,MACvBC,cAAe,aAAYjB,MAAMI,OAAOS;AAAAA,IAC1C;AAAA,EACF;AAAA,EAEAK,WAAW,CAAC;AACd,CACF;"}
package/dist/esm/index.js CHANGED
@@ -213,50 +213,50 @@ import { staticClasses as staticClasses89 } from "./components/Calendar/Calendar
213
213
  import { HvCalendar } from "./components/Calendar/Calendar.js";
214
214
  import { staticClasses as staticClasses90 } from "./components/Calendar/CalendarHeader/CalendarHeader.styles.js";
215
215
  import { HvCalendarHeader } from "./components/Calendar/CalendarHeader/CalendarHeader.js";
216
- import { default as default13 } from "./components/VerticalNavigation/verticalNavigationClasses.js";
216
+ import { staticClasses as staticClasses91 } from "./components/VerticalNavigation/VerticalNavigation.styles.js";
217
217
  import { HvVerticalNavigation } from "./components/VerticalNavigation/VerticalNavigation.js";
218
- import { default as default14 } from "./components/VerticalNavigation/Header/headerClasses.js";
218
+ import { staticClasses as staticClasses92 } from "./components/VerticalNavigation/Header/Header.styles.js";
219
219
  import { HvVerticalNavigationHeader } from "./components/VerticalNavigation/Header/Header.js";
220
- import { default as default15 } from "./components/VerticalNavigation/Actions/actionClasses.js";
221
- import { default as default16 } from "./components/VerticalNavigation/Actions/actionsClasses.js";
220
+ import { staticClasses as staticClasses93 } from "./components/VerticalNavigation/Actions/Actions.styles.js";
222
221
  import { HvVerticalNavigationActions } from "./components/VerticalNavigation/Actions/Actions.js";
222
+ import { staticClasses as staticClasses94 } from "./components/VerticalNavigation/Actions/Action.styles.js";
223
223
  import { HvVerticalNavigationAction } from "./components/VerticalNavigation/Actions/Action.js";
224
- import { default as default17 } from "./components/VerticalNavigation/Navigation/navigationClasses.js";
224
+ import { staticClasses as staticClasses95 } from "./components/VerticalNavigation/Navigation/Navigation.styles.js";
225
225
  import { HvVerticalNavigationTree } from "./components/VerticalNavigation/Navigation/Navigation.js";
226
- import { default as default18 } from "./components/VerticalNavigation/NavigationSlider/navigationSliderClasses.js";
226
+ import { staticClasses as staticClasses96 } from "./components/VerticalNavigation/NavigationSlider/NavigationSlider.styles.js";
227
227
  import { HvVerticalNavigationSlider } from "./components/VerticalNavigation/NavigationSlider/NavigationSlider.js";
228
- import { default as default19 } from "./components/VerticalNavigation/TreeView/treeViewClasses.js";
229
- import { default as default20 } from "./components/VerticalNavigation/TreeView/treeViewItemClasses.js";
228
+ import { staticClasses as staticClasses97 } from "./components/VerticalNavigation/TreeView/TreeView.styles.js";
230
229
  import { HvVerticalNavigationTreeView } from "./components/VerticalNavigation/TreeView/TreeView.js";
230
+ import { staticClasses as staticClasses98 } from "./components/VerticalNavigation/TreeView/TreeViewItem.styles.js";
231
231
  import { HvVerticalNavigationTreeViewItem } from "./components/VerticalNavigation/TreeView/TreeViewItem.js";
232
232
  import { VerticalNavigationContext } from "./components/VerticalNavigation/VerticalNavigationContext.js";
233
- import { staticClasses as staticClasses91 } from "./components/Slider/Slider.styles.js";
233
+ import { staticClasses as staticClasses99 } from "./components/Slider/Slider.styles.js";
234
234
  import { HvSlider } from "./components/Slider/Slider.js";
235
- import { staticClasses as staticClasses92 } from "./components/FilterGroup/FilterGroup.styles.js";
235
+ import { staticClasses as staticClasses100 } from "./components/FilterGroup/FilterGroup.styles.js";
236
236
  import { HvFilterGroup } from "./components/FilterGroup/FilterGroup.js";
237
- import { staticClasses as staticClasses93 } from "./components/DatePicker/DatePicker.styles.js";
237
+ import { staticClasses as staticClasses101 } from "./components/DatePicker/DatePicker.styles.js";
238
238
  import { HvDatePicker } from "./components/DatePicker/DatePicker.js";
239
- import { staticClasses as staticClasses94 } from "./components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.styles.js";
240
- import { staticClasses as staticClasses95 } from "./components/ScrollTo/Vertical/ScrollToVertical.styles.js";
239
+ import { staticClasses as staticClasses102 } from "./components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.styles.js";
240
+ import { staticClasses as staticClasses103 } from "./components/ScrollTo/Vertical/ScrollToVertical.styles.js";
241
241
  import { HvScrollToVertical } from "./components/ScrollTo/Vertical/ScrollToVertical.js";
242
- import { staticClasses as staticClasses96 } from "./components/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.styles.js";
243
- import { staticClasses as staticClasses97 } from "./components/ScrollTo/Horizontal/ScrollToHorizontal.styles.js";
242
+ import { staticClasses as staticClasses104 } from "./components/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.styles.js";
243
+ import { staticClasses as staticClasses105 } from "./components/ScrollTo/Horizontal/ScrollToHorizontal.styles.js";
244
244
  import { HvScrollToHorizontal } from "./components/ScrollTo/Horizontal/ScrollToHorizontal.js";
245
245
  import { useScrollTo } from "./components/ScrollTo/useScrollTo.js";
246
- import { staticClasses as staticClasses98 } from "./components/InlineEditor/InlineEditor.styles.js";
246
+ import { staticClasses as staticClasses106 } from "./components/InlineEditor/InlineEditor.styles.js";
247
247
  import { HvInlineEditor } from "./components/InlineEditor/InlineEditor.js";
248
- import { staticClasses as staticClasses99 } from "./components/TimeAgo/TimeAgo.styles.js";
248
+ import { staticClasses as staticClasses107 } from "./components/TimeAgo/TimeAgo.styles.js";
249
249
  import { HvTimeAgo } from "./components/TimeAgo/TimeAgo.js";
250
- import { staticClasses as staticClasses100 } from "./components/QueryBuilder/QueryBuilder.styles.js";
250
+ import { staticClasses as staticClasses108 } from "./components/QueryBuilder/QueryBuilder.styles.js";
251
251
  import { HvQueryBuilder } from "./components/QueryBuilder/QueryBuilder.js";
252
- import { staticClasses as staticClasses101 } from "./components/ColorPicker/ColorPicker.styles.js";
252
+ import { staticClasses as staticClasses109 } from "./components/ColorPicker/ColorPicker.styles.js";
253
253
  import { HvColorPicker } from "./components/ColorPicker/ColorPicker.js";
254
- import { staticClasses as staticClasses102 } from "./components/Carousel/Carousel.styles.js";
254
+ import { staticClasses as staticClasses110 } from "./components/Carousel/Carousel.styles.js";
255
255
  import { HvCarousel } from "./components/Carousel/Carousel.js";
256
256
  import { HvCarouselSlide } from "./components/Carousel/CarouselSlide/CarouselSlide.js";
257
257
  import { HvCarouselControls } from "./components/Carousel/CarouselControls.js";
258
258
  import { HvCarouselThumbnails } from "./components/Carousel/CarouselThumbnails.js";
259
- import { staticClasses as staticClasses103 } from "./components/TimePicker/TimePicker.styles.js";
259
+ import { staticClasses as staticClasses111 } from "./components/TimePicker/TimePicker.styles.js";
260
260
  import { HvTimePicker } from "./components/TimePicker/TimePicker.js";
261
261
  import { useClickOutside } from "./hooks/useClickOutside.js";
262
262
  import { useControlled } from "./hooks/useControlled.js";
@@ -434,8 +434,8 @@ export {
434
434
  VerticalNavigationContext,
435
435
  staticClasses16 as accordionClasses,
436
436
  staticClasses15 as actionBarClasses,
437
- default15 as actionClasses,
438
- default16 as actionsClasses,
437
+ staticClasses94 as actionClasses,
438
+ staticClasses93 as actionsClasses,
439
439
  staticClasses67 as actionsGenericClasses,
440
440
  staticClasses6 as adornmentClasses,
441
441
  staticClasses52 as appSwitcherActionClasses,
@@ -463,17 +463,17 @@ export {
463
463
  staticClasses22 as cardContentClasses,
464
464
  staticClasses21 as cardHeaderClasses,
465
465
  staticClasses23 as cardMediaClasses,
466
- staticClasses102 as carouselClasses,
466
+ staticClasses110 as carouselClasses,
467
467
  staticClasses5 as charCounterClasses,
468
468
  staticClasses54 as checkBoxClasses,
469
469
  staticClasses60 as checkBoxGroupClasses,
470
470
  checkValidHexColorValue,
471
- staticClasses101 as colorPickerClasses,
471
+ staticClasses109 as colorPickerClasses,
472
472
  staticClasses24 as containerClasses,
473
473
  staticClasses86 as controlsClasses,
474
474
  createClasses,
475
475
  createTheme,
476
- staticClasses93 as datePickerClasses,
476
+ staticClasses101 as datePickerClasses,
477
477
  decreaseSize,
478
478
  defaultCacheKey,
479
479
  defaultEmotionCache,
@@ -495,7 +495,7 @@ export {
495
495
  staticClasses30 as emptyStateClasses,
496
496
  staticClasses64 as fileClasses,
497
497
  staticClasses63 as fileUploaderPreviewClasses,
498
- staticClasses92 as filterGroupClasses,
498
+ staticClasses100 as filterGroupClasses,
499
499
  filterProps,
500
500
  findDescriptors,
501
501
  staticClasses2 as focusClasses,
@@ -521,7 +521,7 @@ export {
521
521
  staticClasses33 as headerClasses,
522
522
  staticClasses36 as headerNavigationClasses,
523
523
  hexToRgbA,
524
- staticClasses96 as horizontalScrollListItemClasses,
524
+ staticClasses104 as horizontalScrollListItemClasses,
525
525
  hvDateColumn,
526
526
  hvDropdownColumn,
527
527
  hvExpandColumn,
@@ -536,7 +536,7 @@ export {
536
536
  iconVariant,
537
537
  increaseSize,
538
538
  staticClasses9 as infoMessageClasses,
539
- staticClasses98 as inlineEditorClasses,
539
+ staticClasses106 as inlineEditorClasses,
540
540
  staticClasses55 as inputClasses,
541
541
  isBrowser,
542
542
  isInvalid,
@@ -562,19 +562,19 @@ export {
562
562
  prepareRow,
563
563
  processThemes,
564
564
  staticClasses42 as progressBarClasses,
565
- staticClasses100 as queryBuilderClasses,
565
+ staticClasses108 as queryBuilderClasses,
566
566
  staticClasses57 as radioClasses,
567
567
  staticClasses62 as radioGroupClasses,
568
568
  reducer,
569
569
  replace$,
570
570
  staticClasses88 as rightControlClasses,
571
- staticClasses97 as scrollToHorizontalClasses,
572
- staticClasses95 as scrollToVerticalClasses,
571
+ staticClasses105 as scrollToHorizontalClasses,
572
+ staticClasses103 as scrollToVerticalClasses,
573
573
  staticClasses11 as selectionListClasses,
574
574
  setElementAttrs,
575
575
  setId,
576
576
  setUid,
577
- staticClasses91 as sliderClasses,
577
+ staticClasses99 as sliderClasses,
578
578
  staticClasses72 as snackbarClasses,
579
579
  staticClasses74 as snackbarContentClasses,
580
580
  staticClasses73 as snackbarProviderClasses,
@@ -595,11 +595,11 @@ export {
595
595
  staticClasses58 as textAreaClasses,
596
596
  theme,
597
597
  themes,
598
- staticClasses99 as timeAgoClasses,
599
- staticClasses103 as timePickerClasses,
598
+ staticClasses107 as timeAgoClasses,
599
+ staticClasses111 as timePickerClasses,
600
600
  staticClasses47 as tooltipClasses,
601
- default19 as treeViewClasses,
602
- default20 as treeViewItemClasses,
601
+ staticClasses97 as treeViewClasses,
602
+ staticClasses98 as treeViewItemClasses,
603
603
  staticClasses as typographyClasses,
604
604
  typographyVariants,
605
605
  useClickOutside,
@@ -633,11 +633,11 @@ export {
633
633
  useTheme,
634
634
  useUniqueId,
635
635
  useWidth,
636
- default13 as verticalNavigationClasses,
637
- default14 as verticalNavigationHeaderClasses,
638
- default18 as verticalNavigationSliderClasses,
639
- default17 as verticalNavigationTreeClasses,
640
- staticClasses94 as verticalScrollListItemClasses,
636
+ staticClasses91 as verticalNavigationClasses,
637
+ staticClasses92 as verticalNavigationHeaderClasses,
638
+ staticClasses96 as verticalNavigationSliderClasses,
639
+ staticClasses95 as verticalNavigationTreeClasses,
640
+ staticClasses102 as verticalScrollListItemClasses,
641
641
  staticClasses10 as warningTextClasses,
642
642
  withTooltip,
643
643
  wrapperTooltip