@e1011/es-kit 1.1.52 → 1.1.54

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 (34) hide show
  1. package/dist/hooks/esm/index.css +384 -277
  2. package/dist/hooks/index.css +384 -277
  3. package/dist/lib/cjs/index.css +107 -0
  4. package/dist/lib/cjs/src/core/ui/components/atoms/toggle/Toggle.js +2 -0
  5. package/dist/lib/cjs/src/core/ui/components/atoms/toggle/Toggle.js.map +1 -0
  6. package/dist/lib/cjs/src/core/ui/components/atoms/toggle/toggle.module.scss.js +2 -0
  7. package/dist/lib/cjs/src/core/ui/components/atoms/toggle/toggle.module.scss.js.map +1 -0
  8. package/dist/lib/cjs/src/index.js +1 -1
  9. package/dist/lib/esm/index.css +107 -0
  10. package/dist/lib/esm/src/core/ui/components/atoms/toggle/Toggle.js +2 -0
  11. package/dist/lib/esm/src/core/ui/components/atoms/toggle/Toggle.js.map +1 -0
  12. package/dist/lib/esm/src/core/ui/components/atoms/toggle/toggle.module.scss.js +2 -0
  13. package/dist/lib/esm/src/core/ui/components/atoms/toggle/toggle.module.scss.js.map +1 -0
  14. package/dist/lib/esm/src/index.js +1 -1
  15. package/dist/lib/tsconfig.tsbuildinfo +1 -1
  16. package/dist/types/src/core/ui/components/atoms/index.d.ts +1 -0
  17. package/dist/types/src/core/ui/components/atoms/index.d.ts.map +1 -1
  18. package/dist/types/src/core/ui/components/atoms/toggle/index.d.ts +2 -0
  19. package/dist/types/src/core/ui/components/atoms/toggle/index.d.ts.map +1 -0
  20. package/dist/ui/esm/index.css +107 -0
  21. package/dist/ui/esm/src/core/ui/components/atoms/toggle/Toggle.js +2 -0
  22. package/dist/ui/esm/src/core/ui/components/atoms/toggle/Toggle.js.map +1 -0
  23. package/dist/ui/esm/src/core/ui/components/atoms/toggle/toggle.module.scss.js +2 -0
  24. package/dist/ui/esm/src/core/ui/components/atoms/toggle/toggle.module.scss.js.map +1 -0
  25. package/dist/ui/esm/src/core/ui/index.js +1 -1
  26. package/dist/ui/index.css +107 -0
  27. package/dist/ui/src/core/ui/components/atoms/toggle/Toggle.js +2 -0
  28. package/dist/ui/src/core/ui/components/atoms/toggle/Toggle.js.map +1 -0
  29. package/dist/ui/src/core/ui/components/atoms/toggle/toggle.module.scss.js +2 -0
  30. package/dist/ui/src/core/ui/components/atoms/toggle/toggle.module.scss.js.map +1 -0
  31. package/dist/ui/src/core/ui/index.js +1 -1
  32. package/dist/utils/esm/index.css +384 -277
  33. package/dist/utils/index.css +384 -277
  34. package/package.json +1 -1
@@ -2,4 +2,5 @@ export * from './button';
2
2
  export * from './text';
3
3
  export * from './textAndContent';
4
4
  export * from './tag';
5
+ export * from './toggle';
5
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/atoms/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,kBAAkB,CAAA;AAChC,cAAc,OAAO,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/atoms/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,kBAAkB,CAAA;AAChC,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA"}
@@ -0,0 +1,2 @@
1
+ export * from './Toggle';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/atoms/toggle/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}
@@ -858,4 +858,111 @@
858
858
  background-color: #FD8F3E;
859
859
  border-color: #FD8F3E;
860
860
  color: #632E03;
861
+ }
862
+ :root {
863
+ --divider-line: #4a4b4b;
864
+ }
865
+
866
+ .toggle-module_overflow-hidden__NxfFx, .toggle-module_text-truncate__Wg-Jx {
867
+ overflow: hidden !important;
868
+ }
869
+
870
+ .toggle-module_text-nowrap__F9ld6, .toggle-module_text-truncate__Wg-Jx {
871
+ white-space: nowrap !important;
872
+ }
873
+
874
+ .toggle-module_text-ellipsis__ftYlg, .toggle-module_text-truncate__Wg-Jx {
875
+ text-overflow: ellipsis !important;
876
+ }
877
+
878
+ .toggle-module_toggle__p1Ep4 {
879
+ display: inline-block;
880
+ position: relative;
881
+ max-width: 48px;
882
+ max-height: 24px;
883
+ width: 48px;
884
+ height: 24px;
885
+ border-radius: 16px !important;
886
+ }
887
+ .toggle-module_toggle__p1Ep4 input {
888
+ opacity: 0;
889
+ width: 0;
890
+ height: 0;
891
+ }
892
+ .toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG {
893
+ box-sizing: border-box;
894
+ position: absolute;
895
+ cursor: pointer;
896
+ width: 48px;
897
+ height: 24px;
898
+ top: 0;
899
+ left: 0;
900
+ right: 0;
901
+ bottom: 0;
902
+ background-color: transparent;
903
+ border: 1px solid #F4F4F4;
904
+ transition: transform, background-color 0.4s ease;
905
+ border-radius: 16px;
906
+ }
907
+ .toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG:before {
908
+ position: absolute;
909
+ content: "";
910
+ height: 20px;
911
+ width: 20px;
912
+ left: 1px;
913
+ bottom: 1px;
914
+ background-color: #F4F4F4;
915
+ transition: transform 0.4s ease;
916
+ border-radius: 50%;
917
+ }
918
+ .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG {
919
+ background-color: #02B3E6;
920
+ border-color: #02B3E6;
921
+ }
922
+ .toggle-module_toggle__p1Ep4 input:focus + .toggle-module_slider__2IVaG {
923
+ box-shadow: 0 0 1px 1px #02B3E6;
924
+ }
925
+ .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
926
+ transform: translateX(24px);
927
+ }
928
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH {
929
+ opacity: 0.65;
930
+ }
931
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH input {
932
+ pointer-events: none;
933
+ }
934
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG {
935
+ cursor: not-allowed;
936
+ }
937
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG:after {
938
+ content: " ";
939
+ z-index: -1;
940
+ display: block;
941
+ position: absolute;
942
+ height: 100%;
943
+ top: 0;
944
+ left: 0;
945
+ right: 0;
946
+ }
947
+
948
+ .theme-dark .toggle-module_toggle__p1Ep4 input:enabled + .toggle-module_slider__2IVaG:hover {
949
+ background-color: #003A4C;
950
+ }
951
+ .theme-dark .toggle-module_toggle__p1Ep4 input:checked:enabled + .toggle-module_slider__2IVaG:hover {
952
+ background-color: #07a7d5;
953
+ }
954
+ .theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG {
955
+ border-color: #02a1cf;
956
+ }
957
+ .theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:hover {
958
+ background-color: rgba(2, 179, 230, 0.05);
959
+ }
960
+ .theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:before {
961
+ background-color: #02B3E6;
962
+ }
963
+ .theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
964
+ background-color: #F4F4F4;
965
+ }
966
+ .theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:hover {
967
+ background-color: #07c6fd;
861
968
  }
@@ -0,0 +1,2 @@
1
+ import{extends as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as s,forwardRef as t,useId as a,useMemo as l}from"react";import r from"./toggle.module.scss.js";import{classNames as o}from"../../../../utils/helpers/ui.js";import{useParseProps as c}from"../../../../hooks/useParseProps.js";const i=t(((s,t)=>{let{id:i,checked:m=!1,disabled:d=!1,className:p="",invalid:n,onChange:g,...h}=s;const u=a(),b=l((()=>o(r.toggle,d&&r.disabled,p)),[d,p]),{dataProps:f,restProps:N}=c(h);return React.createElement("label",e({htmlFor:i??u,className:b},f,{style:N}),React.createElement("input",e({},h,{id:i??u,ref:t,role:"switch",type:"checkbox",disabled:d,checked:m,onChange:g})),React.createElement("span",{className:r.slider}))}));i.displayName="ToggleForwarded";const m=s(i);m.displayName="Toggle";export{m as Toggle};
2
+ //# sourceMappingURL=Toggle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toggle.js","sources":["../../../../../../../../../src/core/ui/components/atoms/toggle/Toggle.tsx"],"sourcesContent":["import {\n useId,\n forwardRef, LegacyRef, memo, useMemo, FC, PropsWithChildren,\n ChangeEvent,\n} from 'react'\n\nimport { CommonProps } from '../../../types'\nimport { useParseProps } from '../../../../hooks'\nimport { classNames } from '../../../../utils'\nimport { FieldProps } from '../../field'\n\nimport classes from './toggle.module.scss'\n\n\nexport type ToggleProps = CommonProps & PropsWithChildren & {\n onChange?: (event: ChangeEvent) => void\n checked?: FieldProps['checked']\n disabled?: FieldProps['disabled']\n invalid?: FieldProps['invalid']\n}\n\n/**\n * Toggle component.\n *\n * @type {React.FC<ToggleProps>}\n * @returns {React.ReactElement} The Toggle.\n */\n\n\nconst ToggleForwarded = forwardRef(({\n id,\n checked = false,\n disabled = false,\n className = '',\n // TODO add eror styling for invalid\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n invalid,\n onChange,\n ...props\n}: ToggleProps, ref: LegacyRef<HTMLInputElement>) => {\n const shadowId = useId()\n\n const styles = useMemo(\n () => classNames(\n classes.toggle,\n disabled && classes.disabled,\n className,\n ),\n [disabled, className],\n )\n\n const { dataProps, restProps } = useParseProps(props)\n\n return (\n <label htmlFor={id ?? shadowId} className={styles} {...dataProps} style={restProps}>\n <input\n {...props}\n id={id ?? shadowId}\n ref={ref}\n role='switch'\n type='checkbox'\n disabled={disabled}\n checked={checked}\n onChange={onChange}\n />\n <span className={classes.slider} />\n </label>\n )\n})\n\nToggleForwarded.displayName = 'ToggleForwarded'\n\nexport const Toggle: FC<ToggleProps> = memo<ToggleProps>(ToggleForwarded)\n\nexport type ToggleType = typeof Toggle;\n\nToggle.displayName = 'Toggle'\n"],"names":["ToggleForwarded","forwardRef","_ref","ref","id","checked","disabled","className","invalid","onChange","props","shadowId","useId","styles","useMemo","classNames","classes","toggle","dataProps","restProps","useParseProps","React","createElement","_extends","htmlFor","style","role","type","slider","displayName","Toggle","memo"],"mappings":"8TA6BA,MAAMA,EAAkBC,GAAW,CAAAC,EAUnBC,KAAqC,IAVjBC,GAClCA,EAAEC,QACFA,GAAU,EAAKC,SACfA,GAAW,EAAKC,UAChBA,EAAY,GAAEC,QAGdA,EAAOC,SACPA,KACGC,GACSR,EACZ,MAAMS,EAAWC,IAEXC,EAASC,GACb,IAAMC,EACJC,EAAQC,OACRX,GAAYU,EAAQV,SACpBC,IAEF,CAACD,EAAUC,KAGPW,UAAEA,EAASC,UAAEA,GAAcC,EAAcV,GAE/C,OACEW,MAAAC,cAAA,QAAAC,EAAA,CAAOC,QAASpB,GAAMO,EAAUJ,UAAWM,GAAYK,EAAS,CAAEO,MAAON,IACvEE,MAAAC,cAAAC,QAAAA,KACMb,EAAK,CACTN,GAAIA,GAAMO,EACVR,IAAKA,EACLuB,KAAK,SACLC,KAAK,WACLrB,SAAUA,EACVD,QAASA,EACTI,SAAUA,KAEZY,MAAAC,cAAA,OAAA,CAAMf,UAAWS,EAAQY,SACnB,IAIZ5B,EAAgB6B,YAAc,wBAEjBC,EAA0BC,EAAkB/B,GAIzD8B,EAAOD,YAAc"}
@@ -0,0 +1,2 @@
1
+ var e={"overflow-hidden":"toggle-module_overflow-hidden__NxfFx","text-truncate":"toggle-module_text-truncate__Wg-Jx","text-nowrap":"toggle-module_text-nowrap__F9ld6","text-ellipsis":"toggle-module_text-ellipsis__ftYlg",toggle:"toggle-module_toggle__p1Ep4",slider:"toggle-module_slider__2IVaG",disabled:"toggle-module_disabled__0nElH"};export{e as default};
2
+ //# sourceMappingURL=toggle.module.scss.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toggle.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +1,2 @@
1
- export{calculateColors,calculatePercColor,convertHex,convertRGB,defaultFontSize,pxToRem,resolveStyleValue,setDefaultFontSize,toHex}from"./utils/style.js";export{LayoutBox}from"./components/container/layoutBox/LayoutBox.js";export{LayoutDirection}from"./components/container/layoutBox/layoutBox.types.js";export{LazyComponent,PendingBoundary,createLazyModule,createLazyModuleWithStore,wrapPromise}from"./components/container/lazyComponent/LazyComponent.js";export{CollapsibleContainer}from"./components/container/CollapsibleContainer.js";export{ResizableContainer}from"./components/container/ResizableContainer.js";export{DefaultErrorComponent,ErrorBoundary}from"./components/error/ErrorBoundary.js";export{Field,Select,setIconColor,setIconComponent}from"./components/field/Field.js";export{DividerHorizontal,DividerLine,DividerVertical}from"./components/dividers/DividerLine.js";export{IconBase}from"./components/icon/IconBase.js";export{Icon}from"./components/icon/Icon.js";export{ESIcon,ESIconBase}from"./components/icon/IconWC.js";export{Button,IconButton,keys}from"./components/atoms/button/Button.js";export{Text}from"./components/atoms/text/Text.js";export{Headline,HeadlineSecondary,HeadlineTertiary}from"./components/atoms/text/Headline.js";export{Paragraph,ParagraphBold,ParagraphBoldSmall,ParagraphSmall}from"./components/atoms/text/Paragraph.js";export{Link}from"./components/atoms/text/Link.js";export{AnchorLink}from"./components/atoms/text/anchor-link/AnchorLink.js";export{TextAndContent,TextAndIcons}from"./components/atoms/textAndContent/TextAndContent.js";export{Tag}from"./components/atoms/tag/Tag.js";export{TagVariant}from"./components/atoms/tag/tag.types.js";export{FlowLayout}from"./components/molecules/layouts/FlowLayout.js";export{Popover}from"./components/molecules/popover/PopoverLite.js";export{Tooltip}from"./components/molecules/popover/Tooltip.js";export{PopoverPlacement}from"./components/molecules/popover/popover.types.js";export{Popup}from"./components/molecules/popup/Popup.js";export{PopupAnimateVariant}from"./components/molecules/popup/popup.types.js";
1
+ export{calculateColors,calculatePercColor,convertHex,convertRGB,defaultFontSize,pxToRem,resolveStyleValue,setDefaultFontSize,toHex}from"./utils/style.js";export{LayoutBox}from"./components/container/layoutBox/LayoutBox.js";export{LayoutDirection}from"./components/container/layoutBox/layoutBox.types.js";export{LazyComponent,PendingBoundary,createLazyModule,createLazyModuleWithStore,wrapPromise}from"./components/container/lazyComponent/LazyComponent.js";export{CollapsibleContainer}from"./components/container/CollapsibleContainer.js";export{ResizableContainer}from"./components/container/ResizableContainer.js";export{DefaultErrorComponent,ErrorBoundary}from"./components/error/ErrorBoundary.js";export{Field,Select,setIconColor,setIconComponent}from"./components/field/Field.js";export{DividerHorizontal,DividerLine,DividerVertical}from"./components/dividers/DividerLine.js";export{IconBase}from"./components/icon/IconBase.js";export{Icon}from"./components/icon/Icon.js";export{ESIcon,ESIconBase}from"./components/icon/IconWC.js";export{Button,IconButton,keys}from"./components/atoms/button/Button.js";export{Text}from"./components/atoms/text/Text.js";export{Headline,HeadlineSecondary,HeadlineTertiary}from"./components/atoms/text/Headline.js";export{Paragraph,ParagraphBold,ParagraphBoldSmall,ParagraphSmall}from"./components/atoms/text/Paragraph.js";export{Link}from"./components/atoms/text/Link.js";export{AnchorLink}from"./components/atoms/text/anchor-link/AnchorLink.js";export{TextAndContent,TextAndIcons}from"./components/atoms/textAndContent/TextAndContent.js";export{Tag}from"./components/atoms/tag/Tag.js";export{TagVariant}from"./components/atoms/tag/tag.types.js";export{Toggle}from"./components/atoms/toggle/Toggle.js";export{FlowLayout}from"./components/molecules/layouts/FlowLayout.js";export{Popover}from"./components/molecules/popover/PopoverLite.js";export{Tooltip}from"./components/molecules/popover/Tooltip.js";export{PopoverPlacement}from"./components/molecules/popover/popover.types.js";export{Popup}from"./components/molecules/popup/Popup.js";export{PopupAnimateVariant}from"./components/molecules/popup/popup.types.js";
2
2
  //# sourceMappingURL=index.js.map
package/dist/ui/index.css CHANGED
@@ -858,4 +858,111 @@
858
858
  background-color: #FD8F3E;
859
859
  border-color: #FD8F3E;
860
860
  color: #632E03;
861
+ }
862
+ :root {
863
+ --divider-line: #4a4b4b;
864
+ }
865
+
866
+ .toggle-module_overflow-hidden__NxfFx, .toggle-module_text-truncate__Wg-Jx {
867
+ overflow: hidden !important;
868
+ }
869
+
870
+ .toggle-module_text-nowrap__F9ld6, .toggle-module_text-truncate__Wg-Jx {
871
+ white-space: nowrap !important;
872
+ }
873
+
874
+ .toggle-module_text-ellipsis__ftYlg, .toggle-module_text-truncate__Wg-Jx {
875
+ text-overflow: ellipsis !important;
876
+ }
877
+
878
+ .toggle-module_toggle__p1Ep4 {
879
+ display: inline-block;
880
+ position: relative;
881
+ max-width: 48px;
882
+ max-height: 24px;
883
+ width: 48px;
884
+ height: 24px;
885
+ border-radius: 16px !important;
886
+ }
887
+ .toggle-module_toggle__p1Ep4 input {
888
+ opacity: 0;
889
+ width: 0;
890
+ height: 0;
891
+ }
892
+ .toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG {
893
+ box-sizing: border-box;
894
+ position: absolute;
895
+ cursor: pointer;
896
+ width: 48px;
897
+ height: 24px;
898
+ top: 0;
899
+ left: 0;
900
+ right: 0;
901
+ bottom: 0;
902
+ background-color: transparent;
903
+ border: 1px solid #F4F4F4;
904
+ transition: transform, background-color 0.4s ease;
905
+ border-radius: 16px;
906
+ }
907
+ .toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG:before {
908
+ position: absolute;
909
+ content: "";
910
+ height: 20px;
911
+ width: 20px;
912
+ left: 1px;
913
+ bottom: 1px;
914
+ background-color: #F4F4F4;
915
+ transition: transform 0.4s ease;
916
+ border-radius: 50%;
917
+ }
918
+ .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG {
919
+ background-color: #02B3E6;
920
+ border-color: #02B3E6;
921
+ }
922
+ .toggle-module_toggle__p1Ep4 input:focus + .toggle-module_slider__2IVaG {
923
+ box-shadow: 0 0 1px 1px #02B3E6;
924
+ }
925
+ .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
926
+ transform: translateX(24px);
927
+ }
928
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH {
929
+ opacity: 0.65;
930
+ }
931
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH input {
932
+ pointer-events: none;
933
+ }
934
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG {
935
+ cursor: not-allowed;
936
+ }
937
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG:after {
938
+ content: " ";
939
+ z-index: -1;
940
+ display: block;
941
+ position: absolute;
942
+ height: 100%;
943
+ top: 0;
944
+ left: 0;
945
+ right: 0;
946
+ }
947
+
948
+ .theme-dark .toggle-module_toggle__p1Ep4 input:enabled + .toggle-module_slider__2IVaG:hover {
949
+ background-color: #003A4C;
950
+ }
951
+ .theme-dark .toggle-module_toggle__p1Ep4 input:checked:enabled + .toggle-module_slider__2IVaG:hover {
952
+ background-color: #07a7d5;
953
+ }
954
+ .theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG {
955
+ border-color: #02a1cf;
956
+ }
957
+ .theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:hover {
958
+ background-color: rgba(2, 179, 230, 0.05);
959
+ }
960
+ .theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:before {
961
+ background-color: #02B3E6;
962
+ }
963
+ .theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
964
+ background-color: #F4F4F4;
965
+ }
966
+ .theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:hover {
967
+ background-color: #07c6fd;
861
968
  }
@@ -0,0 +1,2 @@
1
+ "use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),s=require("react"),a=require("./toggle.module.scss.js"),r=require("../../../../utils/helpers/ui.js"),l=require("../../../../hooks/useParseProps.js");const t=s.forwardRef(((t,o)=>{let{id:d,checked:c=!1,disabled:i=!1,className:u="",invalid:n,onChange:m,...g}=t;const p=s.useId(),h=s.useMemo((()=>r.classNames(a.default.toggle,i&&a.default.disabled,u)),[i,u]),{dataProps:P,restProps:b}=l.useParseProps(g);return React.createElement("label",e.extends({htmlFor:d??p,className:h},P,{style:b}),React.createElement("input",e.extends({},g,{id:d??p,ref:o,role:"switch",type:"checkbox",disabled:i,checked:c,onChange:m})),React.createElement("span",{className:a.default.slider}))}));t.displayName="ToggleForwarded";const o=s.memo(t);o.displayName="Toggle",exports.Toggle=o;
2
+ //# sourceMappingURL=Toggle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toggle.js","sources":["../../../../../../../../src/core/ui/components/atoms/toggle/Toggle.tsx"],"sourcesContent":["import {\n useId,\n forwardRef, LegacyRef, memo, useMemo, FC, PropsWithChildren,\n ChangeEvent,\n} from 'react'\n\nimport { CommonProps } from '../../../types'\nimport { useParseProps } from '../../../../hooks'\nimport { classNames } from '../../../../utils'\nimport { FieldProps } from '../../field'\n\nimport classes from './toggle.module.scss'\n\n\nexport type ToggleProps = CommonProps & PropsWithChildren & {\n onChange?: (event: ChangeEvent) => void\n checked?: FieldProps['checked']\n disabled?: FieldProps['disabled']\n invalid?: FieldProps['invalid']\n}\n\n/**\n * Toggle component.\n *\n * @type {React.FC<ToggleProps>}\n * @returns {React.ReactElement} The Toggle.\n */\n\n\nconst ToggleForwarded = forwardRef(({\n id,\n checked = false,\n disabled = false,\n className = '',\n // TODO add eror styling for invalid\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n invalid,\n onChange,\n ...props\n}: ToggleProps, ref: LegacyRef<HTMLInputElement>) => {\n const shadowId = useId()\n\n const styles = useMemo(\n () => classNames(\n classes.toggle,\n disabled && classes.disabled,\n className,\n ),\n [disabled, className],\n )\n\n const { dataProps, restProps } = useParseProps(props)\n\n return (\n <label htmlFor={id ?? shadowId} className={styles} {...dataProps} style={restProps}>\n <input\n {...props}\n id={id ?? shadowId}\n ref={ref}\n role='switch'\n type='checkbox'\n disabled={disabled}\n checked={checked}\n onChange={onChange}\n />\n <span className={classes.slider} />\n </label>\n )\n})\n\nToggleForwarded.displayName = 'ToggleForwarded'\n\nexport const Toggle: FC<ToggleProps> = memo<ToggleProps>(ToggleForwarded)\n\nexport type ToggleType = typeof Toggle;\n\nToggle.displayName = 'Toggle'\n"],"names":["ToggleForwarded","forwardRef","_ref","ref","id","checked","disabled","className","invalid","onChange","props","shadowId","useId","styles","useMemo","classNames","classes","toggle","dataProps","restProps","useParseProps","React","createElement","_extends","htmlFor","style","extends","role","type","default","slider","displayName","Toggle","memo"],"mappings":"2OA6BA,MAAMA,EAAkBC,EAAUA,YAAC,CAAAC,EAUnBC,KAAqC,IAVjBC,GAClCA,EAAEC,QACFA,GAAU,EAAKC,SACfA,GAAW,EAAKC,UAChBA,EAAY,GAAEC,QAGdA,EAAOC,SACPA,KACGC,GACSR,EACZ,MAAMS,EAAWC,EAAAA,QAEXC,EAASC,EAAOA,SACpB,IAAMC,EAAAA,WACJC,EAAAA,QAAQC,OACRX,GAAYU,EAAAA,QAAQV,SACpBC,IAEF,CAACD,EAAUC,KAGPW,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcV,GAE/C,OACEW,MAAAC,cAAA,QAAAC,UAAA,CAAOC,QAASpB,GAAMO,EAAUJ,UAAWM,GAAYK,EAAS,CAAEO,MAAON,IACvEE,MAAAC,cAAAC,QAAAA,EAAAG,WACMhB,EAAK,CACTN,GAAIA,GAAMO,EACVR,IAAKA,EACLwB,KAAK,SACLC,KAAK,WACLtB,SAAUA,EACVD,QAASA,EACTI,SAAUA,KAEZY,MAAAC,cAAA,OAAA,CAAMf,UAAWS,EAAOa,QAACC,SACnB,IAIZ9B,EAAgB+B,YAAc,wBAEjBC,EAA0BC,EAAIA,KAAcjC,GAIzDgC,EAAOD,YAAc"}
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={"overflow-hidden":"toggle-module_overflow-hidden__NxfFx","text-truncate":"toggle-module_text-truncate__Wg-Jx","text-nowrap":"toggle-module_text-nowrap__F9ld6","text-ellipsis":"toggle-module_text-ellipsis__ftYlg",toggle:"toggle-module_toggle__p1Ep4",slider:"toggle-module_slider__2IVaG",disabled:"toggle-module_disabled__0nElH"};
2
+ //# sourceMappingURL=toggle.module.scss.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toggle.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("./utils/style.js"),o=require("./components/container/layoutBox/LayoutBox.js"),t=require("./components/container/layoutBox/layoutBox.types.js"),r=require("./components/container/lazyComponent/LazyComponent.js"),n=require("./components/container/CollapsibleContainer.js"),s=require("./components/container/ResizableContainer.js"),a=require("./components/error/ErrorBoundary.js"),p=require("./components/field/Field.js"),i=require("./components/dividers/DividerLine.js"),l=require("./components/icon/IconBase.js"),c=require("./components/icon/Icon.js"),u=require("./components/icon/IconWC.js"),x=require("./components/atoms/button/Button.js"),m=require("./components/atoms/text/Text.js"),d=require("./components/atoms/text/Headline.js"),y=require("./components/atoms/text/Paragraph.js"),j=require("./components/atoms/text/Link.js"),C=require("./components/atoms/text/anchor-link/AnchorLink.js"),P=require("./components/atoms/textAndContent/TextAndContent.js"),q=require("./components/atoms/tag/Tag.js"),B=require("./components/atoms/tag/tag.types.js"),L=require("./components/molecules/layouts/FlowLayout.js"),v=require("./components/molecules/popover/PopoverLite.js"),g=require("./components/molecules/popover/Tooltip.js"),S=require("./components/molecules/popover/popover.types.js"),T=require("./components/molecules/popup/Popup.js"),I=require("./components/molecules/popup/popup.types.js");exports.calculateColors=e.calculateColors,exports.calculatePercColor=e.calculatePercColor,exports.convertHex=e.convertHex,exports.convertRGB=e.convertRGB,Object.defineProperty(exports,"defaultFontSize",{enumerable:!0,get:function(){return e.defaultFontSize}}),exports.pxToRem=e.pxToRem,exports.resolveStyleValue=e.resolveStyleValue,exports.setDefaultFontSize=e.setDefaultFontSize,exports.toHex=e.toHex,exports.LayoutBox=o.LayoutBox,exports.LayoutDirection=t.LayoutDirection,exports.LazyComponent=r.LazyComponent,exports.PendingBoundary=r.PendingBoundary,exports.createLazyModule=r.createLazyModule,exports.createLazyModuleWithStore=r.createLazyModuleWithStore,exports.wrapPromise=r.wrapPromise,exports.CollapsibleContainer=n.CollapsibleContainer,exports.ResizableContainer=s.ResizableContainer,exports.DefaultErrorComponent=a.DefaultErrorComponent,exports.ErrorBoundary=a.ErrorBoundary,exports.Field=p.Field,exports.Select=p.Select,exports.setIconColor=p.setIconColor,exports.setIconComponent=p.setIconComponent,exports.DividerHorizontal=i.DividerHorizontal,exports.DividerLine=i.DividerLine,exports.DividerVertical=i.DividerVertical,exports.IconBase=l.IconBase,exports.Icon=c.Icon,exports.ESIcon=u.ESIcon,exports.ESIconBase=u.ESIconBase,exports.Button=x.Button,exports.IconButton=x.IconButton,exports.keys=x.keys,exports.Text=m.Text,exports.Headline=d.Headline,exports.HeadlineSecondary=d.HeadlineSecondary,exports.HeadlineTertiary=d.HeadlineTertiary,exports.Paragraph=y.Paragraph,exports.ParagraphBold=y.ParagraphBold,exports.ParagraphBoldSmall=y.ParagraphBoldSmall,exports.ParagraphSmall=y.ParagraphSmall,exports.Link=j.Link,exports.AnchorLink=C.AnchorLink,exports.TextAndContent=P.TextAndContent,exports.TextAndIcons=P.TextAndIcons,exports.Tag=q.Tag,exports.TagVariant=B.TagVariant,exports.FlowLayout=L.FlowLayout,exports.Popover=v.Popover,exports.Tooltip=g.Tooltip,exports.PopoverPlacement=S.PopoverPlacement,exports.Popup=T.Popup,exports.PopupAnimateVariant=I.PopupAnimateVariant;
1
+ "use strict";var e=require("./utils/style.js"),o=require("./components/container/layoutBox/LayoutBox.js"),t=require("./components/container/layoutBox/layoutBox.types.js"),r=require("./components/container/lazyComponent/LazyComponent.js"),n=require("./components/container/CollapsibleContainer.js"),s=require("./components/container/ResizableContainer.js"),a=require("./components/error/ErrorBoundary.js"),p=require("./components/field/Field.js"),i=require("./components/dividers/DividerLine.js"),l=require("./components/icon/IconBase.js"),c=require("./components/icon/Icon.js"),u=require("./components/icon/IconWC.js"),x=require("./components/atoms/button/Button.js"),m=require("./components/atoms/text/Text.js"),d=require("./components/atoms/text/Headline.js"),y=require("./components/atoms/text/Paragraph.js"),j=require("./components/atoms/text/Link.js"),g=require("./components/atoms/text/anchor-link/AnchorLink.js"),q=require("./components/atoms/textAndContent/TextAndContent.js"),C=require("./components/atoms/tag/Tag.js"),P=require("./components/atoms/tag/tag.types.js"),B=require("./components/atoms/toggle/Toggle.js"),L=require("./components/molecules/layouts/FlowLayout.js"),v=require("./components/molecules/popover/PopoverLite.js"),T=require("./components/molecules/popover/Tooltip.js"),S=require("./components/molecules/popover/popover.types.js"),I=require("./components/molecules/popup/Popup.js"),z=require("./components/molecules/popup/popup.types.js");exports.calculateColors=e.calculateColors,exports.calculatePercColor=e.calculatePercColor,exports.convertHex=e.convertHex,exports.convertRGB=e.convertRGB,Object.defineProperty(exports,"defaultFontSize",{enumerable:!0,get:function(){return e.defaultFontSize}}),exports.pxToRem=e.pxToRem,exports.resolveStyleValue=e.resolveStyleValue,exports.setDefaultFontSize=e.setDefaultFontSize,exports.toHex=e.toHex,exports.LayoutBox=o.LayoutBox,exports.LayoutDirection=t.LayoutDirection,exports.LazyComponent=r.LazyComponent,exports.PendingBoundary=r.PendingBoundary,exports.createLazyModule=r.createLazyModule,exports.createLazyModuleWithStore=r.createLazyModuleWithStore,exports.wrapPromise=r.wrapPromise,exports.CollapsibleContainer=n.CollapsibleContainer,exports.ResizableContainer=s.ResizableContainer,exports.DefaultErrorComponent=a.DefaultErrorComponent,exports.ErrorBoundary=a.ErrorBoundary,exports.Field=p.Field,exports.Select=p.Select,exports.setIconColor=p.setIconColor,exports.setIconComponent=p.setIconComponent,exports.DividerHorizontal=i.DividerHorizontal,exports.DividerLine=i.DividerLine,exports.DividerVertical=i.DividerVertical,exports.IconBase=l.IconBase,exports.Icon=c.Icon,exports.ESIcon=u.ESIcon,exports.ESIconBase=u.ESIconBase,exports.Button=x.Button,exports.IconButton=x.IconButton,exports.keys=x.keys,exports.Text=m.Text,exports.Headline=d.Headline,exports.HeadlineSecondary=d.HeadlineSecondary,exports.HeadlineTertiary=d.HeadlineTertiary,exports.Paragraph=y.Paragraph,exports.ParagraphBold=y.ParagraphBold,exports.ParagraphBoldSmall=y.ParagraphBoldSmall,exports.ParagraphSmall=y.ParagraphSmall,exports.Link=j.Link,exports.AnchorLink=g.AnchorLink,exports.TextAndContent=q.TextAndContent,exports.TextAndIcons=q.TextAndIcons,exports.Tag=C.Tag,exports.TagVariant=P.TagVariant,exports.Toggle=B.Toggle,exports.FlowLayout=L.FlowLayout,exports.Popover=v.Popover,exports.Tooltip=T.Tooltip,exports.PopoverPlacement=S.PopoverPlacement,exports.Popup=I.Popup,exports.PopupAnimateVariant=z.PopupAnimateVariant;
2
2
  //# sourceMappingURL=index.js.map