@hitachivantara/uikit-react-core 5.79.0 → 5.80.0

package/dist/cjs/Tabs/Tabs.cjs

@@ -7,8 +7,12 @@ const Tabs_styles = require("./Tabs.styles.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const Tabs__default = /* @__PURE__ */ _interopDefault(Tabs);
 const HvTabs = (props) => {
-  const { classes: classesProp, ...others } = uikitReactUtils.useDefaultProps("HvTabs", props);
-  const { classes } = Tabs_styles.useClasses(classesProp);
+  const {
+    classes: classesProp,
+    floating = false,
+    ...others
+  } = uikitReactUtils.useDefaultProps("HvTabs", props);
+  const { classes, cx } = Tabs_styles.useClasses(classesProp);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Tabs__default.default,
     {
@@ -19,6 +23,7 @@ const HvTabs = (props) => {
         scroller: classes.scroller
       },
       TabIndicatorProps: { children: /* @__PURE__ */ jsxRuntime.jsx("div", {}) },
+      className: cx(floating && classes.floating),
       ...others
     }
   );

package/dist/cjs/Tabs/Tabs.styles.cjs

@@ -24,7 +24,8 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTabs", {
     "& button:first-of-type": {
       marginLeft: "3px"
     }
-  }
+  },
+  floating: {}
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;

package/dist/esm/Tabs/Tabs.js

@@ -4,8 +4,12 @@ import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
 import { useClasses } from "./Tabs.styles.js";
 import { staticClasses } from "./Tabs.styles.js";
 const HvTabs = (props) => {
-  const { classes: classesProp, ...others } = useDefaultProps("HvTabs", props);
-  const { classes } = useClasses(classesProp);
+  const {
+    classes: classesProp,
+    floating = false,
+    ...others
+  } = useDefaultProps("HvTabs", props);
+  const { classes, cx } = useClasses(classesProp);
   return /* @__PURE__ */ jsx(
     Tabs,
     {
@@ -16,6 +20,7 @@ const HvTabs = (props) => {
         scroller: classes.scroller
       },
       TabIndicatorProps: { children: /* @__PURE__ */ jsx("div", {}) },
+      className: cx(floating && classes.floating),
       ...others
     }
   );

package/dist/esm/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../src/Tabs/Tabs.tsx"],"sourcesContent":["import Tabs, { TabsProps as MuiTabsProps } from \"@mui/material/Tabs\";\nimport {\n  useDefaultProps,\n  type ExtractNames,\n} from \"@hitachivantara/uikit-react-utils\";\n\nimport { staticClasses, useClasses } from \"./Tabs.styles\";\n\nexport { staticClasses as tabsClasses };\n\nexport type HvTabsClasses = ExtractNames<typeof useClasses>;\n\n// Mui Tabs props: https://mui.com/material-ui/api/tabs/#props\nexport interface HvTabsProps extends Omit<MuiTabsProps, \"onChange\"> {\n  /**\n   * The value of the currently selected Tab. If you don't want any selected Tab, you can set this property to `false`.\n   */\n  value?: any;\n  /**\n   * Callback fired when the value changes.\n   */\n  onChange?: (event: React.SyntheticEvent, value: any) => void;\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvTabsClasses;\n  /** @ignore */\n  ref?: MuiTabsProps[\"ref\"];\n  /** @ignore */\n  component?: MuiTabsProps[\"component\"];\n}\n\n/**\n * A Tab is a graphical control element that allows multiple documents or panels to be contained within a single window.\n * Tabs can be used as a navigational widget for switching between sets of documents.\n */\nexport const HvTabs = (props: HvTabsProps) => {\n  const { classes: classesProp, ...others } = useDefaultProps(\"HvTabs\", props);\n\n  const { classes } = useClasses(classesProp);\n\n  return (\n    <Tabs\n      classes={{\n        root: classes.root,\n        flexContainer: classes.flexContainer,\n        indicator: classes.indicator,\n        scroller: classes.scroller,\n      }}\n      TabIndicatorProps={{ children: <div /> }}\n      {...others}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;AAoCa,MAAA,SAAS,CAAC,UAAuB;AACtC,QAAA,EAAE,SAAS,aAAa,GAAG,OAAW,IAAA,gBAAgB,UAAU,KAAK;AAE3E,QAAM,EAAE,QAAA,IAAY,WAAW,WAAW;AAGxC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,QACP,MAAM,QAAQ;AAAA,QACd,eAAe,QAAQ;AAAA,QACvB,WAAW,QAAQ;AAAA,QACnB,UAAU,QAAQ;AAAA,MACpB;AAAA,MACA,mBAAmB,EAAE,UAAU,oBAAC,QAAI,CAAA,EAAG;AAAA,MACtC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"Tabs.js","sources":["../../../src/Tabs/Tabs.tsx"],"sourcesContent":["import Tabs, { TabsProps as MuiTabsProps } from \"@mui/material/Tabs\";\nimport {\n  useDefaultProps,\n  type ExtractNames,\n} from \"@hitachivantara/uikit-react-utils\";\n\nimport { staticClasses, useClasses } from \"./Tabs.styles\";\n\nexport { staticClasses as tabsClasses };\n\nexport type HvTabsClasses = ExtractNames<typeof useClasses>;\n\n// Mui Tabs props: https://mui.com/material-ui/api/tabs/#props\nexport interface HvTabsProps extends Omit<MuiTabsProps, \"onChange\"> {\n  /**\n   * The value of the currently selected Tab. If you don't want any selected Tab, you can set this property to `false`.\n   */\n  value?: any;\n  /**\n   * Callback fired when the value changes.\n   */\n  onChange?: (event: React.SyntheticEvent, value: any) => void;\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvTabsClasses;\n  /** @ignore */\n  ref?: MuiTabsProps[\"ref\"];\n  /** @ignore */\n  component?: MuiTabsProps[\"component\"];\n\n  floating?: boolean;\n}\n\n/**\n * A Tab is a graphical control element that allows multiple documents or panels to be contained within a single window.\n * Tabs can be used as a navigational widget for switching between sets of documents.\n */\nexport const HvTabs = (props: HvTabsProps) => {\n  const {\n    classes: classesProp,\n    floating = false,\n    ...others\n  } = useDefaultProps(\"HvTabs\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  return (\n    <Tabs\n      classes={{\n        root: classes.root,\n        flexContainer: classes.flexContainer,\n        indicator: classes.indicator,\n        scroller: classes.scroller,\n      }}\n      TabIndicatorProps={{ children: <div /> }}\n      className={cx(floating && classes.floating)}\n      {...others}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;AAsCa,MAAA,SAAS,CAAC,UAAuB;AACtC,QAAA;AAAA,IACJ,SAAS;AAAA,IACT,WAAW;AAAA,IACX,GAAG;AAAA,EAAA,IACD,gBAAgB,UAAU,KAAK;AAEnC,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAG5C,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,QACP,MAAM,QAAQ;AAAA,QACd,eAAe,QAAQ;AAAA,QACvB,WAAW,QAAQ;AAAA,QACnB,UAAU,QAAQ;AAAA,MACpB;AAAA,MACA,mBAAmB,EAAE,UAAU,oBAAC,QAAI,CAAA,EAAG;AAAA,MACvC,WAAW,GAAG,YAAY,QAAQ,QAAQ;AAAA,MACzC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/esm/Tabs/Tabs.styles.js

@@ -22,7 +22,8 @@ const { staticClasses, useClasses } = createClasses("HvTabs", {
     "& button:first-of-type": {
       marginLeft: "3px"
     }
-  }
+  },
+  floating: {}
 });
 export {
   staticClasses,

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.styles.js","sources":["../../../src/Tabs/Tabs.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTabs\", {\n  root: {\n    minHeight: 0,\n    overflow: \"visible\",\n  },\n  indicator: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    backgroundColor: \"transparent\",\n    \"& > div\": {\n      width: \"100%\",\n      backgroundColor: `${theme.colors.secondary}`,\n    },\n    height: 2,\n  },\n  scroller: {\n    overflow: \"visible !important\",\n  },\n  flexContainer: {\n    \"& button:first-of-type\": {\n      marginLeft: \"3px\",\n    },\n  },\n});\n"],"names":[],"mappings":";;AAGO,MAAM,EAAE,eAAe,eAAe,cAAc,UAAU;AAAA,EACnE,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,UAAU;AAAA,EACZ;AAAA,EACA,WAAW;AAAA,IACT,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,WAAW;AAAA,MACT,OAAO;AAAA,MACP,iBAAiB,GAAG,MAAM,OAAO,SAAS;AAAA,IAC5C;AAAA,IACA,QAAQ;AAAA,EACV;AAAA,EACA,UAAU;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA,eAAe;AAAA,IACb,0BAA0B;AAAA,MACxB,YAAY;AAAA,IACd;AAAA,EACF;AACF,CAAC;"}
+{"version":3,"file":"Tabs.styles.js","sources":["../../../src/Tabs/Tabs.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTabs\", {\n  root: {\n    minHeight: 0,\n    overflow: \"visible\",\n  },\n  indicator: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    backgroundColor: \"transparent\",\n    \"& > div\": {\n      width: \"100%\",\n      backgroundColor: `${theme.colors.secondary}`,\n    },\n    height: 2,\n  },\n  scroller: {\n    overflow: \"visible !important\",\n  },\n  flexContainer: {\n    \"& button:first-of-type\": {\n      marginLeft: \"3px\",\n    },\n  },\n  floating: {},\n});\n"],"names":[],"mappings":";;AAGO,MAAM,EAAE,eAAe,eAAe,cAAc,UAAU;AAAA,EACnE,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,UAAU;AAAA,EACZ;AAAA,EACA,WAAW;AAAA,IACT,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,WAAW;AAAA,MACT,OAAO;AAAA,MACP,iBAAiB,GAAG,MAAM,OAAO,SAAS;AAAA,IAC5C;AAAA,IACA,QAAQ;AAAA,EACV;AAAA,EACA,UAAU;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA,eAAe;AAAA,IACb,0BAA0B;AAAA,MACxB,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,UAAU,CAAC;AACb,CAAC;"}

package/dist/types/index.d.ts

@@ -6567,6 +6567,7 @@ export declare interface HvTabsProps extends Omit<TabsProps, "onChange"> {
     ref?: TabsProps["ref"];
     /** @ignore */
     component?: TabsProps["component"];
+    floating?: boolean;
 }
 
 /**
@@ -8189,6 +8190,7 @@ export declare const tabsClasses: {
     indicator: string;
     scroller: string;
     flexContainer: string;
+    floating: string;
 };
 
 export declare const tagClasses: {
@@ -8632,12 +8634,13 @@ declare const useClasses_112: (classesProp?: Partial<Record<"label" | "root" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_113: (classesProp?: Partial<Record<"root" | "flexContainer" | "scroller" | "indicator", string>>, addStatic?: boolean) => {
+declare const useClasses_113: (classesProp?: Partial<Record<"root" | "indicator" | "floating" | "flexContainer" | "scroller", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         indicator: string;
         scroller: string;
         flexContainer: string;
+        floating: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.79.0",
+  "version": "5.80.0",
   "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.12.5",
-    "@hitachivantara/uikit-react-shared": "^5.3.10",
-    "@hitachivantara/uikit-react-utils": "^0.2.10",
-    "@hitachivantara/uikit-styles": "^5.37.0",
+    "@hitachivantara/uikit-react-icons": "^5.12.6",
+    "@hitachivantara/uikit-react-shared": "^5.3.11",
+    "@hitachivantara/uikit-react-utils": "^0.2.11",
+    "@hitachivantara/uikit-styles": "^5.38.0",
     "@internationalized/date": "^3.2.0",
     "@mui/base": "^5.0.0-beta.40",
     "@popperjs/core": "^2.11.8",
@@ -62,7 +62,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "2245f2d1fa289ab8eab0c4efa73729e121bb4cf3",
+  "gitHead": "309e11f68246c260c0b9b73a9f7a6bee3773d87e",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",