npm - @skbkontur/react-ui - Versions diffs - 5.6.9-5e213.0 → 5.6.9 - Mend

@skbkontur/react-ui 5.6.9-5e213.0 → 5.6.9

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 (2366) hide show

package/cjs/components/Toggle/Toggle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_keyListener","_ThemeContext","_CommonWrapper","_Emotion","_rootNode","_createPropsGetter","_currentEnvironment","_FocusControlWrapper","_SizeDecorator","_Toggle2","_class","_Toggle","_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","ToggleDataTids","exports","root","Toggle","rootNode","withSize","_React$Component","props","_this","_classCallCheck2","getProps","createPropsGetter","defaultProps","input","focus","keyListener","isTabPressed","inputRef","element","handleChange","event","onValueChange","target","checked","isUncontrolled","setState","onChange","handleFocus","onFocus","focusByTab","resetFocus","handleBlur","_this$props$onBlur","_this$props","onBlur","call","state","defaultChecked","_inherits2","_createClass2","key","value","componentDidMount","autoFocus","render","_this2","createElement","ThemeContext","Consumer","theme","renderMain","getContainerSizeClassName","size","styles","containerLarge","containerMedium","containerSmall","getHandleSizeClassName","handleLarge","handleMedium","handleSmall","getButtonSizeClassName","buttonLarge","buttonMedium","buttonSmall","getRootSizeClassName","rootLarge","rootMedium","rootSmall","getInputSizeClassName","inputLarge","inputMedium","inputSmall","getCaptionSizeClassName","captionLarge","captionMedium","captionSmall","_this$props2","children","warning","error","id","name","ariaDescribedby","ariaLabel","_this$getProps","loading","captionPosition","disableAnimations","disabled","containerClassNames","cx","_defineProperty2","container","containerDisabled","globalClasses","containerLoading","labelClassNames","rootLeft","disableAnimation","caption","captionClass","captionLeft","disabledCaption","className","CommonWrapper","_extends2","rootNodeRef","setRootNode","button","buttonRight","isWarning","isError","focused","FocusControlWrapper","onBlurWhenDisabled","type","ref","role","handle","handleDisabled","undefined","React","Component","__KONTUR_REACT_UI__","displayName","isTestEnv"],"sources":["Toggle.tsx"],"sourcesContent":["import React from 'react';\nimport type { AriaAttributes, InputHTMLAttributes } from 'react';\n\nimport { keyListener } from '../../lib/events/keyListener';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport type { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\nimport { withSize } from '../../lib/size/SizeDecorator';\n\nimport { styles, globalClasses } from './Toggle.styles';\n\nexport interface ToggleProps\n extends Pick<AriaAttributes, 'aria-label' \| 'aria-describedby'>,\n Pick<InputHTMLAttributes<HTMLInputElement>, 'id' \| 'name'>,\n CommonProps {\n /** @ignore /\n children?: React.ReactNode;\n\n /* Расположение названия относительно переключателя.\n * @default 'right' /\n captionPosition?: 'left' \| 'right';\n\n /* Включает тогл.\n * @default false /\n checked?: boolean;\n\n /* Делает тогл включенным по умолчанию. Не работает, если задан проп `checked`. /\n defaultChecked?: boolean;\n\n /* Блокирует тогл. /\n disabled?: boolean;\n\n /* Событие изменения значения. /\n onValueChange?: (value: boolean) => void;\n\n /* Событие клика на тогл. /\n onChange?: React.ChangeEventHandler<HTMLInputElement>;\n\n /* Переводит тогл в состояние предупреждения.\n * @default false /\n warning?: boolean;\n\n /* Переводит тогл в состояние ошибки.\n * @default false /\n error?: boolean;\n\n /* Переводит тогл в состояние загрузки: добавляет стили для состояния `loading` и отключает тогл./\n loading?: boolean;\n\n /* Устанавливает фокус на тогл после окончания загрузки страницы.\n * @default false /\n autoFocus?: boolean;\n\n /* Размер тогла. /\n size?: SizeProp;\n\n /* Событие получения тоглом фокуса./\n onFocus?: React.FocusEventHandler<HTMLInputElement>;\n\n /* Событие потери тоглом фокуса. /\n onBlur?: React.FocusEventHandler<HTMLInputElement>;\n\n /* Отключает анимацию. /\n disableAnimations?: boolean;\n}\n\nexport interface ToggleState {\n checked?: boolean;\n focusByTab?: boolean;\n}\n\nexport const ToggleDataTids = {\n root: 'Toggle__root',\n} as const;\n\ntype DefaultProps = Required<Pick<ToggleProps, 'disabled' \| 'loading' \| 'captionPosition' \| 'disableAnimations'>>;\n\n/\n Тогл переключает состояния. Например, включает или отключает уведомления в настройках.\n * Состоит из надписи и переключателя.\n /\n@rootNode\n@withSize\nexport class Toggle extends React.Component<ToggleProps, ToggleState> {\n public static __KONTUR_REACT_UI__ = 'Toggle';\n public static displayName = 'Toggle';\n\n public static defaultProps: DefaultProps = {\n disabled: false,\n loading: false,\n captionPosition: 'right',\n disableAnimations: isTestEnv,\n };\n private size!: SizeProp;\n\n private getProps = createPropsGetter(Toggle.defaultProps);\n\n private theme!: Theme;\n private input: HTMLInputElement \| null = null;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n\n constructor(props: ToggleProps) {\n super(props);\n\n this.state = {\n focusByTab: false,\n checked: props.defaultChecked,\n };\n }\n\n public componentDidMount() {\n if (this.props.autoFocus) {\n keyListener.isTabPressed = true;\n this.focus();\n }\n }\n\n /\n @public\n */\n public focus = () => {\n if (this.input) {\n keyListener.isTabPressed = true;\n this.input.focus();\n }\n };\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private getContainerSizeClassName() {\n switch (this.size) {\n case 'large':\n return styles.containerLarge(this.theme);\n case 'medium':\n return styles.containerMedium(this.theme);\n case 'small':\n default:\n return styles.containerSmall(this.theme);\n }\n }\n\n private getHandleSizeClassName() {\n switch (this.size) {\n case 'large':\n return styles.handleLarge(this.theme);\n case 'medium':\n return styles.handleMedium(this.theme);\n case 'small':\n default:\n return styles.handleSmall(this.theme);\n }\n }\n\n private getButtonSizeClassName() {\n switch (this.size) {\n case 'large':\n return styles.buttonLarge(this.theme);\n case 'medium':\n return styles.buttonMedium(this.theme);\n case 'small':\n default:\n return styles.buttonSmall(this.theme);\n }\n }\n\n private getRootSizeClassName() {\n switch (this.size) {\n case 'large':\n return styles.rootLarge(this.theme);\n case 'medium':\n return styles.rootMedium(this.theme);\n case 'small':\n default:\n return styles.rootSmall(this.theme);\n }\n }\n\n private getInputSizeClassName() {\n switch (this.size) {\n case 'large':\n return styles.inputLarge(this.theme);\n case 'medium':\n return styles.inputMedium(this.theme);\n case 'small':\n default:\n return styles.inputSmall(this.theme);\n }\n }\n\n private getCaptionSizeClassName() {\n switch (this.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 private renderMain() {\n const {\n children,\n warning,\n error,\n id,\n name,\n 'aria-describedby': ariaDescribedby,\n 'aria-label': ariaLabel,\n } = this.props;\n const { loading, captionPosition, disableAnimations } = this.getProps();\n const disabled = this.getProps().disabled \|\| loading;\n const checked = this.isUncontrolled() ? this.state.checked : this.props.checked;\n\n const containerClassNames = cx(this.getContainerSizeClassName(), {\n [styles.container(this.theme)]: true,\n [styles.containerDisabled(this.theme)]: !!disabled,\n [globalClasses.container]: true,\n [globalClasses.containerDisabled]: !!disabled,\n [globalClasses.containerLoading]: loading,\n });\n\n const labelClassNames = cx(this.getRootSizeClassName(), {\n [styles.root(this.theme)]: true,\n [styles.rootLeft()]: captionPosition === 'left',\n [styles.disabled()]: !!disabled,\n [globalClasses.disabled]: !!disabled,\n [styles.disableAnimation()]: disableAnimations,\n });\n\n let caption = null;\n if (children) {\n const captionClass = cx(this.getCaptionSizeClassName(), {\n [styles.caption(this.theme)]: true,\n [styles.captionLeft(this.theme)]: captionPosition === 'left',\n [styles.disabledCaption(this.theme)]: !!disabled,\n });\n caption = <span className={captionClass}>{children}</span>;\n }\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <label data-tid={ToggleDataTids.root} className={labelClassNames}>\n <div\n className={cx(this.getButtonSizeClassName(), {\n [styles.button(this.theme)]: true,\n [styles.buttonRight()]: captionPosition === 'left',\n [styles.isWarning(this.theme)]: !!warning,\n [styles.isError(this.theme)]: !!error,\n [styles.focused(this.theme)]: !disabled && !!this.state.focusByTab,\n })}\n >\n <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n <input\n type=\"checkbox\"\n checked={checked}\n onChange={this.handleChange}\n className={cx(this.getInputSizeClassName(), styles.input(this.theme))}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n ref={this.inputRef}\n disabled={disabled}\n id={id}\n name={name}\n role=\"switch\"\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n />\n </FocusControlWrapper>\n <div className={containerClassNames} />\n <div\n className={cx(this.getHandleSizeClassName(), globalClasses.handle, {\n [styles.handle(this.theme)]: true,\n [styles.handleDisabled(this.theme)]: disabled,\n })}\n />\n </div>\n {caption}\n </label>\n </CommonWrapper>\n );\n }\n\n private inputRef = (element: HTMLInputElement) => {\n this.input = element;\n };\n\n private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n if (this.props.onValueChange) {\n this.props.onValueChange(event.target.checked);\n }\n\n if (this.isUncontrolled()) {\n this.setState({\n checked: event.target.checked,\n });\n }\n\n if (this.props.onChange) {\n this.props.onChange(event);\n }\n };\n\n private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n if (this.props.onFocus) {\n this.props.onFocus(event);\n }\n\n if (keyListener.isTabPressed) {\n this.setState({ focusByTab: true });\n }\n };\n\n private resetFocus = () => this.setState({ focusByTab: false });\n\n private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n this.resetFocus();\n this.props.onBlur?.(event);\n };\n\n private isUncontrolled() {\n return this.props.checked === undefined;\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_keyListener","_ThemeContext","_CommonWrapper","_Emotion","_rootNode","_createPropsGetter","_currentEnvironment","_FocusControlWrapper","_SizeDecorator","_Toggle2","_class","_Toggle","ToggleDataTids","exports","root","Toggle","rootNode","withSize","_React$Component","props","_this","call","getProps","createPropsGetter","defaultProps","input","focus","keyListener","isTabPressed","inputRef","element","handleChange","event","onValueChange","target","checked","isUncontrolled","setState","onChange","handleFocus","onFocus","focusByTab","resetFocus","handleBlur","onBlur","state","defaultChecked","_inheritsLoose2","default","_proto","prototype","componentDidMount","autoFocus","render","_this2","createElement","ThemeContext","Consumer","theme","renderMain","getContainerSizeClassName","size","styles","containerLarge","containerMedium","containerSmall","getHandleSizeClassName","handleLarge","handleMedium","handleSmall","getButtonSizeClassName","buttonLarge","buttonMedium","buttonSmall","getRootSizeClassName","rootLarge","rootMedium","rootSmall","getInputSizeClassName","inputLarge","inputMedium","inputSmall","getCaptionSizeClassName","captionLarge","captionMedium","captionSmall","_cx","_cx2","_cx4","_cx5","_this$props","children","warning","error","id","name","ariaDescribedby","ariaLabel","_this$getProps","loading","captionPosition","disableAnimations","disabled","containerClassNames","cx","container","containerDisabled","globalClasses","containerLoading","labelClassNames","rootLeft","disableAnimation","caption","_cx3","captionClass","captionLeft","disabledCaption","className","CommonWrapper","_extends2","rootNodeRef","setRootNode","button","buttonRight","isWarning","isError","focused","FocusControlWrapper","onBlurWhenDisabled","type","ref","role","handle","handleDisabled","undefined","React","Component","__KONTUR_REACT_UI__","displayName","isTestEnv"],"sources":["Toggle.tsx"],"sourcesContent":["import React from 'react';\nimport type { AriaAttributes, InputHTMLAttributes } from 'react';\n\nimport { keyListener } from '../../lib/events/keyListener';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport type { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\nimport { withSize } from '../../lib/size/SizeDecorator';\n\nimport { styles, globalClasses } from './Toggle.styles';\n\nexport interface ToggleProps\n extends Pick<AriaAttributes, 'aria-label' \| 'aria-describedby'>,\n Pick<InputHTMLAttributes<HTMLInputElement>, 'id' \| 'name'>,\n CommonProps {\n /** @ignore /\n children?: React.ReactNode;\n\n /* Расположение названия относительно переключателя.\n * @default 'right' /\n captionPosition?: 'left' \| 'right';\n\n /* Включает тогл.\n * @default false /\n checked?: boolean;\n\n /* Делает тогл включенным по умолчанию. Не работает, если задан проп `checked`. /\n defaultChecked?: boolean;\n\n /* Блокирует тогл. /\n disabled?: boolean;\n\n /* Событие изменения значения. /\n onValueChange?: (value: boolean) => void;\n\n /* Событие клика на тогл. /\n onChange?: React.ChangeEventHandler<HTMLInputElement>;\n\n /* Переводит тогл в состояние предупреждения.\n * @default false /\n warning?: boolean;\n\n /* Переводит тогл в состояние ошибки.\n * @default false /\n error?: boolean;\n\n /* Переводит тогл в состояние загрузки: добавляет стили для состояния `loading` и отключает тогл./\n loading?: boolean;\n\n /* Устанавливает фокус на тогл после окончания загрузки страницы.\n * @default false /\n autoFocus?: boolean;\n\n /* Размер тогла. /\n size?: SizeProp;\n\n /* Событие получения тоглом фокуса./\n onFocus?: React.FocusEventHandler<HTMLInputElement>;\n\n /* Событие потери тоглом фокуса. /\n onBlur?: React.FocusEventHandler<HTMLInputElement>;\n\n /* Отключает анимацию. /\n disableAnimations?: boolean;\n}\n\nexport interface ToggleState {\n checked?: boolean;\n focusByTab?: boolean;\n}\n\nexport const ToggleDataTids = {\n root: 'Toggle__root',\n} as const;\n\ntype DefaultProps = Required<Pick<ToggleProps, 'disabled' \| 'loading' \| 'captionPosition' \| 'disableAnimations'>>;\n\n/\n Тогл переключает состояния. Например, включает или отключает уведомления в настройках.\n * Состоит из надписи и переключателя.\n /\n@rootNode\n@withSize\nexport class Toggle extends React.Component<ToggleProps, ToggleState> {\n public static __KONTUR_REACT_UI__ = 'Toggle';\n public static displayName = 'Toggle';\n\n public static defaultProps: DefaultProps = {\n disabled: false,\n loading: false,\n captionPosition: 'right',\n disableAnimations: isTestEnv,\n };\n private size!: SizeProp;\n\n private getProps = createPropsGetter(Toggle.defaultProps);\n\n private theme!: Theme;\n private input: HTMLInputElement \| null = null;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n\n constructor(props: ToggleProps) {\n super(props);\n\n this.state = {\n focusByTab: false,\n checked: props.defaultChecked,\n };\n }\n\n public componentDidMount() {\n if (this.props.autoFocus) {\n keyListener.isTabPressed = true;\n this.focus();\n }\n }\n\n /\n @public\n */\n public focus = () => {\n if (this.input) {\n keyListener.isTabPressed = true;\n this.input.focus();\n }\n };\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private getContainerSizeClassName() {\n switch (this.size) {\n case 'large':\n return styles.containerLarge(this.theme);\n case 'medium':\n return styles.containerMedium(this.theme);\n case 'small':\n default:\n return styles.containerSmall(this.theme);\n }\n }\n\n private getHandleSizeClassName() {\n switch (this.size) {\n case 'large':\n return styles.handleLarge(this.theme);\n case 'medium':\n return styles.handleMedium(this.theme);\n case 'small':\n default:\n return styles.handleSmall(this.theme);\n }\n }\n\n private getButtonSizeClassName() {\n switch (this.size) {\n case 'large':\n return styles.buttonLarge(this.theme);\n case 'medium':\n return styles.buttonMedium(this.theme);\n case 'small':\n default:\n return styles.buttonSmall(this.theme);\n }\n }\n\n private getRootSizeClassName() {\n switch (this.size) {\n case 'large':\n return styles.rootLarge(this.theme);\n case 'medium':\n return styles.rootMedium(this.theme);\n case 'small':\n default:\n return styles.rootSmall(this.theme);\n }\n }\n\n private getInputSizeClassName() {\n switch (this.size) {\n case 'large':\n return styles.inputLarge(this.theme);\n case 'medium':\n return styles.inputMedium(this.theme);\n case 'small':\n default:\n return styles.inputSmall(this.theme);\n }\n }\n\n private getCaptionSizeClassName() {\n switch (this.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 private renderMain() {\n const {\n children,\n warning,\n error,\n id,\n name,\n 'aria-describedby': ariaDescribedby,\n 'aria-label': ariaLabel,\n } = this.props;\n const { loading, captionPosition, disableAnimations } = this.getProps();\n const disabled = this.getProps().disabled \|\| loading;\n const checked = this.isUncontrolled() ? this.state.checked : this.props.checked;\n\n const containerClassNames = cx(this.getContainerSizeClassName(), {\n [styles.container(this.theme)]: true,\n [styles.containerDisabled(this.theme)]: !!disabled,\n [globalClasses.container]: true,\n [globalClasses.containerDisabled]: !!disabled,\n [globalClasses.containerLoading]: loading,\n });\n\n const labelClassNames = cx(this.getRootSizeClassName(), {\n [styles.root(this.theme)]: true,\n [styles.rootLeft()]: captionPosition === 'left',\n [styles.disabled()]: !!disabled,\n [globalClasses.disabled]: !!disabled,\n [styles.disableAnimation()]: disableAnimations,\n });\n\n let caption = null;\n if (children) {\n const captionClass = cx(this.getCaptionSizeClassName(), {\n [styles.caption(this.theme)]: true,\n [styles.captionLeft(this.theme)]: captionPosition === 'left',\n [styles.disabledCaption(this.theme)]: !!disabled,\n });\n caption = <span className={captionClass}>{children}</span>;\n }\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <label data-tid={ToggleDataTids.root} className={labelClassNames}>\n <div\n className={cx(this.getButtonSizeClassName(), {\n [styles.button(this.theme)]: true,\n [styles.buttonRight()]: captionPosition === 'left',\n [styles.isWarning(this.theme)]: !!warning,\n [styles.isError(this.theme)]: !!error,\n [styles.focused(this.theme)]: !disabled && !!this.state.focusByTab,\n })}\n >\n <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n <input\n type=\"checkbox\"\n checked={checked}\n onChange={this.handleChange}\n className={cx(this.getInputSizeClassName(), styles.input(this.theme))}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n ref={this.inputRef}\n disabled={disabled}\n id={id}\n name={name}\n role=\"switch\"\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n />\n </FocusControlWrapper>\n <div className={containerClassNames} />\n <div\n className={cx(this.getHandleSizeClassName(), globalClasses.handle, {\n [styles.handle(this.theme)]: true,\n [styles.handleDisabled(this.theme)]: disabled,\n })}\n />\n </div>\n {caption}\n </label>\n </CommonWrapper>\n );\n }\n\n private inputRef = (element: HTMLInputElement) => {\n this.input = element;\n };\n\n private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n if (this.props.onValueChange) {\n this.props.onValueChange(event.target.checked);\n }\n\n if (this.isUncontrolled()) {\n this.setState({\n checked: event.target.checked,\n });\n }\n\n if (this.props.onChange) {\n this.props.onChange(event);\n }\n };\n\n private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n if (this.props.onFocus) {\n this.props.onFocus(event);\n }\n\n if (keyListener.isTabPressed) {\n this.setState({ focusByTab: true });\n }\n };\n\n private resetFocus = () => this.setState({ focusByTab: false });\n\n private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n this.resetFocus();\n this.props.onBlur?.(event);\n };\n\n private isUncontrolled() {\n return this.props.checked === undefined;\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Toggle/Toggle.mixins.js CHANGED Viewed

@@ -1,10 +1,10 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.toggleSizeMixin = exports.inputSizeMixin = exports.handleMixin = exports.containerSizeMixin = exports.captionSizeMixin = exports.buttonSizeMixin = void 0;var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.toggleSizeMixin = exports.inputSizeMixin = exports.handleMixin = exports.containerSizeMixin = exports.captionSizeMixin = exports.buttonSizeMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 var _client = require("../../lib/client");
 var _Toggle = require("./Toggle.styles");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 var toggleSizeMixin = exports.toggleSizeMixin = function toggleSizeMixin(fontSize, toggleHeight, toggleWidth) {
-  return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    line-height: ", ";\n    font-size: ", ";\n\n    &::before {\n      width: ", ";\n    }\n  "])),
+  return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    line-height: ", ";\n    font-size: ", ";\n\n    &::before {\n      width: ", ";\n    }\n  "])),
   toggleHeight,
   fontSize,
@@ -25,7 +25,7 @@ toggleButtonOffsetY)
   var labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);
   var buttonFontSize = parseInt(fontSize);
   var baselineCompensation = buttonFontSize <= 16 && _client.isChrome ? -labGrotesqueCompenstation : 0;
-  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    height: ", ";\n    width: ", ";\n    flex: 1 0 ", ";\n\n    border-radius: ", ";\n    line-height: ", ";\n\n    margin-top: calc(", " + ", "px);\n  "])),
+  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    height: ", ";\n    width: ", ";\n    flex: 1 0 ", ";\n\n    border-radius: ", ";\n    line-height: ", ";\n\n    margin-top: calc(", " + ", "px);\n  "])),
   toggleHeight,
   toggleWidth,
   toggleWidth,
@@ -38,14 +38,14 @@ toggleButtonOffsetY)
 };
 var captionSizeMixin = exports.captionSizeMixin = function captionSizeMixin(fontSize, toggleHeight) {
-  return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    line-height: ", ";\n    font-size: ", ";\n  "])),
+  return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n    line-height: ", ";\n    font-size: ", ";\n  "])),
   toggleHeight,
   fontSize);
 };
 var handleMixin = exports.handleMixin = function handleMixin(toggleHandleSize, toggleHandleBorderRadius) {
-  return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    border-radius: ", ";\n    height: ", ";\n    width: ", ";\n  "])),
+  return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n    border-radius: ", ";\n    height: ", ";\n    width: ", ";\n  "])),
   toggleHandleBorderRadius,
   toggleHandleSize,
   toggleHandleSize);
@@ -53,7 +53,7 @@ var handleMixin = exports.handleMixin = function handleMixin(toggleHandleSize, t
 };
 var containerSizeMixin = exports.containerSizeMixin = function containerSizeMixin(toggleBorderRadius) {
-  return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n    border-radius: ", ";\n  "])),
+  return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n    border-radius: ", ";\n  "])),
   toggleBorderRadius);
 };
@@ -61,7 +61,7 @@ var containerSizeMixin = exports.containerSizeMixin = function containerSizeMixi
 var inputSizeMixin = exports.inputSizeMixin = function inputSizeMixin(toggleHeight, toggleWidth) {
   var handleWidthWithBorders = toggleHeight;
   var height = parseInt(toggleHeight);
-  return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n    &:checked ~ .", " .", " {\n      border-radius: ", "px 0 0 ", "px;\n    }\n    &:checked ~ .", " {\n      transform: translateX(", ") translateX(-", ");\n    }\n  "])),
+  return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n    &:checked ~ .", " .", " {\n      border-radius: ", "px 0 0 ", "px;\n    }\n    &:checked ~ .", " {\n      transform: translateX(", ") translateX(-", ");\n    }\n  "])),
   _Toggle.globalClasses.containerDisabled, _Toggle.globalClasses.background,
   height * 0.5, height * 0.5,

package/cjs/components/Toggle/Toggle.mixins.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_Emotion","require","_client","_Toggle","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","toggleSizeMixin","exports","fontSize","toggleHeight","toggleWidth","css","~~_taggedTemplateLiteral2~~","default","buttonSizeMixin","labGrotesqueBaselineCompensation","toggleBorderRadius","toggleButtonOffsetY","labGrotesqueCompenstation","parseInt","buttonFontSize","baselineCompensation","isChrome","captionSizeMixin","handleMixin","toggleHandleSize","toggleHandleBorderRadius","containerSizeMixin","inputSizeMixin","handleWidthWithBorders","height","globalClasses","containerDisabled","background","handle"],"sources":["Toggle.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\nimport { isChrome } from '../../lib/client';\n\nimport { globalClasses } from './Toggle.styles';\n\nexport const toggleSizeMixin = (fontSize: string, toggleHeight: string, toggleWidth: string) => {\n return css`\n line-height: ${toggleHeight};\n font-size: ${fontSize};\n\n &::before {\n width: ${toggleWidth};\n }\n `;\n};\n\nexport const buttonSizeMixin = (\n labGrotesqueBaselineCompensation: string,\n fontSize: string,\n toggleHeight: string,\n toggleWidth: string,\n toggleBorderRadius: string,\n toggleButtonOffsetY: string,\n) => {\n const labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);\n const buttonFontSize = parseInt(fontSize);\n const baselineCompensation = buttonFontSize <= 16 && isChrome ? -labGrotesqueCompenstation : 0;\n return css`\n height: ${toggleHeight};\n width: ${toggleWidth};\n flex: 1 0 ${toggleWidth};\n\n border-radius: ${toggleBorderRadius};\n line-height: ${toggleHeight};\n\n margin-top: calc(${toggleButtonOffsetY} + ${baselineCompensation}px);\n `;\n};\n\nexport const captionSizeMixin = (fontSize: string, toggleHeight: string) => {\n return css`\n line-height: ${toggleHeight};\n font-size: ${fontSize};\n `;\n};\n\nexport const handleMixin = (toggleHandleSize: string, toggleHandleBorderRadius: string) => {\n return css`\n border-radius: ${toggleHandleBorderRadius};\n height: ${toggleHandleSize};\n width: ${toggleHandleSize};\n `;\n};\n\nexport const containerSizeMixin = (toggleBorderRadius: string) => {\n return css`\n border-radius: ${toggleBorderRadius};\n `;\n};\n\nexport const inputSizeMixin = (toggleHeight: string, toggleWidth: string) => {\n const handleWidthWithBorders = toggleHeight;\n const height = parseInt(toggleHeight);\n return css`\n &:checked ~ .${globalClasses.containerDisabled} .${globalClasses.background} {\n border-radius: ${height * 0.5}px 0 0 ${height * 0.5}px;\n }\n &:checked ~ .${globalClasses.handle} {\n transform: translateX(${toggleWidth}) translateX(-${handleWidthWithBorders});\n }\n `;\n};\n"],"mappings":"~~wbAAA~~,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;;AAEA,IAAAE,OAAA,GAAAF,OAAA,oBAAgD,IAAAG,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEzC,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAIE,QAAgB,EAAEC,YAAoB,EAAEC,WAAmB,EAAK;EAC9F,WAAOC,YAAG,EAAAX,eAAA,KAAAA,eAAA,OAAAY,~~uBAAA~~,CAAAC,OAAA;EACOJ,YAAY;EACdD,QAAQ;;;EAGVE,WAAW;;;AAG1B,CAAC;;AAEM,IAAMI,eAAe,GAAAP,OAAA,CAAAO,eAAA,GAAG,SAAlBA,eAAeA;AAC1BC,gCAAwC;AACxCP,QAAgB;AAChBC,YAAoB;AACpBC,WAAmB;AACnBM,kBAA0B;AAC1BC,mBAA2B;AACxB;EACH,IAAMC,yBAAyB,GAAGC,QAAQ,CAACJ,gCAAgC,CAAC;EAC5E,IAAMK,cAAc,GAAGD,QAAQ,CAACX,QAAQ,CAAC;EACzC,IAAMa,oBAAoB,GAAGD,cAAc,IAAI,EAAE,IAAIE,gBAAQ,GAAG,CAACJ,yBAAyB,GAAG,CAAC;EAC9F,WAAOP,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,~~uBAAA~~,CAAAC,OAAA;EACEJ,YAAY;EACbC,WAAW;EACRA,WAAW;;EAENM,kBAAkB;EACpBP,YAAY;;EAERQ,mBAAmB,EAAMI,oBAAoB;;AAEpE,CAAC;;AAEM,IAAME,gBAAgB,GAAAhB,OAAA,CAAAgB,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAIf,QAAgB,EAAEC,YAAoB,EAAK;EAC1E,WAAOE,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,~~uBAAA~~,CAAAC,OAAA;EACOJ,YAAY;EACdD,QAAQ;;AAEzB,CAAC;;AAEM,IAAMgB,WAAW,GAAAjB,OAAA,CAAAiB,WAAA,GAAG,SAAdA,WAAWA,CAAIC,gBAAwB,EAAEC,wBAAgC,EAAK;EACzF,WAAOf,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,~~uBAAA~~,CAAAC,OAAA;EACSa,wBAAwB;EAC/BD,gBAAgB;EACjBA,gBAAgB;;AAE7B,CAAC;;AAEM,IAAME,kBAAkB,GAAApB,OAAA,CAAAoB,kBAAA,GAAG,SAArBA,kBAAkBA,CAAIX,kBAA0B,EAAK;EAChE,WAAOL,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,~~uBAAA~~,CAAAC,OAAA;EACSG,kBAAkB;;AAEvC,CAAC;;AAEM,IAAMY,cAAc,GAAArB,OAAA,CAAAqB,cAAA,GAAG,SAAjBA,cAAcA,CAAInB,YAAoB,EAAEC,WAAmB,EAAK;EAC3E,IAAMmB,sBAAsB,GAAGpB,YAAY;EAC3C,IAAMqB,MAAM,GAAGX,QAAQ,CAACV,YAAY,CAAC;EACrC,WAAOE,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,~~uBAAA~~,CAAAC,OAAA;EACOkB,qBAAa,CAACC,iBAAiB,EAAKD,qBAAa,CAACE,UAAU;EACxDH,MAAM,GAAG,GAAG,EAAUA,MAAM,GAAG,GAAG;;EAEtCC,qBAAa,CAACG,MAAM;EACTxB,WAAW,EAAiBmB,sBAAsB;;;AAGhF,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_Emotion","require","_client","_Toggle","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","toggleSizeMixin","exports","fontSize","toggleHeight","toggleWidth","css","_taggedTemplateLiteralLoose2","default","buttonSizeMixin","labGrotesqueBaselineCompensation","toggleBorderRadius","toggleButtonOffsetY","labGrotesqueCompenstation","parseInt","buttonFontSize","baselineCompensation","isChrome","captionSizeMixin","handleMixin","toggleHandleSize","toggleHandleBorderRadius","containerSizeMixin","inputSizeMixin","handleWidthWithBorders","height","globalClasses","containerDisabled","background","handle"],"sources":["Toggle.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\nimport { isChrome } from '../../lib/client';\n\nimport { globalClasses } from './Toggle.styles';\n\nexport const toggleSizeMixin = (fontSize: string, toggleHeight: string, toggleWidth: string) => {\n return css`\n line-height: ${toggleHeight};\n font-size: ${fontSize};\n\n &::before {\n width: ${toggleWidth};\n }\n `;\n};\n\nexport const buttonSizeMixin = (\n labGrotesqueBaselineCompensation: string,\n fontSize: string,\n toggleHeight: string,\n toggleWidth: string,\n toggleBorderRadius: string,\n toggleButtonOffsetY: string,\n) => {\n const labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);\n const buttonFontSize = parseInt(fontSize);\n const baselineCompensation = buttonFontSize <= 16 && isChrome ? -labGrotesqueCompenstation : 0;\n return css`\n height: ${toggleHeight};\n width: ${toggleWidth};\n flex: 1 0 ${toggleWidth};\n\n border-radius: ${toggleBorderRadius};\n line-height: ${toggleHeight};\n\n margin-top: calc(${toggleButtonOffsetY} + ${baselineCompensation}px);\n `;\n};\n\nexport const captionSizeMixin = (fontSize: string, toggleHeight: string) => {\n return css`\n line-height: ${toggleHeight};\n font-size: ${fontSize};\n `;\n};\n\nexport const handleMixin = (toggleHandleSize: string, toggleHandleBorderRadius: string) => {\n return css`\n border-radius: ${toggleHandleBorderRadius};\n height: ${toggleHandleSize};\n width: ${toggleHandleSize};\n `;\n};\n\nexport const containerSizeMixin = (toggleBorderRadius: string) => {\n return css`\n border-radius: ${toggleBorderRadius};\n `;\n};\n\nexport const inputSizeMixin = (toggleHeight: string, toggleWidth: string) => {\n const handleWidthWithBorders = toggleHeight;\n const height = parseInt(toggleHeight);\n return css`\n &:checked ~ .${globalClasses.containerDisabled} .${globalClasses.background} {\n border-radius: ${height * 0.5}px 0 0 ${height * 0.5}px;\n }\n &:checked ~ .${globalClasses.handle} {\n transform: translateX(${toggleWidth}) translateX(-${handleWidthWithBorders});\n }\n `;\n};\n"],"mappings":"8ZAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;;AAEA,IAAAE,OAAA,GAAAF,OAAA,oBAAgD,IAAAG,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEzC,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAIE,QAAgB,EAAEC,YAAoB,EAAEC,WAAmB,EAAK;EAC9F,WAAOC,YAAG,EAAAX,eAAA,KAAAA,eAAA,OAAAY,4BAAA,CAAAC,OAAA;EACOJ,YAAY;EACdD,QAAQ;;;EAGVE,WAAW;;;AAG1B,CAAC;;AAEM,IAAMI,eAAe,GAAAP,OAAA,CAAAO,eAAA,GAAG,SAAlBA,eAAeA;AAC1BC,gCAAwC;AACxCP,QAAgB;AAChBC,YAAoB;AACpBC,WAAmB;AACnBM,kBAA0B;AAC1BC,mBAA2B;AACxB;EACH,IAAMC,yBAAyB,GAAGC,QAAQ,CAACJ,gCAAgC,CAAC;EAC5E,IAAMK,cAAc,GAAGD,QAAQ,CAACX,QAAQ,CAAC;EACzC,IAAMa,oBAAoB,GAAGD,cAAc,IAAI,EAAE,IAAIE,gBAAQ,GAAG,CAACJ,yBAAyB,GAAG,CAAC;EAC9F,WAAOP,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;EACEJ,YAAY;EACbC,WAAW;EACRA,WAAW;;EAENM,kBAAkB;EACpBP,YAAY;;EAERQ,mBAAmB,EAAMI,oBAAoB;;AAEpE,CAAC;;AAEM,IAAME,gBAAgB,GAAAhB,OAAA,CAAAgB,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAIf,QAAgB,EAAEC,YAAoB,EAAK;EAC1E,WAAOE,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;EACOJ,YAAY;EACdD,QAAQ;;AAEzB,CAAC;;AAEM,IAAMgB,WAAW,GAAAjB,OAAA,CAAAiB,WAAA,GAAG,SAAdA,WAAWA,CAAIC,gBAAwB,EAAEC,wBAAgC,EAAK;EACzF,WAAOf,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;EACSa,wBAAwB;EAC/BD,gBAAgB;EACjBA,gBAAgB;;AAE7B,CAAC;;AAEM,IAAME,kBAAkB,GAAApB,OAAA,CAAAoB,kBAAA,GAAG,SAArBA,kBAAkBA,CAAIX,kBAA0B,EAAK;EAChE,WAAOL,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;EACSG,kBAAkB;;AAEvC,CAAC;;AAEM,IAAMY,cAAc,GAAArB,OAAA,CAAAqB,cAAA,GAAG,SAAjBA,cAAcA,CAAInB,YAAoB,EAAEC,WAAmB,EAAK;EAC3E,IAAMmB,sBAAsB,GAAGpB,YAAY;EAC3C,IAAMqB,MAAM,GAAGX,QAAQ,CAACV,YAAY,CAAC;EACrC,WAAOE,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;EACOkB,qBAAa,CAACC,iBAAiB,EAAKD,qBAAa,CAACE,UAAU;EACxDH,MAAM,GAAG,GAAG,EAAUA,MAAM,GAAG,GAAG;;EAEtCC,qBAAa,CAACG,MAAM;EACTxB,WAAW,EAAiBmB,sBAAsB;;;AAGhF,CAAC","ignoreList":[]}

package/cjs/components/Toggle/Toggle.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 var _Toggle = require("./Toggle.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35;
@@ -21,7 +21,7 @@ var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('toggle')({
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n      display: inline-flex;\n      cursor: pointer;\n      align-items: baseline;\n      position: relative;\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned button,\n        // and also height and baseline for toggle without caption.\n        content: '\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n\n      &:hover .", " {\n        background: ", ";\n      }\n    "], ["\n      display: inline-flex;\n      cursor: pointer;\n      align-items: baseline;\n      position: relative;\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned button,\n        // and also height and baseline for toggle without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n\n      &:hover .", " {\n        background: ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      cursor: pointer;\n      align-items: baseline;\n      position: relative;\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned button,\n        // and also height and baseline for toggle without caption.\n        content: '\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n\n      &:hover .", " {\n        background: ", ";\n      }\n    "], ["\n      display: inline-flex;\n      cursor: pointer;\n      align-items: baseline;\n      position: relative;\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned button,\n        // and also height and baseline for toggle without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n\n      &:hover .", " {\n        background: ", ";\n      }\n    "])),
@@ -42,23 +42,23 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   rootSmall: function rootSmall(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Toggle.toggleSizeMixin)(t.toggleFontSizeSmall, t.toggleHeightSmall, t.toggleWidthSmall));
   },
   rootMedium: function rootMedium(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Toggle.toggleSizeMixin)(t.toggleFontSizeMedium, t.toggleHeightMedium, t.toggleWidthMedium));
   },
   rootLarge: function rootLarge(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Toggle.toggleSizeMixin)(t.toggleFontSizeLarge, t.toggleHeightLarge, t.toggleWidthLarge));
   },
   disableAnimation: function disableAnimation() {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n      &,\n      * {\n        transition: none !important;\n      }\n    "])));
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &,\n      * {\n        transition: none !important;\n      }\n    "])));
@@ -67,7 +67,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   handle: function handle(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n      bottom: ", ";\n      left: ", ";\n      position: absolute;\n      top: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      bottom: ", ";\n      left: ", ";\n      position: absolute;\n      top: ", ";\n    "])),
     t.toggleBorderWidth,
     t.toggleHandleLeft,
@@ -75,29 +75,29 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   handleSmall: function handleSmall(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Toggle.handleMixin)(t.toggleHandleSizeSmall, t.toggleHandleBorderRadiusSmall));
   },
   handleMedium: function handleMedium(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Toggle.handleMixin)(t.toggleHandleSizeMedium, t.toggleHandleBorderRadiusMedium));
   },
   handleLarge: function handleLarge(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Toggle.handleMixin)(t.toggleHandleSizeLarge, t.toggleHandleBorderRadiusLarge));
   },
   handleDisabled: function handleDisabled(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n      background: ", " !important; // override root hover/active styles\n    "])),
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", " !important; // override root hover/active styles\n    "])),
     t.toggleDisabledHandleBg);
   },
   input: function input(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n      position: absolute;\n      opacity: 0;\n\n      &:enabled {\n        ~ .", ", ~ .", " {\n          transition: 0.2s ease-in;\n        }\n        :not(:checked) {\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n        }\n        :checked {\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n        }\n      }\n      &:enabled:hover {\n        :not(:checked) {\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n        }\n        :checked {\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n        }\n      }\n      &:disabled {\n        :not(:checked) {\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n          ~ .", " {\n            background: ", " !important;\n            box-shadow: ", ";\n          }\n        }\n        :checked {\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n          ~ .", " {\n            background: ", " !important;\n            box-shadow: ", ";\n          }\n        }\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      opacity: 0;\n\n      &:enabled {\n        ~ .", ", ~ .", " {\n          transition: 0.2s ease-in;\n        }\n        :not(:checked) {\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n        }\n        :checked {\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n        }\n      }\n      &:enabled:hover {\n        :not(:checked) {\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n        }\n        :checked {\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n        }\n      }\n      &:disabled {\n        :not(:checked) {\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n          ~ .", " {\n            background: ", " !important;\n            box-shadow: ", ";\n          }\n        }\n        :checked {\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n          ~ .", " {\n            background: ", " !important;\n            box-shadow: ", ";\n          }\n        }\n      }\n    "])),
@@ -173,23 +173,23 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   inputSmall: function inputSmall(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Toggle.inputSizeMixin)(t.toggleHeightSmall, t.toggleWidthSmall));
   },
   inputMedium: function inputMedium(t) {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Toggle.inputSizeMixin)(t.toggleHeightMedium, t.toggleWidthMedium));
   },
   inputLarge: function inputLarge(t) {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Toggle.inputSizeMixin)(t.toggleHeightLarge, t.toggleWidthLarge));
   },
   container: function container(t) {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n      box-shadow: inset 0 0 0 ", " ", ";\n      height: 100%;\n      overflow: hidden;\n      position: absolute;\n      width: 100%;\n      /* fixes overflow issue in Safari: https://bugs.webkit.org/show_bug.cgi?id=98538 */\n      z-index: 0;\n    "])),
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: inset 0 0 0 ", " ", ";\n      height: 100%;\n      overflow: hidden;\n      position: absolute;\n      width: 100%;\n      /* fixes overflow issue in Safari: https://bugs.webkit.org/show_bug.cgi?id=98538 */\n      z-index: 0;\n    "])),
     t.toggleBorderWidth, t.toggleBorderColor);
@@ -200,30 +200,30 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   containerSmall: function containerSmall(t) {
-    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Toggle.containerSizeMixin)(t.toggleBorderRadiusSmall));
   },
   containerMedium: function containerMedium(t) {
-    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Toggle.containerSizeMixin)(t.toggleBorderRadiusMedium));
   },
   containerLarge: function containerLarge(t) {
-    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Toggle.containerSizeMixin)(t.toggleBorderRadiusLarge));
   },
   containerDisabled: function containerDisabled(t) {
-    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n      background: ", ";\n      box-shadow: inset 0 0 0 1px ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      box-shadow: inset 0 0 0 1px ", ";\n    "])),
     t.toggleBgDisabled,
     t.toggleBorderColorDisabled);
   },
   focused: function focused(t) {
-    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n      box-shadow:\n        0 0 0 1px ", ",\n        0 0 0 ", " ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow:\n        0 0 0 1px ", ",\n        0 0 0 ", " ", ";\n    "])),
     t.toggleOutlineColorFocus,
     t.toggleOutlineWidth, t.toggleFocusShadowColor);
@@ -231,7 +231,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   isWarning: function isWarning(t) {
-    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n      box-shadow:\n        0 0 0 1px ", ",\n        0 0 0 ", " ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow:\n        0 0 0 1px ", ",\n        0 0 0 ", " ", ";\n    "])),
     t.toggleOutlineColorFocus,
     t.toggleOutlineWidth, t.toggleShadowColorWarning);
@@ -239,7 +239,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   isError: function isError(t) {
-    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2.default)(["\n      box-shadow:\n        0 0 0 1px ", ",\n        0 0 0 ", " ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow:\n        0 0 0 1px ", ",\n        0 0 0 ", " ", ";\n    "])),
     t.toggleOutlineColorFocus,
     t.toggleOutlineWidth, t.toggleShadowColorError);
@@ -247,7 +247,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   button: function button(t) {
-    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2.default)(["\n      position: absolute;\n      left: 0;\n      top: 0;\n      background: ", ";\n      line-height: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      left: 0;\n      top: 0;\n      background: ", ";\n      line-height: ", ";\n    "])),
@@ -256,7 +256,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   buttonSmall: function buttonSmall(t) {
-    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Toggle.buttonSizeMixin)(
       t.labGrotesqueBaselineCompensation,
       t.toggleFontSizeSmall,
@@ -268,7 +268,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   buttonMedium: function buttonMedium(t) {
-    return (0, _Emotion.css)(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Toggle.buttonSizeMixin)(
       t.labGrotesqueBaselineCompensation,
       t.toggleFontSizeMedium,
@@ -280,7 +280,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   buttonLarge: function buttonLarge(t) {
-    return (0, _Emotion.css)(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Toggle.buttonSizeMixin)(
       t.labGrotesqueBaselineCompensation,
       t.toggleFontSizeLarge,
@@ -293,54 +293,54 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   buttonRight: function buttonRight() {
-    return (0, _Emotion.css)(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteral2.default)(["\n      right: 0;\n      left: auto;\n    "])));
+    return (0, _Emotion.css)(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n      right: 0;\n      left: auto;\n    "])));
   },
   disabled: function disabled() {
-    return (0, _Emotion.css)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteral2.default)(["\n      cursor: default;\n    "])));
+    return (0, _Emotion.css)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n    "])));
   },
   rootLeft: function rootLeft() {
-    return (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteral2.default)(["\n      flex-direction: row-reverse;\n    "])));
+    return (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-direction: row-reverse;\n    "])));
   },
   caption: function caption(t) {
-    return (0, _Emotion.css)(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteral2.default)(["\n      color: ", ";\n      padding: 0 0 0 ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      padding: 0 0 0 ", ";\n    "])),
     t.toggleTextColor,
     t.toggleCaptionGap);
   },
   captionSmall: function captionSmall(t) {
-    return (0, _Emotion.css)(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Toggle.captionSizeMixin)(t.toggleFontSizeSmall, t.toggleHeightSmall));
   },
   captionMedium: function captionMedium(t) {
-    return (0, _Emotion.css)(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Toggle.captionSizeMixin)(t.toggleFontSizeMedium, t.toggleHeightMedium));
   },
   captionLarge: function captionLarge(t) {
-    return (0, _Emotion.css)(_templateObject33 || (_templateObject33 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject33 || (_templateObject33 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Toggle.captionSizeMixin)(t.toggleFontSizeLarge, t.toggleHeightLarge));
   },
   disabledCaption: function disabledCaption(t) {
-    return (0, _Emotion.css)(_templateObject34 || (_templateObject34 = (0, _taggedTemplateLiteral2.default)(["\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject34 || (_templateObject34 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.textColorDisabled);
   },
   captionLeft: function captionLeft(t) {
-    return (0, _Emotion.css)(_templateObject35 || (_templateObject35 = (0, _taggedTemplateLiteral2.default)(["\n      color: ", ";\n      padding: 0 ", " 0 0;\n    "])),
+    return (0, _Emotion.css)(_templateObject35 || (_templateObject35 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      padding: 0 ", " 0 0;\n    "])),
     t.toggleTextColor,
     t.toggleCaptionGap);

package/cjs/components/Toggle/Toggle.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_Emotion","require","_Toggle","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","_templateObject23","_templateObject24","_templateObject25","_templateObject26","_templateObject27","_templateObject28","_templateObject29","_templateObject30","_templateObject31","_templateObject32","_templateObject33","_templateObject34","_templateObject35","globalClasses","exports","prefix","handle","container","disabled","containerDisabled","containerLoading","background","styles","memoizeStyle","root","t","css","_taggedTemplateLiteral2","default","toggleBgHover","rootSmall","toggleSizeMixin","toggleFontSizeSmall","toggleHeightSmall","toggleWidthSmall","rootMedium","toggleFontSizeMedium","toggleHeightMedium","toggleWidthMedium","rootLarge","toggleFontSizeLarge","toggleHeightLarge","toggleWidthLarge","disableAnimation","toggleBorderWidth","toggleHandleLeft","toggleHandleTop","handleSmall","handleMixin","toggleHandleSizeSmall","toggleHandleBorderRadiusSmall","handleMedium","toggleHandleSizeMedium","toggleHandleBorderRadiusMedium","handleLarge","toggleHandleSizeLarge","toggleHandleBorderRadiusLarge","handleDisabled","toggleDisabledHandleBg","input","toggleContainerBg","toggleContainerBoxShadow","toggleHandleBg","toggleHandleBoxShadow","toggleContainerBgChecked","toggleContainerBoxShadowChecked","toggleHandleBgChecked","toggleHandleBoxShadowChecked","toggleContainerBgHover","toggleContainerBoxShadowHover","toggleHandleBgHover","toggleHandleBoxShadowHover","toggleContainerBgCheckedHover","toggleContainerBoxShadowCheckedHover","toggleHandleBgCheckedHover","toggleHandleBoxShadowCheckedHover","toggleContainerBgDisabled","toggleContainerBoxShadowDisabled","toggleHandleBgDisabled","toggleHandleBoxShadowDisabled","toggleContainerBgDisabledChecked","toggleContainerBoxShadowDisabledChecked","toggleHandleBgDisabledChecked","toggleHandleBoxShadowDisabledChecked","inputSmall","inputSizeMixin","inputMedium","inputLarge","toggleBorderColor","containerSmall","containerSizeMixin","toggleBorderRadiusSmall","containerMedium","toggleBorderRadiusMedium","containerLarge","toggleBorderRadiusLarge","toggleBgDisabled","toggleBorderColorDisabled","focused","toggleOutlineColorFocus","toggleOutlineWidth","toggleFocusShadowColor","isWarning","toggleShadowColorWarning","isError","toggleShadowColorError","button","toggleBaseBg","buttonSmall","buttonSizeMixin","labGrotesqueBaselineCompensation","toggleButtonOffsetY","buttonMedium","buttonLarge","buttonRight","rootLeft","caption","toggleTextColor","toggleCaptionGap","captionSmall","captionSizeMixin","captionMedium","captionLarge","disabledCaption","textColorDisabled","captionLeft"],"sources":["Toggle.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport {\n buttonSizeMixin,\n captionSizeMixin,\n containerSizeMixin,\n handleMixin,\n inputSizeMixin,\n toggleSizeMixin,\n} from './Toggle.mixins';\n\nexport const globalClasses = prefix('toggle')({\n handle: 'handle',\n container: 'container',\n disabled: 'disabled',\n containerDisabled: 'container-disabled',\n containerLoading: 'container-loading',\n background: 'background',\n});\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n display: inline-flex;\n cursor: pointer;\n align-items: baseline;\n position: relative;\n\n &::before {\n // non-breaking space.\n // makes a correct space for absolutely positioned button,\n // and also height and baseline for toggle without caption.\n content: '\\\\00A0';\n display: inline-block;\n flex: 0 0 auto;\n }\n\n &:hover .${globalClasses.handle} {\n background: ${t.toggleBgHover};\n }\n `;\n },\n rootSmall(t: Theme) {\n return css`\n ${toggleSizeMixin(t.toggleFontSizeSmall, t.toggleHeightSmall, t.toggleWidthSmall)};\n `;\n },\n rootMedium(t: Theme) {\n return css`\n ${toggleSizeMixin(t.toggleFontSizeMedium, t.toggleHeightMedium, t.toggleWidthMedium)};\n `;\n },\n rootLarge(t: Theme) {\n return css`\n ${toggleSizeMixin(t.toggleFontSizeLarge, t.toggleHeightLarge, t.toggleWidthLarge)};\n `;\n },\n\n disableAnimation() {\n return css`\n &,\n * {\n transition: none !important;\n }\n `;\n },\n\n handle(t: Theme) {\n return css`\n bottom: ${t.toggleBorderWidth};\n left: ${t.toggleHandleLeft};\n position: absolute;\n top: ${t.toggleHandleTop};\n `;\n },\n handleSmall(t: Theme) {\n return css`\n ${handleMixin(t.toggleHandleSizeSmall, t.toggleHandleBorderRadiusSmall)};\n `;\n },\n handleMedium(t: Theme) {\n return css`\n ${handleMixin(t.toggleHandleSizeMedium, t.toggleHandleBorderRadiusMedium)};\n `;\n },\n handleLarge(t: Theme) {\n return css`\n ${handleMixin(t.toggleHandleSizeLarge, t.toggleHandleBorderRadiusLarge)};\n `;\n },\n\n handleDisabled(t: Theme) {\n return css`\n background: ${t.toggleDisabledHandleBg} !important; // override root hover/active styles\n `;\n },\n\n input(t: Theme) {\n return css`\n position: absolute;\n opacity: 0;\n\n &:enabled {\n ~ .${globalClasses.container}, ~ .${globalClasses.handle} {\n transition: 0.2s ease-in;\n }\n :not(:checked) {\n ~ .${globalClasses.container} {\n background: ${t.toggleContainerBg};\n box-shadow: ${t.toggleContainerBoxShadow};\n }\n ~ .${globalClasses.handle} {\n background: ${t.toggleHandleBg};\n box-shadow: ${t.toggleHandleBoxShadow};\n }\n }\n :checked {\n ~ .${globalClasses.container} {\n background: ${t.toggleContainerBgChecked};\n box-shadow: ${t.toggleContainerBoxShadowChecked};\n }\n ~ .${globalClasses.handle} {\n background: ${t.toggleHandleBgChecked};\n box-shadow: ${t.toggleHandleBoxShadowChecked};\n }\n }\n }\n &:enabled:hover {\n :not(:checked) {\n ~ .${globalClasses.container} {\n background: ${t.toggleContainerBgHover};\n box-shadow: ${t.toggleContainerBoxShadowHover};\n }\n ~ .${globalClasses.handle} {\n background: ${t.toggleHandleBgHover};\n box-shadow: ${t.toggleHandleBoxShadowHover};\n }\n }\n :checked {\n ~ .${globalClasses.container} {\n background: ${t.toggleContainerBgCheckedHover};\n box-shadow: ${t.toggleContainerBoxShadowCheckedHover};\n }\n ~ .${globalClasses.handle} {\n background: ${t.toggleHandleBgCheckedHover};\n box-shadow: ${t.toggleHandleBoxShadowCheckedHover};\n }\n }\n }\n &:disabled {\n :not(:checked) {\n ~ .${globalClasses.container} {\n background: ${t.toggleContainerBgDisabled};\n box-shadow: ${t.toggleContainerBoxShadowDisabled};\n }\n ~ .${globalClasses.handle} {\n background: ${t.toggleHandleBgDisabled} !important;\n box-shadow: ${t.toggleHandleBoxShadowDisabled};\n }\n }\n :checked {\n ~ .${globalClasses.container} {\n background: ${t.toggleContainerBgDisabledChecked};\n box-shadow: ${t.toggleContainerBoxShadowDisabledChecked};\n }\n ~ .${globalClasses.handle} {\n background: ${t.toggleHandleBgDisabledChecked} !important;\n box-shadow: ${t.toggleHandleBoxShadowDisabledChecked};\n }\n }\n }\n `;\n },\n inputSmall(t: Theme) {\n return css`\n ${inputSizeMixin(t.toggleHeightSmall, t.toggleWidthSmall)};\n `;\n },\n inputMedium(t: Theme) {\n return css`\n ${inputSizeMixin(t.toggleHeightMedium, t.toggleWidthMedium)};\n `;\n },\n inputLarge(t: Theme) {\n return css`\n ${inputSizeMixin(t.toggleHeightLarge, t.toggleWidthLarge)};\n `;\n },\n\n container(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBorderColor};\n height: 100%;\n overflow: hidden;\n position: absolute;\n width: 100%;\n /* fixes overflow issue in Safari: https://bugs.webkit.org/show_bug.cgi?id=98538 */\n z-index: 0;\n `;\n },\n containerSmall(t: Theme) {\n return css`\n ${containerSizeMixin(t.toggleBorderRadiusSmall)};\n `;\n },\n containerMedium(t: Theme) {\n return css`\n ${containerSizeMixin(t.toggleBorderRadiusMedium)};\n `;\n },\n containerLarge(t: Theme) {\n return css`\n ${containerSizeMixin(t.toggleBorderRadiusLarge)};\n `;\n },\n\n containerDisabled(t: Theme) {\n return css`\n background: ${t.toggleBgDisabled};\n box-shadow: inset 0 0 0 1px ${t.toggleBorderColorDisabled};\n `;\n },\n\n focused(t: Theme) {\n return css`\n box-shadow:\n 0 0 0 1px ${t.toggleOutlineColorFocus},\n 0 0 0 ${t.toggleOutlineWidth} ${t.toggleFocusShadowColor};\n `;\n },\n\n isWarning(t: Theme) {\n return css`\n box-shadow:\n 0 0 0 1px ${t.toggleOutlineColorFocus},\n 0 0 0 ${t.toggleOutlineWidth} ${t.toggleShadowColorWarning};\n `;\n },\n\n isError(t: Theme) {\n return css`\n box-shadow:\n 0 0 0 1px ${t.toggleOutlineColorFocus},\n 0 0 0 ${t.toggleOutlineWidth} ${t.toggleShadowColorError};\n `;\n },\n\n button(t: Theme) {\n return css`\n position: absolute;\n left: 0;\n top: 0;\n background: ${t.toggleBaseBg};\n line-height: ${t.toggleHeightSmall};\n `;\n },\n buttonSmall(t: Theme) {\n return css`\n ${buttonSizeMixin(\n t.labGrotesqueBaselineCompensation,\n t.toggleFontSizeSmall,\n t.toggleHeightSmall,\n t.toggleWidthSmall,\n t.toggleBorderRadiusSmall,\n t.toggleButtonOffsetY,\n )};\n `;\n },\n buttonMedium(t: Theme) {\n return css`\n ${buttonSizeMixin(\n t.labGrotesqueBaselineCompensation,\n t.toggleFontSizeMedium,\n t.toggleHeightMedium,\n t.toggleWidthMedium,\n t.toggleBorderRadiusMedium,\n t.toggleButtonOffsetY,\n )};\n `;\n },\n buttonLarge(t: Theme) {\n return css`\n ${buttonSizeMixin(\n t.labGrotesqueBaselineCompensation,\n t.toggleFontSizeLarge,\n t.toggleHeightLarge,\n t.toggleWidthLarge,\n t.toggleBorderRadiusLarge,\n t.toggleButtonOffsetY,\n )};\n `;\n },\n\n buttonRight() {\n return css`\n right: 0;\n left: auto;\n `;\n },\n\n disabled() {\n return css`\n cursor: default;\n `;\n },\n\n rootLeft() {\n return css`\n flex-direction: row-reverse;\n `;\n },\n\n caption(t: Theme) {\n return css`\n color: ${t.toggleTextColor};\n padding: 0 0 0 ${t.toggleCaptionGap};\n `;\n },\n captionSmall(t: Theme) {\n return css`\n ${captionSizeMixin(t.toggleFontSizeSmall, t.toggleHeightSmall)};\n `;\n },\n captionMedium(t: Theme) {\n return css`\n ${captionSizeMixin(t.toggleFontSizeMedium, t.toggleHeightMedium)};\n `;\n },\n captionLarge(t: Theme) {\n return css`\n ${captionSizeMixin(t.toggleFontSizeLarge, t.toggleHeightLarge)};\n `;\n },\n\n disabledCaption(t: Theme) {\n return css`\n color: ${t.textColorDisabled};\n `;\n },\n\n captionLeft(t: Theme) {\n return css`\n color: ${t.toggleTextColor};\n padding: 0 ${t.toggleCaptionGap} 0 0;\n `;\n },\n});\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_Emotion","require","_Toggle","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","_templateObject23","_templateObject24","_templateObject25","_templateObject26","_templateObject27","_templateObject28","_templateObject29","_templateObject30","_templateObject31","_templateObject32","_templateObject33","_templateObject34","_templateObject35","globalClasses","exports","prefix","handle","container","disabled","containerDisabled","containerLoading","background","styles","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","toggleBgHover","rootSmall","toggleSizeMixin","toggleFontSizeSmall","toggleHeightSmall","toggleWidthSmall","rootMedium","toggleFontSizeMedium","toggleHeightMedium","toggleWidthMedium","rootLarge","toggleFontSizeLarge","toggleHeightLarge","toggleWidthLarge","disableAnimation","toggleBorderWidth","toggleHandleLeft","toggleHandleTop","handleSmall","handleMixin","toggleHandleSizeSmall","toggleHandleBorderRadiusSmall","handleMedium","toggleHandleSizeMedium","toggleHandleBorderRadiusMedium","handleLarge","toggleHandleSizeLarge","toggleHandleBorderRadiusLarge","handleDisabled","toggleDisabledHandleBg","input","toggleContainerBg","toggleContainerBoxShadow","toggleHandleBg","toggleHandleBoxShadow","toggleContainerBgChecked","toggleContainerBoxShadowChecked","toggleHandleBgChecked","toggleHandleBoxShadowChecked","toggleContainerBgHover","toggleContainerBoxShadowHover","toggleHandleBgHover","toggleHandleBoxShadowHover","toggleContainerBgCheckedHover","toggleContainerBoxShadowCheckedHover","toggleHandleBgCheckedHover","toggleHandleBoxShadowCheckedHover","toggleContainerBgDisabled","toggleContainerBoxShadowDisabled","toggleHandleBgDisabled","toggleHandleBoxShadowDisabled","toggleContainerBgDisabledChecked","toggleContainerBoxShadowDisabledChecked","toggleHandleBgDisabledChecked","toggleHandleBoxShadowDisabledChecked","inputSmall","inputSizeMixin","inputMedium","inputLarge","toggleBorderColor","containerSmall","containerSizeMixin","toggleBorderRadiusSmall","containerMedium","toggleBorderRadiusMedium","containerLarge","toggleBorderRadiusLarge","toggleBgDisabled","toggleBorderColorDisabled","focused","toggleOutlineColorFocus","toggleOutlineWidth","toggleFocusShadowColor","isWarning","toggleShadowColorWarning","isError","toggleShadowColorError","button","toggleBaseBg","buttonSmall","buttonSizeMixin","labGrotesqueBaselineCompensation","toggleButtonOffsetY","buttonMedium","buttonLarge","buttonRight","rootLeft","caption","toggleTextColor","toggleCaptionGap","captionSmall","captionSizeMixin","captionMedium","captionLarge","disabledCaption","textColorDisabled","captionLeft"],"sources":["Toggle.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport {\n buttonSizeMixin,\n captionSizeMixin,\n containerSizeMixin,\n handleMixin,\n inputSizeMixin,\n toggleSizeMixin,\n} from './Toggle.mixins';\n\nexport const globalClasses = prefix('toggle')({\n handle: 'handle',\n container: 'container',\n disabled: 'disabled',\n containerDisabled: 'container-disabled',\n containerLoading: 'container-loading',\n background: 'background',\n});\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n display: inline-flex;\n cursor: pointer;\n align-items: baseline;\n position: relative;\n\n &::before {\n // non-breaking space.\n // makes a correct space for absolutely positioned button,\n // and also height and baseline for toggle without caption.\n content: '\\\\00A0';\n display: inline-block;\n flex: 0 0 auto;\n }\n\n &:hover .${globalClasses.handle} {\n background: ${t.toggleBgHover};\n }\n `;\n },\n rootSmall(t: Theme) {\n return css`\n ${toggleSizeMixin(t.toggleFontSizeSmall, t.toggleHeightSmall, t.toggleWidthSmall)};\n `;\n },\n rootMedium(t: Theme) {\n return css`\n ${toggleSizeMixin(t.toggleFontSizeMedium, t.toggleHeightMedium, t.toggleWidthMedium)};\n `;\n },\n rootLarge(t: Theme) {\n return css`\n ${toggleSizeMixin(t.toggleFontSizeLarge, t.toggleHeightLarge, t.toggleWidthLarge)};\n `;\n },\n\n disableAnimation() {\n return css`\n &,\n * {\n transition: none !important;\n }\n `;\n },\n\n handle(t: Theme) {\n return css`\n bottom: ${t.toggleBorderWidth};\n left: ${t.toggleHandleLeft};\n position: absolute;\n top: ${t.toggleHandleTop};\n `;\n },\n handleSmall(t: Theme) {\n return css`\n ${handleMixin(t.toggleHandleSizeSmall, t.toggleHandleBorderRadiusSmall)};\n `;\n },\n handleMedium(t: Theme) {\n return css`\n ${handleMixin(t.toggleHandleSizeMedium, t.toggleHandleBorderRadiusMedium)};\n `;\n },\n handleLarge(t: Theme) {\n return css`\n ${handleMixin(t.toggleHandleSizeLarge, t.toggleHandleBorderRadiusLarge)};\n `;\n },\n\n handleDisabled(t: Theme) {\n return css`\n background: ${t.toggleDisabledHandleBg} !important; // override root hover/active styles\n `;\n },\n\n input(t: Theme) {\n return css`\n position: absolute;\n opacity: 0;\n\n &:enabled {\n ~ .${globalClasses.container}, ~ .${globalClasses.handle} {\n transition: 0.2s ease-in;\n }\n :not(:checked) {\n ~ .${globalClasses.container} {\n background: ${t.toggleContainerBg};\n box-shadow: ${t.toggleContainerBoxShadow};\n }\n ~ .${globalClasses.handle} {\n background: ${t.toggleHandleBg};\n box-shadow: ${t.toggleHandleBoxShadow};\n }\n }\n :checked {\n ~ .${globalClasses.container} {\n background: ${t.toggleContainerBgChecked};\n box-shadow: ${t.toggleContainerBoxShadowChecked};\n }\n ~ .${globalClasses.handle} {\n background: ${t.toggleHandleBgChecked};\n box-shadow: ${t.toggleHandleBoxShadowChecked};\n }\n }\n }\n &:enabled:hover {\n :not(:checked) {\n ~ .${globalClasses.container} {\n background: ${t.toggleContainerBgHover};\n box-shadow: ${t.toggleContainerBoxShadowHover};\n }\n ~ .${globalClasses.handle} {\n background: ${t.toggleHandleBgHover};\n box-shadow: ${t.toggleHandleBoxShadowHover};\n }\n }\n :checked {\n ~ .${globalClasses.container} {\n background: ${t.toggleContainerBgCheckedHover};\n box-shadow: ${t.toggleContainerBoxShadowCheckedHover};\n }\n ~ .${globalClasses.handle} {\n background: ${t.toggleHandleBgCheckedHover};\n box-shadow: ${t.toggleHandleBoxShadowCheckedHover};\n }\n }\n }\n &:disabled {\n :not(:checked) {\n ~ .${globalClasses.container} {\n background: ${t.toggleContainerBgDisabled};\n box-shadow: ${t.toggleContainerBoxShadowDisabled};\n }\n ~ .${globalClasses.handle} {\n background: ${t.toggleHandleBgDisabled} !important;\n box-shadow: ${t.toggleHandleBoxShadowDisabled};\n }\n }\n :checked {\n ~ .${globalClasses.container} {\n background: ${t.toggleContainerBgDisabledChecked};\n box-shadow: ${t.toggleContainerBoxShadowDisabledChecked};\n }\n ~ .${globalClasses.handle} {\n background: ${t.toggleHandleBgDisabledChecked} !important;\n box-shadow: ${t.toggleHandleBoxShadowDisabledChecked};\n }\n }\n }\n `;\n },\n inputSmall(t: Theme) {\n return css`\n ${inputSizeMixin(t.toggleHeightSmall, t.toggleWidthSmall)};\n `;\n },\n inputMedium(t: Theme) {\n return css`\n ${inputSizeMixin(t.toggleHeightMedium, t.toggleWidthMedium)};\n `;\n },\n inputLarge(t: Theme) {\n return css`\n ${inputSizeMixin(t.toggleHeightLarge, t.toggleWidthLarge)};\n `;\n },\n\n container(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBorderColor};\n height: 100%;\n overflow: hidden;\n position: absolute;\n width: 100%;\n /* fixes overflow issue in Safari: https://bugs.webkit.org/show_bug.cgi?id=98538 */\n z-index: 0;\n `;\n },\n containerSmall(t: Theme) {\n return css`\n ${containerSizeMixin(t.toggleBorderRadiusSmall)};\n `;\n },\n containerMedium(t: Theme) {\n return css`\n ${containerSizeMixin(t.toggleBorderRadiusMedium)};\n `;\n },\n containerLarge(t: Theme) {\n return css`\n ${containerSizeMixin(t.toggleBorderRadiusLarge)};\n `;\n },\n\n containerDisabled(t: Theme) {\n return css`\n background: ${t.toggleBgDisabled};\n box-shadow: inset 0 0 0 1px ${t.toggleBorderColorDisabled};\n `;\n },\n\n focused(t: Theme) {\n return css`\n box-shadow:\n 0 0 0 1px ${t.toggleOutlineColorFocus},\n 0 0 0 ${t.toggleOutlineWidth} ${t.toggleFocusShadowColor};\n `;\n },\n\n isWarning(t: Theme) {\n return css`\n box-shadow:\n 0 0 0 1px ${t.toggleOutlineColorFocus},\n 0 0 0 ${t.toggleOutlineWidth} ${t.toggleShadowColorWarning};\n `;\n },\n\n isError(t: Theme) {\n return css`\n box-shadow:\n 0 0 0 1px ${t.toggleOutlineColorFocus},\n 0 0 0 ${t.toggleOutlineWidth} ${t.toggleShadowColorError};\n `;\n },\n\n button(t: Theme) {\n return css`\n position: absolute;\n left: 0;\n top: 0;\n background: ${t.toggleBaseBg};\n line-height: ${t.toggleHeightSmall};\n `;\n },\n buttonSmall(t: Theme) {\n return css`\n ${buttonSizeMixin(\n t.labGrotesqueBaselineCompensation,\n t.toggleFontSizeSmall,\n t.toggleHeightSmall,\n t.toggleWidthSmall,\n t.toggleBorderRadiusSmall,\n t.toggleButtonOffsetY,\n )};\n `;\n },\n buttonMedium(t: Theme) {\n return css`\n ${buttonSizeMixin(\n t.labGrotesqueBaselineCompensation,\n t.toggleFontSizeMedium,\n t.toggleHeightMedium,\n t.toggleWidthMedium,\n t.toggleBorderRadiusMedium,\n t.toggleButtonOffsetY,\n )};\n `;\n },\n buttonLarge(t: Theme) {\n return css`\n ${buttonSizeMixin(\n t.labGrotesqueBaselineCompensation,\n t.toggleFontSizeLarge,\n t.toggleHeightLarge,\n t.toggleWidthLarge,\n t.toggleBorderRadiusLarge,\n t.toggleButtonOffsetY,\n )};\n `;\n },\n\n buttonRight() {\n return css`\n right: 0;\n left: auto;\n `;\n },\n\n disabled() {\n return css`\n cursor: default;\n `;\n },\n\n rootLeft() {\n return css`\n flex-direction: row-reverse;\n `;\n },\n\n caption(t: Theme) {\n return css`\n color: ${t.toggleTextColor};\n padding: 0 0 0 ${t.toggleCaptionGap};\n `;\n },\n captionSmall(t: Theme) {\n return css`\n ${captionSizeMixin(t.toggleFontSizeSmall, t.toggleHeightSmall)};\n `;\n },\n captionMedium(t: Theme) {\n return css`\n ${captionSizeMixin(t.toggleFontSizeMedium, t.toggleHeightMedium)};\n `;\n },\n captionLarge(t: Theme) {\n return css`\n ${captionSizeMixin(t.toggleFontSizeLarge, t.toggleHeightLarge)};\n `;\n },\n\n disabledCaption(t: Theme) {\n return css`\n color: ${t.textColorDisabled};\n `;\n },\n\n captionLeft(t: Theme) {\n return css`\n color: ${t.toggleTextColor};\n padding: 0 ${t.toggleCaptionGap} 0 0;\n `;\n },\n});\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Toggle/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";~~Object~~.~~defineProperty(exports, "~~__esModule", { ~~value:~~ true });var _Toggle = require("./Toggle");Object.keys(_Toggle).forEach(function (key) {if (key === "default" \|\| key === "__esModule") return;if (key in exports && exports[key] === _Toggle[key]) return;~~Object.defineProperty(~~exports, key, { ~~enumerable: true, get: function get() {return~~ _Toggle[key];} });~~});~~
1	+ "use strict";exports.__esModule = true;var _Toggle = require("./Toggle");Object.keys(_Toggle).forEach(function (key) {if (key === "default" \|\| key === "__esModule") return;if (key in exports && exports[key] === _Toggle[key]) return;exports[key] = _Toggle[key];});

package/cjs/components/Toggle/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_Toggle","require","Object","keys","forEach","key","exports"~~,"defineProperty","enumerable","get"~~],"sources":["index.tsx"],"sourcesContent":["export * from './Toggle';\n"],"mappings":"~~2EAAA~~,IAAAA,OAAA,GAAAC,OAAA,aAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA,~~UAAAH~~,~~MAAA~~,~~CAAAK,cAAA,~~CAAAD,~~OAAA,EAAAD,~~GAAA,~~IAAAG~~,~~UAAA,QAAAC,GAAA,WAAAA,IAAA,UAAAT,~~OAAA,CAAAK,GAAA","ignoreList":[]}
1	+ {"version":3,"names":["_Toggle","require","Object","keys","forEach","key","exports"],"sources":["index.tsx"],"sourcesContent":["export * from './Toggle';\n"],"mappings":"uCAAA,IAAAA,OAAA,GAAAC,OAAA,aAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAL,OAAA,CAAAK,GAAA","ignoreList":[]}