@e1011/es-kit 1.1.52 → 1.1.56
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.
- package/dist/hooks/esm/index.css +507 -400
- package/dist/hooks/index.css +507 -400
- package/dist/lib/cjs/index.css +107 -0
- package/dist/lib/cjs/src/core/ui/components/atoms/toggle/Toggle.js +2 -0
- package/dist/lib/cjs/src/core/ui/components/atoms/toggle/Toggle.js.map +1 -0
- package/dist/lib/cjs/src/core/ui/components/atoms/toggle/toggle.module.scss.js +2 -0
- package/dist/lib/cjs/src/core/ui/components/atoms/toggle/toggle.module.scss.js.map +1 -0
- package/dist/lib/cjs/src/index.js +1 -1
- package/dist/lib/esm/index.css +107 -0
- package/dist/lib/esm/src/core/ui/components/atoms/toggle/Toggle.js +2 -0
- package/dist/lib/esm/src/core/ui/components/atoms/toggle/Toggle.js.map +1 -0
- package/dist/lib/esm/src/core/ui/components/atoms/toggle/toggle.module.scss.js +2 -0
- package/dist/lib/esm/src/core/ui/components/atoms/toggle/toggle.module.scss.js.map +1 -0
- package/dist/lib/esm/src/index.js +1 -1
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/dist/types/src/core/ui/components/atoms/index.d.ts +1 -0
- package/dist/types/src/core/ui/components/atoms/index.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/atoms/toggle/index.d.ts +2 -0
- package/dist/types/src/core/ui/components/atoms/toggle/index.d.ts.map +1 -0
- package/dist/ui/esm/index.css +107 -0
- package/dist/ui/esm/src/core/ui/components/atoms/toggle/Toggle.js +2 -0
- package/dist/ui/esm/src/core/ui/components/atoms/toggle/Toggle.js.map +1 -0
- package/dist/ui/esm/src/core/ui/components/atoms/toggle/toggle.module.scss.js +2 -0
- package/dist/ui/esm/src/core/ui/components/atoms/toggle/toggle.module.scss.js.map +1 -0
- package/dist/ui/esm/src/core/ui/index.js +1 -1
- package/dist/ui/index.css +107 -0
- package/dist/ui/src/core/ui/components/atoms/toggle/Toggle.js +2 -0
- package/dist/ui/src/core/ui/components/atoms/toggle/Toggle.js.map +1 -0
- package/dist/ui/src/core/ui/components/atoms/toggle/toggle.module.scss.js +2 -0
- package/dist/ui/src/core/ui/components/atoms/toggle/toggle.module.scss.js.map +1 -0
- package/dist/ui/src/core/ui/index.js +1 -1
- package/dist/utils/esm/index.css +507 -400
- package/dist/utils/index.css +507 -400
- package/package.json +1 -1
|
@@ -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 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/atoms/toggle/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}
|
package/dist/ui/esm/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: #282A2A;
|
|
920
|
+
border-color: #282A2A;
|
|
921
|
+
}
|
|
922
|
+
.toggle-module_toggle__p1Ep4 input:focus + .toggle-module_slider__2IVaG {
|
|
923
|
+
box-shadow: 0 0 1px 1px #282A2A;
|
|
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
|
+
.cui-theme-dark .toggle-module_toggle__p1Ep4 input:enabled + .toggle-module_slider__2IVaG:hover {
|
|
949
|
+
background-color: #003A4C;
|
|
950
|
+
}
|
|
951
|
+
.cui-theme-dark .toggle-module_toggle__p1Ep4 input:checked:enabled + .toggle-module_slider__2IVaG:hover {
|
|
952
|
+
background-color: #262828;
|
|
953
|
+
}
|
|
954
|
+
.cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG {
|
|
955
|
+
border-color: #202929;
|
|
956
|
+
}
|
|
957
|
+
.cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:hover {
|
|
958
|
+
background-color: rgba(40, 42, 42, 0.05);
|
|
959
|
+
}
|
|
960
|
+
.cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:before {
|
|
961
|
+
background-color: #282A2A;
|
|
962
|
+
}
|
|
963
|
+
.cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
|
|
964
|
+
background-color: #F4F4F4;
|
|
965
|
+
}
|
|
966
|
+
.cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:hover {
|
|
967
|
+
background-color: #374646;
|
|
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: #282A2A;
|
|
920
|
+
border-color: #282A2A;
|
|
921
|
+
}
|
|
922
|
+
.toggle-module_toggle__p1Ep4 input:focus + .toggle-module_slider__2IVaG {
|
|
923
|
+
box-shadow: 0 0 1px 1px #282A2A;
|
|
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
|
+
.cui-theme-dark .toggle-module_toggle__p1Ep4 input:enabled + .toggle-module_slider__2IVaG:hover {
|
|
949
|
+
background-color: #003A4C;
|
|
950
|
+
}
|
|
951
|
+
.cui-theme-dark .toggle-module_toggle__p1Ep4 input:checked:enabled + .toggle-module_slider__2IVaG:hover {
|
|
952
|
+
background-color: #262828;
|
|
953
|
+
}
|
|
954
|
+
.cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG {
|
|
955
|
+
border-color: #202929;
|
|
956
|
+
}
|
|
957
|
+
.cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:hover {
|
|
958
|
+
background-color: rgba(40, 42, 42, 0.05);
|
|
959
|
+
}
|
|
960
|
+
.cui-theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:before {
|
|
961
|
+
background-color: #282A2A;
|
|
962
|
+
}
|
|
963
|
+
.cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
|
|
964
|
+
background-color: #F4F4F4;
|
|
965
|
+
}
|
|
966
|
+
.cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:hover {
|
|
967
|
+
background-color: #374646;
|
|
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"),
|
|
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
|