npm - @skbkontur/react-ui - Versions diffs - 0.0.0-d4e280859d → 0.0.0-d99038a7ec - Mend

@skbkontur/react-ui 0.0.0-d4e280859d → 0.0.0-d99038a7ec

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1100) hide show

package/components/Sticky/__creevey__/Sticky.creevey.mts ADDED Viewed

@@ -0,0 +1,98 @@
+import { story, kind, test } from 'creevey';
+import { delay } from '../../../lib/delay';
+kind('Sticky', () => {
+  story('WideContainer', () => {
+    test('fixed', async (context) => {
+      await context.webdriver.executeScript(function () {
+        const stickyContent = window.document.querySelector('[data-tid="stickyContent"]') as HTMLElement;
+        const nonStickyText = window.document.querySelector('[data-tid="nonStickyText"]') as HTMLElement;
+        const scrollXOffset = nonStickyText.getBoundingClientRect().width / 2;
+        const scrollYOffset = stickyContent.getBoundingClientRect().height / 2;
+        window.scrollTo(scrollXOffset, scrollYOffset);
+      });
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'fixed');
+    });
+  });
+  story('Top', () => {
+    test('top', async (context) => {
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'top');
+    });
+    test('fixed', async (context) => {
+      await context.webdriver.executeScript(function () {
+        const stickyStop = window.document.querySelector('[data-tid="stickyStop"]') as HTMLElement;
+        const scrollOffset = stickyStop.getBoundingClientRect().top - window.innerHeight / 2;
+        window.scrollTo(0, scrollOffset);
+      });
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'fixed');
+    });
+    test('stoped', async (context) => {
+      await context.webdriver.executeScript(function () {
+        const stickyStop = window.document.querySelector('[data-tid="stickyStop"]') as HTMLElement;
+        stickyStop.scrollIntoView();
+      });
+      await context.webdriver.executeScript(function () {
+        const stickyContent = window.document.querySelector('[data-tid="stickyContent"]') as HTMLElement;
+        const scrollOffset = pageYOffset - stickyContent.getBoundingClientRect().height / 2;
+        window.scrollTo(0, scrollOffset);
+      });
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'stoped');
+    });
+  });
+  story('Bottom', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'flacky stopped position': {
+          in: ['firefox', 'firefox8px', 'firefoxDark'],
+          tests: 'stoped',
+        },
+      },
+    });
+    test('bottom', async (context) => {
+      await context.webdriver.executeScript(function () {
+        window.scrollTo(0, 9999);
+      });
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'bottom');
+    });
+    test('fixed', async (context) => {
+      await context.webdriver.executeScript(function () {
+        const sticky = window.document.querySelector('[data-comp-name~="Sticky"]') as HTMLElement;
+        const scrollOffset = sticky.getBoundingClientRect().top - window.innerHeight;
+        window.scrollTo(0, scrollOffset);
+      });
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'fixed');
+    });
+    test('stoped', async (context) => {
+      await context.webdriver.executeScript(function () {
+        const stickyStop = window.document.querySelector('[data-tid="stickyStop"]') as HTMLElement;
+        stickyStop.scrollIntoView(false);
+      });
+      await context.webdriver.executeScript(function () {
+        const stickyContent = window.document.querySelector('[data-tid="stickyContent"]') as HTMLElement;
+        const scrollOffset = pageYOffset + stickyContent.getBoundingClientRect().height / 2;
+        window.scrollTo(0, scrollOffset);
+      });
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'fixed');
+    });
+  });
+});

package/components/Switcher/Switcher/Switcher.js CHANGED Viewed

@@ -10,6 +10,7 @@ import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
+import { isThemeGTE } from "../../../lib/theming/ThemeHelpers";
 import { styles } from "../Switcher.styles";
 import { getSwitcherTheme } from "../switcherTheme";
 import { mod } from "../helpers";
@@ -183,8 +184,6 @@ export var Switcher = rootNode(_class = (_Switcher = /*#__PURE__*/function (_Rea
     });
   };
   _proto.renderMain = function renderMain() {
-    var _cx;
-    var listClassName = cx((_cx = {}, _cx[styles.error(this.theme)] = !!this.props.error, _cx));
     var inputProps = {
       type: 'checkbox',
       onKeyDown: this.handleKey,
@@ -192,7 +191,12 @@ export var Switcher = rootNode(_class = (_Switcher = /*#__PURE__*/function (_Rea
       onBlur: this._handleBlur,
       className: styles.input()
     };
+    var isThemeGTE_5_1 = isThemeGTE(this.theme, '5.1');
+    var isTheme_5_0 = !isThemeGTE_5_1;
+    var items = /*#__PURE__*/React.createElement(Group, null, this._renderItems());
     var captionClassName = cx(styles.caption(this.theme), this.getLabelSizeClassName());
+    var wrapperClassName = cx(styles.wrap(), isThemeGTE_5_1 && this.props.error && styles.error5_1(this.theme));
+    var errorClassName = cx(isTheme_5_0 && this.props.error && styles.error(this.theme));
     return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
       rootNodeRef: this.setRootNode
     }, this.props), /*#__PURE__*/React.createElement("div", {
@@ -201,10 +205,10 @@ export var Switcher = rootNode(_class = (_Switcher = /*#__PURE__*/function (_Rea
     }, this.props.caption ? /*#__PURE__*/React.createElement("div", {
       className: captionClassName
     }, this.props.caption) : null, /*#__PURE__*/React.createElement("div", {
-      className: styles.wrap()
-    }, /*#__PURE__*/React.createElement("input", inputProps), /*#__PURE__*/React.createElement("div", {
-      className: listClassName
-    }, /*#__PURE__*/React.createElement(Group, null, this._renderItems())))));
+      className: wrapperClassName
+    }, /*#__PURE__*/React.createElement("input", inputProps), isThemeGTE_5_1 ? items : /*#__PURE__*/React.createElement("div", {
+      className: errorClassName
+    }, items))));
   };
   return Switcher;
 }(React.Component), _Switcher.__KONTUR_REACT_UI__ = 'Switcher', _Switcher.displayName = 'Switcher', _Switcher.defaultProps = {

package/components/Switcher/Switcher/Switcher.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","PropTypes","isKeyArrowHorizontal","isKeyArrowLeft","isKeyEnter","getButtonCorners","Group","Button","ThemeContext","CommonWrapper","cx","rootNode","styles","getSwitcherTheme","mod","SwitcherDataTids","root","Switcher","_class","_Switcher","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","focusedIndex","selectItem","value","props","onValueChange","_extractPropsFromItem","item","label","_extractValuesFromItems","items","map","_this$_extractPropsFr","_focus","index","setState","handleKey","e","_this$_extractPropsFr2","buttonProps","disabled","preventDefault","move","left","selectedIndex","newFocusedIndex","_getNextFocusedIndex","_this$props","i","_this$_extractPropsFr3","_handleFocus","currentIndex","indexOf","_handleBlur","_renderItems","_this$props2","size","role","renderItem","_this$_extractPropsFr4","ariaLabel","itemValue","customButtonProps","isChecked","commonButtonProps","checked","visuallyFocused","onClick","disableFocus","corners","_extends","renderDefault","renderDefaultItem","createElement","key","getLabelSizeClassName","captionLarge","theme","captionMedium","captionSmall","_inheritsLoose","_proto","prototype","render","_this2","Consumer","Provider","renderMain","_cx","listClassName","error","inputProps","type","onKeyDown","onFocus","onBlur","className","input","captionClassName","caption","rootNodeRef","setRootNode","wrap","Component","__KONTUR_REACT_UI__","displayName","defaultProps","propTypes","bool","oneOfType","arrayOf","string","shape","isRequired","func"],"sources":["Switcher.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isKeyArrowHorizontal, isKeyArrowLeft, isKeyEnter } from '../../lib/events/keyboard/identifiers';\nimport { getButtonCorners, Group } from '../Group';\nimport { Button, ButtonProps } from '../Button';\nimport { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { styles } from './Switcher.styles';\nimport { getSwitcherTheme } from './switcherTheme';\nimport { mod } from './helpers';\n\nexport type SwitcherItems = string \| SwitcherItem;\n\nexport const SwitcherDataTids = {\n root: 'Switcher__root',\n} as const;\n\nexport interface SwitcherProps extends Pick<HTMLAttributes<unknown>, 'role'>, CommonProps {\n /** Задает список строк или список элементов типа `{ label: string, value: string, buttonProps?: Partial<ButtonProps> }`. /\n items: SwitcherItems[];\n\n /* Устанавливает значение свитчера. /\n value?: string;\n\n /* Задает функцию, которая вызывается при изменении значения свитчера (value). /\n onValueChange?: (value: string) => void;\n\n /* Задает подпись около свитчера. /\n caption?: string;\n\n /* Переводит контрол в состояние валидации \"ошибка\". /\n error?: boolean;\n\n /* Задает размер контрола. /\n size?: SizeProp;\n\n /* Делает компонент недоступным. /\n disabled?: boolean;\n\n /* Задает функцию отрисовки элемента.\n * @param `label` -\n * @param `value` -\n * @param `buttonProps` -\n * @param `renderDefault` -\n * @param `ariaLabel` -\n /\n renderItem?: (\n label: string,\n value: string,\n buttonProps: ButtonProps,\n renderDefault: () => React.ReactNode,\n ariaLabel?: string,\n ) => React.ReactNode;\n}\n\ntype DefaultProps = Required<Pick<SwitcherProps, 'role'>>;\n\nexport interface SwitcherState {\n focusedIndex: Nullable<number>;\n}\n\ninterface SwitcherItem {\n value: string;\n label: string;\n 'aria-label'?: string;\n buttonProps?: Partial<ButtonProps>;\n}\n\n/\n Переключатель `Switcher` — это замена RadioGroup.\n \n Не используйте переключатель в качестве навигации, для этого лучше подходят Tabs.\n */\n@rootNode\nexport class Switcher extends React.Component<SwitcherProps, SwitcherState> {\n public static __KONTUR_REACT_UI__ = 'Switcher';\n public static displayName = 'Switcher';\n\n public static defaultProps: DefaultProps = {\n role: 'switch',\n };\n\n public static propTypes = {\n error: PropTypes.bool,\n disabled: PropTypes.bool,\n items: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.string),\n PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.string,\n }),\n ),\n ]).isRequired,\n caption: PropTypes.string,\n value: PropTypes.string,\n onValueChange: PropTypes.func,\n renderItem: PropTypes.func,\n };\n\n public state: SwitcherState = {\n focusedIndex: null,\n };\n\n private theme!: Theme;\n private setRootNode!: TSetRootNode;\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = getSwitcherTheme(theme);\n return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain() {\n const listClassName = cx({\n [styles.error(this.theme)]: !!this.props.error,\n });\n\n const inputProps = {\n type: 'checkbox',\n onKeyDown: this.handleKey,\n onFocus: this._handleFocus,\n onBlur: this._handleBlur,\n className: styles.input(),\n };\n\n const captionClassName = cx(styles.caption(this.theme), this.getLabelSizeClassName());\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <div data-tid={SwitcherDataTids.root} className={styles.root()}>\n {this.props.caption ? <div className={captionClassName}>{this.props.caption}</div> : null}\n <div className={styles.wrap()}>\n <input {...inputProps} />\n <div className={listClassName}>\n <Group>{this._renderItems()}</Group>\n </div>\n </div>\n </div>\n </CommonWrapper>\n );\n }\n\n private selectItem = (value: string) => {\n if (this.props.onValueChange) {\n this.props.onValueChange(value);\n }\n };\n\n private _extractPropsFromItem = (item: string \| SwitcherItem): SwitcherItem => {\n return typeof item === 'object' ? item : { label: item, value: item };\n };\n\n private _extractValuesFromItems = (): string[] => {\n return this.props.items.map((item) => {\n const { value } = this._extractPropsFromItem(item);\n return value;\n });\n };\n\n private _focus = (index: number) => {\n this.setState({ focusedIndex: index });\n };\n\n private handleKey = (e: React.KeyboardEvent<HTMLInputElement>) => {\n const focusedIndex = this.state.focusedIndex;\n if (typeof focusedIndex !== 'number') {\n return;\n }\n\n if (isKeyEnter(e)) {\n if (this.props.onValueChange) {\n const { value, buttonProps } = this._extractPropsFromItem(this.props.items[focusedIndex]);\n if (!buttonProps?.disabled) {\n this.selectItem(value);\n }\n }\n return;\n }\n\n if (isKeyArrowHorizontal(e)) {\n e.preventDefault();\n this.move(isKeyArrowLeft(e));\n }\n };\n\n private move = (left: boolean) => {\n const selectedIndex = this.state.focusedIndex;\n\n if (typeof selectedIndex !== 'number') {\n return;\n }\n const newFocusedIndex = this._getNextFocusedIndex(left, selectedIndex);\n this._focus(newFocusedIndex);\n };\n\n private _getNextFocusedIndex = (left: boolean, focusedIndex: number): number => {\n const { items, disabled } = this.props;\n if (disabled) {\n return focusedIndex;\n }\n\n for (let i = 1; i < items.length; i++) {\n const index = mod(focusedIndex + (left ? -i : i), items.length);\n const { buttonProps } = this._extractPropsFromItem(items[index]);\n if (!buttonProps?.disabled) {\n return index;\n }\n }\n return focusedIndex;\n };\n\n private _handleFocus = () => {\n const { value } = this.props;\n\n const items = this._extractValuesFromItems();\n const currentIndex = [...items].indexOf(value as string);\n const index = currentIndex > -1 ? currentIndex : 0;\n\n this.setState({ focusedIndex: index });\n };\n\n private _handleBlur = () => {\n this.setState({ focusedIndex: null });\n };\n\n private _renderItems = () => {\n const { items, value, size, disabled, role, renderItem } = this.props;\n return items.map((item, i) => {\n const {\n 'aria-label': ariaLabel,\n label,\n value: itemValue,\n buttonProps: customButtonProps,\n } = this._extractPropsFromItem(item);\n\n const isChecked = value === itemValue;\n const commonButtonProps = {\n 'aria-checked': isChecked,\n role,\n checked: isChecked,\n visuallyFocused: this.state.focusedIndex === i,\n onClick: () => {\n this.selectItem(itemValue);\n },\n disableFocus: true,\n size,\n disabled,\n corners: getButtonCorners(i === 0, i === items.length - 1),\n };\n\n const buttonProps = {\n ...commonButtonProps,\n ...customButtonProps,\n };\n\n const renderDefault = () => this.renderDefaultItem(label, itemValue, buttonProps, ariaLabel);\n\n return renderItem ? renderItem(label, itemValue, buttonProps, renderDefault, ariaLabel) : renderDefault();\n });\n };\n\n private renderDefaultItem = (label: string, value: string, buttonProps: ButtonProps, ariaLabel?: string) => (\n <Button aria-label={ariaLabel} key={value} {...buttonProps}>\n {label}\n </Button>\n );\n\n private getLabelSizeClassName = (): string => {\n switch (this.props.size) {\n case 'large':\n return styles.captionLarge(this.theme);\n case 'medium':\n return styles.captionMedium(this.theme);\n case 'small':\n default:\n return styles.captionSmall(this.theme);\n }\n };\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","PropTypes","isKeyArrowHorizontal","isKeyArrowLeft","isKeyEnter","getButtonCorners","Group","Button","ThemeContext","CommonWrapper","cx","rootNode","isThemeGTE","styles","getSwitcherTheme","mod","SwitcherDataTids","root","Switcher","_class","_Switcher","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","focusedIndex","selectItem","value","props","onValueChange","_extractPropsFromItem","item","label","_extractValuesFromItems","items","map","_this$_extractPropsFr","_focus","index","setState","handleKey","e","_this$_extractPropsFr2","buttonProps","disabled","preventDefault","move","left","selectedIndex","newFocusedIndex","_getNextFocusedIndex","_this$props","i","_this$_extractPropsFr3","_handleFocus","currentIndex","indexOf","_handleBlur","_renderItems","_this$props2","size","role","renderItem","_this$_extractPropsFr4","ariaLabel","itemValue","customButtonProps","isChecked","commonButtonProps","checked","visuallyFocused","onClick","disableFocus","corners","_extends","renderDefault","renderDefaultItem","createElement","key","getLabelSizeClassName","captionLarge","theme","captionMedium","captionSmall","_inheritsLoose","_proto","prototype","render","_this2","Consumer","Provider","renderMain","inputProps","type","onKeyDown","onFocus","onBlur","className","input","isThemeGTE_5_1","isTheme_5_0","captionClassName","caption","wrapperClassName","wrap","error","error5_1","errorClassName","rootNodeRef","setRootNode","Component","__KONTUR_REACT_UI__","displayName","defaultProps","propTypes","bool","oneOfType","arrayOf","string","shape","isRequired","func"],"sources":["Switcher.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isKeyArrowHorizontal, isKeyArrowLeft, isKeyEnter } from '../../lib/events/keyboard/identifiers';\nimport { getButtonCorners, Group } from '../Group';\nimport { Button, ButtonProps } from '../Button';\nimport { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { SizeProp } from '../../lib/types/props';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\n\nimport { styles } from './Switcher.styles';\nimport { getSwitcherTheme } from './switcherTheme';\nimport { mod } from './helpers';\n\nexport type SwitcherItems = string \| SwitcherItem;\n\nexport const SwitcherDataTids = {\n root: 'Switcher__root',\n} as const;\n\nexport interface SwitcherProps extends Pick<HTMLAttributes<unknown>, 'role'>, CommonProps {\n /** Задает список строк или список элементов типа `{ label: string, value: string, buttonProps?: Partial<ButtonProps> }`. /\n items: SwitcherItems[];\n\n /* Устанавливает значение свитчера. /\n value?: string;\n\n /* Задает функцию, которая вызывается при изменении значения свитчера (value). /\n onValueChange?: (value: string) => void;\n\n /* Задает подпись около свитчера. /\n caption?: string;\n\n /* Переводит контрол в состояние валидации \"ошибка\". /\n error?: boolean;\n\n /* Задает размер контрола. /\n size?: SizeProp;\n\n /* Делает компонент недоступным. /\n disabled?: boolean;\n\n /* Задает функцию отрисовки элемента.\n * @param `label` -\n * @param `value` -\n * @param `buttonProps` -\n * @param `renderDefault` -\n * @param `ariaLabel` -\n /\n renderItem?: (\n label: string,\n value: string,\n buttonProps: ButtonProps,\n renderDefault: () => React.ReactNode,\n ariaLabel?: string,\n ) => React.ReactNode;\n}\n\ntype DefaultProps = Required<Pick<SwitcherProps, 'role'>>;\n\nexport interface SwitcherState {\n focusedIndex: Nullable<number>;\n}\n\ninterface SwitcherItem {\n value: string;\n label: string;\n 'aria-label'?: string;\n buttonProps?: Partial<ButtonProps>;\n}\n\n/\n Переключатель `Switcher` — это замена RadioGroup.\n \n Не используйте переключатель в качестве навигации, для этого лучше подходят Tabs.\n */\n@rootNode\nexport class Switcher extends React.Component<SwitcherProps, SwitcherState> {\n public static __KONTUR_REACT_UI__ = 'Switcher';\n public static displayName = 'Switcher';\n\n public static defaultProps: DefaultProps = {\n role: 'switch',\n };\n\n public static propTypes = {\n error: PropTypes.bool,\n disabled: PropTypes.bool,\n items: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.string),\n PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.string,\n }),\n ),\n ]).isRequired,\n caption: PropTypes.string,\n value: PropTypes.string,\n onValueChange: PropTypes.func,\n renderItem: PropTypes.func,\n };\n\n public state: SwitcherState = {\n focusedIndex: null,\n };\n\n private theme!: Theme;\n private setRootNode!: TSetRootNode;\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = getSwitcherTheme(theme);\n return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain() {\n const inputProps = {\n type: 'checkbox',\n onKeyDown: this.handleKey,\n onFocus: this._handleFocus,\n onBlur: this._handleBlur,\n className: styles.input(),\n };\n const isThemeGTE_5_1 = isThemeGTE(this.theme, '5.1');\n const isTheme_5_0 = !isThemeGTE_5_1;\n const items = <Group>{this._renderItems()}</Group>;\n\n const captionClassName = cx(styles.caption(this.theme), this.getLabelSizeClassName());\n const wrapperClassName = cx(styles.wrap(), isThemeGTE_5_1 && this.props.error && styles.error5_1(this.theme));\n const errorClassName = cx(isTheme_5_0 && this.props.error && styles.error(this.theme));\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <div data-tid={SwitcherDataTids.root} className={styles.root()}>\n {this.props.caption ? <div className={captionClassName}>{this.props.caption}</div> : null}\n <div className={wrapperClassName}>\n <input {...inputProps} />\n {isThemeGTE_5_1 ? items : <div className={errorClassName}>{items}</div>}\n </div>\n </div>\n </CommonWrapper>\n );\n }\n\n private selectItem = (value: string) => {\n if (this.props.onValueChange) {\n this.props.onValueChange(value);\n }\n };\n\n private _extractPropsFromItem = (item: string \| SwitcherItem): SwitcherItem => {\n return typeof item === 'object' ? item : { label: item, value: item };\n };\n\n private _extractValuesFromItems = (): string[] => {\n return this.props.items.map((item) => {\n const { value } = this._extractPropsFromItem(item);\n return value;\n });\n };\n\n private _focus = (index: number) => {\n this.setState({ focusedIndex: index });\n };\n\n private handleKey = (e: React.KeyboardEvent<HTMLInputElement>) => {\n const focusedIndex = this.state.focusedIndex;\n if (typeof focusedIndex !== 'number') {\n return;\n }\n\n if (isKeyEnter(e)) {\n if (this.props.onValueChange) {\n const { value, buttonProps } = this._extractPropsFromItem(this.props.items[focusedIndex]);\n if (!buttonProps?.disabled) {\n this.selectItem(value);\n }\n }\n return;\n }\n\n if (isKeyArrowHorizontal(e)) {\n e.preventDefault();\n this.move(isKeyArrowLeft(e));\n }\n };\n\n private move = (left: boolean) => {\n const selectedIndex = this.state.focusedIndex;\n\n if (typeof selectedIndex !== 'number') {\n return;\n }\n const newFocusedIndex = this._getNextFocusedIndex(left, selectedIndex);\n this._focus(newFocusedIndex);\n };\n\n private _getNextFocusedIndex = (left: boolean, focusedIndex: number): number => {\n const { items, disabled } = this.props;\n if (disabled) {\n return focusedIndex;\n }\n\n for (let i = 1; i < items.length; i++) {\n const index = mod(focusedIndex + (left ? -i : i), items.length);\n const { buttonProps } = this._extractPropsFromItem(items[index]);\n if (!buttonProps?.disabled) {\n return index;\n }\n }\n return focusedIndex;\n };\n\n private _handleFocus = () => {\n const { value } = this.props;\n\n const items = this._extractValuesFromItems();\n const currentIndex = [...items].indexOf(value as string);\n const index = currentIndex > -1 ? currentIndex : 0;\n\n this.setState({ focusedIndex: index });\n };\n\n private _handleBlur = () => {\n this.setState({ focusedIndex: null });\n };\n\n private _renderItems = () => {\n const { items, value, size, disabled, role, renderItem } = this.props;\n return items.map((item, i) => {\n const {\n 'aria-label': ariaLabel,\n label,\n value: itemValue,\n buttonProps: customButtonProps,\n } = this._extractPropsFromItem(item);\n\n const isChecked = value === itemValue;\n const commonButtonProps = {\n 'aria-checked': isChecked,\n role,\n checked: isChecked,\n visuallyFocused: this.state.focusedIndex === i,\n onClick: () => {\n this.selectItem(itemValue);\n },\n disableFocus: true,\n size,\n disabled,\n corners: getButtonCorners(i === 0, i === items.length - 1),\n };\n\n const buttonProps = {\n ...commonButtonProps,\n ...customButtonProps,\n };\n\n const renderDefault = () => this.renderDefaultItem(label, itemValue, buttonProps, ariaLabel);\n\n return renderItem ? renderItem(label, itemValue, buttonProps, renderDefault, ariaLabel) : renderDefault();\n });\n };\n\n private renderDefaultItem = (label: string, value: string, buttonProps: ButtonProps, ariaLabel?: string) => (\n <Button aria-label={ariaLabel} key={value} {...buttonProps}>\n {label}\n </Button>\n );\n\n private getLabelSizeClassName = (): string => {\n switch (this.props.size) {\n case 'large':\n return styles.captionLarge(this.theme);\n case 'medium':\n return styles.captionMedium(this.theme);\n case 'small':\n default:\n return styles.captionSmall(this.theme);\n }\n };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Switcher/Switcher.styles/Switcher.styles.js CHANGED Viewed

@@ -1,31 +1,56 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
   root: function root() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      line-height: normal;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "as11ew",
+      styles: "line-height:normal"
+    } : {
+      name: "7wbbrx-root",
+      styles: "line-height:normal;label:root;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   wrap: function wrap() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      vertical-align: middle;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1saok50",
+      styles: "display:inline-block;vertical-align:middle"
+    } : {
+      name: "nsbrx7-wrap",
+      styles: "display:inline-block;vertical-align:middle;label:wrap;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   input: function input() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "sjtl3q",
+      styles: "height:0;opacity:0;position:absolute;width:0"
+    } : {
+      name: "4nqin7-input",
+      styles: "height:0;opacity:0;position:absolute;width:0;label:input;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   caption: function caption(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      vertical-align: middle;\n      display: inline-block;\n    "])), t.switcherTextColor);
+    return /*#__PURE__*/css("color:", t.switcherTextColor, ";vertical-align:middle;display:inline-block;" + (process.env.NODE_ENV === "production" ? "" : ";label:caption;"));
   },
   captionSmall: function captionSmall(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.switcherCaptionGapSmall, t.switcherCaptionFontSizeSmall, t.switcherCaptionLineHeightSmall);
+    return /*#__PURE__*/css("margin-right:", t.switcherCaptionGapSmall, ";font-size:", t.switcherCaptionFontSizeSmall, ";line-height:", t.switcherCaptionLineHeightSmall, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:captionSmall;"));
   },
   captionMedium: function captionMedium(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.switcherCaptionGapMedium, t.switcherCaptionFontSizeMedium, t.switcherCaptionLineHeightMedium);
+    return /*#__PURE__*/css("margin-right:", t.switcherCaptionGapMedium, ";font-size:", t.switcherCaptionFontSizeMedium, ";line-height:", t.switcherCaptionLineHeightMedium, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:captionMedium;"));
   },
   captionLarge: function captionLarge(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.switcherCaptionGapLarge, t.switcherCaptionFontSizeLarge, t.switcherCaptionLineHeightLarge);
+    return /*#__PURE__*/css("margin-right:", t.switcherCaptionGapLarge, ";font-size:", t.switcherCaptionFontSizeLarge, ";line-height:", t.switcherCaptionLineHeightLarge, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:captionLarge;"));
   },
   error: function error(t) {
     var insideWidth = parseInt(t.btnBorderWidth);
     var outsideWidth = parseInt(t.switcherOutlineWidth) - insideWidth + "px";
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n      box-shadow:\n        inset 0 0 0 ", "px ", ",\n        0 0 0 ", " ", ";\n    "])), t.switcherBorderRadius, insideWidth, t.borderColorError, outsideWidth, t.borderColorError);
+    return /*#__PURE__*/css("border-radius:", t.switcherBorderRadius, ";box-shadow:inset 0 0 0 ", insideWidth, "px ", t.borderColorError, ",0 0 0 ", outsideWidth, " ", t.borderColorError, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:error;"));
+  },
+  error5_1: function error5_1(t) {
+    return /*#__PURE__*/css("position:relative;&:before{content:'';position:absolute;pointer-events:none;top:1px;right:1px;bottom:1px;left:1px;z-index:1;border-radius:", t.switcherBorderRadius, ";box-shadow:0 0 0 ", t.switcherOutlineWidth, " ", t.borderColorError, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:error5_1;"));
   }
 });

package/components/Switcher/Switcher.styles/Switcher.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["css","memoizeStyle","styles","root","~~_templateObject~~","~~_taggedTemplateLiteralLoose~~","~~wrap~~","~~_templateObject2~~","~~input~~","~~_templateObject3~~","~~caption~~","t","~~_templateObject4~~","~~switcherTextColor~~","~~captionSmall~~","~~_templateObject5~~","switcherCaptionGapSmall","switcherCaptionFontSizeSmall","switcherCaptionLineHeightSmall","captionMedium","~~_templateObject6","~~switcherCaptionGapMedium","switcherCaptionFontSizeMedium","switcherCaptionLineHeightMedium","captionLarge","~~_templateObject7","~~switcherCaptionGapLarge","switcherCaptionFontSizeLarge","switcherCaptionLineHeightLarge","error","insideWidth","parseInt","btnBorderWidth","outsideWidth","switcherOutlineWidth","~~_templateObject8~~","~~switcherBorderRadius~~","~~borderColorError~~"],"sources":["Switcher.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n root() {\n return css`\n line-height: normal;\n `;\n },\n\n wrap() {\n return css`\n display: inline-block;\n vertical-align: middle;\n `;\n },\n\n input() {\n return css`\n height: 0;\n opacity: 0;\n position: absolute;\n width: 0;\n `;\n },\n\n caption(t: Theme) {\n return css`\n color: ${t.switcherTextColor};\n vertical-align: middle;\n display: inline-block;\n `;\n },\n\n captionSmall(t: Theme) {\n return css`\n margin-right: ${t.switcherCaptionGapSmall};\n font-size: ${t.switcherCaptionFontSizeSmall};\n line-height: ${t.switcherCaptionLineHeightSmall};\n `;\n },\n\n captionMedium(t: Theme) {\n return css`\n margin-right: ${t.switcherCaptionGapMedium};\n font-size: ${t.switcherCaptionFontSizeMedium};\n line-height: ${t.switcherCaptionLineHeightMedium};\n `;\n },\n\n captionLarge(t: Theme) {\n return css`\n margin-right: ${t.switcherCaptionGapLarge};\n font-size: ${t.switcherCaptionFontSizeLarge};\n line-height: ${t.switcherCaptionLineHeightLarge};\n `;\n },\n\n error(t: Theme) {\n const insideWidth = parseInt(t.btnBorderWidth);\n const outsideWidth = `${parseInt(t.switcherOutlineWidth) - insideWidth}px`;\n return css`\n border-radius: ${t.switcherBorderRadius};\n box-shadow:\n inset 0 0 0 ${insideWidth}px ${t.borderColorError},\n 0 0 0 ${outsideWidth} ${t.borderColorError};\n `;\n },\n});\n"],"mappings":"~~kPAAA~~,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,~~OAAOH~~,GAAG,CAAAI,~~eAAA~~,~~KAAAA~~,~~eAAA~~,~~GAAAC~~,~~2BAAA~~;;;EAGZ,CAAC;;EAEDC,IAAI,WAAAA,KAAA,EAAG;IACL,~~OAAON~~,GAAG,~~CAAAO~~,~~gBAAA~~,~~KAAAA~~,~~gBAAA~~,~~GAAAF~~,~~2BAAA~~;;;;EAIZ,CAAC;;~~EAEDG~~,KAAK,WAAAA,MAAA,EAAG;IACN,~~OAAOR~~,GAAG,~~CAAAS~~,~~gBAAA~~,~~KAAAA~~,~~gBAAA~~,~~GAAAJ~~,~~2BAAA~~;;;;;;EAMZ,CAAC;;~~EAEDK~~,OAAO,WAAAA,QAACC,CAAQ,EAAE;IAChB,~~OAAOX~~,GAAG,~~CAAAY~~,~~gBAAA~~,~~KAAAA~~,~~gBAAA~~,~~GAAAP~~,~~2BAAA;IACCM~~,~~CAAC~~,~~CAACE~~,~~iBAAiB~~;;;;EAIhC,CAAC;;~~EAEDC~~,YAAY,WAAAA,~~aAACH~~,CAAQ,EAAE;IACrB,~~OAAOX~~,GAAG,~~CAAAe~~,~~gBAAA~~,~~KAAAA~~,~~gBAAA~~,~~GAAAV~~,~~2BAAA~~;~~IACQM~~,CAAC,CAACK,~~uBAAuB;IAC5BL~~,~~CAAC~~,~~CAACM~~,~~4BAA4B;IAC5BN~~,~~CAAC~~,~~CAACO~~,~~8BAA8B~~;;EAEnD,CAAC;;~~EAEDC~~,aAAa,WAAAA,~~cAACR~~,CAAQ,EAAE;IACtB,~~OAAOX~~,GAAG~~,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA~~;~~IACQM~~,CAAC,~~CAACU~~,wBAAwB;~~IAC7BV~~,CAAC,~~CAACW~~,6BAA6B;~~IAC7BX~~,CAAC,~~CAACY~~,+BAA+B;;EAEpD,CAAC;;~~EAEDC~~,YAAY,WAAAA,~~aAACb~~,CAAQ,EAAE;IACrB,~~OAAOX~~,GAAG~~,CAAAyB,gBAAA,KAAAA,gBAAA,GAAApB,2BAAA~~;~~IACQM~~,CAAC,~~CAACe~~,uBAAuB;~~IAC5Bf~~,CAAC,~~CAACgB~~,4BAA4B;~~IAC5BhB~~,CAAC,~~CAACiB~~,8BAA8B;;EAEnD,CAAC;;~~EAEDC~~,KAAK,WAAAA,~~MAAClB~~,CAAQ,EAAE;IACd,~~IAAMmB~~,WAAW,GAAGC,QAAQ,~~CAACpB~~,CAAC,~~CAACqB~~,cAAc,CAAC;IAC9C,IAAMC,YAAY,GAAMF,QAAQ,~~CAACpB~~,CAAC,~~CAACuB~~,oBAAoB,CAAC,GAAGJ,WAAW,OAAI;IAC1E,~~OAAO9B~~,GAAG~~,CAAAmC,gBAAA,KAAAA,gBAAA,GAAA9B,2BAAA~~;~~IACSM~~,CAAC,~~CAACyB~~,oBAAoB;;~~IAEvBN~~,WAAW,~~EAAMnB~~,CAAC,~~CAAC0B~~,gBAAgB;~~IACzCJ~~,YAAY,~~EAAItB~~,CAAC,~~CAAC0B~~,gBAAgB;;EAEhD;AACF,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["css","memoizeStyle","styles","root","process","env","NODE_ENV","name","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","wrap","input","caption","t","switcherTextColor","captionSmall","switcherCaptionGapSmall","switcherCaptionFontSizeSmall","switcherCaptionLineHeightSmall","captionMedium","switcherCaptionGapMedium","switcherCaptionFontSizeMedium","switcherCaptionLineHeightMedium","captionLarge","switcherCaptionGapLarge","switcherCaptionFontSizeLarge","switcherCaptionLineHeightLarge","error","insideWidth","parseInt","btnBorderWidth","outsideWidth","switcherOutlineWidth","switcherBorderRadius","borderColorError","error5_1"],"sources":["Switcher.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n root() {\n return css`\n line-height: normal;\n `;\n },\n\n wrap() {\n return css`\n display: inline-block;\n vertical-align: middle;\n `;\n },\n\n input() {\n return css`\n height: 0;\n opacity: 0;\n position: absolute;\n width: 0;\n `;\n },\n\n caption(t: Theme) {\n return css`\n color: ${t.switcherTextColor};\n vertical-align: middle;\n display: inline-block;\n `;\n },\n\n captionSmall(t: Theme) {\n return css`\n margin-right: ${t.switcherCaptionGapSmall};\n font-size: ${t.switcherCaptionFontSizeSmall};\n line-height: ${t.switcherCaptionLineHeightSmall};\n `;\n },\n\n captionMedium(t: Theme) {\n return css`\n margin-right: ${t.switcherCaptionGapMedium};\n font-size: ${t.switcherCaptionFontSizeMedium};\n line-height: ${t.switcherCaptionLineHeightMedium};\n `;\n },\n\n captionLarge(t: Theme) {\n return css`\n margin-right: ${t.switcherCaptionGapLarge};\n font-size: ${t.switcherCaptionFontSizeLarge};\n line-height: ${t.switcherCaptionLineHeightLarge};\n `;\n },\n\n error(t: Theme) {\n const insideWidth = parseInt(t.btnBorderWidth);\n const outsideWidth = `${parseInt(t.switcherOutlineWidth) - insideWidth}px`;\n return css`\n border-radius: ${t.switcherBorderRadius};\n box-shadow:\n inset 0 0 0 ${insideWidth}px ${t.borderColorError},\n 0 0 0 ${outsideWidth} ${t.borderColorError};\n `;\n },\n\n error5_1(t: Theme) {\n return css`\n position: relative;\n\n &:before {\n content: '';\n position: absolute;\n pointer-events: none;\n top: 1px;\n right: 1px;\n bottom: 1px;\n left: 1px;\n z-index: 1;\n border-radius: ${t.switcherBorderRadius};\n box-shadow: 0 0 0 ${t.switcherOutlineWidth} ${t.borderColorError};\n }\n `;\n },\n});\n"],"mappings":"uRAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,oBAAOH,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAL,MAAA,6BAAAK,IAAA,iBAAAL,MAAA,oCAAAM,QAAA,EAAAC,gCAAA;;;EAGZ,CAAC;;EAEDC,IAAI,WAAAA,KAAA,EAAG;IACL,oBAAOV,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,aAAAL,MAAA,qDAAAK,IAAA,iBAAAL,MAAA,4DAAAM,QAAA,EAAAC,gCAAA;;;;EAIZ,CAAC;;EAEDE,KAAK,WAAAA,MAAA,EAAG;IACN,oBAAOX,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAL,MAAA,uDAAAK,IAAA,kBAAAL,MAAA,+DAAAM,QAAA,EAAAC,gCAAA;;;;;;EAMZ,CAAC;;EAEDG,OAAO,WAAAA,QAACC,CAAQ,EAAE;IAChB,oBAAOb,GAAG;IACCa,CAAC,CAACC,iBAAiB,oDAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA;;;;EAIhC,CAAC;;EAEDS,YAAY,WAAAA,aAACF,CAAQ,EAAE;IACrB,oBAAOb,GAAG;IACQa,CAAC,CAACG,uBAAuB;IAC5BH,CAAC,CAACI,4BAA4B;IAC5BJ,CAAC,CAACK,8BAA8B,SAAAd,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEnD,CAAC;;EAEDa,aAAa,WAAAA,cAACN,CAAQ,EAAE;IACtB,oBAAOb,GAAG;IACQa,CAAC,CAACO,wBAAwB;IAC7BP,CAAC,CAACQ,6BAA6B;IAC7BR,CAAC,CAACS,+BAA+B,SAAAlB,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEpD,CAAC;;EAEDiB,YAAY,WAAAA,aAACV,CAAQ,EAAE;IACrB,oBAAOb,GAAG;IACQa,CAAC,CAACW,uBAAuB;IAC5BX,CAAC,CAACY,4BAA4B;IAC5BZ,CAAC,CAACa,8BAA8B,SAAAtB,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEnD,CAAC;;EAEDqB,KAAK,WAAAA,MAACd,CAAQ,EAAE;IACd,IAAMe,WAAW,GAAGC,QAAQ,CAAChB,CAAC,CAACiB,cAAc,CAAC;IAC9C,IAAMC,YAAY,GAAMF,QAAQ,CAAChB,CAAC,CAACmB,oBAAoB,CAAC,GAAGJ,WAAW,OAAI;IAC1E,oBAAO5B,GAAG;IACSa,CAAC,CAACoB,oBAAoB;;IAEvBL,WAAW,SAAMf,CAAC,CAACqB,gBAAgB;IACzCH,YAAY,OAAIlB,CAAC,CAACqB,gBAAgB,SAAA9B,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEhD,CAAC;;EAED6B,QAAQ,WAAAA,SAACtB,CAAQ,EAAE;IACjB,oBAAOb,GAAG;;;;;;;;;;;;IAYWa,CAAC,CAACoB,oBAAoB;IACnBpB,CAAC,CAACmB,oBAAoB,OAAInB,CAAC,CAACqB,gBAAgB,UAAA9B,OAAA,CAAAC,GAAA,CAAAC,QAAA;;;EAGtE;AACF,CAAC,CAAC","ignoreList":[]}

package/components/Switcher/Switcher.styles.d.ts CHANGED Viewed

@@ -8,4 +8,5 @@ export declare const styles: {
     captionMedium(t: Theme): string;
     captionLarge(t: Theme): string;
     error(t: Theme): string;
+    error5_1(t: Theme): string;
 };

package/components/Switcher/__creevey__/Switcher.creevey.mts ADDED Viewed

@@ -0,0 +1,24 @@
+import { story, kind, test } from 'creevey';
+kind('Switcher', () => {
+  story('Horizontal', () => {
+    test('idle', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'idle');
+    });
+    test('clicked', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="Button"]' }))
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'clicked');
+    });
+  });
+  story('WithCustomRenderItems', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'chrome only': { in: /^(?!\bchrome2022\b)/ } },
+    });
+  });
+});

package/components/Tabs/Indicator.styles/Indicator.styles.js CHANGED Viewed

@@ -1,20 +1,18 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
   root: function root(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      height: ", ";\n      position: absolute;\n      transition: all 0.2s ease-out;\n      border-radius: ", ";\n    "])), t.tabColorFocus, t.tabBorderWidth, t.tabIndicatorBorderRadius);
+    return /*#__PURE__*/css("background:", t.tabColorFocus, ";height:", t.tabBorderWidth, ";position:absolute;transition:all 0.2s ease-out;border-radius:", t.tabIndicatorBorderRadius, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:root;"));
   },
   primary: function primary(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n    "])), t.tabColorPrimary);
+    return /*#__PURE__*/css("background:", t.tabColorPrimary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:primary;"));
   },
   success: function success(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n    "])), t.tabColorSuccess);
+    return /*#__PURE__*/css("background:", t.tabColorSuccess, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:success;"));
   },
   warning: function warning(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n    "])), t.tabColorWarning);
+    return /*#__PURE__*/css("background:", t.tabColorWarning, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:warning;"));
   },
   error: function error(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n    "])), t.tabColorError);
+    return /*#__PURE__*/css("background:", t.tabColorError, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:error;"));
   }
 });

package/components/Tabs/Indicator.styles/Indicator.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["css","memoizeStyle","styles","root","t","~~_templateObject~~","~~_taggedTemplateLiteralLoose~~","~~tabColorFocus~~","~~tabBorderWidth~~","~~tabIndicatorBorderRadius~~","~~primary~~","~~_templateObject2~~","tabColorPrimary","success","~~_templateObject3","~~tabColorSuccess","warning","~~_templateObject4","~~tabColorWarning","error","~~_templateObject5","~~tabColorError"],"sources":["Indicator.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n background: ${t.tabColorFocus};\n height: ${t.tabBorderWidth};\n position: absolute;\n transition: all 0.2s ease-out;\n border-radius: ${t.tabIndicatorBorderRadius};\n `;\n },\n\n primary(t: Theme) {\n return css`\n background: ${t.tabColorPrimary};\n `;\n },\n\n success(t: Theme) {\n return css`\n background: ${t.tabColorSuccess};\n `;\n },\n\n warning(t: Theme) {\n return css`\n background: ${t.tabColorWarning};\n `;\n },\n\n error(t: Theme) {\n return css`\n background: ${t.tabColorError};\n `;\n },\n});\n"],"mappings":"~~4LAAA~~,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,~~OAAOJ~~,GAAG~~,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA~~;~~IACMF~~,CAAC,~~CAACG~~,aAAa;~~IACnBH~~,CAAC,~~CAACI~~,cAAc;;;~~IAGTJ~~,CAAC,~~CAACK~~,wBAAwB;;EAE/C,CAAC;;EAEDC,OAAO,WAAAA,~~QAACN~~,CAAQ,EAAE;IAChB,~~OAAOJ~~,GAAG,~~CAAAW~~,~~gBAAA~~,~~KAAAA~~,~~gBAAA~~,~~GAAAL~~,~~2BAAA;IACMF~~,~~CAAC~~,~~CAACQ~~,~~eAAe~~;;EAEnC,CAAC;;~~EAEDC~~,OAAO,WAAAA,QAACT,CAAQ,EAAE;IAChB,~~OAAOJ~~,GAAG,~~CAAAc~~,~~gBAAA~~,~~KAAAA~~,~~gBAAA~~,~~GAAAR~~,~~2BAAA;IACMF~~,~~CAAC~~,~~CAACW~~,~~eAAe~~;;EAEnC,CAAC;;~~EAEDC~~,OAAO,WAAAA,~~QAACZ~~,CAAQ,EAAE;IAChB,~~OAAOJ~~,GAAG,~~CAAAiB~~,~~gBAAA~~,~~KAAAA~~,~~gBAAA~~,~~GAAAX~~,~~2BAAA;IACMF~~,~~CAAC~~,~~CAACc~~,~~eAAe~~;;EAEnC,CAAC;;~~EAEDC~~,KAAK,WAAAA,~~MAACf~~,CAAQ,EAAE;IACd,~~OAAOJ~~,GAAG,~~CAAAoB~~,~~gBAAA~~,~~KAAAA~~,~~gBAAA~~,~~GAAAd~~,~~2BAAA;IACMF~~,~~CAAC~~,~~CAACiB~~,~~aAAa~~;;EAEjC;AACF,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["css","memoizeStyle","styles","root","t","tabColorFocus","tabBorderWidth","tabIndicatorBorderRadius","process","env","NODE_ENV","primary","tabColorPrimary","success","tabColorSuccess","warning","tabColorWarning","error","tabColorError"],"sources":["Indicator.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n background: ${t.tabColorFocus};\n height: ${t.tabBorderWidth};\n position: absolute;\n transition: all 0.2s ease-out;\n border-radius: ${t.tabIndicatorBorderRadius};\n `;\n },\n\n primary(t: Theme) {\n return css`\n background: ${t.tabColorPrimary};\n `;\n },\n\n success(t: Theme) {\n return css`\n background: ${t.tabColorSuccess};\n `;\n },\n\n warning(t: Theme) {\n return css`\n background: ${t.tabColorWarning};\n `;\n },\n\n error(t: Theme) {\n return css`\n background: ${t.tabColorError};\n `;\n },\n});\n"],"mappings":"AAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,oBAAOJ,GAAG;IACMI,CAAC,CAACC,aAAa;IACnBD,CAAC,CAACE,cAAc;;;IAGTF,CAAC,CAACG,wBAAwB,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAE/C,CAAC;;EAEDC,OAAO,WAAAA,QAACP,CAAQ,EAAE;IAChB,oBAAOJ,GAAG;IACMI,CAAC,CAACQ,eAAe,SAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEnC,CAAC;;EAEDG,OAAO,WAAAA,QAACT,CAAQ,EAAE;IAChB,oBAAOJ,GAAG;IACMI,CAAC,CAACU,eAAe,SAAAN,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEnC,CAAC;;EAEDK,OAAO,WAAAA,QAACX,CAAQ,EAAE;IAChB,oBAAOJ,GAAG;IACMI,CAAC,CAACY,eAAe,SAAAR,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEnC,CAAC;;EAEDO,KAAK,WAAAA,MAACb,CAAQ,EAAE;IACd,oBAAOJ,GAAG;IACMI,CAAC,CAACc,aAAa,SAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEjC;AACF,CAAC,CAAC","ignoreList":[]}

package/components/Tabs/Tab.styles/Tab.styles.js CHANGED Viewed

@@ -1,5 +1,6 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
 import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
 import { shift } from "../../../lib/styles/DimensionFunctions";
 import * as ColorFunctions from "../../../lib/styles/ColorFunctions";
@@ -36,58 +37,79 @@ export var styles = memoizeStyle({
     return tabFocus(t, 'large');
   },
   disabled: function disabled(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      color: rgba(\n        ", ",\n        ", ",\n        ", ",\n        0.5\n      );\n      cursor: default;\n    "])), ColorFunctions.red(t.tabTextColorDefault), ColorFunctions.green(t.tabTextColorDefault), ColorFunctions.blue(t.tabTextColorDefault));
+    return /*#__PURE__*/css("color:rgba(\n        ", ColorFunctions.red(t.tabTextColorDefault), ",\n        ", ColorFunctions.green(t.tabTextColorDefault), ",\n        ", ColorFunctions.blue(t.tabTextColorDefault), ",\n        0.5\n      );cursor:default;" + (process.env.NODE_ENV === "production" ? "" : ";label:disabled;"));
   },
   active: function active() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1ll9bqd",
+      styles: "cursor:default"
+    } : {
+      name: "1f72n8w-active",
+      styles: "cursor:default;label:active;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   }
 });
 export var horizontalStyles = memoizeStyle({
   active: function active(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-bottom: ", " solid transparent;\n      }\n    "])), t.tabBorderWidth);
+    return /*#__PURE__*/css("&:hover{border-bottom:", t.tabBorderWidth, " solid transparent;}" + (process.env.NODE_ENV === "production" ? "" : ";label:active;"));
   },
   disabled: function disabled() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-bottom-color: transparent;\n      }\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "h985zs",
+      styles: "&:hover{border-bottom-color:transparent;}"
+    } : {
+      name: "1x51unf-disabled",
+      styles: "&:hover{border-bottom-color:transparent;};label:disabled;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   primary: function primary(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-bottom-color: ", ";\n      }\n    "])), t.tabColorHoverPrimary);
+    return /*#__PURE__*/css("&:hover{border-bottom-color:", t.tabColorHoverPrimary, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:primary;"));
   },
   success: function success(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-bottom-color: ", ";\n      }\n    "])), t.tabColorHoverSuccess);
+    return /*#__PURE__*/css("&:hover{border-bottom-color:", t.tabColorHoverSuccess, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:success;"));
   },
   warning: function warning(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-bottom-color: ", ";\n      }\n    "])), t.tabColorHoverWarning);
+    return /*#__PURE__*/css("&:hover{border-bottom-color:", t.tabColorHoverWarning, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:warning;"));
   },
   error: function error(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-bottom-color: ", ";\n      }\n    "])), t.tabColorHoverError);
+    return /*#__PURE__*/css("&:hover{border-bottom-color:", t.tabColorHoverError, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:error;"));
   }
 });
 export var verticalStyles = memoizeStyle({
   active: function active(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-left: ", " solid transparent;\n      }\n    "])), t.tabBorderWidth);
+    return /*#__PURE__*/css("&:hover{border-left:", t.tabBorderWidth, " solid transparent;}" + (process.env.NODE_ENV === "production" ? "" : ";label:active;"));
   },
   disabled: function disabled() {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-left-color: transparent;\n      }\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "10ulvdg",
+      styles: "&:hover{border-left-color:transparent;}"
+    } : {
+      name: "183ua5n-disabled",
+      styles: "&:hover{border-left-color:transparent;};label:disabled;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   primary: function primary(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-left-color: ", ";\n      }\n    "])), t.tabColorHoverPrimary);
+    return /*#__PURE__*/css("&:hover{border-left-color:", t.tabColorHoverPrimary, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:primary;"));
   },
   success: function success(t) {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-left-color: ", ";\n      }\n    "])), t.tabColorHoverSuccess);
+    return /*#__PURE__*/css("&:hover{border-left-color:", t.tabColorHoverSuccess, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:success;"));
   },
   warning: function warning(t) {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-left-color: ", ";\n      }\n    "])), t.tabColorHoverWarning);
+    return /*#__PURE__*/css("&:hover{border-left-color:", t.tabColorHoverWarning, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:warning;"));
   },
   error: function error(t) {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-left-color: ", ";\n      }\n    "])), t.tabColorHoverError);
+    return /*#__PURE__*/css("&:hover{border-left-color:", t.tabColorHoverError, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:error;"));
   }
 });
 function tabRoot(t, size) {
-  return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n    border-bottom: ", " solid transparent;\n    box-sizing: border-box;\n    color: ", ";\n    cursor: pointer;\n    display: inline-block;\n    font-size: ", ";\n    line-height: ", ";\n    margin-left: ", ";\n    margin-right: ", ";\n    padding-bottom: calc(", " - ", ");\n    padding-top: ", ";\n    position: relative;\n    text-decoration: inherit;\n    transition: border-bottom ", " ", ";\n\n    &:hover {\n      outline: inherit;\n      border-bottom: ", " solid ", ";\n    }\n\n    &:focus {\n      outline: inherit;\n    }\n  "])), t.tabBorderWidth, t.tabTextColorDefault, fontSize(t, size), lineHeight(t, size), paddingX(t, size), paddingX(t, size), paddingY(t, size), t.tabBorderWidth, paddingY(t, size), t.transitionDuration, t.transitionTimingFunction, t.tabBorderWidth, t.tabColorHover);
+  return /*#__PURE__*/css("border-bottom:", t.tabBorderWidth, " solid transparent;box-sizing:border-box;color:", t.tabTextColorDefault, ";cursor:pointer;display:inline-block;font-size:", fontSize(t, size), ";line-height:", lineHeight(t, size), ";margin-left:", paddingX(t, size), ";margin-right:", paddingX(t, size), ";padding-bottom:calc(", paddingY(t, size), " - ", t.tabBorderWidth, ");padding-top:", paddingY(t, size), ";position:relative;text-decoration:inherit;transition:border-bottom ", t.transitionDuration, " ", t.transitionTimingFunction, ";&:hover{outline:inherit;border-bottom:", t.tabBorderWidth, " solid ", t.tabColorHover, ";}&:focus{outline:inherit;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tabRoot;"));
 }
 function tabVertical(t, size) {
-  return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n    border-bottom: none;\n    border-left: ", " solid transparent;\n    display: block;\n    margin-left: 0;\n    margin-right: 0;\n    padding-left: ", ";\n    padding-right: ", ";\n\n    &:hover {\n      border-bottom: none;\n      border-left: ", " solid ", ";\n    }\n\n    .", " {\n      bottom: 0;\n      left: -", ";\n      right: 0;\n    }\n  "])), t.tabBorderWidth, shift(paddingX(t, size), "-" + t.tabBorderWidth), paddingX(t, size), t.tabBorderWidth, t.tabColorHover, globalClasses.focus, t.tabBorderWidth);
+  return /*#__PURE__*/css("border-bottom:none;border-left:", t.tabBorderWidth, " solid transparent;display:block;margin-left:0;margin-right:0;padding-left:", shift(paddingX(t, size), "-" + t.tabBorderWidth), ";padding-right:", paddingX(t, size), ";&:hover{border-bottom:none;border-left:", t.tabBorderWidth, " solid ", t.tabColorHover, ";}.", globalClasses.focus, "{bottom:0;left:-", t.tabBorderWidth, ";right:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tabVertical;"));
 }
 function tabFocus(t, size) {
-  return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n    border: ", " solid ", ";\n    bottom: -", ";\n    left: -", ";\n    position: absolute;\n    right: -", ";\n    top: 0;\n  "])), t.tabOutlineWidth, t.tabColorFocus, t.tabBorderWidth, paddingX(t, size), paddingX(t, size));
+  return /*#__PURE__*/css("border:", t.tabOutlineWidth, " solid ", t.tabColorFocus, ";bottom:-", t.tabBorderWidth, ";left:-", paddingX(t, size), ";position:absolute;right:-", paddingX(t, size), ";top:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:tabFocus;"));
 }

package/components/Tabs/Tab.styles/Tab.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["css","memoizeStyle","prefix","shift","ColorFunctions","fontSize","lineHeight","paddingX","paddingY","globalClasses","focus","styles","rootSmall","t","tabRoot","rootMedium","rootLarge","verticalSmall","tabVertical","verticalMedium","verticalLarge","focusSmall","tabFocus","focusMedium","focusLarge","disabled","_templateObject","_taggedTemplateLiteralLoose","red","tabTextColorDefault","green","blue","active","_templateObject2","horizontalStyles","_templateObject3","tabBorderWidth","_templateObject4","primary","_templateObject5","tabColorHoverPrimary","success","_templateObject6","tabColorHoverSuccess","warning","_templateObject7","tabColorHoverWarning","error","_templateObject8","tabColorHoverError","verticalStyles","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","size","_templateObject15","transitionDuration","transitionTimingFunction","tabColorHover","_templateObject16","_templateObject17","tabOutlineWidth","tabColorFocus"],"sources":["Tab.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport { Theme } from '../../lib/theming/Theme';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { fontSize, lineHeight, paddingX, paddingY } from './helpers';\n\nexport const globalClasses = prefix('tab')({\n focus: 'focus',\n});\n\nexport const styles = memoizeStyle({\n rootSmall(t: Theme) {\n return tabRoot(t, 'small');\n },\n\n rootMedium(t: Theme) {\n return tabRoot(t, 'medium');\n },\n\n rootLarge(t: Theme) {\n return tabRoot(t, 'large');\n },\n\n verticalSmall(t: Theme) {\n return tabVertical(t, 'small');\n },\n\n verticalMedium(t: Theme) {\n return tabVertical(t, 'medium');\n },\n\n verticalLarge(t: Theme) {\n return tabVertical(t, 'large');\n },\n\n focusSmall(t: Theme) {\n return tabFocus(t, 'small');\n },\n\n focusMedium(t: Theme) {\n return tabFocus(t, 'medium');\n },\n\n focusLarge(t: Theme) {\n return tabFocus(t, 'large');\n },\n\n disabled(t: Theme) {\n return css`\n color: rgba(\n ${ColorFunctions.red(t.tabTextColorDefault)},\n ${ColorFunctions.green(t.tabTextColorDefault)},\n ${ColorFunctions.blue(t.tabTextColorDefault)},\n 0.5\n );\n cursor: default;\n `;\n },\n\n active() {\n return css`\n cursor: default;\n `;\n },\n});\n\nexport const horizontalStyles = memoizeStyle({\n active(t: Theme) {\n return css`\n &:hover {\n border-bottom: ${t.tabBorderWidth} solid transparent;\n }\n `;\n },\n\n disabled() {\n return css`\n &:hover {\n border-bottom-color: transparent;\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverPrimary};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverSuccess};\n }\n `;\n },\n\n warning(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverWarning};\n }\n `;\n },\n\n error(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverError};\n }\n `;\n },\n});\n\nexport const verticalStyles = memoizeStyle({\n active(t: Theme) {\n return css`\n &:hover {\n border-left: ${t.tabBorderWidth} solid transparent;\n }\n `;\n },\n\n disabled() {\n return css`\n &:hover {\n border-left-color: transparent;\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverPrimary};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverSuccess};\n }\n `;\n },\n\n warning(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverWarning};\n }\n `;\n },\n\n error(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverError};\n }\n `;\n },\n});\n\nfunction tabRoot(t: Theme, size: SizeProp) {\n return css`\n border-bottom: ${t.tabBorderWidth} solid transparent;\n box-sizing: border-box;\n color: ${t.tabTextColorDefault};\n cursor: pointer;\n display: inline-block;\n font-size: ${fontSize(t, size)};\n line-height: ${lineHeight(t, size)};\n margin-left: ${paddingX(t, size)};\n margin-right: ${paddingX(t, size)};\n padding-bottom: calc(${paddingY(t, size)} - ${t.tabBorderWidth});\n padding-top: ${paddingY(t, size)};\n position: relative;\n text-decoration: inherit;\n transition: border-bottom ${t.transitionDuration} ${t.transitionTimingFunction};\n\n &:hover {\n outline: inherit;\n border-bottom: ${t.tabBorderWidth} solid ${t.tabColorHover};\n }\n\n &:focus {\n outline: inherit;\n }\n `;\n}\n\nfunction tabVertical(t: Theme, size: SizeProp) {\n return css`\n border-bottom: none;\n border-left: ${t.tabBorderWidth} solid transparent;\n display: block;\n margin-left: 0;\n margin-right: 0;\n padding-left: ${shift(paddingX(t, size), `-${t.tabBorderWidth}`)};\n padding-right: ${paddingX(t, size)};\n\n &:hover {\n border-bottom: none;\n border-left: ${t.tabBorderWidth} solid ${t.tabColorHover};\n }\n\n .${globalClasses.focus} {\n bottom: 0;\n left: -${t.tabBorderWidth};\n right: 0;\n }\n `;\n}\n\nfunction tabFocus(t: Theme, size: SizeProp) {\n return css`\n border: ${t.tabOutlineWidth} solid ${t.tabColorFocus};\n bottom: -${t.tabBorderWidth};\n left: -${paddingX(t, size)};\n position: absolute;\n right: -${paddingX(t, size)};\n top: 0;\n `;\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["css","memoizeStyle","prefix","shift","ColorFunctions","fontSize","lineHeight","paddingX","paddingY","globalClasses","focus","styles","rootSmall","t","tabRoot","rootMedium","rootLarge","verticalSmall","tabVertical","verticalMedium","verticalLarge","focusSmall","tabFocus","focusMedium","focusLarge","disabled","red","tabTextColorDefault","green","blue","process","env","NODE_ENV","active","name","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","horizontalStyles","tabBorderWidth","primary","tabColorHoverPrimary","success","tabColorHoverSuccess","warning","tabColorHoverWarning","error","tabColorHoverError","verticalStyles","size","transitionDuration","transitionTimingFunction","tabColorHover","tabOutlineWidth","tabColorFocus"],"sources":["Tab.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport { Theme } from '../../lib/theming/Theme';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { fontSize, lineHeight, paddingX, paddingY } from './helpers';\n\nexport const globalClasses = prefix('tab')({\n focus: 'focus',\n});\n\nexport const styles = memoizeStyle({\n rootSmall(t: Theme) {\n return tabRoot(t, 'small');\n },\n\n rootMedium(t: Theme) {\n return tabRoot(t, 'medium');\n },\n\n rootLarge(t: Theme) {\n return tabRoot(t, 'large');\n },\n\n verticalSmall(t: Theme) {\n return tabVertical(t, 'small');\n },\n\n verticalMedium(t: Theme) {\n return tabVertical(t, 'medium');\n },\n\n verticalLarge(t: Theme) {\n return tabVertical(t, 'large');\n },\n\n focusSmall(t: Theme) {\n return tabFocus(t, 'small');\n },\n\n focusMedium(t: Theme) {\n return tabFocus(t, 'medium');\n },\n\n focusLarge(t: Theme) {\n return tabFocus(t, 'large');\n },\n\n disabled(t: Theme) {\n return css`\n color: rgba(\n ${ColorFunctions.red(t.tabTextColorDefault)},\n ${ColorFunctions.green(t.tabTextColorDefault)},\n ${ColorFunctions.blue(t.tabTextColorDefault)},\n 0.5\n );\n cursor: default;\n `;\n },\n\n active() {\n return css`\n cursor: default;\n `;\n },\n});\n\nexport const horizontalStyles = memoizeStyle({\n active(t: Theme) {\n return css`\n &:hover {\n border-bottom: ${t.tabBorderWidth} solid transparent;\n }\n `;\n },\n\n disabled() {\n return css`\n &:hover {\n border-bottom-color: transparent;\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverPrimary};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverSuccess};\n }\n `;\n },\n\n warning(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverWarning};\n }\n `;\n },\n\n error(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverError};\n }\n `;\n },\n});\n\nexport const verticalStyles = memoizeStyle({\n active(t: Theme) {\n return css`\n &:hover {\n border-left: ${t.tabBorderWidth} solid transparent;\n }\n `;\n },\n\n disabled() {\n return css`\n &:hover {\n border-left-color: transparent;\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverPrimary};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverSuccess};\n }\n `;\n },\n\n warning(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverWarning};\n }\n `;\n },\n\n error(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverError};\n }\n `;\n },\n});\n\nfunction tabRoot(t: Theme, size: SizeProp) {\n return css`\n border-bottom: ${t.tabBorderWidth} solid transparent;\n box-sizing: border-box;\n color: ${t.tabTextColorDefault};\n cursor: pointer;\n display: inline-block;\n font-size: ${fontSize(t, size)};\n line-height: ${lineHeight(t, size)};\n margin-left: ${paddingX(t, size)};\n margin-right: ${paddingX(t, size)};\n padding-bottom: calc(${paddingY(t, size)} - ${t.tabBorderWidth});\n padding-top: ${paddingY(t, size)};\n position: relative;\n text-decoration: inherit;\n transition: border-bottom ${t.transitionDuration} ${t.transitionTimingFunction};\n\n &:hover {\n outline: inherit;\n border-bottom: ${t.tabBorderWidth} solid ${t.tabColorHover};\n }\n\n &:focus {\n outline: inherit;\n }\n `;\n}\n\nfunction tabVertical(t: Theme, size: SizeProp) {\n return css`\n border-bottom: none;\n border-left: ${t.tabBorderWidth} solid transparent;\n display: block;\n margin-left: 0;\n margin-right: 0;\n padding-left: ${shift(paddingX(t, size), `-${t.tabBorderWidth}`)};\n padding-right: ${paddingX(t, size)};\n\n &:hover {\n border-bottom: none;\n border-left: ${t.tabBorderWidth} solid ${t.tabColorHover};\n }\n\n .${globalClasses.focus} {\n bottom: 0;\n left: -${t.tabBorderWidth};\n right: 0;\n }\n `;\n}\n\nfunction tabFocus(t: Theme, size: SizeProp) {\n return css`\n border: ${t.tabOutlineWidth} solid ${t.tabColorFocus};\n bottom: -${t.tabBorderWidth};\n left: -${paddingX(t, size)};\n position: absolute;\n right: -${paddingX(t, size)};\n top: 0;\n `;\n}\n"],"mappings":"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","ignoreList":[]}