@hitachivantara/uikit-react-core 5.58.3 → 5.60.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.58.3",
+  "version": "5.60.0",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "Core React components for the NEXT Design System.",
@@ -33,9 +33,9 @@
     "@emotion/css": "^11.11.2",
     "@emotion/serialize": "^1.1.2",
     "@emotion/utils": "^1.2.1",
-    "@hitachivantara/uikit-react-icons": "^5.9.1",
-    "@hitachivantara/uikit-react-shared": "^5.1.33",
-    "@hitachivantara/uikit-styles": "^5.23.1",
+    "@hitachivantara/uikit-react-icons": "^5.9.3",
+    "@hitachivantara/uikit-react-shared": "^5.1.35",
+    "@hitachivantara/uikit-styles": "^5.25.0",
     "@internationalized/date": "^3.2.0",
     "@mui/base": "^5.0.0-beta.34",
     "@popperjs/core": "^2.11.8",
@@ -62,7 +62,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "bd9cf4d3b49c67e07d59b36c57f432095138cd16",
+  "gitHead": "68cdbb3a465690f8823074ba7390d9b721a42dd6",
   "main": "dist/cjs/index.cjs",
   "exports": {
     ".": {

package/dist/cjs/Select/SelectButton.cjs

@@ -1,92 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const React = require("react");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const useDefaultProps = require("../hooks/useDefaultProps.cjs");
-const classes = require("../utils/classes.cjs");
-const Button = require("../Button/Button.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvSelectButton", {
-  root: {
-    width: "100%",
-    minWidth: "unset",
-    userSelect: "none",
-    position: "relative",
-    paddingLeft: uikitStyles.theme.space.xs,
-    justifyContent: "flex-start"
-  },
-  disabled: {},
-  readOnly: {
-    userSelect: "text",
-    backgroundColor: uikitStyles.theme.colors.atmo2
-  },
-  open: {
-    backgroundColor: uikitStyles.theme.colors.atmo1
-  },
-  openUp: {
-    borderRadius: `0px 0px ${uikitStyles.theme.radii.base} ${uikitStyles.theme.radii.base}`
-  },
-  openDown: {
-    borderRadius: `${uikitStyles.theme.radii.base} ${uikitStyles.theme.radii.base} 0px 0px`
-  },
-  selection: {
-    color: "inherit",
-    flex: 1,
-    textAlign: "start",
-    overflow: "clip visible",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap"
-  },
-  placeholder: {},
-  arrowContainer: {
-    marginRight: uikitStyles.theme.spacing(-2)
-  },
-  arrow: {
-    transition: "rotate 0.2s ease"
-  }
-});
-const HvSelectButton = React.forwardRef((props, ref) => {
-  const {
-    classes: classesProp,
-    className,
-    open,
-    placement = "bottom",
-    disabled,
-    readOnly,
-    children,
-    adornment,
-    ...others
-  } = useDefaultProps.useDefaultProps("HvSelectButton", props);
-  const { classes: classes2, cx } = useClasses(classesProp);
-  const endIcon = adornment ?? /* @__PURE__ */ jsxRuntime.jsx(
-    uikitReactIcons.DropDownXS,
-    {
-      iconSize: "XS",
-      style: { rotate: open ? "180deg" : void 0 },
-      className: classes2.arrow
-    }
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Button.HvButton,
-    {
-      ref,
-      variant: "secondarySubtle",
-      disabled: disabled || readOnly,
-      className: cx(classes2.root, className, {
-        [classes2.open]: open,
-        [classes2.openUp]: open && placement.includes("top"),
-        [classes2.openDown]: open && placement.includes("bottom"),
-        [classes2.disabled]: disabled,
-        [classes2.readOnly]: readOnly
-      }),
-      classes: { endIcon: classes2.arrowContainer },
-      endIcon,
-      ...others,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes2.selection, children: children && typeof children === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes2.placeholder, children }) : children })
-    }
-  );
-});
-exports.HvSelectButton = HvSelectButton;
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Select/SelectButton.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectButton.cjs","sources":["../../../src/Select/SelectButton.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { Placement } from \"@popperjs/core\";\nimport { DropDownXS } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\nimport { ExtractNames, createClasses } from \"../utils/classes\";\nimport { HvButton } from \"../Button\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvSelectButton\", {\n  root: {\n    width: \"100%\",\n    minWidth: \"unset\",\n    userSelect: \"none\",\n    position: \"relative\",\n    paddingLeft: theme.space.xs,\n    justifyContent: \"flex-start\",\n  },\n  disabled: {},\n  readOnly: {\n    userSelect: \"text\",\n    backgroundColor: theme.colors.atmo2,\n  },\n  open: {\n    backgroundColor: theme.colors.atmo1,\n  },\n  openUp: {\n    borderRadius: `0px 0px ${theme.radii.base} ${theme.radii.base}`,\n  },\n  openDown: {\n    borderRadius: `${theme.radii.base} ${theme.radii.base} 0px 0px`,\n  },\n\n  selection: {\n    color: \"inherit\",\n    flex: 1,\n    textAlign: \"start\",\n\n    overflow: \"clip visible\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n  placeholder: {},\n  arrowContainer: {\n    marginRight: theme.spacing(-2),\n  },\n  arrow: {\n    transition: \"rotate 0.2s ease\",\n  },\n});\n\nexport type HvSelectButtonClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSelectButtonProps\n  extends React.HTMLAttributes<HTMLButtonElement> {\n  readOnly?: boolean;\n  open?: boolean;\n  disabled?: boolean;\n  placement?: Placement;\n  adornment?: React.ReactNode;\n  classes?: HvSelectButtonClasses;\n}\n\n/**\n * HvSelect internal header button component\n */\nexport const HvSelectButton = forwardRef<\n  HTMLButtonElement,\n  HvSelectButtonProps\n>((props, ref) => {\n  const {\n    classes: classesProp,\n    className,\n    open,\n    placement = \"bottom\",\n    disabled,\n    readOnly,\n    children,\n    adornment,\n    ...others\n  } = useDefaultProps(\"HvSelectButton\", props);\n  const { classes, cx } = useClasses(classesProp);\n\n  const endIcon = adornment ?? (\n    <DropDownXS\n      iconSize=\"XS\"\n      style={{ rotate: open ? \"180deg\" : undefined }}\n      className={classes.arrow}\n    />\n  );\n\n  return (\n    <HvButton\n      ref={ref}\n      variant=\"secondarySubtle\"\n      disabled={disabled || readOnly}\n      className={cx(classes.root, className, {\n        [classes.open]: open,\n        [classes.openUp]: open && placement.includes(\"top\"),\n        [classes.openDown]: open && placement.includes(\"bottom\"),\n        [classes.disabled]: disabled,\n        [classes.readOnly]: readOnly,\n      })}\n      classes={{ endIcon: classes.arrowContainer }}\n      endIcon={endIcon}\n      {...others}\n    >\n      <div className={classes.selection}>\n        {children && typeof children === \"string\" ? (\n          <div className={classes.placeholder}>{children}</div>\n        ) : (\n          children\n        )}\n      </div>\n    </HvButton>\n  );\n});\n"],"names":["createClasses","theme","forwardRef","useDefaultProps","classes","jsx","DropDownXS","HvButton"],"mappings":";;;;;;;;;AASO,MAAM,EAAE,eAAe,eAAeA,QAAAA,cAAc,kBAAkB;AAAA,EAC3E,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,aAAaC,YAAAA,MAAM,MAAM;AAAA,IACzB,gBAAgB;AAAA,EAClB;AAAA,EACA,UAAU,CAAC;AAAA,EACX,UAAU;AAAA,IACR,YAAY;AAAA,IACZ,iBAAiBA,YAAAA,MAAM,OAAO;AAAA,EAChC;AAAA,EACA,MAAM;AAAA,IACJ,iBAAiBA,YAAAA,MAAM,OAAO;AAAA,EAChC;AAAA,EACA,QAAQ;AAAA,IACN,cAAc,WAAWA,YAAAA,MAAM,MAAM,IAAI,IAAIA,YAAA,MAAM,MAAM,IAAI;AAAA,EAC/D;AAAA,EACA,UAAU;AAAA,IACR,cAAc,GAAGA,YAAM,MAAA,MAAM,IAAI,IAAIA,kBAAM,MAAM,IAAI;AAAA,EACvD;AAAA,EAEA,WAAW;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,IAEX,UAAU;AAAA,IACV,cAAc;AAAA,IACd,YAAY;AAAA,EACd;AAAA,EACA,aAAa,CAAC;AAAA,EACd,gBAAgB;AAAA,IACd,aAAaA,YAAM,MAAA,QAAQ,EAAE;AAAA,EAC/B;AAAA,EACA,OAAO;AAAA,IACL,YAAY;AAAA,EACd;AACF,CAAC;AAiBM,MAAM,iBAAiBC,MAAA,WAG5B,CAAC,OAAO,QAAQ;AACV,QAAA;AAAA,IACJ,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACDC,gBAAgB,gBAAA,kBAAkB,KAAK;AAC3C,QAAM,EAAE,SAAAC,UAAS,GAAG,IAAI,WAAW,WAAW;AAE9C,QAAM,UAAU,aACdC,2BAAA;AAAA,IAACC,gBAAA;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,OAAO,EAAE,QAAQ,OAAO,WAAW,OAAU;AAAA,MAC7C,WAAWF,SAAQ;AAAA,IAAA;AAAA,EAAA;AAKrB,SAAAC,2BAAA;AAAA,IAACE,OAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA,SAAQ;AAAA,MACR,UAAU,YAAY;AAAA,MACtB,WAAW,GAAGH,SAAQ,MAAM,WAAW;AAAA,QACrC,CAACA,SAAQ,IAAI,GAAG;AAAA,QAChB,CAACA,SAAQ,MAAM,GAAG,QAAQ,UAAU,SAAS,KAAK;AAAA,QAClD,CAACA,SAAQ,QAAQ,GAAG,QAAQ,UAAU,SAAS,QAAQ;AAAA,QACvD,CAACA,SAAQ,QAAQ,GAAG;AAAA,QACpB,CAACA,SAAQ,QAAQ,GAAG;AAAA,MAAA,CACrB;AAAA,MACD,SAAS,EAAE,SAASA,SAAQ,eAAe;AAAA,MAC3C;AAAA,MACC,GAAG;AAAA,MAEJ,yCAAC,OAAI,EAAA,WAAWA,SAAQ,WACrB,sBAAY,OAAO,aAAa,WAC/BC,2BAAA,IAAC,SAAI,WAAWD,SAAQ,aAAc,SAAA,CAAS,IAE/C,UAEJ;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;;;;"}

package/dist/esm/Select/SelectButton.js

@@ -1,92 +0,0 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef } from "react";
-import { DropDownXS } from "@hitachivantara/uikit-react-icons";
-import { theme } from "@hitachivantara/uikit-styles";
-import { useDefaultProps } from "../hooks/useDefaultProps.js";
-import { createClasses } from "../utils/classes.js";
-import { HvButton } from "../Button/Button.js";
-const { staticClasses, useClasses } = createClasses("HvSelectButton", {
-  root: {
-    width: "100%",
-    minWidth: "unset",
-    userSelect: "none",
-    position: "relative",
-    paddingLeft: theme.space.xs,
-    justifyContent: "flex-start"
-  },
-  disabled: {},
-  readOnly: {
-    userSelect: "text",
-    backgroundColor: theme.colors.atmo2
-  },
-  open: {
-    backgroundColor: theme.colors.atmo1
-  },
-  openUp: {
-    borderRadius: `0px 0px ${theme.radii.base} ${theme.radii.base}`
-  },
-  openDown: {
-    borderRadius: `${theme.radii.base} ${theme.radii.base} 0px 0px`
-  },
-  selection: {
-    color: "inherit",
-    flex: 1,
-    textAlign: "start",
-    overflow: "clip visible",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap"
-  },
-  placeholder: {},
-  arrowContainer: {
-    marginRight: theme.spacing(-2)
-  },
-  arrow: {
-    transition: "rotate 0.2s ease"
-  }
-});
-const HvSelectButton = forwardRef((props, ref) => {
-  const {
-    classes: classesProp,
-    className,
-    open,
-    placement = "bottom",
-    disabled,
-    readOnly,
-    children,
-    adornment,
-    ...others
-  } = useDefaultProps("HvSelectButton", props);
-  const { classes, cx } = useClasses(classesProp);
-  const endIcon = adornment ?? /* @__PURE__ */ jsx(
-    DropDownXS,
-    {
-      iconSize: "XS",
-      style: { rotate: open ? "180deg" : void 0 },
-      className: classes.arrow
-    }
-  );
-  return /* @__PURE__ */ jsx(
-    HvButton,
-    {
-      ref,
-      variant: "secondarySubtle",
-      disabled: disabled || readOnly,
-      className: cx(classes.root, className, {
-        [classes.open]: open,
-        [classes.openUp]: open && placement.includes("top"),
-        [classes.openDown]: open && placement.includes("bottom"),
-        [classes.disabled]: disabled,
-        [classes.readOnly]: readOnly
-      }),
-      classes: { endIcon: classes.arrowContainer },
-      endIcon,
-      ...others,
-      children: /* @__PURE__ */ jsx("div", { className: classes.selection, children: children && typeof children === "string" ? /* @__PURE__ */ jsx("div", { className: classes.placeholder, children }) : children })
-    }
-  );
-});
-export {
-  HvSelectButton,
-  staticClasses,
-  useClasses
-};

package/dist/esm/Select/SelectButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectButton.js","sources":["../../../src/Select/SelectButton.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { Placement } from \"@popperjs/core\";\nimport { DropDownXS } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\nimport { ExtractNames, createClasses } from \"../utils/classes\";\nimport { HvButton } from \"../Button\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvSelectButton\", {\n  root: {\n    width: \"100%\",\n    minWidth: \"unset\",\n    userSelect: \"none\",\n    position: \"relative\",\n    paddingLeft: theme.space.xs,\n    justifyContent: \"flex-start\",\n  },\n  disabled: {},\n  readOnly: {\n    userSelect: \"text\",\n    backgroundColor: theme.colors.atmo2,\n  },\n  open: {\n    backgroundColor: theme.colors.atmo1,\n  },\n  openUp: {\n    borderRadius: `0px 0px ${theme.radii.base} ${theme.radii.base}`,\n  },\n  openDown: {\n    borderRadius: `${theme.radii.base} ${theme.radii.base} 0px 0px`,\n  },\n\n  selection: {\n    color: \"inherit\",\n    flex: 1,\n    textAlign: \"start\",\n\n    overflow: \"clip visible\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n  placeholder: {},\n  arrowContainer: {\n    marginRight: theme.spacing(-2),\n  },\n  arrow: {\n    transition: \"rotate 0.2s ease\",\n  },\n});\n\nexport type HvSelectButtonClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSelectButtonProps\n  extends React.HTMLAttributes<HTMLButtonElement> {\n  readOnly?: boolean;\n  open?: boolean;\n  disabled?: boolean;\n  placement?: Placement;\n  adornment?: React.ReactNode;\n  classes?: HvSelectButtonClasses;\n}\n\n/**\n * HvSelect internal header button component\n */\nexport const HvSelectButton = forwardRef<\n  HTMLButtonElement,\n  HvSelectButtonProps\n>((props, ref) => {\n  const {\n    classes: classesProp,\n    className,\n    open,\n    placement = \"bottom\",\n    disabled,\n    readOnly,\n    children,\n    adornment,\n    ...others\n  } = useDefaultProps(\"HvSelectButton\", props);\n  const { classes, cx } = useClasses(classesProp);\n\n  const endIcon = adornment ?? (\n    <DropDownXS\n      iconSize=\"XS\"\n      style={{ rotate: open ? \"180deg\" : undefined }}\n      className={classes.arrow}\n    />\n  );\n\n  return (\n    <HvButton\n      ref={ref}\n      variant=\"secondarySubtle\"\n      disabled={disabled || readOnly}\n      className={cx(classes.root, className, {\n        [classes.open]: open,\n        [classes.openUp]: open && placement.includes(\"top\"),\n        [classes.openDown]: open && placement.includes(\"bottom\"),\n        [classes.disabled]: disabled,\n        [classes.readOnly]: readOnly,\n      })}\n      classes={{ endIcon: classes.arrowContainer }}\n      endIcon={endIcon}\n      {...others}\n    >\n      <div className={classes.selection}>\n        {children && typeof children === \"string\" ? (\n          <div className={classes.placeholder}>{children}</div>\n        ) : (\n          children\n        )}\n      </div>\n    </HvButton>\n  );\n});\n"],"names":[],"mappings":";;;;;;;AASO,MAAM,EAAE,eAAe,eAAe,cAAc,kBAAkB;AAAA,EAC3E,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,aAAa,MAAM,MAAM;AAAA,IACzB,gBAAgB;AAAA,EAClB;AAAA,EACA,UAAU,CAAC;AAAA,EACX,UAAU;AAAA,IACR,YAAY;AAAA,IACZ,iBAAiB,MAAM,OAAO;AAAA,EAChC;AAAA,EACA,MAAM;AAAA,IACJ,iBAAiB,MAAM,OAAO;AAAA,EAChC;AAAA,EACA,QAAQ;AAAA,IACN,cAAc,WAAW,MAAM,MAAM,IAAI,IAAI,MAAM,MAAM,IAAI;AAAA,EAC/D;AAAA,EACA,UAAU;AAAA,IACR,cAAc,GAAG,MAAM,MAAM,IAAI,IAAI,MAAM,MAAM,IAAI;AAAA,EACvD;AAAA,EAEA,WAAW;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,IAEX,UAAU;AAAA,IACV,cAAc;AAAA,IACd,YAAY;AAAA,EACd;AAAA,EACA,aAAa,CAAC;AAAA,EACd,gBAAgB;AAAA,IACd,aAAa,MAAM,QAAQ,EAAE;AAAA,EAC/B;AAAA,EACA,OAAO;AAAA,IACL,YAAY;AAAA,EACd;AACF,CAAC;AAiBM,MAAM,iBAAiB,WAG5B,CAAC,OAAO,QAAQ;AACV,QAAA;AAAA,IACJ,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACD,gBAAgB,kBAAkB,KAAK;AAC3C,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAE9C,QAAM,UAAU,aACd;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,OAAO,EAAE,QAAQ,OAAO,WAAW,OAAU;AAAA,MAC7C,WAAW,QAAQ;AAAA,IAAA;AAAA,EAAA;AAKrB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,SAAQ;AAAA,MACR,UAAU,YAAY;AAAA,MACtB,WAAW,GAAG,QAAQ,MAAM,WAAW;AAAA,QACrC,CAAC,QAAQ,IAAI,GAAG;AAAA,QAChB,CAAC,QAAQ,MAAM,GAAG,QAAQ,UAAU,SAAS,KAAK;AAAA,QAClD,CAAC,QAAQ,QAAQ,GAAG,QAAQ,UAAU,SAAS,QAAQ;AAAA,QACvD,CAAC,QAAQ,QAAQ,GAAG;AAAA,QACpB,CAAC,QAAQ,QAAQ,GAAG;AAAA,MAAA,CACrB;AAAA,MACD,SAAS,EAAE,SAAS,QAAQ,eAAe;AAAA,MAC3C;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAC,OAAI,EAAA,WAAW,QAAQ,WACrB,sBAAY,OAAO,aAAa,WAC/B,oBAAC,SAAI,WAAW,QAAQ,aAAc,SAAA,CAAS,IAE/C,UAEJ;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}