newskit 0.0.0-e5b28c3ee → 0.0.0-e8dca28c4

package/cjs/tabs/style-presets.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    tab: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+            color: '{{colors.inkBase}}',
+            iconColor: '{{colors.inkBase}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactivePrimary010}}',
+            color: '{{colors.inkBrand010}}',
+            iconColor: '{{colors.inkBrand010}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactivePrimary020}}',
+            color: '{{colors.inkBrand010}}',
+            iconColor: '{{colors.inkBrand010}}',
+        },
+        selected: {
+            color: '{{colors.inkBrand010}}',
+            iconColor: '{{colors.inkBrand010}}',
+        },
+        'selected:hover': {
+            backgroundColor: '{{colors.transparent}}',
+            color: '{{colors.inkBrand010}}',
+            iconColor: '{{colors.inkBrand010}}',
+        },
+        disabled: {
+            backgroundColor: '{{colors.interactiveDisabled010}}',
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+    },
+    tabsBarTrack: {
+        base: {
+            backgroundColor: '{{colors.interface040}}',
+        },
+    },
+    tabsBarIndicator: {
+        base: {
+            backgroundColor: '{{colors.interactivePrimary030}}',
+        },
+    },
+};
+//# sourceMappingURL=style-presets.js.map

package/cjs/tabs/style-presets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/tabs/style-presets.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACb,GAAG,EAAE;QACH,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,KAAK,EAAE,oBAAoB;YAC3B,SAAS,EAAE,oBAAoB;SAChC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,kCAAkC;YACnD,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,MAAM,EAAE;YACN,eAAe,EAAE,kCAAkC;YACnD,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,gBAAgB,EAAE;YAChB,eAAe,EAAE,wBAAwB;YACzC,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,mCAAmC;YACpD,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;KACF;IACD,YAAY,EAAE;QACZ,IAAI,EAAE;YACJ,eAAe,EAAE,yBAAyB;SAC3C;KACF;IACD,gBAAgB,EAAE;QAChB,IAAI,EAAE;YACJ,eAAe,EAAE,kCAAkC;SACpD;KACF;CAC6B,CAAC"}

package/cjs/tabs/styled.d.ts

@@ -0,0 +1,47 @@
+/// <reference types="react" />
+import { TabsProps, DistributionWrapperProps, TabsBarProps, TabInternalProps } from './types';
+import { TextBlockProps } from '../text-block';
+import { ButtonProps } from '../button';
+export declare const StyledTabGroup: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Pick<TabsProps, "vertical" | "overrides" | "distribution">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTabsBar: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TabsBarProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledInnerTabGroup: import("@emotion/styled").StyledComponent<import("../stack").StackProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & Pick<TabsProps, "overrides">, {}, {}>;
+export declare const StyledDistributionWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & DistributionWrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTabsBarIndicator: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Pick<TabsProps, "vertical" | "overrides" | "indicatorPosition">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTabsBarTrack: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Pick<TabsProps, "vertical" | "overrides" | "indicatorPosition">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTabButton: import("@emotion/styled").StyledComponent<(import("react").PropsWithChildren<import("../button").ButtonOrButtonLinkProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}) & Omit<ButtonProps, "loading"> & TabInternalProps, {}, {}>;
+export declare const StyledTabPanelBlock: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TextBlockProps & import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    selected: boolean;
+}, {}, {}>;
+export declare const StyledDividerWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Pick<TabsProps, "vertical" | "overrides">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=styled.d.ts.map

package/cjs/tabs/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/tabs/styled.tsx"],"names":[],"mappings":";AAQA,OAAO,EACL,SAAS,EAET,wBAAwB,EACxB,YAAY,EACZ,gBAAgB,EAIjB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAY,cAAc,EAAC,MAAM,eAAe,CAAC;AACxD,OAAO,EAAS,WAAW,EAAC,MAAM,WAAW,CAAC;AA4C9C,eAAO,MAAM,cAAc;;;sKAQ1B,CAAC;AAEF,eAAO,MAAM,aAAa;;;wHAczB,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;yCAK/B,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;oIAuBrC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;2KAWlC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;2KAqB9B,CAAC;AAYF,eAAO,MAAM,eAAe;;6DAwB3B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;cACF,OAAO;UAcpC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;qJAYhC,CAAC"}

package/cjs/tabs/styled.js

@@ -0,0 +1,105 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledDividerWrapper = exports.StyledTabPanelBlock = exports.StyledTabButton = exports.StyledTabsBarTrack = exports.StyledTabsBarIndicator = exports.StyledDistributionWrapper = exports.StyledInnerTabGroup = exports.StyledTabsBar = exports.StyledTabGroup = void 0;
+var style_1 = require("../utils/style");
+var types_1 = require("./types");
+var stack_1 = require("../stack");
+var text_block_1 = require("../text-block");
+var button_1 = require("../button");
+var logical_properties_1 = require("../utils/logical-properties");
+var getFlexFromTabsDistribution = function (distribution, vertical) {
+    switch (distribution) {
+        case types_1.TabsDistribution.Grow:
+            return 'flex: 1 0 auto';
+        case types_1.TabsDistribution.Equal:
+            return "".concat(vertical ? 'height' : 'width', ": 100%");
+        case types_1.TabsDistribution.Start:
+        default:
+            return 'flex: 0 0 auto';
+    }
+};
+var alignmentPosition = function (indicatorPosition, vertical) {
+    if (indicatorPosition === 'none') {
+        return "display: none";
+    }
+    if (indicatorPosition === 'start') {
+        return "\n      top: 0px;\n      left: 0px;\n    ";
+    }
+    return vertical
+        ? "\n        top: 0px;\n        right: 0px;\n      "
+        : "\n      bottom: 0px;\n      left: 0px;\n    ";
+};
+exports.StyledTabGroup = style_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: ", ";\n  // IE11 fix: this has to be max-height but IE11 wants height\n  ", "\n  ", "\n"], ["\n  display: flex;\n  flex-flow: ", ";\n  // IE11 fix: this has to be max-height but IE11 wants height\n  ", "\n  ", "\n"])), function (_a) {
+    var vertical = _a.vertical;
+    return (vertical ? 'row' : 'column');
+}, function (_a) {
+    var vertical = _a.vertical;
+    return vertical && 'height: 100%;';
+}, (0, logical_properties_1.logicalProps)());
+exports.StyledTabsBar = style_1.styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  /* By default, the height, it is being set to 100% by the Stack */\n  /* it works with distribution Grow and Equal */\n  position: relative;\n  z-index: 0;\n  ", "\n\n  ", ";\n"], ["\n  /* By default, the height, it is being set to 100% by the Stack */\n  /* it works with distribution Grow and Equal */\n  position: relative;\n  z-index: 0;\n  ", "\n\n  ", ";\n"])), function (_a) {
+    var vertical = _a.vertical;
+    return vertical && 'max-height: 100%;';
+}, function (_a) {
+    var vertical = _a.vertical;
+    return (0, style_1.getResponsiveSpace)(vertical ? 'marginRight' : 'marginBottom', 'tabs', '', 'spaceInline');
+});
+exports.StyledInnerTabGroup = (0, style_1.styled)(stack_1.Stack)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 100%;\n  border-width: 0;\n  position: relative;\n  display: flex;\n"], ["\n  width: 100%;\n  border-width: 0;\n  position: relative;\n  display: flex;\n"])));
+exports.StyledDistributionWrapper = style_1.styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  align-items: stretch;\n  width: ", ";\n  ", ";\n\n  ", "\n\n  // adds 100% width to ScrollSnapAlignment component\n  > *:not(style) {\n    width: 100%;\n    display: flex;\n  }\n"], ["\n  display: flex;\n  align-items: stretch;\n  width: ", ";\n  ", ";\n\n  ", "\n\n  // adds 100% width to ScrollSnapAlignment component\n  > *:not(style) {\n    width: 100%;\n    display: flex;\n  }\n"])), function (_a) {
+    var vertical = _a.vertical;
+    return (vertical ? '100%' : '');
+}, function (_a) {
+    var distribution = _a.distribution, vertical = _a.vertical;
+    return getFlexFromTabsDistribution(distribution, vertical);
+}, function (_a) {
+    var vertical = _a.vertical, last = _a.last;
+    return (0, style_1.getResponsiveSpace)(function (spaceValue) {
+        var _a;
+        var value = last ? 0 : spaceValue;
+        return _a = {}, _a[vertical ? 'marginBottom' : 'marginRight'] = value, _a;
+    }, 'tabs.tab', 'tab', 'spaceInline');
+});
+exports.StyledTabsBarIndicator = style_1.styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", ";\n  position: absolute;\n  z-index: 2;\n  ", ";\n"], ["\n  ", ";\n  position: absolute;\n  z-index: 2;\n  ", ";\n"])), (0, style_1.getStylePreset)('tabs.selectionIndicator.indicator', 'selectionIndicator.indicator'), function (_a) {
+    var indicatorPosition = _a.indicatorPosition, vertical = _a.vertical;
+    return alignmentPosition(indicatorPosition, vertical);
+});
+exports.StyledTabsBarTrack = style_1.styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", "\n  display: block;\n  position: absolute;\n  z-index: 1;\n\n  ", "\n\n  ", ";\n"], ["\n  ", "\n  display: block;\n  position: absolute;\n  z-index: 1;\n\n  ", "\n\n  ", ";\n"])), (0, style_1.getStylePreset)('tabs.selectionIndicator.track', 'selectionIndicator.track'), function (_a) {
+    var vertical = _a.vertical;
+    return (0, style_1.getResponsiveBorder)(function (borderSize) {
+        return vertical
+            ? { width: borderSize, height: '100%' }
+            : { width: '100%', height: borderSize };
+    }, 'tabs.selectionIndicator.track', 'selectionIndicator.track', 'weight');
+}, function (_a) {
+    var indicatorPosition = _a.indicatorPosition, vertical = _a.vertical;
+    return alignmentPosition(indicatorPosition, vertical);
+});
+var tabFlexAlign = {
+    start: 'flex-start',
+    end: 'flex-end',
+};
+var tabTextAlign = {
+    start: 'left',
+    end: 'right',
+};
+exports.StyledTabButton = (0, style_1.styled)(button_1.Button)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", "\n\n  ", "\n  // Here we use a negative offset to fix the outline went missing when overflow is hidden\n  :focus {\n    outline-offset: -1px;\n  }\n  // Here we are adding Safari specific code to fix outline on that browser\n  @media not all and (min-resolution: 0.001dpcm) {\n    @supports (-webkit-appearance: none) and (stroke-color: transparent) {\n      :focus {\n        outline-offset: -5px;\n      }\n    }\n  }\n"], ["\n  ", "\n\n  ", "\n  // Here we use a negative offset to fix the outline went missing when overflow is hidden\n  :focus {\n    outline-offset: -1px;\n  }\n  // Here we are adding Safari specific code to fix outline on that browser\n  @media not all and (min-resolution: 0.001dpcm) {\n    @supports (-webkit-appearance: none) and (stroke-color: transparent) {\n      :focus {\n        outline-offset: -5px;\n      }\n    }\n  }\n"])), function (_a) {
+    var selected = _a.selected;
+    return selected && (0, style_1.getStylePreset)('tab', '', { isSelected: selected });
+}, function (_a) {
+    var align = _a.align;
+    return align &&
+        align !== types_1.TabAlign.Center && {
+        justifyContent: tabFlexAlign[align],
+        textAlign: tabTextAlign[align],
+    };
+});
+exports.StyledTabPanelBlock = (0, style_1.styled)(text_block_1.TextBlock)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  width: 100%;\n  :focus {\n    outline-offset: -1px;\n  }\n  // Here we are adding Safari specific code to fix outline on that browser\n  @media not all and (min-resolution: 0.001dpcm) {\n    @supports (-webkit-appearance: none) and (stroke-color: transparent) {\n      :focus {\n        outline-offset: -5px;\n      }\n    }\n  }\n"], ["\n  width: 100%;\n  :focus {\n    outline-offset: -1px;\n  }\n  // Here we are adding Safari specific code to fix outline on that browser\n  @media not all and (min-resolution: 0.001dpcm) {\n    @supports (-webkit-appearance: none) and (stroke-color: transparent) {\n      :focus {\n        outline-offset: -5px;\n      }\n    }\n  }\n"])));
+exports.StyledDividerWrapper = style_1.styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: inline-flex;\n  align-self: stretch;\n  ", "\n"], ["\n  display: inline-flex;\n  align-self: stretch;\n  ", "\n"])), function (_a) {
+    var vertical = _a.vertical;
+    return (0, style_1.getResponsiveSpace)(vertical ? 'marginRight' : 'marginBottom', 'tabs.tab', 'tab', 'spaceInline');
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
+//# sourceMappingURL=styled.js.map

package/cjs/tabs/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/tabs/styled.tsx"],"names":[],"mappings":"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"}

package/cjs/tabs/tab-internal.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TabInternalProps } from './types';
+export declare const TabInternal: React.ForwardRefExoticComponent<TabInternalProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=tab-internal.d.ts.map

package/cjs/tabs/tab-internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-internal.d.ts","sourceRoot":"","sources":["../../../src/tabs/tab-internal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAW,gBAAgB,EAAU,MAAM,SAAS,CAAC;AAK5D,eAAO,MAAM,WAAW,4FA0DvB,CAAC"}

package/cjs/tabs/tab-internal.js

@@ -0,0 +1,60 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabInternal = void 0;
+var react_1 = __importDefault(require("react"));
+var types_1 = require("./types");
+var filter_object_1 = require("../utils/filter-object");
+var emotion_1 = require("../theme/emotion");
+var styled_1 = require("./styled");
+exports.TabInternal = react_1.default.forwardRef(function (_a, ref) {
+    var children = _a.children, 
+    /* istanbul ignore next */
+    _b = _a.overrides, 
+    /* istanbul ignore next */
+    overrides = _b === void 0 ? {} : _b, 
+    /* istanbul ignore next */
+    _c = _a.size, 
+    /* istanbul ignore next */
+    size = _c === void 0 ? types_1.TabSize.Medium : _c, ariaLabel = _a.ariaLabel, selected = _a.selected, id = _a.id, 
+    /* istanbul ignore next */
+    _d = _a.align, 
+    /* istanbul ignore next */
+    align = _d === void 0 ? types_1.TabAlign.Center : _d, _e = _a.dataTestId, dataTestId = _e === void 0 ? 'tab' : _e, props = __rest(_a, ["children", "overrides", "size", "ariaLabel", "selected", "id", "align", "dataTestId"]);
+    var theme = (0, emotion_1.useTheme)();
+    /* istanbul ignore if */
+    if (process.env.NODE_ENV !== 'production' &&
+        typeof theme.componentDefaults.tab !== 'object') {
+        // eslint-disable-next-line no-console
+        console.error('<Tab /> component needs to be used as child of <Tabs />');
+        return null;
+    }
+    var tabSettings = __assign(__assign({}, theme.componentDefaults.tab[size]), (0, filter_object_1.filterOutFalsyProperties)(overrides));
+    return (react_1.default.createElement(styled_1.StyledTabButton, __assign({ "data-testid": dataTestId, role: "tab", "aria-label": ariaLabel, ref: ref, "aria-selected": Boolean(selected), "aria-controls": id, id: id, tabIndex: selected ? 0 : -1, selected: selected }, props, { overrides: tabSettings, align: align }), children));
+});
+exports.TabInternal.displayName = 'TabInternal';
+//# sourceMappingURL=tab-internal.js.map

package/cjs/tabs/tab-internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-internal.js","sourceRoot":"","sources":["../../../src/tabs/tab-internal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,iCAA4D;AAC5D,wDAAgE;AAChE,4CAA0C;AAC1C,mCAAyC;AAE5B,QAAA,WAAW,GAAG,eAAK,CAAC,UAAU,CAIzC,UACE,EAaC,EACD,GAAG;IAbD,IAAA,QAAQ,cAAA;IACR,0BAA0B;IAC1B,iBAAc;IADd,0BAA0B;IAC1B,SAAS,mBAAG,EAAE,KAAA;IACd,0BAA0B;IAC1B,YAAqB;IADrB,0BAA0B;IAC1B,IAAI,mBAAG,eAAO,CAAC,MAAM,KAAA,EACrB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,EAAE,QAAA;IACF,0BAA0B;IAC1B,aAAuB;IADvB,0BAA0B;IAC1B,KAAK,mBAAG,gBAAQ,CAAC,MAAM,KAAA,EACvB,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EACf,KAAK,cAZV,uFAaC,CADS;IAIV,IAAM,KAAK,GAAG,IAAA,kBAAQ,GAAE,CAAC;IAEzB,wBAAwB;IACxB,IACE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;QACrC,OAAO,KAAK,CAAC,iBAAiB,CAAC,GAAG,KAAK,QAAQ,EAC/C;QACA,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC,yDAAyD,CAAC,CAAC;QAEzE,OAAO,IAAI,CAAC;KACb;IAED,IAAM,WAAW,yBACZ,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,GACjC,IAAA,wCAAwB,EAAC,SAAS,CAAC,CACvC,CAAC;IAEF,OAAO,CACL,8BAAC,wBAAe,4BACD,UAAU,EACvB,IAAI,EAAC,KAAK,gBACE,SAAS,EACrB,GAAG,EAAE,GAAG,mBACO,OAAO,CAAC,QAAQ,CAAC,mBACjB,EAAE,EACjB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,QAAQ,EAAE,QAAQ,IACd,KAAK,IACT,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,KAAK,KAEX,QAAQ,CACO,CACnB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/cjs/tabs/tab-panel.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TabPanelProps } from './types';
+export declare const TabPanel: React.FC<TabPanelProps>;
+//# sourceMappingURL=tab-panel.d.ts.map

package/cjs/tabs/tab-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-panel.d.ts","sourceRoot":"","sources":["../../../src/tabs/tab-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAmBtC,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAmB5C,CAAC"}

package/cjs/tabs/tab-panel.js

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabPanel = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_1 = require("./styled");
+// This function can be removed once Safari supports "focus-visibile" and the outline is removed on click
+var preventClickFocus = function (e) {
+    var currentTarget = e.currentTarget;
+    var isFocusedDuringMouseDown = currentTarget === document.activeElement;
+    /* istanbul ignore next */
+    requestAnimationFrame(function () {
+        if (isFocusedDuringMouseDown && document.body.contains(currentTarget)) {
+            currentTarget.focus();
+            return;
+        }
+        if (!isFocusedDuringMouseDown && document.body.contains(currentTarget)) {
+            currentTarget.blur();
+        }
+    });
+};
+var TabPanel = function (_a) {
+    var children = _a.children, id = _a.id, 
+    /* istanbul ignore next */
+    _b = _a.selected, 
+    /* istanbul ignore next */
+    selected = _b === void 0 ? false : _b;
+    return (react_1.default.createElement(styled_1.StyledTabPanelBlock, { onMouseDown: preventClickFocus, "data-testid": "tab-panel", as: "div", "aria-labelledby": id, role: "tabpanel", "aria-hidden": !selected, selected: selected, tabIndex: selected ? 0 : -1, hidden: !selected }, children));
+};
+exports.TabPanel = TabPanel;
+//# sourceMappingURL=tab-panel.js.map

package/cjs/tabs/tab-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-panel.js","sourceRoot":"","sources":["../../../src/tabs/tab-panel.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwC;AAExC,mCAA6C;AAE7C,yGAAyG;AACzG,IAAM,iBAAiB,GAAG,UAAC,CAA0B;IAC5C,IAAA,aAAa,GAAI,CAAC,cAAL,CAAM;IAC1B,IAAM,wBAAwB,GAAG,aAAa,KAAK,QAAQ,CAAC,aAAa,CAAC;IAC1E,0BAA0B;IAC1B,qBAAqB,CAAC;QACpB,IAAI,wBAAwB,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;YACrE,aAAa,CAAC,KAAK,EAAE,CAAC;YACtB,OAAO;SACR;QACD,IAAI,CAAC,wBAAwB,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;YACtE,aAAa,CAAC,IAAI,EAAE,CAAC;SACtB;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEK,IAAM,QAAQ,GAA4B,UAAC,EAKjD;QAJC,QAAQ,cAAA,EACR,EAAE,QAAA;IACF,0BAA0B;IAC1B,gBAAgB;IADhB,0BAA0B;IAC1B,QAAQ,mBAAG,KAAK,KAAA;IACZ,OAAA,CACJ,8BAAC,4BAAmB,IAClB,WAAW,EAAE,iBAAiB,iBAClB,WAAW,EACvB,EAAE,EAAC,KAAK,qBACS,EAAE,EACnB,IAAI,EAAC,UAAU,iBACF,CAAC,QAAQ,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,MAAM,EAAE,CAAC,QAAQ,IAEhB,QAAQ,CACW,CACvB;AAdK,CAcL,CAAC;AAnBW,QAAA,QAAQ,YAmBnB"}

package/cjs/tabs/tabs.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { TabProps, TabsProps } from './types';
+export declare const Tab: React.FC<TabProps>;
+export declare const Tabs: import("../utils/with-own-theme").NewsKitReactComponents<TabsProps>;
+//# sourceMappingURL=tabs.d.ts.map

package/cjs/tabs/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EACL,QAAQ,EACR,SAAS,EAKV,MAAM,SAAS,CAAC;AAqCjB,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAe,CAAC;AAkVnD,eAAO,MAAM,IAAI,qEAAwD,CAAC"}

package/cjs/tabs/tabs.js

@@ -0,0 +1,227 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tabs = exports.Tab = void 0;
+var react_1 = __importStar(require("react"));
+var react_is_1 = require("react-is");
+var types_1 = require("./types");
+var styled_1 = require("./styled");
+var stack_1 = require("../stack");
+var tab_internal_1 = require("./tab-internal");
+var theme_1 = require("../theme");
+var use_resize_observer_1 = require("../utils/hooks/use-resize-observer");
+var utils_1 = require("./utils");
+var tab_panel_1 = require("./tab-panel");
+var component_1 = require("../utils/component");
+var hooks_1 = require("../utils/hooks");
+var get_1 = require("../utils/get");
+var scroll_1 = require("../scroll");
+var overrides_1 = require("../utils/overrides");
+var utils_2 = require("../utils");
+var divider_1 = require("../divider");
+var defaults_1 = __importDefault(require("./defaults"));
+var style_presets_1 = __importDefault(require("./style-presets"));
+var with_own_theme_1 = require("../utils/with-own-theme");
+var logical_properties_1 = require("../utils/logical-properties");
+/* istanbul ignore next */
+var Tab = function () { return react_1.default.createElement(react_1.default.Fragment, null); };
+exports.Tab = Tab;
+exports.Tab.displayName = 'Tab';
+var validateInitialSelectedIndex = function (index, children) { return (index >= 0 && index < children.length ? index : 0); };
+var validateSelectedIndex = function (index, children) {
+    return index >= 0 ? Math.min(index, children.length - 1) : 0;
+};
+var getAlign = function (align, vertical) {
+    if (!align) {
+        return vertical ? types_1.TabAlign.Start : types_1.TabAlign.Center;
+    }
+    return align;
+};
+var DefaultScroll = (0, utils_2.withDefaultProps)(scroll_1.Scroll, { controls: 'static', snapAlign: 'center' }, 'tabs.scroll');
+var ThemelessTabs = function (_a) {
+    var children = _a.children, _b = _a.overrides, overrides = _b === void 0 ? {} : _b, _c = _a.size, size = _c === void 0 ? types_1.TabSize.Medium : _c, divider = _a.divider, _d = _a.vertical, vertical = _d === void 0 ? false : _d, distribution = _a.distribution, selectedIndex = _a.selectedIndex, _e = _a.initialSelectedIndex, initialSelectedIndex = _e === void 0 ? 0 : _e, _f = _a.indicatorPosition, indicatorPosition = _f === void 0 ? types_1.TabsIndicatorPosition.End : _f, passedAlign = _a.align, onChange = _a.onChange;
+    var theme = (0, theme_1.useTheme)();
+    var align = getAlign(passedAlign, vertical);
+    var nonLogicalOverrides = (0, logical_properties_1.omitLogicalPropsFromOverrides)(overrides);
+    var _g = (0, overrides_1.getComponentOverrides)(
+    /* istanbul ignore next  */
+    overrides === null || overrides === void 0 ? void 0 : overrides.scroll, DefaultScroll, {
+        vertical: vertical,
+        tabIndex: undefined,
+    }), ScrollComponent = _g[0], scrollProps = _g[1];
+    // filter out children which are not Tab component
+    var tabsOnlyChildren = react_1.default.Children.toArray(children).filter(function (child) {
+        return (0, component_1.hasMatchingDisplayNameWith)(child, exports.Tab);
+    });
+    // The index of the active tab - this is what we change on click to trigger a visual tab change
+    var _h = (0, react_1.useState)(function () {
+        return validateInitialSelectedIndex(selectedIndex || initialSelectedIndex, children);
+    }), activeTabIndex = _h[0], setActiveTabIndex = _h[1];
+    (0, react_1.useEffect)(function () {
+        if (selectedIndex !== undefined) {
+            setActiveTabIndex(validateSelectedIndex(selectedIndex, children));
+        }
+    }, [selectedIndex, children]);
+    var changeActiveTab = function (newSelectedIndex) {
+        if (selectedIndex === undefined) {
+            setActiveTabIndex(newSelectedIndex);
+        }
+        if (onChange && typeof onChange === 'function') {
+            onChange(newSelectedIndex);
+        }
+    };
+    var _j = (0, react_1.useState)({
+        size: 0,
+        distance: 0,
+    }), indicator = _j[0], setIndicator = _j[1];
+    // Just an incremental counter to trigger re-renders when the tab is changed (active tab ref changing wont trigger a render)
+    var _k = (0, react_1.useState)(0), keyUpdated = _k[0], setKeyUpdated = _k[1];
+    react_1.default.useEffect(function () {
+        setKeyUpdated(keyUpdated + 1);
+    }, [activeTabIndex]); // eslint-disable-line react-hooks/exhaustive-deps
+    var activeTabRef = react_1.default.useRef(null);
+    // Reference like this so linter does not remove from hooks dependencies
+    var currentActiveTabRef = activeTabRef.current;
+    var tabsBarTrackRef = react_1.default.useRef(null);
+    var _l = (0, use_resize_observer_1.useResizeObserver)(tabsBarTrackRef), tabsBarTrackWidth = _l[0], tabsBarTrackHeight = _l[1];
+    var tabsBarTrackSize = vertical ? tabsBarTrackHeight : tabsBarTrackWidth;
+    var _m = (0, use_resize_observer_1.useResizeObserver)(activeTabRef), activeTabWidth = _m[0], activeTabHeight = _m[1];
+    var activeTabSize = vertical ? activeTabHeight : activeTabWidth;
+    var tabsBarIndicatorSizeOverride = (0, get_1.get)(nonLogicalOverrides, 'selectionIndicator.indicator.size');
+    react_1.default.useEffect(function () {
+        if (currentActiveTabRef) {
+            setIndicator((0, utils_1.getLayoutParams)(currentActiveTabRef, theme, vertical, tabsBarIndicatorSizeOverride));
+        }
+    }, [
+        currentActiveTabRef,
+        tabsBarIndicatorSizeOverride,
+        theme,
+        vertical,
+        tabsBarTrackSize,
+        activeTabSize,
+    ]);
+    var handleKeyDown = function (event) {
+        // WAI-ARIA 1.1
+        // https://www.w3.org/TR/wai-aria-practices-1.1/#tabpanel
+        // We use directional keys to iterate focus through Tabs.
+        var _a;
+        // Find all tabs eligible for focus
+        var availableTabs = [];
+        var tabListElement = (0, utils_1.getFirstParentElementWithRole)(event.currentTarget, 'tablist');
+        Array.from(tabListElement.childNodes).forEach(function (innerNode) {
+            var element = (0, utils_1.getDescendantOnlyFromFirstChild)(innerNode, 'tab');
+            if (element && !element.disabled) {
+                availableTabs.push(element);
+            }
+        });
+        // Exit early if there are no other tabs available
+        if (availableTabs.length <= 1)
+            return;
+        // Find tab to focus, looping to start/end of list if necessary
+        var currentTabIndex = availableTabs.indexOf(event.currentTarget);
+        var action = (0, utils_1.parseKeyDown)(event, vertical);
+        if (!action)
+            return;
+        // prevent scrolling when you switch tabs using arrows
+        event.preventDefault();
+        var keyboardActions = (_a = {},
+            _a[utils_1.KEYBOARD_ACTION.previous] = availableTabs[currentTabIndex - 1] ||
+                availableTabs[availableTabs.length - 1],
+            _a[utils_1.KEYBOARD_ACTION.next] = availableTabs[currentTabIndex + 1] || availableTabs[0],
+            _a[utils_1.KEYBOARD_ACTION.start] = availableTabs[0],
+            _a[utils_1.KEYBOARD_ACTION.end] = availableTabs[availableTabs.length - 1],
+            _a);
+        var nextTab = keyboardActions[action];
+        /* istanbul ignore if */
+        if (!nextTab) {
+            return;
+        }
+        // Focus the tab
+        nextTab.focus();
+        nextTab.click();
+        /* istanbul ignore next */
+        if ('scrollIntoView' in nextTab) {
+            requestAnimationFrame(function () {
+                nextTab.scrollIntoView();
+            });
+        }
+    };
+    // generate uniq IDs for a11y purposes
+    var ariaIds = (0, hooks_1.useReactKeys)(tabsOnlyChildren.length);
+    var tabPanels = tabsOnlyChildren.map(function (child, index) {
+        /* istanbul ignore next */
+        var key = child.key || "panel-".concat(index);
+        var tabPanelProps = {
+            key: key,
+            children: child.props.children,
+            selected: index === activeTabIndex,
+            id: ariaIds[index],
+        };
+        return react_1.default.createElement(tab_panel_1.TabPanel, __assign({}, tabPanelProps));
+    });
+    var tabData = tabsOnlyChildren.map(function (child, index) {
+        /* istanbul ignore next */
+        var key = child.key || "tab-".concat(index);
+        return __assign({ key: key, selected: index === activeTabIndex, id: ariaIds[index] }, child.props);
+    });
+    var addStackDivider = function (key) { return (react_1.default.createElement(styled_1.StyledDividerWrapper, { key: "".concat(key, "-divider"), vertical: !vertical, overrides: nonLogicalOverrides },
+        react_1.default.createElement(divider_1.Divider, { overrides: overrides.divider, vertical: !vertical }))); };
+    var getChildren = function (tab) {
+        if ((0, react_is_1.isFragment)(tab)) {
+            // un-wrap the fragment from Tab.label prop
+            return tab.props.children;
+        }
+        return tab;
+    };
+    var tabs = tabData.reduce(function (acc, tab, index, array) {
+        acc.push(react_1.default.createElement(styled_1.StyledDistributionWrapper, { distribution: distribution || types_1.TabsDistribution.Start, "data-testid": "distribution-wrapper", vertical: vertical, last: array.length === index + 1, key: "".concat(tab.key, "-wrapper"), overrides: nonLogicalOverrides },
+            react_1.default.createElement(scroll_1.ScrollSnapAlignment, { snapAlign: (0, utils_1.getScrollAlign)(index, array) },
+                react_1.default.createElement(tab_internal_1.TabInternal, { key: tab.key, selected: tab.selected, autoFocus: tab.autoFocus, dataTestId: tab.dataTestId, size: size, onKeyDown: handleKeyDown, onClick: function () { return changeActiveTab(index); }, disabled: tab.disabled, ref: tab.selected ? activeTabRef : undefined, id: tab.id, align: align, ariaLabel: tab.ariaLabel, overrides: __assign(__assign({}, tab.overrides), { width: '100%', height: vertical ? '100%' : '' }) }, getChildren(tab.label)))));
+        if (divider && index < array.length - 1) {
+            acc.push(addStackDivider(tab.key));
+        }
+        return acc;
+    }, []);
+    return (react_1.default.createElement(styled_1.StyledTabGroup, { vertical: vertical, overrides: overrides, "data-testid": "tab-group" },
+        react_1.default.createElement(styled_1.StyledTabsBar, { overrides: nonLogicalOverrides, vertical: vertical, "data-testid": "tab-bar" },
+            react_1.default.createElement(ScrollComponent, __assign({}, scrollProps),
+                react_1.default.createElement(styled_1.StyledInnerTabGroup, { overrides: nonLogicalOverrides, flow: vertical ? stack_1.Flow.VerticalLeft : stack_1.Flow.HorizontalCenter, inline: !vertical, role: "tablist", "aria-orientation": vertical ? 'vertical' : 'horizontal' },
+                    tabs,
+                    react_1.default.createElement(styled_1.StyledTabsBarIndicator, { overrides: nonLogicalOverrides, vertical: vertical, indicatorPosition: indicatorPosition, style: (0, utils_1.getTabsBarIndicatorStyle)(theme, indicator.size, indicator.distance, vertical, keyUpdated, nonLogicalOverrides), "data-testid": "tab-bar-indicator", "aria-hidden": "true", role: "presentation" }))),
+            react_1.default.createElement(styled_1.StyledTabsBarTrack, { overrides: nonLogicalOverrides, vertical: vertical, indicatorPosition: indicatorPosition, role: "presentation", "data-testid": "tab-bar-track", ref: tabsBarTrackRef })),
+        tabPanels));
+};
+exports.Tabs = (0, with_own_theme_1.withOwnTheme)(ThemelessTabs)({ defaults: defaults_1.default, stylePresets: style_presets_1.default });
+//# sourceMappingURL=tabs.js.map

package/cjs/tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/tabs/tabs.tsx"],"names":[],"mappings":"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"}