{"version":3,"file":"styled.owdB_yxX.js","sources":["../../../../../../../node_modules/@babylon/ui-kit-forms/esm/components/inputs/toggle/themes/styles/veci.mjs","../../../../../../../node_modules/@babylon/ui-kit-forms/esm/components/inputs/toggle/themes/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-forms/esm/components/inputs/toggle/styled.mjs"],"sourcesContent":["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//# sourceMappingURL=veci.mjs.map\n","import { createThemes } from '@babylon/ui-kit-styles/common/themes';\nimport { ThemeId } from '@babylon/ui-kit-styles/types/theme';\nimport veciToggleStyles from './styles/veci.mjs';\n\nconst toggleThemes = createThemes({\n    [ThemeId.veci]: veciToggleStyles\n});\n\nexport { toggleThemes as default };\n//# sourceMappingURL=index.mjs.map\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.mjs';\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], ({ theme })=>theme.colors.grays.darker, ({ $hasError, theme })=>$hasError ? `color: ${theme.colors.status.error};` : '', FontMixin({\n    size: 'medium',\n    height: 'small',\n    weight: 'regular'\n}));\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//# sourceMappingURL=styled.mjs.map\n"],"names":["veciToggleStyles","css","theme","FontMixin","toggleThemes","createThemes","ThemeId","ToggleWrapper","styled","FlexMixin","ToggleLabel","$hasError","ToggleInputWrapper","InputInner","props","ToggleInputLabel","BorderRadius","CheckboxLabel","ToogleSpan","ToggleInput"],"mappings":"kFAGA,MAAMA,EAAmB,CACrB,cAAe,IAAkBC,EAAI,CAC7B,oCACA,oCACA,0BACA,yBACA,GACH,EAAE,CAAC,CAAE,MAAAC,CAAK,IAAKA,EAAM,OAAO,QAAQ,MAAO,CAAC,CAAE,MAAAA,CAAO,IAAGA,EAAM,OAAO,MAAM,MAAO,CAAC,CAAE,MAAAA,CAAK,IAAKA,EAAM,OAAO,MAAM,KAAM,CAAC,CAAE,MAAAA,CAAO,IAAGA,EAAM,OAAO,KAAK,IAAI,EAChK,WAAY,IAAkBD,EAAI,CAC1B,sBACA,IACH,EAAEE,EAAU,CACT,KAAM,QAClB,CAAS,CAAC,CACV,ECbMC,EAAeC,EAAa,CAC9B,CAACC,EAAQ,IAAI,EAAGN,CACpB,CAAC,ECDKO,EAA8BC,EAAO,IAAI,WAAW,CACtD,YAAa,eACjB,CAAC,EAAE,CACC,GACA,qCACA,oCACA,0BACA,yBACA,IACA,EACJ,EAAGC,EAAU,CACT,MAAO,SACP,QAAS,eACb,CAAC,EAAG,CAAC,CAAE,MAAAP,CAAO,IAAGA,EAAM,OAAO,QAAQ,QAAS,CAAC,CAAE,MAAAA,CAAK,IAAKA,EAAM,OAAO,MAAM,KAAM,CAAC,CAAE,MAAAA,CAAK,IAAKA,EAAM,OAAO,MAAM,KAAM,CAAC,CAAE,MAAAA,CAAO,IAAGA,EAAM,OAAO,MAAM,KAAME,EAAa,eAAe,CAAC,EACxLM,EAA4BF,EAAO,MAAM,WAAW,CACtD,YAAa,aACjB,CAAC,EAAE,CACC,SACA,IACA,IACA,EACJ,EAAG,CAAC,CAAE,MAAAN,CAAO,IAAGA,EAAM,OAAO,MAAM,OAAQ,CAAC,CAAE,UAAAS,EAAW,MAAAT,CAAK,IAAKS,EAAY,UAAUT,EAAM,OAAO,OAAO,KAAK,IAAM,GAAIC,EAAU,CAClI,KAAM,SACN,OAAQ,QACR,OAAQ,SACZ,CAAC,CAAC,EACIS,EAAmCJ,EAAO,IAAI,WAAW,CAC3D,YAAa,oBACjB,CAAC,EAAE,CACC,+BACJ,CAAC,EACKK,EAA2BL,EAAO,IAAI,WAAW,CACnD,YAAa,YACjB,CAAC,EAAE,CACC,GACA,kFACA,8PACA,uMACA,EACJ,EAAGL,EAAU,CACT,KAAM,QACN,OAAQ,SACR,OAAQ,OACZ,CAAC,EAAIW,GAAQA,EAAM,KAAOA,GAAQA,EAAM,IAAKV,EAAa,YAAY,CAAC,EACjEW,EAAiCP,EAAO,MAAM,WAAW,CAC3D,YAAa,kBACjB,CAAC,EAAE,CACC,GACA,2DACJ,EAAGQ,EAAa,CACZ,IAAK,MACT,CAAC,CAAC,EACIC,EAA8BT,EAAO,IAAI,WAAW,CACtD,YAAa,eACjB,CAAC,EAAE,CACC,GACA,2DACJ,EAAGQ,EAAa,CACZ,IAAK,MACT,CAAC,CAAC,EACIE,EAA2BV,EAAO,IAAI,WAAW,CACnD,YAAa,YACjB,CAAC,EAAE,CACC,GACA,eACA,8HACJ,EAAGQ,EAAa,CACZ,IAAK,KACT,CAAC,EAAG,CAAC,CAAE,MAAAd,CAAO,IAAGA,EAAM,OAAO,MAAM,IAAI,EAClCiB,EAA4BX,EAAO,MAAM,WAAW,CACtD,YAAa,aACjB,CAAC,EAAE,CACC,GACA,qBACA,2GACA,IACA,6BACA,IACA,aACJ,EAAGQ,EAAa,CACZ,IAAK,KACT,CAAC,EAAG,CAAC,CAAE,MAAAd,CAAO,IAAGA,EAAM,OAAO,MAAM,KAAMa,EAAkBF,EAAYE,EAAkBG,CAAU","x_google_ignoreList":[0,1,2]}