@vitality-ds/components 5.6.1-alpha.2 → 5.6.1

package/dist/Tabs/index.js

@@ -16,27 +16,37 @@ function Tabs(_ref) {
     tabAlignment = _ref.tabAlignment,
     tabsData = _ref.tabsData,
     tabListAriaLabel = _ref.tabListAriaLabel,
-    defaultValue = _ref.defaultValue;
+    defaultValue = _ref.defaultValue,
+    value = _ref.value,
+    onValueChange = _ref.onValueChange,
+    orientation = _ref.orientation,
+    dir = _ref.dir,
+    activationMode = _ref.activationMode;
   return /*#__PURE__*/_react["default"].createElement(_Root["default"], {
-    defaultValue: defaultValue || ((_tabsData$ = tabsData[0]) === null || _tabsData$ === void 0 ? void 0 : _tabsData$.value)
+    defaultValue: defaultValue || ((_tabsData$ = tabsData[0]) === null || _tabsData$ === void 0 ? void 0 : _tabsData$.value),
+    value: value,
+    onValueChange: onValueChange,
+    orientation: orientation,
+    dir: dir,
+    activationMode: activationMode
   }, /*#__PURE__*/_react["default"].createElement(_TabsList.BaseTabsListContainer, null, /*#__PURE__*/_react["default"].createElement(_TabsList.BaseTabsList, {
     tabAlignment: tabAlignment,
     "aria-label": tabListAriaLabel
   }, tabsData.map(function (_ref2) {
-    var value = _ref2.value,
+    var tabValue = _ref2.value,
       label = _ref2.label,
       disabled = _ref2.disabled;
     return /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
-      key: value,
-      value: value,
+      key: tabValue,
+      value: tabValue,
       disabled: disabled
     }, label);
   })), additionalActions), tabsData.map(function (_ref3) {
-    var value = _ref3.value,
+    var tabValue = _ref3.value,
       contentRenderer = _ref3.contentRenderer;
     return /*#__PURE__*/_react["default"].createElement(_TabContent["default"], {
-      key: value,
-      value: value
+      key: tabValue,
+      value: tabValue
     }, contentRenderer(tabsData));
   }));
 }

package/dist/components/src/Tabs/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { TabsProps } from "./types";
-declare function Tabs({ additionalActions, tabAlignment, tabsData, tabListAriaLabel, defaultValue, }: TabsProps): JSX.Element;
+declare function Tabs({ additionalActions, tabAlignment, tabsData, tabListAriaLabel, defaultValue, value, onValueChange, orientation, dir, activationMode, }: TabsProps): JSX.Element;
 export default Tabs;

package/dist/components/src/Tabs/types.d.ts

@@ -1,3 +1,4 @@
+import { TabsProps as RadixTabsProps } from "@radix-ui/react-tabs";
 import { VariantProps } from "@vitality-ds/system";
 import React from "react";
 import { RemoveBreakPointVariants, valueof } from "../helpers/logic/type-helpers";
@@ -10,7 +11,7 @@ declare type TabData = {
 };
 export declare type TabsData = TabData[];
 declare type TabAlignment = valueof<RemoveBreakPointVariants<Pick<VariantProps<typeof BaseTabsList>, "tabAlignment">>>;
-export declare type TabsProps = {
+export declare type TabsProps = Pick<RadixTabsProps, "defaultValue" | "value" | "onValueChange" | "orientation" | "dir" | "activationMode"> & {
     /**
      * Pass any react component to the right side of the tabs list area. This component will also be contained by the underline of the tabs list area.
      */
@@ -28,10 +29,5 @@ export declare type TabsProps = {
      * aria-label property which describes the tabs list element.
      */
     tabListAriaLabel: string;
-    /**
-     * Option to pass in which tab should be displayed by default. Uses the `value` property of tabsData
-     * @default tabsData[0].value
-     */
-    defaultValue?: string;
 };
 export {};

package/dist/esm/Tabs/index.js

@@ -9,27 +9,37 @@ function Tabs(_ref) {
     tabAlignment = _ref.tabAlignment,
     tabsData = _ref.tabsData,
     tabListAriaLabel = _ref.tabListAriaLabel,
-    defaultValue = _ref.defaultValue;
+    defaultValue = _ref.defaultValue,
+    value = _ref.value,
+    onValueChange = _ref.onValueChange,
+    orientation = _ref.orientation,
+    dir = _ref.dir,
+    activationMode = _ref.activationMode;
   return /*#__PURE__*/React.createElement(Root, {
-    defaultValue: defaultValue || ((_tabsData$ = tabsData[0]) === null || _tabsData$ === void 0 ? void 0 : _tabsData$.value)
+    defaultValue: defaultValue || ((_tabsData$ = tabsData[0]) === null || _tabsData$ === void 0 ? void 0 : _tabsData$.value),
+    value: value,
+    onValueChange: onValueChange,
+    orientation: orientation,
+    dir: dir,
+    activationMode: activationMode
   }, /*#__PURE__*/React.createElement(BaseTabsListContainer, null, /*#__PURE__*/React.createElement(BaseTabsList, {
     tabAlignment: tabAlignment,
     "aria-label": tabListAriaLabel
   }, tabsData.map(function (_ref2) {
-    var value = _ref2.value,
+    var tabValue = _ref2.value,
       label = _ref2.label,
       disabled = _ref2.disabled;
     return /*#__PURE__*/React.createElement(Tab, {
-      key: value,
-      value: value,
+      key: tabValue,
+      value: tabValue,
       disabled: disabled
     }, label);
   })), additionalActions), tabsData.map(function (_ref3) {
-    var value = _ref3.value,
+    var tabValue = _ref3.value,
       contentRenderer = _ref3.contentRenderer;
     return /*#__PURE__*/React.createElement(TabContent, {
-      key: value,
-      value: value
+      key: tabValue,
+      value: tabValue
     }, contentRenderer(tabsData));
   }));
 }

package/dist/tokens/src/Font/types.d.ts

@@ -25,14 +25,10 @@ export interface FontWeightToken extends BaseToken {
     name: "regular" | "medium" | "semibold" | "bold";
     data: FontWeightValue;
 }
-declare type FontTypeface = "sans" | "sansDisplay" | "sansMedium" | "sansSemibold" | "sansBold" | "sansDisplayMedium" | "sansDisplaySemibold" | "sansDisplayBold";
 export declare type FontFamilyTokens = {
-    web: {
+    [platform in Platforms]: {
         [x in "sans" | "sansDisplay"]: FontFamilyToken;
     };
-    reactNative: {
-        [x in FontTypeface]: FontFamilyToken;
-    };
 };
 export declare type FontSizeTokens = {
     [platform in Platforms]: {