{"version":3,"file":"styled.DzvA6kAd.js","sources":["../../../../../../../node_modules/@babylon/ui-kit-forms/components/inputs/toggle/themes/styles/liverpool.js","../../../../../../../node_modules/@babylon/ui-kit-forms/components/inputs/toggle/themes/styles/veci.js","../../../../../../../node_modules/@babylon/ui-kit-forms/components/inputs/toggle/themes/index.js","../../../../../../../node_modules/@babylon/ui-kit-forms/components/inputs/toggle/styled.js"],"sourcesContent":["import { FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { css } from 'styled-components';\n\nconst liverpoolToggleStyles = {\n    ToggleWrapper: ()=>/*#__PURE__*/ css([\n            `--toggle-background-color-before:`,\n            `;--toggle-background-color-after:`,\n            `;--toggle-color-before:`,\n            `;--toggle-color-after:`,\n            `;`\n        ], ({ theme })=>theme.colors.primary.lighter, ({ theme })=>theme.colors.grays.dark, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.white.base),\n    InputInner: ()=>/*#__PURE__*/ css([\n            `&::before,&::after{`,\n            `;`,\n            `{text-transform:uppercase;}}`\n        ], FontMixin({\n            size: 'medium',\n            weight: 'regular'\n        }), ({ theme })=>theme.media.phone.only),\n    ToggleLabel: ()=>/*#__PURE__*/ css([\n            ``,\n            `{`,\n            `}`\n        ], ({ theme })=>theme.media.phone.only, FontMixin({\n            height: 'base'\n        }))\n};\n\nexport { liverpoolToggleStyles as default };\n","import { FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { css } from 'styled-components';\n\nconst veciToggleStyles = {\n    ToggleWrapper: ()=>/*#__PURE__*/ css([\n            `--toggle-background-color-before:`,\n            `;--toggle-background-color-after:`,\n            `;--toggle-color-before:`,\n            `;--toggle-color-after:`,\n            `;`\n        ], ({ theme })=>theme.colors.primary.light, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.text.dark),\n    InputInner: ()=>/*#__PURE__*/ css([\n            `&::before,&::after{`,\n            `;}`\n        ], FontMixin({\n            size: 'medium'\n        }))\n};\n\nexport { veciToggleStyles as default };\n","import { createThemes } from '@babylon/ui-kit-styles/common/themes';\nimport { ThemeId } from '@babylon/ui-kit-styles/types/theme';\nimport liverpoolToggleStyles from './styles/liverpool.js';\nimport veciToggleStyles from './styles/veci.js';\n\nconst toggleThemes = createThemes({\n    [ThemeId.veci]: veciToggleStyles,\n    [ThemeId.partnershipsLiverpool]: liverpoolToggleStyles\n});\n\nexport { toggleThemes as default };\n","import { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { BorderRadius } from '@babylon/ui-kit-styles/common/mixins/logical.styled';\nimport styled from 'styled-components';\nimport toggleThemes from './themes/index.js';\n\nconst ToggleWrapper = /*#__PURE__*/ styled.div.withConfig({\n    displayName: \"ToggleWrapper\"\n})([\n    ``,\n    ` --toggle-background-color-before:`,\n    `;--toggle-background-color-after:`,\n    `;--toggle-color-before:`,\n    `;--toggle-color-after:`,\n    `;`,\n    ``\n], FlexMixin({\n    align: 'center',\n    justify: 'space-between'\n}), ({ theme })=>theme.colors.primary.lighter, ({ theme })=>theme.colors.grays.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.white.base, toggleThemes('ToggleWrapper'));\nconst ToggleLabel = /*#__PURE__*/ styled.label.withConfig({\n    displayName: \"ToggleLabel\"\n})([\n    `color:`,\n    `;`,\n    ` `,\n    ` `,\n    ``\n], ({ theme })=>theme.colors.grays.darker, ({ $hasError, theme })=>$hasError ? `color: ${theme.colors.status.error};` : '', FontMixin({\n    size: 'medium',\n    height: 'small',\n    weight: 'regular'\n}), toggleThemes('ToggleLabel'));\nconst ToggleInputWrapper = /*#__PURE__*/ styled.div.withConfig({\n    displayName: \"ToggleInputWrapper\"\n})([\n    `position:relative;width:68px;`\n]);\nconst InputInner = /*#__PURE__*/ styled.div.withConfig({\n    displayName: \"InputInner\"\n})([\n    ``,\n    ` transition:margin 0.2s ease-in 0s;width:200%;display:block;&::before{content:'`,\n    `';background-color:var(--toggle-background-color-before);color:var(--toggle-color-before);padding:1px 0 0 10px;box-sizing:border-box;display:block;float:left;height:30px;width:50%;margin-left:-100%;transition:margin 0.2s ease-in 0s;}&::after{content:'`,\n    `';box-sizing:border-box;display:block;float:left;height:30px;width:50%;background-color:var(--toggle-background-color-after);color:var(--toggle-color-after);padding:1px 10px 0 0;text-align:right;}`,\n    ``\n], FontMixin({\n    size: 'small',\n    height: 'larger',\n    weight: 'light'\n}), (props)=>props.$yes, (props)=>props.$no, toggleThemes('InputInner'));\nconst ToggleInputLabel = /*#__PURE__*/ styled.label.withConfig({\n    displayName: \"ToggleInputLabel\"\n})([\n    ``,\n    ` cursor:pointer;display:block;overflow:hidden;width:100%;`\n], BorderRadius({\n    all: '24px'\n}));\nconst CheckboxLabel = /*#__PURE__*/ styled.div.withConfig({\n    displayName: \"CheckboxLabel\"\n})([\n    ``,\n    ` cursor:pointer;display:block;overflow:hidden;width:100%;`\n], BorderRadius({\n    all: '24px'\n}));\nconst ToogleSpan = /*#__PURE__*/ styled.div.withConfig({\n    displayName: \"ToogleSpan\"\n})([\n    ``,\n    ` background:`,\n    `;bottom:0;display:block;height:20px;margin:5px;position:absolute;right:38px;top:0;transition:all 0.3s ease-in 0s;width:20px;`\n], BorderRadius({\n    all: '50%'\n}), ({ theme })=>theme.colors.white.base);\nconst ToggleInput = /*#__PURE__*/ styled.input.withConfig({\n    displayName: \"ToggleInput\"\n})([\n    ``,\n    ` background-color:`,\n    `;border:none;cursor:pointer;height:16px;margin-right:8px;width:16px;z-index:-1;display:none;&:checked{+ `,\n    ` `,\n    `::before{margin-left:0;}+ `,\n    ` `,\n    `{right:0;}}`\n], BorderRadius({\n    all: '4px'\n}), ({ theme })=>theme.colors.white.base, ToggleInputLabel, InputInner, ToggleInputLabel, ToogleSpan);\n\nexport { CheckboxLabel, InputInner, ToggleInput, ToggleInputLabel, ToggleInputWrapper, ToggleLabel, ToggleWrapper, ToogleSpan };\n"],"names":["liverpoolToggleStyles","css","theme","FontMixin","veciToggleStyles","toggleThemes","createThemes","ThemeId","ToggleWrapper","styled","FlexMixin","ToggleLabel","$hasError","ToggleInputWrapper","InputInner","props","ToggleInputLabel","BorderRadius","CheckboxLabel","ToogleSpan","ToggleInput"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}