@hitachivantara/uikit-react-core 5.91.2 → 5.91.3

package/dist/esm/Radio/Radio.styles.js

@@ -9,8 +9,11 @@ const { staticClasses, useClasses } = createClasses("HvRadio", {
     alignItems: "center",
     transition: "background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
     borderRadius: theme.radii.base,
-    ":hover:not($disabled)": {
+    "&:hover:not($disabled)": {
       backgroundColor: theme.colors.bgHover
+    },
+    ":where(:has($label)) $radio": {
+      borderRadius: "inherit"
     }
   },
   invalidContainer: {},
@@ -18,6 +21,10 @@ const { staticClasses, useClasses } = createClasses("HvRadio", {
     cursor: "not-allowed",
     "& $label": { color: theme.colors.textDisabled, cursor: "not-allowed" }
   },
+  focusVisible: {
+    backgroundColor: theme.colors.bgPageSecondary,
+    ...outlineStyles
+  },
   radio: {},
   invalidRadio: {},
   label: {
@@ -28,10 +35,6 @@ const { staticClasses, useClasses } = createClasses("HvRadio", {
     lineHeight: "32px",
     width: "100%"
   },
-  focusVisible: {
-    backgroundColor: theme.colors.bgPageSecondary,
-    ...outlineStyles
-  },
   checked: {},
   semantic: {}
 });

package/dist/esm/Radio/Radio.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.styles.js","sources":["../../../src/Radio/Radio.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"../utils/focusUtils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvRadio\", {\n  root: { display: \"inline-block\" },\n  container: {\n    cursor: \"pointer\",\n    display: \"flex\",\n    alignItems: \"center\",\n    transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n    borderRadius: theme.radii.base,\n\n    \":hover:not($disabled)\": {\n      backgroundColor: theme.colors.bgHover,\n    },\n  },\n  invalidContainer: {},\n  disabled: {\n    cursor: \"not-allowed\",\n\n    \"& $label\": { color: theme.colors.textDisabled, cursor: \"not-allowed\" },\n  },\n  radio: {},\n  invalidRadio: {},\n  label: {\n    verticalAlign: \"middle\",\n    paddingRight: theme.space.xs,\n    ...theme.typography.body,\n    cursor: \"pointer\",\n    lineHeight: \"32px\",\n    width: \"100%\",\n  },\n  focusVisible: {\n    backgroundColor: theme.colors.bgPageSecondary,\n    ...outlineStyles,\n  },\n  checked: {},\n  semantic: {},\n});\n"],"names":[],"mappings":";;;AAKO,MAAM,EAAE,eAAe,eAAe,cAAc,WAAW;AAAA,EACpE,MAAM,EAAE,SAAS,eAAe;AAAA,EAChC,WAAW;AAAA,IACT,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,cAAc,MAAM,MAAM;AAAA,IAE1B,yBAAyB;AAAA,MACvB,iBAAiB,MAAM,OAAO;AAAA,IAAA;AAAA,EAElC;AAAA,EACA,kBAAkB,CAAC;AAAA,EACnB,UAAU;AAAA,IACR,QAAQ;AAAA,IAER,YAAY,EAAE,OAAO,MAAM,OAAO,cAAc,QAAQ,cAAc;AAAA,EACxE;AAAA,EACA,OAAO,CAAC;AAAA,EACR,cAAc,CAAC;AAAA,EACf,OAAO;AAAA,IACL,eAAe;AAAA,IACf,cAAc,MAAM,MAAM;AAAA,IAC1B,GAAG,MAAM,WAAW;AAAA,IACpB,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAO;AAAA,EACT;AAAA,EACA,cAAc;AAAA,IACZ,iBAAiB,MAAM,OAAO;AAAA,IAC9B,GAAG;AAAA,EACL;AAAA,EACA,SAAS,CAAC;AAAA,EACV,UAAU,CAAA;AACZ,CAAC;"}
+{"version":3,"file":"Radio.styles.js","sources":["../../../src/Radio/Radio.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"../utils/focusUtils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvRadio\", {\n  root: { display: \"inline-block\" },\n  container: {\n    cursor: \"pointer\",\n    display: \"flex\",\n    alignItems: \"center\",\n    transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n    borderRadius: theme.radii.base,\n\n    \"&:hover:not($disabled)\": {\n      backgroundColor: theme.colors.bgHover,\n    },\n    \":where(:has($label)) $radio\": {\n      borderRadius: \"inherit\",\n    },\n  },\n  invalidContainer: {},\n  disabled: {\n    cursor: \"not-allowed\",\n    \"& $label\": { color: theme.colors.textDisabled, cursor: \"not-allowed\" },\n  },\n  focusVisible: {\n    backgroundColor: theme.colors.bgPageSecondary,\n    ...outlineStyles,\n  },\n  radio: {},\n  invalidRadio: {},\n  label: {\n    verticalAlign: \"middle\",\n    paddingRight: theme.space.xs,\n    ...theme.typography.body,\n    cursor: \"pointer\",\n    lineHeight: \"32px\",\n    width: \"100%\",\n  },\n  checked: {},\n  semantic: {},\n});\n"],"names":[],"mappings":";;;AAKO,MAAM,EAAE,eAAe,eAAe,cAAc,WAAW;AAAA,EACpE,MAAM,EAAE,SAAS,eAAe;AAAA,EAChC,WAAW;AAAA,IACT,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,cAAc,MAAM,MAAM;AAAA,IAE1B,0BAA0B;AAAA,MACxB,iBAAiB,MAAM,OAAO;AAAA,IAChC;AAAA,IACA,+BAA+B;AAAA,MAC7B,cAAc;AAAA,IAAA;AAAA,EAElB;AAAA,EACA,kBAAkB,CAAC;AAAA,EACnB,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,YAAY,EAAE,OAAO,MAAM,OAAO,cAAc,QAAQ,cAAc;AAAA,EACxE;AAAA,EACA,cAAc;AAAA,IACZ,iBAAiB,MAAM,OAAO;AAAA,IAC9B,GAAG;AAAA,EACL;AAAA,EACA,OAAO,CAAC;AAAA,EACR,cAAc,CAAC;AAAA,EACf,OAAO;AAAA,IACL,eAAe;AAAA,IACf,cAAc,MAAM,MAAM;AAAA,IAC1B,GAAG,MAAM,WAAW;AAAA,IACpB,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAO;AAAA,EACT;AAAA,EACA,SAAS,CAAC;AAAA,EACV,UAAU,CAAA;AACZ,CAAC;"}

package/dist/esm/TimePicker/Unit/Unit.js

@@ -29,8 +29,7 @@ const Unit = ({
         },
         classes: {
           input: classes.input,
-          root: classes.inputContainer,
-          inputRoot: classes.inputRoot
+          root: classes.inputRoot
         },
         onKeyDown: (event) => {
           if ("key" in event && event.key === "Enter") {

package/dist/esm/TimePicker/Unit/Unit.js.map

@@ -1 +1 @@
-{"version":3,"file":"Unit.js","sources":["../../../../src/TimePicker/Unit/Unit.tsx"],"sourcesContent":["import { DateFieldState, DateSegment } from \"@react-stately/datepicker\";\nimport {\n  DropUpXS as AddTimeIcon,\n  DropDownXS as SubtractTimeIcon,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { HvBaseInput, HvBaseInputProps } from \"../../BaseInput\";\nimport { HvButton } from \"../../Button\";\nimport { useClasses } from \"./Unit.styles\";\n\ninterface UnitProps {\n  id?: string;\n  state: DateFieldState;\n  segment: DateSegment;\n  placeholder?: string;\n  /** Called when the value changes */\n  onChange?: HvBaseInputProps[\"onChange\"];\n  /** Called when the up/add arrow is pressed */\n  onAdd?: () => void;\n  /** Called when the down/subtract arrow is pressed */\n  onSub?: () => void;\n}\n\nexport const Unit = ({\n  id,\n  state,\n  segment,\n  placeholder: placeholderProp,\n  onChange,\n  onAdd,\n  onSub,\n}: UnitProps) => {\n  const { classes } = useClasses();\n  const { type, text } = segment;\n  const placeholder = placeholderProp ?? segment.placeholder;\n\n  return (\n    <div className={classes.root}>\n      {type !== \"literal\" && <AddTimeIcon onClick={onAdd} />}\n      {type === \"literal\" && <div className={classes.separator}>{text}</div>}\n      {type === \"dayPeriod\" && (\n        <HvButton icon className={classes.periodToggle} onClick={onAdd}>\n          {text}\n        </HvButton>\n      )}\n      {[\"hour\", \"minute\", \"second\"].includes(type) && (\n        <HvBaseInput\n          id={id}\n          style={{\n            ...theme.typography.title3,\n          }}\n          classes={{\n            input: classes.input,\n            root: classes.inputContainer,\n            inputRoot: classes.inputRoot,\n          }}\n          onKeyDown={(event) => {\n            if (\"key\" in event && event.key === \"Enter\") {\n              event.preventDefault();\n              event.stopPropagation();\n            }\n          }}\n          required\n          invalid={state.isInvalid}\n          value={text.padStart(2, \"0\")}\n          onChange={onChange}\n          placeholder={placeholder}\n          inputProps={{ autoComplete: \"off\", type: \"number\" }}\n        />\n      )}\n      {type !== \"literal\" && <SubtractTimeIcon onClick={onSub} />}\n    </div>\n  );\n};\n"],"names":["AddTimeIcon","SubtractTimeIcon"],"mappings":";;;;;;AAwBO,MAAM,OAAO,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AACF,MAAiB;AACT,QAAA,EAAE,QAAQ,IAAI,WAAW;AACzB,QAAA,EAAE,MAAM,KAAA,IAAS;AACjB,QAAA,cAAc,mBAAmB,QAAQ;AAE/C,SACG,qBAAA,OAAA,EAAI,WAAW,QAAQ,MACrB,UAAA;AAAA,IAAA,SAAS,aAAa,oBAACA,UAAY,EAAA,SAAS,OAAO;AAAA,IACnD,SAAS,aAAa,oBAAC,SAAI,WAAW,QAAQ,WAAY,UAAK,MAAA;AAAA,IAC/D,SAAS,eACR,oBAAC,UAAS,EAAA,MAAI,MAAC,WAAW,QAAQ,cAAc,SAAS,OACtD,UACH,KAAA,CAAA;AAAA,IAED,CAAC,QAAQ,UAAU,QAAQ,EAAE,SAAS,IAAI,KACzC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,OAAO;AAAA,UACL,GAAG,MAAM,WAAW;AAAA,QACtB;AAAA,QACA,SAAS;AAAA,UACP,OAAO,QAAQ;AAAA,UACf,MAAM,QAAQ;AAAA,UACd,WAAW,QAAQ;AAAA,QACrB;AAAA,QACA,WAAW,CAAC,UAAU;AACpB,cAAI,SAAS,SAAS,MAAM,QAAQ,SAAS;AAC3C,kBAAM,eAAe;AACrB,kBAAM,gBAAgB;AAAA,UAAA;AAAA,QAE1B;AAAA,QACA,UAAQ;AAAA,QACR,SAAS,MAAM;AAAA,QACf,OAAO,KAAK,SAAS,GAAG,GAAG;AAAA,QAC3B;AAAA,QACA;AAAA,QACA,YAAY,EAAE,cAAc,OAAO,MAAM,SAAS;AAAA,MAAA;AAAA,IACpD;AAAA,IAED,SAAS,aAAc,oBAAAC,YAAA,EAAiB,SAAS,MAAO,CAAA;AAAA,EAAA,GAC3D;AAEJ;"}
+{"version":3,"file":"Unit.js","sources":["../../../../src/TimePicker/Unit/Unit.tsx"],"sourcesContent":["import { DateFieldState, DateSegment } from \"@react-stately/datepicker\";\nimport {\n  DropUpXS as AddTimeIcon,\n  DropDownXS as SubtractTimeIcon,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { HvBaseInput, HvBaseInputProps } from \"../../BaseInput\";\nimport { HvButton } from \"../../Button\";\nimport { useClasses } from \"./Unit.styles\";\n\ninterface UnitProps {\n  id?: string;\n  state: DateFieldState;\n  segment: DateSegment;\n  placeholder?: string;\n  /** Called when the value changes */\n  onChange?: HvBaseInputProps[\"onChange\"];\n  /** Called when the up/add arrow is pressed */\n  onAdd?: () => void;\n  /** Called when the down/subtract arrow is pressed */\n  onSub?: () => void;\n}\n\nexport const Unit = ({\n  id,\n  state,\n  segment,\n  placeholder: placeholderProp,\n  onChange,\n  onAdd,\n  onSub,\n}: UnitProps) => {\n  const { classes } = useClasses();\n  const { type, text } = segment;\n  const placeholder = placeholderProp ?? segment.placeholder;\n\n  return (\n    <div className={classes.root}>\n      {type !== \"literal\" && <AddTimeIcon onClick={onAdd} />}\n      {type === \"literal\" && <div className={classes.separator}>{text}</div>}\n      {type === \"dayPeriod\" && (\n        <HvButton icon className={classes.periodToggle} onClick={onAdd}>\n          {text}\n        </HvButton>\n      )}\n      {[\"hour\", \"minute\", \"second\"].includes(type) && (\n        <HvBaseInput\n          id={id}\n          style={{\n            ...theme.typography.title3,\n          }}\n          classes={{\n            input: classes.input,\n            root: classes.inputRoot,\n          }}\n          onKeyDown={(event) => {\n            if (\"key\" in event && event.key === \"Enter\") {\n              event.preventDefault();\n              event.stopPropagation();\n            }\n          }}\n          required\n          invalid={state.isInvalid}\n          value={text.padStart(2, \"0\")}\n          onChange={onChange}\n          placeholder={placeholder}\n          inputProps={{ autoComplete: \"off\", type: \"number\" }}\n        />\n      )}\n      {type !== \"literal\" && <SubtractTimeIcon onClick={onSub} />}\n    </div>\n  );\n};\n"],"names":["AddTimeIcon","SubtractTimeIcon"],"mappings":";;;;;;AAwBO,MAAM,OAAO,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AACF,MAAiB;AACT,QAAA,EAAE,QAAQ,IAAI,WAAW;AACzB,QAAA,EAAE,MAAM,KAAA,IAAS;AACjB,QAAA,cAAc,mBAAmB,QAAQ;AAE/C,SACG,qBAAA,OAAA,EAAI,WAAW,QAAQ,MACrB,UAAA;AAAA,IAAA,SAAS,aAAa,oBAACA,UAAY,EAAA,SAAS,OAAO;AAAA,IACnD,SAAS,aAAa,oBAAC,SAAI,WAAW,QAAQ,WAAY,UAAK,MAAA;AAAA,IAC/D,SAAS,eACR,oBAAC,UAAS,EAAA,MAAI,MAAC,WAAW,QAAQ,cAAc,SAAS,OACtD,UACH,KAAA,CAAA;AAAA,IAED,CAAC,QAAQ,UAAU,QAAQ,EAAE,SAAS,IAAI,KACzC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,OAAO;AAAA,UACL,GAAG,MAAM,WAAW;AAAA,QACtB;AAAA,QACA,SAAS;AAAA,UACP,OAAO,QAAQ;AAAA,UACf,MAAM,QAAQ;AAAA,QAChB;AAAA,QACA,WAAW,CAAC,UAAU;AACpB,cAAI,SAAS,SAAS,MAAM,QAAQ,SAAS;AAC3C,kBAAM,eAAe;AACrB,kBAAM,gBAAgB;AAAA,UAAA;AAAA,QAE1B;AAAA,QACA,UAAQ;AAAA,QACR,SAAS,MAAM;AAAA,QACf,OAAO,KAAK,SAAS,GAAG,GAAG;AAAA,QAC3B;AAAA,QACA;AAAA,QACA,YAAY,EAAE,cAAc,OAAO,MAAM,SAAS;AAAA,MAAA;AAAA,IACpD;AAAA,IAED,SAAS,aAAc,oBAAAC,YAAA,EAAiB,SAAS,MAAO,CAAA;AAAA,EAAA,GAC3D;AAEJ;"}

package/dist/esm/TimePicker/Unit/Unit.styles.js

@@ -27,8 +27,6 @@ const { staticClasses, useClasses } = createClasses("HvTimePickerUnit", {
     ...theme.typography.title3,
     fontWeight: 600,
     textAlign: "center",
-    height: 40,
-    width: 40,
     padding: 0,
     margin: 0,
     "&::placeholder": {
@@ -42,10 +40,6 @@ const { staticClasses, useClasses } = createClasses("HvTimePickerUnit", {
   },
   subtractIcon: {
     marginTop: theme.space.xs
-  },
-  inputContainer: {
-    minWidth: 40,
-    maxWidth: 40
   }
 });
 export {

package/dist/esm/TimePicker/Unit/Unit.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Unit.styles.js","sources":["../../../../src/TimePicker/Unit/Unit.styles.ts"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTimePickerUnit\", {\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    textAlign: \"center\",\n    ...theme.typography.title3,\n  },\n\n  separator: {\n    width: 8,\n  },\n\n  periodToggle: {\n    height: 40,\n    width: 40,\n  },\n\n  element: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    height: 40,\n    width: 40,\n  },\n\n  input: {\n    ...theme.typography.title3,\n    fontWeight: 600,\n    textAlign: \"center\",\n    height: 40,\n    width: 40,\n    padding: 0,\n    margin: 0,\n    \"&::placeholder\": {\n      fontSize: 16,\n      fontWeight: 600,\n    },\n  },\n  inputRoot: {\n    width: 40,\n    height: 40,\n  },\n\n  subtractIcon: {\n    marginTop: theme.space.xs,\n  },\n  inputContainer: {\n    minWidth: 40,\n    maxWidth: 40,\n  },\n});\n"],"names":[],"mappings":";;AAGO,MAAM,EAAE,eAAe,eAAe,cAAc,oBAAoB;AAAA,EAC7E,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,GAAG,MAAM,WAAW;AAAA,EACtB;AAAA,EAEA,WAAW;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EAEA,cAAc;AAAA,IACZ,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EAEA,SAAS;AAAA,IACP,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EAEA,OAAO;AAAA,IACL,GAAG,MAAM,WAAW;AAAA,IACpB,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,kBAAkB;AAAA,MAChB,UAAU;AAAA,MACV,YAAY;AAAA,IAAA;AAAA,EAEhB;AAAA,EACA,WAAW;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EAEA,cAAc;AAAA,IACZ,WAAW,MAAM,MAAM;AAAA,EACzB;AAAA,EACA,gBAAgB;AAAA,IACd,UAAU;AAAA,IACV,UAAU;AAAA,EAAA;AAEd,CAAC;"}
+{"version":3,"file":"Unit.styles.js","sources":["../../../../src/TimePicker/Unit/Unit.styles.ts"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTimePickerUnit\", {\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    textAlign: \"center\",\n    ...theme.typography.title3,\n  },\n\n  separator: {\n    width: 8,\n  },\n\n  periodToggle: {\n    height: 40,\n    width: 40,\n  },\n\n  element: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    height: 40,\n    width: 40,\n  },\n\n  input: {\n    ...theme.typography.title3,\n    fontWeight: 600,\n    textAlign: \"center\",\n    padding: 0,\n    margin: 0,\n    \"&::placeholder\": {\n      fontSize: 16,\n      fontWeight: 600,\n    },\n  },\n  inputRoot: {\n    width: 40,\n    height: 40,\n  },\n\n  subtractIcon: {\n    marginTop: theme.space.xs,\n  },\n});\n"],"names":[],"mappings":";;AAGO,MAAM,EAAE,eAAe,eAAe,cAAc,oBAAoB;AAAA,EAC7E,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,GAAG,MAAM,WAAW;AAAA,EACtB;AAAA,EAEA,WAAW;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EAEA,cAAc;AAAA,IACZ,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EAEA,SAAS;AAAA,IACP,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EAEA,OAAO;AAAA,IACL,GAAG,MAAM,WAAW;AAAA,IACpB,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,kBAAkB;AAAA,MAChB,UAAU;AAAA,MACV,YAAY;AAAA,IAAA;AAAA,EAEhB;AAAA,EACA,WAAW;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EAEA,cAAc;AAAA,IACZ,WAAW,MAAM,MAAM;AAAA,EAAA;AAE3B,CAAC;"}

package/dist/esm/VerticalNavigation/VerticalNavigation.styles.js

@@ -24,10 +24,7 @@ const { staticClasses, useClasses } = createClasses(
       }
     },
     collapsed: {
-      width: "56px",
-      "&$childData": {
-        width: "66px"
-      },
+      width: "fit-content",
       "& > :first-of-type:not(:last-child)": {
         padding: theme.spacing("sm", "xs", "xs", "xs")
       },

package/dist/esm/VerticalNavigation/VerticalNavigation.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalNavigation.styles.js","sources":["../../../src/VerticalNavigation/VerticalNavigation.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\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      backgroundColor: theme.colors.bgContainer,\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.borderSubtle}`,\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.borderSubtle}`,\n      },\n    },\n\n    childData: {},\n  },\n);\n"],"names":[],"mappings":";;AAGa,MAAA,EAAE,eAAe,WAAA,IAAe;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,eAAe;AAAA,MACf,gBAAgB;AAAA,MAEhB,OAAO;AAAA,MAEP,iBAAiB,MAAM,OAAO;AAAA,MAC9B,WAAW,MAAM,OAAO;AAAA,MACxB,UAAU;AAAA,MAEV,mBAAmB;AAAA,QACjB,SAAS,MAAM,MAAM;AAAA,MACvB;AAAA,MACA,+BAA+B;AAAA,QAC7B,WAAW,aAAa,MAAM,OAAO,YAAY;AAAA,QACjD,SAAS,MAAM,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,MAC/C;AAAA,MAEA,uCAAuC;AAAA,QACrC,WAAW;AAAA,QACX,SAAS,MAAM,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,MAAA;AAAA,IAEjD;AAAA,IACA,WAAW;AAAA,MACT,OAAO;AAAA,MACP,eAAe;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,uCAAuC;AAAA,QACrC,SAAS,MAAM,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,MAC/C;AAAA,MAEA,+BAA+B;AAAA,QAC7B,SAAS,MAAM,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,MAAA;AAAA,IAEjD;AAAA,IAEA,QAAQ;AAAA,MACN,yBAAyB;AAAA,QACvB,cAAc,aAAa,MAAM,OAAO,YAAY;AAAA,MAAA;AAAA,IAExD;AAAA,IAEA,WAAW,CAAA;AAAA,EAAC;AAEhB;"}
+{"version":3,"file":"VerticalNavigation.styles.js","sources":["../../../src/VerticalNavigation/VerticalNavigation.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\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      backgroundColor: theme.colors.bgContainer,\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.borderSubtle}`,\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: \"fit-content\",\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.borderSubtle}`,\n      },\n    },\n\n    childData: {},\n  },\n);\n"],"names":[],"mappings":";;AAGa,MAAA,EAAE,eAAe,WAAA,IAAe;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,eAAe;AAAA,MACf,gBAAgB;AAAA,MAEhB,OAAO;AAAA,MAEP,iBAAiB,MAAM,OAAO;AAAA,MAC9B,WAAW,MAAM,OAAO;AAAA,MACxB,UAAU;AAAA,MAEV,mBAAmB;AAAA,QACjB,SAAS,MAAM,MAAM;AAAA,MACvB;AAAA,MACA,+BAA+B;AAAA,QAC7B,WAAW,aAAa,MAAM,OAAO,YAAY;AAAA,QACjD,SAAS,MAAM,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,MAC/C;AAAA,MAEA,uCAAuC;AAAA,QACrC,WAAW;AAAA,QACX,SAAS,MAAM,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,MAAA;AAAA,IAEjD;AAAA,IACA,WAAW;AAAA,MACT,OAAO;AAAA,MACP,uCAAuC;AAAA,QACrC,SAAS,MAAM,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,MAC/C;AAAA,MAEA,+BAA+B;AAAA,QAC7B,SAAS,MAAM,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,MAAA;AAAA,IAEjD;AAAA,IAEA,QAAQ;AAAA,MACN,yBAAyB;AAAA,QACvB,cAAc,aAAa,MAAM,OAAO,YAAY;AAAA,MAAA;AAAA,IAExD;AAAA,IAEA,WAAW,CAAA;AAAA,EAAC;AAEhB;"}

package/dist/esm/icons.js

@@ -0,0 +1,13 @@
+import styled from "@emotion/styled";
+const SvgBase = styled("svg")({
+  display: "inline-block",
+  fill: "currentcolor",
+  width: "1em",
+  height: "1em",
+  fontSize: 16,
+  flexShrink: 0,
+  transition: "rotate 0.2s ease"
+});
+export {
+  SvgBase
+};

package/dist/esm/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sources":["../../src/icons.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const SvgBase = styled(\"svg\")({\n  display: \"inline-block\",\n  fill: \"currentcolor\",\n  width: \"1em\",\n  height: \"1em\",\n  fontSize: 16,\n  flexShrink: 0,\n  transition: \"rotate 0.2s ease\",\n});\n"],"names":[],"mappings":";AAEa,MAAA,UAAU,OAAO,KAAK,EAAE;AAAA,EACnC,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AACd,CAAC;"}

package/dist/types/index.d.ts

@@ -534,9 +534,9 @@ export declare const charCounterClasses: {
 export declare const checkBoxClasses: {
     root: string;
     container: string;
+    invalidContainer: string;
     disabled: string;
     focusVisible: string;
-    invalidContainer: string;
     checkbox: string;
     invalidCheckbox: string;
     label: string;
@@ -7812,10 +7812,10 @@ export declare const radioClasses: {
     container: string;
     invalidContainer: string;
     disabled: string;
+    focusVisible: string;
     radio: string;
     invalidRadio: string;
     label: string;
-    focusVisible: string;
     checked: string;
     semantic: string;
 };
@@ -9283,9 +9283,9 @@ declare const useClasses_37: (classesProp?: Partial<Record<"container" | "label"
     readonly classes: {
         root: string;
         container: string;
+        invalidContainer: string;
         disabled: string;
         focusVisible: string;
-        invalidContainer: string;
         checkbox: string;
         invalidCheckbox: string;
         label: string;
@@ -9714,7 +9714,7 @@ declare const useClasses_6: (classesProp?: Partial<Record<"root" | "disabled" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_60: (classesProp?: Partial<Record<"listContainer" | "selection" | "virtualized" | "selectAll" | "selectAllContainer" | "dropdownListContainer" | "rootList" | "searchContainer" | "listBorderDown", string>>, addStatic?: boolean) => {
+declare const useClasses_60: (classesProp?: Partial<Record<"listContainer" | "virtualized" | "selectAll" | "dropdownListContainer" | "rootList" | "searchContainer" | "listBorderDown", string>>, addStatic?: boolean) => {
     readonly classes: {
         rootList: string;
         dropdownListContainer: string;
@@ -9722,8 +9722,6 @@ declare const useClasses_60: (classesProp?: Partial<Record<"listContainer" | "se
         searchContainer: string;
         listBorderDown: string;
         listContainer: string;
-        selectAllContainer: string;
-        selection: string;
         selectAll: string;
     };
     readonly css: any;
@@ -10302,10 +10300,10 @@ declare const useClasses_98: (classesProp?: Partial<Record<"container" | "label"
         container: string;
         invalidContainer: string;
         disabled: string;
+        focusVisible: string;
         radio: string;
         invalidRadio: string;
         label: string;
-        focusVisible: string;
         checked: string;
         semantic: string;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.91.2",
+  "version": "5.91.3",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "Core React components for the NEXT Design System.",
@@ -32,10 +32,10 @@
   "dependencies": {
     "@emotion/cache": "^11.11.0",
     "@emotion/serialize": "^1.1.2",
-    "@hitachivantara/uikit-react-icons": "^5.14.4",
-    "@hitachivantara/uikit-react-shared": "^5.3.29",
-    "@hitachivantara/uikit-react-utils": "^0.2.30",
-    "@hitachivantara/uikit-styles": "^5.44.2",
+    "@hitachivantara/uikit-react-icons": "^5.14.5",
+    "@hitachivantara/uikit-react-shared": "^5.3.30",
+    "@hitachivantara/uikit-react-utils": "^0.2.31",
+    "@hitachivantara/uikit-styles": "^5.44.3",
     "@internationalized/date": "^3.2.0",
     "@mui/base": "5.0.0-beta.68",
     "@popperjs/core": "^2.11.8",
@@ -62,7 +62,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "223ba8f31c9f8bae7aa56087ce03602518ebb2a9",
+  "gitHead": "8fe6f1ab1d003c73d76a30c860b929eb30d3b027",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",