npm - @hitachivantara/uikit-react-core - Versions diffs - 5.28.0 → 5.29.0 - Mend

@hitachivantara/uikit-react-core 5.28.0 → 5.29.0

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 (446) hide show

package/dist/cjs/components/VerticalNavigation/TreeView/TreeViewItem.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TreeViewItem.styles.cjs","sources":["../../../../../src/components/VerticalNavigation/TreeView/TreeViewItem.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nconst selected = () => ({\n background: theme.colors.atmo3,\n borderLeft: theme.~~verticalNavigation~~.~~activeBorderLeft,\~~n \"& \": {\n background: theme.colors.atmo3,\n },\n});\n\nconst hover = () => ({\n background: theme.~~verticalNavigation~~.~~hoverColor~~,\n});\n\nexport const { staticClasses, useClasses } = createClasses(\n \"HvVerticalNavigationTreeViewItem\",\n {\n node: {\n listStyle: \"none\",\n minHeight: \"32px\",\n \"&:not(:last-child)\": {\n marginBottom: \"8px\",\n },\n \"&$collapsed\": {\n \"&>$group\": {\n display: \"none\",\n },\n },\n \"&$expanded\": {\n \"&>$group\": {\n display: \"block\",\n },\n },\n \"&$link\": {\n textDecoration: \"none\",\n },\n \"&$hide\": {\n display: \"none\",\n },\n },\n content: {\n width: \"100%\",\n display: \"flex\",\n justifyContent: \"flex-start\",\n alignItems: \"center\",\n height: \"32px\",\n borderLeft: ~~theme.verticalNavigation.inactiveBorderLeft,\~~n paddingRight: theme.space.xs,\n \"&$minimized\": {\n justifyContent: \"center\",\n paddingRight: 0,\n },\n \"$expandable>&\": {\n fontWeight: 600,\n },\n \"$selected>&\": selected(),\n // hover\n \":not($disabled>&):not($selected>&):hover\": hover(),\n \":not($disabled)$selected>&:hover\": {},\n\n // focus\n \":not($disabled>&):not($selected>&):focus-visible\": hover(),\n \":not($disabled>&):not($selected>&).focus-visible\": hover(),\n\n \":focus-visible $focused>&\": {\n ...outlineStyles,\n },\n\n \".focus-visible $focused>&\": {\n ...outlineStyles,\n },\n \"$focused>&\": {\n ...hover(),\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\n \"$disabled>&\": {\n cursor: \"not-allowed\",\n \"& \": {\n cursor: \"not-allowed\",\n },\n },\n },\n link: {},\n group: {\n margin: \"8px 0 0 0\",\n padding: 0,\n },\n disabled: {},\n expandable: {\n fontWeight: 600,\n },\n collapsed: {},\n expanded: {},\n selectable: {},\n unselectable: {},\n selected: {},\n unselected: {},\n focused: {},\n minimized: {},\n hide: {},\n label: {\n display: \"flex\",\n flexGrow: 1,\n maxWidth: \"100%\",\n },\n labelIcon: {\n maxWidth: \"calc(100% - 32px)\",\n },\n labelExpandable: {\n maxWidth: \"calc(100% - 32px)\",\n\n \"&$labelIcon\": {\n maxWidth: \"calc(100% - 64px)\",\n },\n },\n }\n);\n"],"names":["selected","background","theme","colors","atmo3","borderLeft","~~verticalNavigation~~","~~activeBorderLeft","~~hover","~~hoverColor~~","staticClasses","useClasses","createClasses","node","listStyle","minHeight","marginBottom","display","textDecoration","content","width","justifyContent","alignItems","height","~~inactiveBorderLeft","~~paddingRight","space","xs","fontWeight","outlineStyles","outline","cursor","link","group","margin","padding","disabled","expandable","collapsed","expanded","selectable","unselectable","unselected","focused","minimized","hide","label","flexGrow","maxWidth","labelIcon","labelExpandable"],"mappings":";;;;;AAMA,MAAMA,WAAWA,OAAO;AAAA,EACtBC,YAAYC,YAAAA,MAAMC,OAAOC;AAAAA,EACzBC,~~YAAYH~~,~~YAAAA~~,~~MAAMI~~,~~mBAAmBC~~;~~AAAAA~~,~~EACrC~~,OAAO;AAAA,~~IACLN~~,YAAYC,YAAAA,MAAMC,OAAOC;AAAAA,EAC3B;AACF;AAEA,~~MAAMI~~,QAAQA,OAAO;AAAA,~~EACnBP~~,YAAYC,YAAAA,~~MAAMI~~,~~mBAAmBG~~;~~AACvC~~;AAEa,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAC3C,oCACA;AAAA,EACEC,MAAM;AAAA,IACJC,WAAW;AAAA,IACXC,WAAW;AAAA,IACX,sBAAsB;AAAA,MACpBC,cAAc;AAAA,IAChB;AAAA,IACA,eAAe;AAAA,MACb,YAAY;AAAA,QACVC,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,cAAc;AAAA,MACZ,YAAY;AAAA,QACVA,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,UAAU;AAAA,MACRC,gBAAgB;AAAA,IAClB;AAAA,IACA,UAAU;AAAA,MACRD,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAE,SAAS;AAAA,IACPC,OAAO;AAAA,IACPH,SAAS;AAAA,IACTI,gBAAgB;AAAA,IAChBC,YAAY;AAAA,IACZC,QAAQ;AAAA,~~IACRlB~~,~~YAAYH,YAAAA,MAAMI,mBAAmBkB~~;~~AAAAA~~,~~IACrCC~~,~~cAAcvB~~,YAAAA,~~MAAMwB~~,MAAMC;AAAAA,IAC1B,eAAe;AAAA,~~MACbN~~,gBAAgB;AAAA,~~MAChBI~~,cAAc;AAAA,IAChB;AAAA,IACA,iBAAiB;AAAA,MACfG,YAAY;AAAA,IACd;AAAA,IACA,~~eAAe5B~~,SAAS;AAAA;AAAA,IAExB,~~4CAA4CQ~~,MAAM;AAAA,IAClD,oCAAoC,CAAC;AAAA;AAAA,IAGrC,oDAAoDA,MAAM;AAAA,IAC1D,oDAAoDA,MAAM;AAAA,IAE1D,8BAA8B;AAAA,MAC5B,~~GAAGqB~~,WAAAA;AAAAA,IACL;AAAA,IAEA,6BAA6B;AAAA,MAC3B,GAAGA,WAAAA;AAAAA,IACL;AAAA,IACA,cAAc;AAAA,MACZ,~~GAAGrB~~,MAAM;AAAA,IACX;AAAA,IAEA,yBAAyB;AAAA,~~MACvBsB~~,SAAS;AAAA,IACX;AAAA,IAEA,WAAW;AAAA,MACTA,SAAS;AAAA,IACX;AAAA,IAEA,mBAAmB;AAAA,MACjB,GAAGD,WAAAA;AAAAA,IACL;AAAA,IAEA,mBAAmB;AAAA,MACjB,GAAGA,WAAAA;AAAAA,IACL;AAAA;AAAA,IAGAE,QAAQ;AAAA,IACR,OAAO;AAAA,MACLA,QAAQ;AAAA,IACV;AAAA,IAEA,eAAe;AAAA,MACbA,QAAQ;AAAA,MACR,OAAO;AAAA,QACLA,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAAA,EACAC,MAAM,CAAC;AAAA,EACPC,OAAO;AAAA,IACLC,QAAQ;AAAA,IACRC,SAAS;AAAA,EACX;AAAA,EACAC,UAAU,CAAC;AAAA,EACXC,YAAY;AAAA,IACVT,YAAY;AAAA,EACd;AAAA,EACAU,WAAW,CAAC;AAAA,EACZC,UAAU,CAAC;AAAA,EACXC,YAAY,CAAC;AAAA,EACbC,cAAc,CAAC;AAAA,~~EACfzC~~,UAAU,CAAC;AAAA,~~EACX0C~~,YAAY,CAAC;AAAA,EACbC,SAAS,CAAC;AAAA,EACVC,WAAW,CAAC;AAAA,EACZC,MAAM,CAAC;AAAA,EACPC,OAAO;AAAA,~~IACL7B~~,SAAS;AAAA,~~IACT8B~~,UAAU;AAAA,IACVC,UAAU;AAAA,EACZ;AAAA,EACAC,WAAW;AAAA,IACTD,UAAU;AAAA,EACZ;AAAA,EACAE,iBAAiB;AAAA,IACfF,UAAU;AAAA,IAEV,eAAe;AAAA,MACbA,UAAU;AAAA,IACZ;AAAA,EACF;AACF,CACF;;;"}
1	+ {"version":3,"file":"TreeViewItem.styles.cjs","sources":["../../../../../src/components/VerticalNavigation/TreeView/TreeViewItem.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nconst selected = () => ({\n background: theme.colors.atmo3,\n borderLeft: `4px solid ${theme.colors.secondary}`,\n \"& \": {\n background: theme.colors.atmo3,\n },\n});\n\nconst hover = () => ({\n background: theme.colors.containerBackgroundHover,\n});\n\nexport const { staticClasses, useClasses } = createClasses(\n \"HvVerticalNavigationTreeViewItem\",\n {\n node: {\n listStyle: \"none\",\n minHeight: \"32px\",\n \"&:not(:last-child)\": {\n marginBottom: \"8px\",\n },\n \"&$collapsed\": {\n \"&>$group\": {\n display: \"none\",\n },\n },\n \"&$expanded\": {\n \"&>$group\": {\n display: \"block\",\n },\n },\n \"&$link\": {\n textDecoration: \"none\",\n },\n \"&$hide\": {\n display: \"none\",\n },\n },\n content: {\n width: \"100%\",\n display: \"flex\",\n justifyContent: \"flex-start\",\n alignItems: \"center\",\n height: \"32px\",\n borderLeft: `4px solid transparent`,\n paddingRight: theme.space.xs,\n \"&$minimized\": {\n justifyContent: \"center\",\n paddingRight: 0,\n },\n \"$expandable>&\": {\n fontWeight: 600,\n },\n \"$selected>&\": selected(),\n // hover\n \":not($disabled>&):not($selected>&):hover\": hover(),\n \":not($disabled)$selected>&:hover\": {},\n\n // focus\n \":not($disabled>&):not($selected>&):focus-visible\": hover(),\n \":not($disabled>&):not($selected>&).focus-visible\": hover(),\n\n \":focus-visible $focused>&\": {\n ...outlineStyles,\n },\n\n \".focus-visible $focused>&\": {\n ...outlineStyles,\n },\n \"$focused>&\": {\n ...hover(),\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\n \"$disabled>&\": {\n cursor: \"not-allowed\",\n \"& \": {\n cursor: \"not-allowed\",\n },\n },\n },\n link: {},\n group: {\n margin: \"8px 0 0 0\",\n padding: 0,\n },\n disabled: {},\n expandable: {\n fontWeight: 600,\n },\n collapsed: {},\n expanded: {},\n selectable: {},\n unselectable: {},\n selected: {},\n unselected: {},\n focused: {},\n minimized: {},\n hide: {},\n label: {\n display: \"flex\",\n flexGrow: 1,\n maxWidth: \"100%\",\n },\n labelIcon: {\n maxWidth: \"calc(100% - 32px)\",\n },\n labelExpandable: {\n maxWidth: \"calc(100% - 32px)\",\n\n \"&$labelIcon\": {\n maxWidth: \"calc(100% - 64px)\",\n },\n },\n }\n);\n"],"names":["selected","background","theme","colors","atmo3","borderLeft","secondary","hover","containerBackgroundHover","staticClasses","useClasses","createClasses","node","listStyle","minHeight","marginBottom","display","textDecoration","content","width","justifyContent","alignItems","height","paddingRight","space","xs","fontWeight","outlineStyles","outline","cursor","link","group","margin","padding","disabled","expandable","collapsed","expanded","selectable","unselectable","unselected","focused","minimized","hide","label","flexGrow","maxWidth","labelIcon","labelExpandable"],"mappings":"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"}

package/dist/cjs/components/VerticalNavigation/VerticalNavigation.styles.cjs CHANGED Viewed

@@ -9,7 +9,7 @@ const {
   root: {
     display: "flex",
     flexDirection: "column",
-    justifyContent: uikitStyles.theme.verticalNavigation.justifyContent,
+    justifyContent: "flex-start",
     width: "220px",
     background: uikitStyles.theme.colors.atmo1,
     boxShadow: uikitStyles.theme.colors.shadow,

package/dist/cjs/components/VerticalNavigation/VerticalNavigation.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VerticalNavigation.styles.cjs","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,QAAAA,cAC3C,wBACA;AAAA,EACEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,~~gBAAgBC,YAAAA,MAAMC,mBAAmBF~~;~~AAAAA~~,~~IAEzCG~~,OAAO;AAAA,IAEPC,~~YAAYH~~,YAAAA,~~MAAMI~~,OAAOC;AAAAA,IACzBC,~~WAAWN~~,YAAAA,~~MAAMI~~,OAAOG;AAAAA,IACxBC,UAAU;AAAA,IAEV,mBAAmB;AAAA,MACjBC,~~SAAST~~,YAAAA,~~MAAMU~~,MAAMC;AAAAA,IACvB;AAAA,IACA,+BAA+B;AAAA,MAC7BC,WAAY,~~aAAYZ~~,~~YAAMI~~,MAAAA,OAAOS,KAAM;AAAA,MAC3CJ,~~SAAST~~,~~YAAMc~~,MAAAA,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,IAC/C;AAAA,IAEA,uCAAuC;AAAA,MACrCF,WAAW;AAAA,MACXH,~~SAAST~~,~~YAAMc~~,MAAAA,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,IAC/C;AAAA,EACF;AAAA,EACAC,WAAW;AAAA,~~IACTb~~,OAAO;AAAA,IACP,eAAe;AAAA,MACbA,OAAO;AAAA,IACT;AAAA,IACA,uCAAuC;AAAA,~~MACrCO~~,~~SAAST~~,~~YAAMc~~,MAAAA,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,IAC/C;AAAA,IAEA,+BAA+B;AAAA,MAC7BL,~~SAAST~~,~~YAAMc~~,MAAAA,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,IAC/C;AAAA,EACF;AAAA,EAEAE,QAAQ;AAAA,IACN,yBAAyB;AAAA,MACvBC,cAAe,~~aAAYjB~~,~~YAAMI~~,MAAAA,OAAOS,KAAM;AAAA,IAChD;AAAA,EACF;AAAA,EAEAK,WAAW,CAAC;AACd,CACF;;;"}
1	+ {"version":3,"file":"VerticalNavigation.styles.cjs","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: \"flex-start\",\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","width","background","theme","colors","atmo1","boxShadow","shadow","clipPath","padding","space","sm","borderTop","atmo2","spacing","collapsed","slider","borderBottom","childData"],"mappings":";;;;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAC3C,wBACA;AAAA,EACEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,gBAAgB;AAAA,IAEhBC,OAAO;AAAA,IAEPC,YAAYC,YAAAA,MAAMC,OAAOC;AAAAA,IACzBC,WAAWH,YAAAA,MAAMC,OAAOG;AAAAA,IACxBC,UAAU;AAAA,IAEV,mBAAmB;AAAA,MACjBC,SAASN,YAAAA,MAAMO,MAAMC;AAAAA,IACvB;AAAA,IACA,+BAA+B;AAAA,MAC7BC,WAAY,aAAYT,YAAMC,MAAAA,OAAOS,KAAM;AAAA,MAC3CJ,SAASN,YAAMW,MAAAA,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,IAC/C;AAAA,IAEA,uCAAuC;AAAA,MACrCF,WAAW;AAAA,MACXH,SAASN,YAAMW,MAAAA,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,IAC/C;AAAA,EACF;AAAA,EACAC,WAAW;AAAA,IACTd,OAAO;AAAA,IACP,eAAe;AAAA,MACbA,OAAO;AAAA,IACT;AAAA,IACA,uCAAuC;AAAA,MACrCQ,SAASN,YAAMW,MAAAA,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,IAC/C;AAAA,IAEA,+BAA+B;AAAA,MAC7BL,SAASN,YAAMW,MAAAA,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,IAC/C;AAAA,EACF;AAAA,EAEAE,QAAQ;AAAA,IACN,yBAAyB;AAAA,MACvBC,cAAe,aAAYd,YAAMC,MAAAA,OAAOS,KAAM;AAAA,IAChD;AAAA,EACF;AAAA,EAEAK,WAAW,CAAC;AACd,CACF;;;"}

package/dist/esm/components/ActionBar/ActionBar.styles.js CHANGED Viewed

@@ -7,7 +7,7 @@ const {
   root: {
     width: "100%",
     padding: theme.space.sm,
-    borderTop: theme.actionBar.borderTop,
+    borderTop: `1px solid ${theme.colors.atmo3}`,
     display: "flex",
     alignItems: "center",
     justifyContent: "flex-end"

package/dist/esm/components/ActionBar/ActionBar.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionBar.styles.js","sources":["../../../../src/components/ActionBar/ActionBar.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvActionBar\", {\n root: {\n width: \"100%\",\n padding: theme.space.sm,\n borderTop: theme.~~actionBar~~.~~borderTop,\~~n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"flex-end\",\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","width","padding","theme","space","sm","borderTop","~~actionBar~~","display","alignItems","justifyContent"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,eAAe;AAAA,EACxEC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPC,SAASC,MAAMC,MAAMC;AAAAA,IACrBC,~~WAAWH~~,MAAMI,~~UAAUD~~;~~AAAAA~~,~~IAC3BE~~,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,gBAAgB;AAAA,EAClB;AACF,CAAC;"}
1	+ {"version":3,"file":"ActionBar.styles.js","sources":["../../../../src/components/ActionBar/ActionBar.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvActionBar\", {\n root: {\n width: \"100%\",\n padding: theme.space.sm,\n borderTop: `1px solid ${theme.colors.atmo3}`,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"flex-end\",\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","width","padding","theme","space","sm","borderTop","colors","atmo3","display","alignItems","justifyContent"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,eAAe;AAAA,EACxEC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPC,SAASC,MAAMC,MAAMC;AAAAA,IACrBC,WAAY,aAAYH,MAAMI,OAAOC,KAAM;AAAA,IAC3CC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,gBAAgB;AAAA,EAClB;AACF,CAAC;"}

package/dist/esm/components/AppSwitcher/Action/Action.styles.js CHANGED Viewed

@@ -45,8 +45,12 @@ const {
     margin: `0 ${theme.space.xs}`,
     textAlign: "left",
     overflow: "hidden",
-    whiteSpace: "nowrap",
+    whiteSpace: "normal",
     textOverflow: "ellipsis",
+    display: "-webkit-box",
+    "-webkit-line-clamp": "2",
+    "-webkit-box-orient": "vertical",
+    textWrap: "balance",
     color: "inherit"
   }
 });

package/dist/esm/components/AppSwitcher/Action/Action.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Action.styles.js","sources":["../../../../../src/components/AppSwitcher/Action/Action.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n \"HvAppSwitcher-Action\",\n {\n root: {\n width: \"100%\",\n maxWidth: 280,\n minHeight: 52,\n marginRight: theme.space.sm,\n },\n icon: { display: \"flex\", minWidth: 40, justifyContent: \"center\" },\n iconUrl: { width: 32 },\n iconInfo: { minWidth: 32 },\n disabled: {},\n selected: {},\n typography: {\n display: \"flex\",\n justifyContent: \"flex-start\",\n alignItems: \"center\",\n\n width: \"100%\",\n minHeight: 52,\n\n padding: `6px ${theme.space.xs}`,\n\n border: \"none\",\n borderLeft: `solid 2px ${theme.colors.secondary}`,\n\n cursor: \"pointer\",\n\n textDecoration: \"inherit\",\n color: \"inherit\",\n backgroundColor: \"inherit\",\n\n \"$disabled &\": {\n cursor: \"not-allowed\",\n },\n },\n title: {\n flexGrow: 1,\n margin: `0 ${theme.space.xs}`,\n\n textAlign: \"left\",\n\n overflow: \"hidden\",\n whiteSpace: \"~~nowrap~~\",\n textOverflow: \"ellipsis\",\n\n color: \"inherit\",\n },\n }\n);\n"],"names":["staticClasses","useClasses","createClasses","root","width","maxWidth","minHeight","marginRight","theme","space","sm","icon","display","minWidth","justifyContent","iconUrl","iconInfo","disabled","selected","typography","alignItems","padding","xs","border","borderLeft","colors","secondary","cursor","textDecoration","color","backgroundColor","title","flexGrow","margin","textAlign","overflow","whiteSpace","textOverflow"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,wBACA;AAAA,EACEC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPC,UAAU;AAAA,IACVC,WAAW;AAAA,IACXC,aAAaC,MAAMC,MAAMC;AAAAA,EAC3B;AAAA,EACAC,MAAM;AAAA,IAAEC,SAAS;AAAA,IAAQC,UAAU;AAAA,IAAIC,gBAAgB;AAAA,EAAS;AAAA,EAChEC,SAAS;AAAA,IAAEX,OAAO;AAAA,EAAG;AAAA,EACrBY,UAAU;AAAA,IAAEH,UAAU;AAAA,EAAG;AAAA,EACzBI,UAAU,CAAC;AAAA,EACXC,UAAU,CAAC;AAAA,EACXC,YAAY;AAAA,IACVP,SAAS;AAAA,IACTE,gBAAgB;AAAA,IAChBM,YAAY;AAAA,IAEZhB,OAAO;AAAA,IACPE,WAAW;AAAA,IAEXe,SAAU,OAAMb,MAAMC,MAAMa,EAAG;AAAA,IAE/BC,QAAQ;AAAA,IACRC,YAAa,aAAYhB,MAAMiB,OAAOC,SAAU;AAAA,IAEhDC,QAAQ;AAAA,IAERC,gBAAgB;AAAA,IAChBC,OAAO;AAAA,IACPC,iBAAiB;AAAA,IAEjB,eAAe;AAAA,MACbH,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAI,OAAO;AAAA,IACLC,UAAU;AAAA,IACVC,QAAS,KAAIzB,MAAMC,MAAMa,EAAG;AAAA,IAE5BY,WAAW;AAAA,IAEXC,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,cAAc;AAAA,~~IAEdR~~,OAAO;AAAA,EACT;AACF,CACF;"}
1	+ {"version":3,"file":"Action.styles.js","sources":["../../../../../src/components/AppSwitcher/Action/Action.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n \"HvAppSwitcher-Action\",\n {\n root: {\n width: \"100%\",\n maxWidth: 280,\n minHeight: 52,\n marginRight: theme.space.sm,\n },\n icon: { display: \"flex\", minWidth: 40, justifyContent: \"center\" },\n iconUrl: { width: 32 },\n iconInfo: { minWidth: 32 },\n disabled: {},\n selected: {},\n typography: {\n display: \"flex\",\n justifyContent: \"flex-start\",\n alignItems: \"center\",\n\n width: \"100%\",\n minHeight: 52,\n\n padding: `6px ${theme.space.xs}`,\n\n border: \"none\",\n borderLeft: `solid 2px ${theme.colors.secondary}`,\n\n cursor: \"pointer\",\n\n textDecoration: \"inherit\",\n color: \"inherit\",\n backgroundColor: \"inherit\",\n\n \"$disabled &\": {\n cursor: \"not-allowed\",\n },\n },\n title: {\n flexGrow: 1,\n margin: `0 ${theme.space.xs}`,\n\n textAlign: \"left\",\n\n overflow: \"hidden\",\n whiteSpace: \"normal\",\n textOverflow: \"ellipsis\",\n display: \"-webkit-box\",\n \"-webkit-line-clamp\": \"2\",\n \"-webkit-box-orient\": \"vertical\",\n textWrap: \"balance\",\n\n color: \"inherit\",\n },\n }\n);\n"],"names":["staticClasses","useClasses","createClasses","root","width","maxWidth","minHeight","marginRight","theme","space","sm","icon","display","minWidth","justifyContent","iconUrl","iconInfo","disabled","selected","typography","alignItems","padding","xs","border","borderLeft","colors","secondary","cursor","textDecoration","color","backgroundColor","title","flexGrow","margin","textAlign","overflow","whiteSpace","textOverflow","textWrap"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,wBACA;AAAA,EACEC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPC,UAAU;AAAA,IACVC,WAAW;AAAA,IACXC,aAAaC,MAAMC,MAAMC;AAAAA,EAC3B;AAAA,EACAC,MAAM;AAAA,IAAEC,SAAS;AAAA,IAAQC,UAAU;AAAA,IAAIC,gBAAgB;AAAA,EAAS;AAAA,EAChEC,SAAS;AAAA,IAAEX,OAAO;AAAA,EAAG;AAAA,EACrBY,UAAU;AAAA,IAAEH,UAAU;AAAA,EAAG;AAAA,EACzBI,UAAU,CAAC;AAAA,EACXC,UAAU,CAAC;AAAA,EACXC,YAAY;AAAA,IACVP,SAAS;AAAA,IACTE,gBAAgB;AAAA,IAChBM,YAAY;AAAA,IAEZhB,OAAO;AAAA,IACPE,WAAW;AAAA,IAEXe,SAAU,OAAMb,MAAMC,MAAMa,EAAG;AAAA,IAE/BC,QAAQ;AAAA,IACRC,YAAa,aAAYhB,MAAMiB,OAAOC,SAAU;AAAA,IAEhDC,QAAQ;AAAA,IAERC,gBAAgB;AAAA,IAChBC,OAAO;AAAA,IACPC,iBAAiB;AAAA,IAEjB,eAAe;AAAA,MACbH,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAI,OAAO;AAAA,IACLC,UAAU;AAAA,IACVC,QAAS,KAAIzB,MAAMC,MAAMa,EAAG;AAAA,IAE5BY,WAAW;AAAA,IAEXC,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,cAAc;AAAA,IACdzB,SAAS;AAAA,IACT,sBAAsB;AAAA,IACtB,sBAAsB;AAAA,IACtB0B,UAAU;AAAA,IAEVT,OAAO;AAAA,EACT;AACF,CACF;"}

package/dist/esm/components/BaseCheckBox/BaseCheckBox.styles.js CHANGED Viewed

@@ -7,10 +7,10 @@ const {
 } = createClasses("HvBaseCheckBox", {
   root: {
     padding: 0,
-    borderRadius: theme.baseCheckBox.borderRadius,
+    borderRadius: theme.radii.base,
     cursor: "pointer",
     "&:hover": {
-      backgroundColor: theme.baseCheckBox.hoverColor
+      backgroundColor: theme.colors.containerBackgroundHover
     }
   },
   disabled: {

package/dist/esm/components/BaseCheckBox/BaseCheckBox.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseCheckBox.styles.js","sources":["../../../../src/components/BaseCheckBox/BaseCheckBox.styles.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvBaseCheckBox\", {\n root: {\n padding: 0,\n borderRadius: theme.~~baseCheckBox~~.~~borderRadius~~,\n cursor: \"pointer\",\n \"&:hover\": {\n backgroundColor: theme.~~baseCheckBox~~.~~hoverColor~~,\n },\n },\n disabled: {\n \"&$root\": {\n cursor: \"not-allowed\",\n pointerEvents: \"initial\",\n },\n\n \"& svg\": {\n \"& path:nth-of-type(2)\": {\n fill: theme.colors.secondary_60,\n },\n },\n },\n focusVisible: {\n \"& svg\": {\n ...outlineStyles,\n },\n },\n icon: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","padding","borderRadius","theme","~~baseCheckBox~~","cursor","backgroundColor","~~hoverColor~~","disabled","pointerEvents","fill","~~colors","~~secondary_60","focusVisible","outlineStyles","icon"],"mappings":";;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,kBAAkB;AAAA,EAC3EC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,cAAcC,MAAMC,~~aAAaF~~;AAAAA,~~IACjCG~~,QAAQ;AAAA,IACR,WAAW;AAAA,MACTC,~~iBAAiBH~~,~~MAAMC~~,~~aAAaG~~;AAAAA,~~IACtC~~;AAAA,EACF;AAAA,EACAC,UAAU;AAAA,IACR,UAAU;AAAA,~~MACRH~~,QAAQ;AAAA,~~MACRI~~,eAAe;AAAA,IACjB;AAAA,IAEA,SAAS;AAAA,MACP,yBAAyB;AAAA,QACvBC,~~MAAMP~~,~~MAAMQ~~,~~OAAOC~~;AAAAA,MACrB;AAAA,IACF;AAAA,EACF;AAAA,EACAC,cAAc;AAAA,IACZ,SAAS;AAAA,MACP,GAAGC;AAAAA,IACL;AAAA,EACF;AAAA,EACAC,MAAM,CAAC;AACT,CAAC;"}
1	+ {"version":3,"file":"BaseCheckBox.styles.js","sources":["../../../../src/components/BaseCheckBox/BaseCheckBox.styles.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvBaseCheckBox\", {\n root: {\n padding: 0,\n borderRadius: theme.radii.base,\n cursor: \"pointer\",\n \"&:hover\": {\n backgroundColor: theme.colors.containerBackgroundHover,\n },\n },\n disabled: {\n \"&$root\": {\n cursor: \"not-allowed\",\n pointerEvents: \"initial\",\n },\n\n \"& svg\": {\n \"& path:nth-of-type(2)\": {\n fill: theme.colors.secondary_60,\n },\n },\n },\n focusVisible: {\n \"& svg\": {\n ...outlineStyles,\n },\n },\n icon: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","padding","borderRadius","theme","radii","base","cursor","backgroundColor","colors","containerBackgroundHover","disabled","pointerEvents","fill","secondary_60","focusVisible","outlineStyles","icon"],"mappings":";;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,kBAAkB;AAAA,EAC3EC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,cAAcC,MAAMC,MAAMC;AAAAA,IAC1BC,QAAQ;AAAA,IACR,WAAW;AAAA,MACTC,iBAAiBJ,MAAMK,OAAOC;AAAAA,IAChC;AAAA,EACF;AAAA,EACAC,UAAU;AAAA,IACR,UAAU;AAAA,MACRJ,QAAQ;AAAA,MACRK,eAAe;AAAA,IACjB;AAAA,IAEA,SAAS;AAAA,MACP,yBAAyB;AAAA,QACvBC,MAAMT,MAAMK,OAAOK;AAAAA,MACrB;AAAA,IACF;AAAA,EACF;AAAA,EACAC,cAAc;AAAA,IACZ,SAAS;AAAA,MACP,GAAGC;AAAAA,IACL;AAAA,EACF;AAAA,EACAC,MAAM,CAAC;AACT,CAAC;"}

package/dist/esm/components/BaseDropdown/BaseDropdown.styles.js CHANGED Viewed

@@ -29,25 +29,23 @@ const {
     position: "relative",
     background: theme.colors.atmo1,
     boxSizing: "border-box",
-    border: `1px solid ${theme.baseDropdown.borderColor}`,
+    border: `1px solid ${theme.colors.secondary_80}`,
     borderRadius: theme.radii.base,
     "&:hover": {
-      border: `1px solid ${theme.baseDropdown.hoverBorderColor}`
+      border: `1px solid ${theme.colors.primary}`
     },
     "&:focus": {
       outline: "none"
     },
     "&:focus-visible": {
       ...outlineStyles,
-      border: `1px solid ${theme.baseDropdown.hoverBorderColor}`
+      border: `1px solid ${theme.colors.primary}`
     }
   },
   headerOpen: {
-    border: `1px solid ${theme.baseDropdown.openBorderColor}`,
-    boxShadow: theme.baseDropdown.shadow,
+    border: `1px solid ${theme.colors.secondary_80}`,
     "&:hover": {
-      border: `1px solid ${theme.baseDropdown.openBorderColor}`,
-      boxShadow: theme.baseDropdown.shadow
+      border: `1px solid ${theme.colors.secondary_80}`
     }
   },
   headerOpenUp: {
@@ -59,21 +57,21 @@ const {
   headerDisabled: {
     cursor: "not-allowed",
     pointerEvents: "none",
-    border: `1px solid ${theme.baseDropdown.disabledBorderColor}`,
-    background: theme.baseDropdown.disabledBackgroundColor,
+    border: `1px solid ${theme.colors.secondary_60}`,
+    background: theme.colors.atmo2,
     "&:hover": {
-      border: `1px solid ${theme.baseDropdown.disabledBorderColor}`
+      border: `1px solid ${theme.colors.secondary_60}`
     }
   },
   headerReadOnly: {
     cursor: "not-allowed",
     pointerEvents: "none",
-    border: theme.baseDropdown.readOnlyBorder,
-    background: theme.baseDropdown.readOnlyBackgroundColor,
+    border: `1px solid ${theme.colors.secondary_60}`,
+    background: theme.colors.atmo2,
     userSelect: "text",
     "&:focus-visible": {
       outline: "none",
-      border: theme.baseDropdown.readOnlyBorder
+      border: `1px solid ${theme.colors.secondary_60}`
     }
   },
   arrowContainer: {
@@ -96,16 +94,15 @@ const {
     textOverflow: "ellipsis",
     whiteSpace: "nowrap",
     ...theme.typography.body,
-    color: theme.baseDropdown.placeholderColor
+    color: theme.colors.secondary_80
   },
   selectionDisabled: {
     color: theme.colors.secondary_60
   },
   panel: {
     position: "relative",
-    boxShadow: theme.baseDropdown.shadow,
     backgroundColor: theme.colors.atmo1,
-    border: `1px solid ${theme.baseDropdown.openBorderColor}`
+    border: `1px solid ${theme.colors.secondary_80}`
   },
   panelOpenedUp: {
     top: 1,
@@ -116,12 +113,12 @@ const {
     borderRadius: `0 0 ${theme.radii.base} ${theme.radii.base}`
   },
   inputExtensionOpen: {
-    height: theme.dropDownMenu.extensionHeight,
+    height: "0px",
     backgroundColor: theme.colors.atmo1,
     borderTop: "none",
     borderBottom: "none",
-    borderRight: `1px solid ${theme.dropDownMenu.extensionBorderColor}`,
-    borderLeft: `1px solid ${theme.dropDownMenu.extensionBorderColor}`
+    borderRight: `1px solid ${theme.colors.secondary_80}`,
+    borderLeft: `1px solid ${theme.colors.secondary_80}`
   },
   inputExtensionLeftPosition: {
     marginLeft: "auto"

package/dist/esm/components/BaseDropdown/BaseDropdown.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseDropdown.styles.js","sources":["../../../../src/components/BaseDropdown/BaseDropdown.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { useClasses, staticClasses } = createClasses(\"HvBaseDropdown\", {\n root: { width: \"100%\", position: \"relative\" },\n rootDisabled: {\n cursor: \"not-allowed\",\n \"&:focus\": {\n outline: \"none\",\n },\n },\n anchor: { display: \"inline-block\", width: \"100%\" },\n container: { zIndex: theme.zIndices.popover, width: \"auto\" },\n header: {\n cursor: \"pointer\",\n userSelect: \"none\",\n position: \"relative\",\n background: theme.colors.atmo1,\n boxSizing: \"border-box\",\n border: `1px solid ${theme.~~baseDropdown~~.~~borderColor~~}`,\n borderRadius: theme.radii.base,\n \"&:hover\": {\n border: `1px solid ${theme.~~baseDropdown~~.~~hoverBorderColor~~}`,\n },\n \"&:focus\": {\n outline: \"none\",\n },\n \"&:focus-visible\": {\n ...outlineStyles,\n border: `1px solid ${theme.~~baseDropdown~~.~~hoverBorderColor~~}`,\n },\n },\n headerOpen: {\n border: `1px solid ${theme.~~baseDropdown~~.~~openBorderColor~~}`,\n ~~boxShadow: theme.baseDropdown.shadow,\~~n \"&:hover\": {\n border: `1px solid ${theme.~~baseDropdown~~.~~openBorderColor~~}`,\n ~~boxShadow: theme.baseDropdown.shadow,\n~~ },\n },\n headerOpenUp: {\n borderRadius: `0px 0px ${theme.radii.base} ${theme.radii.base}`,\n },\n headerOpenDown: {\n borderRadius: `${theme.radii.base} ${theme.radii.base} 0px 0px`,\n },\n headerDisabled: {\n cursor: \"not-allowed\",\n pointerEvents: \"none\",\n border: `1px solid ${theme.~~baseDropdown~~.~~disabledBorderColor~~}`,\n background: theme.~~baseDropdown~~.~~disabledBackgroundColor~~,\n \"&:hover\": {\n border: `1px solid ${theme.~~baseDropdown~~.~~disabledBorderColor~~}`,\n },\n },\n headerReadOnly: {\n cursor: \"not-allowed\",\n pointerEvents: \"none\",\n border: theme.~~baseDropdown~~.~~readOnlyBorder,\~~n background: theme.~~baseDropdown~~.~~readOnlyBackgroundColor~~,\n userSelect: \"text\",\n \"&:focus-visible\": {\n outline: \"none\",\n border: theme.~~baseDropdown~~.~~readOnlyBorder,\~~n },\n },\n arrowContainer: {\n position: \"absolute\",\n pointerEvents: \"none\",\n top: -1,\n right: -1,\n },\n arrow: {},\n selection: {\n display: \"flex\",\n alignItems: \"center\",\n height: \"30px\",\n boxSizing: \"border-box\",\n paddingLeft: theme.space.xs,\n },\n placeholder: {\n display: \"block\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n ...theme.typography.body,\n color: theme.~~baseDropdown~~.~~placeholderColor~~,\n },\n selectionDisabled: { color: theme.colors.secondary_60 },\n panel: {\n position: \"relative\",\n ~~boxShadow: theme.baseDropdown.shadow,\~~n backgroundColor: theme.colors.atmo1,\n border: `1px solid ${theme.~~baseDropdown~~.~~openBorderColor~~}`,\n },\n panelOpenedUp: {\n top: 1,\n borderRadius: `${theme.radii.base} ${theme.radii.base} 0 0`,\n },\n panelOpenedDown: {\n top: -1,\n borderRadius: `0 0 ${theme.radii.base} ${theme.radii.base}`,\n },\n inputExtensionOpen: {\n height: ~~theme.dropDownMenu.extensionHeight~~,\n backgroundColor: theme.colors.atmo1,\n borderTop: \"none\",\n borderBottom: \"none\",\n borderRight: `1px solid ${theme.~~dropDownMenu~~.~~extensionBorderColor~~}`,\n borderLeft: `1px solid ${theme.~~dropDownMenu~~.~~extensionBorderColor~~}`,\n },\n inputExtensionLeftPosition: { marginLeft: \"auto\" },\n inputExtensionOpenShadow: {\n boxShadow: `0px 8px 0px ${theme.colors.atmo1}, 0px 0px 9px 0px rgba(65,65,65,.12)`,\n },\n inputExtensionFloatRight: { float: \"right\" },\n inputExtensionFloatLeft: { float: \"left\" },\n});\n"],"names":["useClasses","staticClasses","createClasses","root","width","position","rootDisabled","cursor","outline","anchor","display","container","zIndex","theme","zIndices","popover","header","userSelect","background","colors","atmo1","boxSizing","border","~~baseDropdown~~","~~borderColor","~~borderRadius","radii","base","~~hoverBorderColor~~","outlineStyles","headerOpen","~~openBorderColor","boxShadow","shadow","~~headerOpenUp","headerOpenDown","headerDisabled","pointerEvents","~~disabledBorderColor~~","~~disabledBackgroundColor~~","headerReadOnly","~~readOnlyBorder","readOnlyBackgroundColor","~~arrowContainer","top","right","arrow","selection","alignItems","height","paddingLeft","space","xs","placeholder","overflow","textOverflow","whiteSpace","typography","body","color","~~placeholderColor","~~selectionDisabled","~~secondary_60","~~panel","backgroundColor","panelOpenedUp","panelOpenedDown","inputExtensionOpen","~~dropDownMenu","extensionHeight","~~borderTop","borderBottom","borderRight","~~extensionBorderColor","~~borderLeft","inputExtensionLeftPosition","marginLeft","inputExtensionOpenShadow","inputExtensionFloatRight","float","inputExtensionFloatLeft"],"mappings":";;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAYC;AAAc,IAAIC,cAAc,kBAAkB;AAAA,EAC3EC,MAAM;AAAA,IAAEC,OAAO;AAAA,IAAQC,UAAU;AAAA,EAAW;AAAA,EAC5CC,cAAc;AAAA,IACZC,QAAQ;AAAA,IACR,WAAW;AAAA,MACTC,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAC,QAAQ;AAAA,IAAEC,SAAS;AAAA,IAAgBN,OAAO;AAAA,EAAO;AAAA,EACjDO,WAAW;AAAA,IAAEC,QAAQC,MAAMC,SAASC;AAAAA,IAASX,OAAO;AAAA,EAAO;AAAA,EAC3DY,QAAQ;AAAA,IACNT,QAAQ;AAAA,IACRU,YAAY;AAAA,IACZZ,UAAU;AAAA,IACVa,YAAYL,MAAMM,OAAOC;AAAAA,IACzBC,WAAW;AAAA,IACXC,QAAS,aAAYT,~~MAAMU~~,~~aAAaC~~,~~WAAY~~;AAAA,~~IACpDC~~,~~cAAcZ~~,~~MAAMa~~,MAAMC;AAAAA,IAC1B,WAAW;AAAA,~~MACTL~~,QAAS,aAAYT,~~MAAMU~~,~~aAAaK~~,~~gBAAiB~~;AAAA,~~IAC3D~~;AAAA,IACA,WAAW;AAAA,~~MACTpB~~,SAAS;AAAA,IACX;AAAA,IACA,mBAAmB;AAAA,MACjB,~~GAAGqB~~;AAAAA,~~MACHP~~,QAAS,aAAYT,~~MAAMU~~,~~aAAaK~~,~~gBAAiB~~;AAAA,~~IAC3D~~;AAAA,EACF;AAAA,EACAE,YAAY;AAAA,~~IACVR~~,QAAS,aAAYT,~~MAAMU~~,~~aAAaQ~~,~~eAAgB~~;AAAA,~~IACxDC~~,~~WAAWnB,MAAMU,aAAaU;AAAAA,IAC9B,~~WAAW;AAAA,~~MACTX~~,QAAS,aAAYT,~~MAAMU~~,~~aAAaQ~~,~~eAAgB~~;AAAA,~~MACxDC,WAAWnB,MAAMU,aAAaU~~;~~AAAAA,IAChC;~~AAAA,EACF;AAAA,~~EACAC~~,cAAc;AAAA,~~IACZT~~,cAAe,~~WAAUZ~~,~~MAAMa~~,MAAMC,IAAK,~~IAAGd~~,~~MAAMa~~,MAAMC,IAAK;AAAA,EAChE;AAAA,~~EACAQ~~,gBAAgB;AAAA,~~IACdV~~,cAAe,~~GAAEZ~~,~~MAAMa~~,MAAMC,IAAK,~~IAAGd~~,~~MAAMa~~,MAAMC,IAAK;AAAA,EACxD;AAAA,~~EACAS~~,gBAAgB;AAAA,~~IACd7B~~,QAAQ;AAAA,~~IACR8B~~,eAAe;AAAA,~~IACff~~,QAAS,aAAYT,~~MAAMU~~,~~aAAae~~,~~mBAAoB~~;AAAA,~~IAC5DpB~~,YAAYL,~~MAAMU~~,~~aAAagB~~;AAAAA,~~IAC/B~~,WAAW;AAAA,~~MACTjB~~,QAAS,aAAYT,~~MAAMU~~,~~aAAae~~,~~mBAAoB~~;AAAA,~~IAC9D~~;AAAA,EACF;AAAA,EACAE,gBAAgB;AAAA,~~IACdjC~~,QAAQ;AAAA,~~IACR8B~~,eAAe;AAAA,~~IACff~~,~~QAAQT~~,~~MAAMU~~,~~aAAakB~~;~~AAAAA~~,~~IAC3BvB~~,YAAYL,~~MAAMU~~,~~aAAamB~~;AAAAA,~~IAC/BzB~~,YAAY;AAAA,IACZ,mBAAmB;AAAA,MACjBT,SAAS;AAAA,MACTc,~~QAAQT~~,~~MAAMU~~,~~aAAakB~~;~~AAAAA~~,~~IAC7B~~;AAAA,EACF;AAAA,~~EACAE~~,gBAAgB;AAAA,~~IACdtC~~,UAAU;AAAA,~~IACVgC~~,eAAe;AAAA,~~IACfO~~,KAAK;AAAA,IACLC,OAAO;AAAA,EACT;AAAA,EACAC,OAAO,CAAC;AAAA,EACRC,WAAW;AAAA,~~IACTrC~~,SAAS;AAAA,~~IACTsC~~,YAAY;AAAA,IACZC,QAAQ;AAAA,~~IACR5B~~,WAAW;AAAA,~~IACX6B~~,~~aAAarC~~,~~MAAMsC~~,MAAMC;AAAAA,EAC3B;AAAA,EACAC,aAAa;AAAA,~~IACX3C~~,SAAS;AAAA,~~IACT4C~~,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,YAAY;AAAA,IACZ,~~GAAG3C~~,~~MAAM4C~~,WAAWC;AAAAA,IACpBC,~~OAAO9C~~,~~MAAMU~~,~~aAAaqC~~;AAAAA,~~EAC5B~~;AAAA,~~EACAC~~,mBAAmB;AAAA,~~IAAEF~~,~~OAAO9C~~,MAAMM,~~OAAO2C~~;AAAAA,EAAa;AAAA,~~EACtDC~~,OAAO;AAAA,~~IACL1D~~,UAAU;AAAA,~~IACV2B~~,~~WAAWnB~~,~~MAAMU,aAAaU;AAAAA,IAC9B+B,iBAAiBnD,~~MAAMM,OAAOC;AAAAA,IAC9BE,QAAS,aAAYT,~~MAAMU~~,~~aAAaQ~~,~~eAAgB~~;AAAA,~~EAC1D~~;AAAA,EACAkC,eAAe;AAAA,~~IACbrB~~,KAAK;AAAA,~~IACLnB~~,cAAe,~~GAAEZ~~,~~MAAMa~~,MAAMC,IAAK,~~IAAGd~~,~~MAAMa~~,MAAMC,IAAK;AAAA,EACxD;AAAA,~~EACAuC~~,iBAAiB;AAAA,~~IACftB~~,KAAK;AAAA,~~IACLnB~~,cAAe,~~OAAMZ~~,~~MAAMa~~,MAAMC,IAAK,~~IAAGd~~,~~MAAMa~~,MAAMC,IAAK;AAAA,EAC5D;AAAA,~~EACAwC~~,oBAAoB;AAAA,~~IAClBlB~~,~~QAAQpC,MAAMuD,aAAaC~~;~~AAAAA~~,~~IAC3BL~~,~~iBAAiBnD~~,MAAMM,OAAOC;AAAAA,~~IAC9BkD~~,WAAW;AAAA,IACXC,cAAc;AAAA,IACdC,aAAc,~~aAAY3D~~,~~MAAMuD~~,~~aAAaK~~,~~oBAAqB~~;AAAA,~~IAClEC~~,YAAa,~~aAAY7D~~,~~MAAMuD~~,~~aAAaK~~,~~oBAAqB~~;AAAA,~~EACnE~~;AAAA,~~EACAE~~,4BAA4B;AAAA,IAAEC,YAAY;AAAA,EAAO;AAAA,EACjDC,0BAA0B;AAAA,~~IACxB7C~~,WAAY,~~eAAcnB~~,MAAMM,OAAOC,KAAM;AAAA,EAC/C;AAAA,~~EACA0D~~,0BAA0B;AAAA,IAAEC,OAAO;AAAA,EAAQ;AAAA,EAC3CC,yBAAyB;AAAA,IAAED,OAAO;AAAA,EAAO;AAC3C,CAAC;"}
1	+ {"version":3,"file":"BaseDropdown.styles.js","sources":["../../../../src/components/BaseDropdown/BaseDropdown.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { useClasses, staticClasses } = createClasses(\"HvBaseDropdown\", {\n root: { width: \"100%\", position: \"relative\" },\n rootDisabled: {\n cursor: \"not-allowed\",\n \"&:focus\": {\n outline: \"none\",\n },\n },\n anchor: { display: \"inline-block\", width: \"100%\" },\n container: { zIndex: theme.zIndices.popover, width: \"auto\" },\n header: {\n cursor: \"pointer\",\n userSelect: \"none\",\n position: \"relative\",\n background: theme.colors.atmo1,\n boxSizing: \"border-box\",\n border: `1px solid ${theme.colors.secondary_80}`,\n borderRadius: theme.radii.base,\n \"&:hover\": {\n border: `1px solid ${theme.colors.primary}`,\n },\n \"&:focus\": {\n outline: \"none\",\n },\n \"&:focus-visible\": {\n ...outlineStyles,\n border: `1px solid ${theme.colors.primary}`,\n },\n },\n headerOpen: {\n border: `1px solid ${theme.colors.secondary_80}`,\n\n \"&:hover\": {\n border: `1px solid ${theme.colors.secondary_80}`,\n },\n },\n headerOpenUp: {\n borderRadius: `0px 0px ${theme.radii.base} ${theme.radii.base}`,\n },\n headerOpenDown: {\n borderRadius: `${theme.radii.base} ${theme.radii.base} 0px 0px`,\n },\n headerDisabled: {\n cursor: \"not-allowed\",\n pointerEvents: \"none\",\n border: `1px solid ${theme.colors.secondary_60}`,\n background: theme.colors.atmo2,\n \"&:hover\": {\n border: `1px solid ${theme.colors.secondary_60}`,\n },\n },\n headerReadOnly: {\n cursor: \"not-allowed\",\n pointerEvents: \"none\",\n border: `1px solid ${theme.colors.secondary_60}`,\n background: theme.colors.atmo2,\n userSelect: \"text\",\n \"&:focus-visible\": {\n outline: \"none\",\n border: `1px solid ${theme.colors.secondary_60}`,\n },\n },\n arrowContainer: {\n position: \"absolute\",\n pointerEvents: \"none\",\n top: -1,\n right: -1,\n },\n arrow: {},\n selection: {\n display: \"flex\",\n alignItems: \"center\",\n height: \"30px\",\n boxSizing: \"border-box\",\n paddingLeft: theme.space.xs,\n },\n placeholder: {\n display: \"block\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n ...theme.typography.body,\n color: theme.colors.secondary_80,\n },\n selectionDisabled: { color: theme.colors.secondary_60 },\n panel: {\n position: \"relative\",\n\n backgroundColor: theme.colors.atmo1,\n border: `1px solid ${theme.colors.secondary_80}`,\n },\n panelOpenedUp: {\n top: 1,\n borderRadius: `${theme.radii.base} ${theme.radii.base} 0 0`,\n },\n panelOpenedDown: {\n top: -1,\n borderRadius: `0 0 ${theme.radii.base} ${theme.radii.base}`,\n },\n inputExtensionOpen: {\n height: \"0px\",\n backgroundColor: theme.colors.atmo1,\n borderTop: \"none\",\n borderBottom: \"none\",\n borderRight: `1px solid ${theme.colors.secondary_80}`,\n borderLeft: `1px solid ${theme.colors.secondary_80}`,\n },\n inputExtensionLeftPosition: { marginLeft: \"auto\" },\n inputExtensionOpenShadow: {\n boxShadow: `0px 8px 0px ${theme.colors.atmo1}, 0px 0px 9px 0px rgba(65,65,65,.12)`,\n },\n inputExtensionFloatRight: { float: \"right\" },\n inputExtensionFloatLeft: { float: \"left\" },\n});\n"],"names":["useClasses","staticClasses","createClasses","root","width","position","rootDisabled","cursor","outline","anchor","display","container","zIndex","theme","zIndices","popover","header","userSelect","background","colors","atmo1","boxSizing","border","secondary_80","borderRadius","radii","base","primary","outlineStyles","headerOpen","headerOpenUp","headerOpenDown","headerDisabled","pointerEvents","secondary_60","atmo2","headerReadOnly","arrowContainer","top","right","arrow","selection","alignItems","height","paddingLeft","space","xs","placeholder","overflow","textOverflow","whiteSpace","typography","body","color","selectionDisabled","panel","backgroundColor","panelOpenedUp","panelOpenedDown","inputExtensionOpen","borderTop","borderBottom","borderRight","borderLeft","inputExtensionLeftPosition","marginLeft","inputExtensionOpenShadow","boxShadow","inputExtensionFloatRight","float","inputExtensionFloatLeft"],"mappings":"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"}

package/dist/esm/components/BaseInput/BaseInput.styles.js CHANGED Viewed

@@ -10,10 +10,10 @@ const {
     width: "100%",
     position: "relative",
     "&:hover $inputBorderContainer": {
-      backgroundColor: theme.baseInput.hoverColor
+      backgroundColor: theme.colors.primary
     },
     "&:focus-within $inputBorderContainer": {
-      backgroundColor: theme.baseInput.hoverColor
+      backgroundColor: theme.colors.primary
     }
   },
   disabled: {
@@ -24,19 +24,19 @@ const {
       backgroundColor: theme.colors.atmo4
     },
     "&& $input": {
-      color: theme.baseInput.disabledTextColor,
-      WebkitTextFillColor: theme.baseInput.disabledTextColor
+      color: theme.colors.secondary_60,
+      WebkitTextFillColor: theme.colors.secondary_60
     },
     "& $inputRootMultiline": {
       "& $input": {
-        backgroundColor: theme.baseInput.disabledBackgroundColor,
-        border: `1px solid ${theme.baseInput.multilineDisabledBorderColor}`
+        backgroundColor: theme.colors.atmo2,
+        border: `1px solid ${theme.colors.secondary_60}`
       }
     },
     "&:hover $inputRootMultiline": {
       "& $input": {
-        backgroundColor: theme.baseInput.disabledBackgroundColor,
-        border: `1px solid ${theme.baseInput.multilineDisabledBorderColor}`
+        backgroundColor: theme.colors.atmo2,
+        border: `1px solid ${theme.colors.secondary_60}`
       }
     }
   },
@@ -80,27 +80,27 @@ const {
     },
     "& $inputRootMultiline": {
       "& $input": {
-        border: `1px solid ${theme.baseInput.readOnlyBorderColor}`,
-        backgroundColor: theme.baseInput.readOnlyBackgroundColor
+        border: `1px solid ${theme.colors.secondary_60}`,
+        backgroundColor: "transparent"
       }
     },
     "&:hover $inputRootMultiline": {
       "& $input": {
-        border: `1px solid ${theme.baseInput.readOnlyBorderColor}`,
-        backgroundColor: theme.baseInput.readOnlyBackgroundColor
+        border: `1px solid ${theme.colors.secondary_60}`,
+        backgroundColor: "transparent"
       }
     },
     "&:focus-within $inputRootMultiline": {
       "& $input": {
-        border: `1px solid ${theme.baseInput.readOnlyBorderColor}`,
-        backgroundColor: theme.baseInput.readOnlyBackgroundColor
+        border: `1px solid ${theme.colors.secondary_60}`,
+        backgroundColor: "transparent"
       }
     }
   },
   inputBorderContainer: {
     position: "absolute",
     width: "calc(100% - 4px)",
-    height: theme.baseInput.underlineHeight,
+    height: "0px",
     top: "31px",
     left: "2px",
     backgroundColor: theme.colors.atmo4
@@ -109,20 +109,20 @@ const {
     borderColor: theme.colors.negative
   },
   inputRootReadOnly: {
-    borderColor: theme.baseInput.readOnlyBorderColor,
-    backgroundColor: theme.baseInput.readOnlyBackgroundColor
+    borderColor: theme.colors.secondary_60,
+    backgroundColor: "transparent"
   },
   inputRoot: {
     margin: 0,
     width: "100%",
     borderRadius: theme.radii.base,
     height: "32px",
-    border: `1px solid ${theme.baseInput.borderColor}`,
+    border: `1px solid ${theme.colors.secondary_80}`,
     boxSizing: "border-box",
     backgroundColor: theme.colors.atmo1,
     fontFamily: theme.fontFamily.body,
     "&:hover:not($inputRootDisabled):not($inputRootInvalid):not($inputRootReadOnly)": {
-      borderColor: theme.baseInput.hoverColor
+      borderColor: theme.colors.primary
     },
     "&:hover:not($inputRootDisabled)::before": {
       borderBottom: "none"
@@ -141,15 +141,15 @@ const {
       background: theme.colors.atmo1
     },
     "& $inputRootReadOnly": {
-      backgroundColor: theme.baseInput.readOnlyBackgroundColor
+      backgroundColor: "transparent"
     }
   },
   inputRootDisabled: {
-    background: theme.baseInput.disabledBackgroundColor,
-    borderColor: theme.baseInput.disabledBorderColor,
+    background: theme.colors.atmo2,
+    borderColor: theme.colors.secondary_60,
     cursor: "not-allowed",
     "&:hover": {
-      background: theme.baseInput.disabledBackgroundColor,
+      background: theme.colors.atmo2,
       cursor: "not-allowed"
     },
     "&&::before": {
@@ -163,7 +163,7 @@ const {
     border: "none",
     height: "auto",
     "& $input": {
-      border: `1px solid ${theme.baseInput.multilineBorderColor}`,
+      border: `1px solid ${theme.colors.secondary_80}`,
       borderRadius: theme.radii.base,
       backgroundColor: theme.colors.atmo1,
       height: "auto",
@@ -173,7 +173,7 @@ const {
       marginLeft: "0px",
       marginRight: "0px",
       "&:hover": {
-        border: `1px solid ${theme.baseInput.hoverColor}`
+        border: `1px solid ${theme.colors.primary}`
       }
     }
   },
@@ -190,7 +190,7 @@ const {
     ...theme.typography.body,
     "&::placeholder": {
       opacity: 1,
-      color: theme.baseInput.placeholderColor
+      color: theme.colors.secondary_80
     },
     "&::-ms-clear": {
       display: "none"
@@ -198,7 +198,7 @@ const {
   },
   inputDisabled: {},
   inputReadOnly: {
-    color: theme.baseInput.readOnlyTextColor
+    color: theme.colors.secondary_80
   },
   inputResizable: {
     resize: "both",

package/dist/esm/components/BaseInput/BaseInput.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseInput.styles.js","sources":["../../../../src/components/BaseInput/BaseInput.styles.tsx"],"sourcesContent":["import { CSSProperties } from \"react\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvBaseInput\", {\n root: {\n display: \"inline-block\",\n width: \"100%\",\n position: \"relative\",\n\n \"&:hover $inputBorderContainer\": {\n backgroundColor: theme.baseInput.hoverColor,\n },\n\n \"&:focus-within $inputBorderContainer\": {\n backgroundColor: theme.baseInput.hoverColor,\n },\n },\n disabled: {\n \"& $inputBorderContainer\": {\n backgroundColor: theme.colors.atmo4,\n },\n\n \"&:hover $inputBorderContainer\": {\n backgroundColor: theme.colors.atmo4,\n },\n\n \"&& $input\": {\n color: theme.baseInput.disabledTextColor,\n WebkitTextFillColor: theme.baseInput.disabledTextColor,\n },\n\n \"& $inputRootMultiline\": {\n \"& $input\": {\n backgroundColor: theme.baseInput.disabledBackgroundColor,\n border: `1px solid ${theme.baseInput.multilineDisabledBorderColor}`,\n },\n },\n\n \"&:hover $inputRootMultiline\": {\n \"& $input\": {\n backgroundColor: theme.baseInput.disabledBackgroundColor,\n border: `1px solid ${theme.baseInput.multilineDisabledBorderColor}`,\n },\n },\n },\n invalid: {\n \"&:not(.disabled)\": {\n \"& $inputBorderContainer\": {\n backgroundColor: theme.colors.negative,\n },\n\n \"&:hover $inputBorderContainer\": {\n backgroundColor: theme.colors.negative,\n },\n\n \"& $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.colors.negative}`,\n },\n },\n\n \"&:hover $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.colors.negative}`,\n },\n },\n\n \"&:focus-within $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.colors.negative}`,\n },\n },\n },\n },\n resizable: { width: \"auto\" },\n readOnly: {\n \"& $inputBorderContainer\": {\n backgroundColor: \"transparent\",\n },\n\n \"&:hover $inputBorderContainer\": {\n backgroundColor: \"transparent\",\n },\n\n \"&:focus-within $inputBorderContainer\": {\n backgroundColor: \"transparent\",\n },\n\n \"& $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.baseInput.readOnlyBorderColor}`,\n backgroundColor: theme.baseInput.readOnlyBackgroundColor,\n },\n },\n\n \"&:hover $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.baseInput.readOnlyBorderColor}`,\n backgroundColor: theme.baseInput.readOnlyBackgroundColor,\n },\n },\n\n \"&:focus-within $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.baseInput.readOnlyBorderColor}`,\n backgroundColor: theme.baseInput.readOnlyBackgroundColor,\n },\n },\n },\n inputBorderContainer: {\n position: \"absolute\",\n width: \"calc(100% - 4px)\",\n height: theme.baseInput.underlineHeight,\n top: \"31px\",\n left: \"2px\",\n backgroundColor: theme.colors.atmo4,\n },\n inputRootInvalid: { borderColor: theme.colors.negative },\n inputRootReadOnly: {\n borderColor: theme.baseInput.readOnlyBorderColor,\n backgroundColor: theme.baseInput.readOnlyBackgroundColor,\n },\n inputRoot: {\n margin: 0,\n width: \"100%\",\n borderRadius: theme.radii.base,\n height: \"32px\",\n border: `1px solid ${theme.baseInput.borderColor}`,\n boxSizing: \"border-box\",\n backgroundColor: theme.colors.atmo1,\n fontFamily: theme.fontFamily.body,\n\n \"&:hover:not($inputRootDisabled):not($inputRootInvalid):not($inputRootReadOnly)\":\n {\n borderColor: theme.baseInput.hoverColor,\n },\n\n \"&:hover:not($inputRootDisabled)::before\": {\n borderBottom: \"none\",\n },\n\n \"&::before\": {\n borderBottom: \"none\",\n },\n\n \"&::after\": {\n borderBottom: \"none\",\n },\n },\n inputRootFocused: {\n background: theme.colors.atmo1,\n ...outlineStyles,\n\n \"&:hover\": {\n background: theme.colors.atmo1,\n },\n\n \"& $inputRootReadOnly\": {\n backgroundColor: theme.baseInput.readOnlyBackgroundColor,\n },\n },\n inputRootDisabled: {\n background: theme.baseInput.disabledBackgroundColor,\n borderColor: theme.baseInput.disabledBorderColor,\n cursor: \"not-allowed\",\n\n \"&:hover\": {\n background: theme.baseInput.disabledBackgroundColor,\n cursor: \"not-allowed\",\n },\n\n \"&&::before\": {\n borderBottomStyle: \"none\",\n },\n },\n inputRootMultiline: {\n padding: 0,\n backgroundColor: \"transparent\",\n overflow: \"auto\",\n border: \"none\",\n height: \"auto\",\n\n \"& $input\": {\n border: `1px solid ${theme.baseInput.multilineBorderColor}`,\n borderRadius: theme.radii.base,\n backgroundColor: theme.colors.atmo1,\n height: \"auto\",\n minHeight: \"21px\",\n padding: \"5px 10px\",\n overflow: \"auto\",\n marginLeft: \"0px\",\n marginRight: \"0px\",\n\n \"&:hover\": {\n border: `1px solid ${theme.baseInput.hoverColor}`,\n },\n },\n },\n input: {\n height: \"19px\",\n marginLeft: theme.space.xs,\n marginRight: theme.space.xs,\n padding: \"6px 0 5px\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n outline: \"none\",\n width: \"initial\",\n flexGrow: 1,\n ...(theme.typography.body as CSSProperties),\n\n \"&::placeholder\": {\n opacity: 1,\n color: theme.baseInput.placeholderColor,\n },\n\n \"&::-ms-clear\": {\n display: \"none\",\n },\n },\n inputDisabled: {},\n inputReadOnly: {\n color: theme.baseInput.readOnlyTextColor,\n },\n inputResizable: { resize: \"both\", width: \"100%\" },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","width","position","backgroundColor","theme","baseInput","hoverColor","disabled","colors","atmo4","color","disabledTextColor","WebkitTextFillColor","disabledBackgroundColor","border","multilineDisabledBorderColor","invalid","negative","resizable","readOnly","readOnlyBorderColor","readOnlyBackgroundColor","inputBorderContainer","height","underlineHeight","top","left","inputRootInvalid","borderColor","inputRootReadOnly","inputRoot","margin","borderRadius","radii","base","boxSizing","atmo1","fontFamily","body","borderBottom","inputRootFocused","background","outlineStyles","inputRootDisabled","disabledBorderColor","cursor","borderBottomStyle","inputRootMultiline","padding","overflow","multilineBorderColor","minHeight","marginLeft","marginRight","input","space","xs","textOverflow","outline","flexGrow","typography","opacity","placeholderColor","inputDisabled","inputReadOnly","readOnlyTextColor","inputResizable","resize"],"mappings":"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"}
1	+ {"version":3,"file":"BaseInput.styles.js","sources":["../../../../src/components/BaseInput/BaseInput.styles.tsx"],"sourcesContent":["import { CSSProperties } from \"react\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvBaseInput\", {\n root: {\n display: \"inline-block\",\n width: \"100%\",\n position: \"relative\",\n\n \"&:hover $inputBorderContainer\": {\n backgroundColor: theme.colors.primary,\n },\n\n \"&:focus-within $inputBorderContainer\": {\n backgroundColor: theme.colors.primary,\n },\n },\n disabled: {\n \"& $inputBorderContainer\": {\n backgroundColor: theme.colors.atmo4,\n },\n\n \"&:hover $inputBorderContainer\": {\n backgroundColor: theme.colors.atmo4,\n },\n\n \"&& $input\": {\n color: theme.colors.secondary_60,\n WebkitTextFillColor: theme.colors.secondary_60,\n },\n\n \"& $inputRootMultiline\": {\n \"& $input\": {\n backgroundColor: theme.colors.atmo2,\n border: `1px solid ${theme.colors.secondary_60}`,\n },\n },\n\n \"&:hover $inputRootMultiline\": {\n \"& $input\": {\n backgroundColor: theme.colors.atmo2,\n border: `1px solid ${theme.colors.secondary_60}`,\n },\n },\n },\n invalid: {\n \"&:not(.disabled)\": {\n \"& $inputBorderContainer\": {\n backgroundColor: theme.colors.negative,\n },\n\n \"&:hover $inputBorderContainer\": {\n backgroundColor: theme.colors.negative,\n },\n\n \"& $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.colors.negative}`,\n },\n },\n\n \"&:hover $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.colors.negative}`,\n },\n },\n\n \"&:focus-within $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.colors.negative}`,\n },\n },\n },\n },\n resizable: { width: \"auto\" },\n readOnly: {\n \"& $inputBorderContainer\": {\n backgroundColor: \"transparent\",\n },\n\n \"&:hover $inputBorderContainer\": {\n backgroundColor: \"transparent\",\n },\n\n \"&:focus-within $inputBorderContainer\": {\n backgroundColor: \"transparent\",\n },\n\n \"& $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.colors.secondary_60}`,\n backgroundColor: \"transparent\",\n },\n },\n\n \"&:hover $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.colors.secondary_60}`,\n backgroundColor: \"transparent\",\n },\n },\n\n \"&:focus-within $inputRootMultiline\": {\n \"& $input\": {\n border: `1px solid ${theme.colors.secondary_60}`,\n backgroundColor: \"transparent\",\n },\n },\n },\n inputBorderContainer: {\n position: \"absolute\",\n width: \"calc(100% - 4px)\",\n height: \"0px\",\n top: \"31px\",\n left: \"2px\",\n backgroundColor: theme.colors.atmo4,\n },\n inputRootInvalid: { borderColor: theme.colors.negative },\n inputRootReadOnly: {\n borderColor: theme.colors.secondary_60,\n backgroundColor: \"transparent\",\n },\n inputRoot: {\n margin: 0,\n width: \"100%\",\n borderRadius: theme.radii.base,\n height: \"32px\",\n border: `1px solid ${theme.colors.secondary_80}`,\n boxSizing: \"border-box\",\n backgroundColor: theme.colors.atmo1,\n fontFamily: theme.fontFamily.body,\n\n \"&:hover:not($inputRootDisabled):not($inputRootInvalid):not($inputRootReadOnly)\":\n {\n borderColor: theme.colors.primary,\n },\n\n \"&:hover:not($inputRootDisabled)::before\": {\n borderBottom: \"none\",\n },\n\n \"&::before\": {\n borderBottom: \"none\",\n },\n\n \"&::after\": {\n borderBottom: \"none\",\n },\n },\n inputRootFocused: {\n background: theme.colors.atmo1,\n ...outlineStyles,\n\n \"&:hover\": {\n background: theme.colors.atmo1,\n },\n\n \"& $inputRootReadOnly\": {\n backgroundColor: \"transparent\",\n },\n },\n inputRootDisabled: {\n background: theme.colors.atmo2,\n borderColor: theme.colors.secondary_60,\n cursor: \"not-allowed\",\n\n \"&:hover\": {\n background: theme.colors.atmo2,\n cursor: \"not-allowed\",\n },\n\n \"&&::before\": {\n borderBottomStyle: \"none\",\n },\n },\n inputRootMultiline: {\n padding: 0,\n backgroundColor: \"transparent\",\n overflow: \"auto\",\n border: \"none\",\n height: \"auto\",\n\n \"& $input\": {\n border: `1px solid ${theme.colors.secondary_80}`,\n borderRadius: theme.radii.base,\n backgroundColor: theme.colors.atmo1,\n height: \"auto\",\n minHeight: \"21px\",\n padding: \"5px 10px\",\n overflow: \"auto\",\n marginLeft: \"0px\",\n marginRight: \"0px\",\n\n \"&:hover\": {\n border: `1px solid ${theme.colors.primary}`,\n },\n },\n },\n input: {\n height: \"19px\",\n marginLeft: theme.space.xs,\n marginRight: theme.space.xs,\n padding: \"6px 0 5px\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n outline: \"none\",\n width: \"initial\",\n flexGrow: 1,\n ...(theme.typography.body as CSSProperties),\n\n \"&::placeholder\": {\n opacity: 1,\n color: theme.colors.secondary_80,\n },\n\n \"&::-ms-clear\": {\n display: \"none\",\n },\n },\n inputDisabled: {},\n inputReadOnly: {\n color: theme.colors.secondary_80,\n },\n inputResizable: { resize: \"both\", width: \"100%\" },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","width","position","backgroundColor","theme","colors","primary","disabled","atmo4","color","secondary_60","WebkitTextFillColor","atmo2","border","invalid","negative","resizable","readOnly","inputBorderContainer","height","top","left","inputRootInvalid","borderColor","inputRootReadOnly","inputRoot","margin","borderRadius","radii","base","secondary_80","boxSizing","atmo1","fontFamily","body","borderBottom","inputRootFocused","background","outlineStyles","inputRootDisabled","cursor","borderBottomStyle","inputRootMultiline","padding","overflow","minHeight","marginLeft","marginRight","input","space","xs","textOverflow","outline","flexGrow","typography","opacity","inputDisabled","inputReadOnly","inputResizable","resize"],"mappings":"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"}

package/dist/esm/components/BaseRadio/BaseRadio.styles.js CHANGED Viewed

@@ -9,8 +9,8 @@ const {
     padding: 0,
     cursor: "pointer",
     "&:hover": {
-      backgroundColor: theme.baseRadio.hoverColor,
-      borderRadius: theme.baseRadio.hoverBorderRadius
+      backgroundColor: theme.colors.containerBackgroundHover,
+      borderRadius: theme.radii.base
     },
     borderRadius: 0
   },

package/dist/esm/components/BaseRadio/BaseRadio.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseRadio.styles.js","sources":["../../../../src/components/BaseRadio/BaseRadio.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvBaseRadio\", {\n root: {\n padding: 0,\n cursor: \"pointer\",\n \"&:hover\": {\n backgroundColor: theme.~~baseRadio~~.~~hoverColor~~,\n borderRadius: theme.~~baseRadio~~.~~hoverBorderRadius~~,\n },\n borderRadius: 0,\n },\n disabled: {\n cursor: \"not-allowed\",\n pointerEvents: \"initial\",\n \"& svg\": {\n \"& path:nth-of-type(2)\": {\n fill: theme.colors.secondary_60,\n },\n },\n },\n focusVisible: {\n \"& svg\": {\n borderRadius: \"8px\",\n ...outlineStyles,\n },\n },\n icon: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","padding","cursor","backgroundColor","theme","~~baseRadio~~","~~hoverColor~~","borderRadius","~~hoverBorderRadius~~","disabled","pointerEvents","fill","~~colors","~~secondary_60","focusVisible","outlineStyles","icon"],"mappings":";;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,eAAe;AAAA,EACxEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACR,WAAW;AAAA,MACTC,iBAAiBC,MAAMC,~~UAAUC~~;AAAAA,~~MACjCC~~,cAAcH,MAAMC~~,UAAUG~~;AAAAA,~~IAChC~~;AAAA,~~IACAD~~,cAAc;AAAA,EAChB;AAAA,~~EACAE~~,UAAU;AAAA,~~IACRP~~,QAAQ;AAAA,~~IACRQ~~,eAAe;AAAA,IACf,SAAS;AAAA,MACP,yBAAyB;AAAA,QACvBC,~~MAAMP~~,~~MAAMQ~~,~~OAAOC~~;AAAAA,MACrB;AAAA,IACF;AAAA,EACF;AAAA,EACAC,cAAc;AAAA,IACZ,SAAS;AAAA,MACPP,cAAc;AAAA,MACd,GAAGQ;AAAAA,IACL;AAAA,EACF;AAAA,EACAC,MAAM,CAAC;AACT,CAAC;"}
1	+ {"version":3,"file":"BaseRadio.styles.js","sources":["../../../../src/components/BaseRadio/BaseRadio.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvBaseRadio\", {\n root: {\n padding: 0,\n cursor: \"pointer\",\n \"&:hover\": {\n backgroundColor: theme.colors.containerBackgroundHover,\n borderRadius: theme.radii.base,\n },\n borderRadius: 0,\n },\n disabled: {\n cursor: \"not-allowed\",\n pointerEvents: \"initial\",\n \"& svg\": {\n \"& path:nth-of-type(2)\": {\n fill: theme.colors.secondary_60,\n },\n },\n },\n focusVisible: {\n \"& svg\": {\n borderRadius: \"8px\",\n ...outlineStyles,\n },\n },\n icon: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","padding","cursor","backgroundColor","theme","colors","containerBackgroundHover","borderRadius","radii","base","disabled","pointerEvents","fill","secondary_60","focusVisible","outlineStyles","icon"],"mappings":";;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,eAAe;AAAA,EACxEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACR,WAAW;AAAA,MACTC,iBAAiBC,MAAMC,OAAOC;AAAAA,MAC9BC,cAAcH,MAAMI,MAAMC;AAAAA,IAC5B;AAAA,IACAF,cAAc;AAAA,EAChB;AAAA,EACAG,UAAU;AAAA,IACRR,QAAQ;AAAA,IACRS,eAAe;AAAA,IACf,SAAS;AAAA,MACP,yBAAyB;AAAA,QACvBC,MAAMR,MAAMC,OAAOQ;AAAAA,MACrB;AAAA,IACF;AAAA,EACF;AAAA,EACAC,cAAc;AAAA,IACZ,SAAS;AAAA,MACPP,cAAc;AAAA,MACd,GAAGQ;AAAAA,IACL;AAAA,EACF;AAAA,EACAC,MAAM,CAAC;AACT,CAAC;"}