@apify/ui-library 1.127.10 → 1.128.0
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/src/components/collapsible_card/collapsible_card.d.ts +1 -0
- package/dist/src/components/collapsible_card/collapsible_card.d.ts.map +1 -1
- package/dist/src/components/collapsible_card/collapsible_card.js +3 -3
- package/dist/src/components/collapsible_card/collapsible_card.js.map +1 -1
- package/dist/src/components/index.d.ts +1 -0
- package/dist/src/components/index.d.ts.map +1 -1
- package/dist/src/components/index.js +1 -0
- package/dist/src/components/index.js.map +1 -1
- package/dist/src/components/switch/index.d.ts +2 -0
- package/dist/src/components/switch/index.d.ts.map +1 -0
- package/dist/src/components/switch/index.js +2 -0
- package/dist/src/components/switch/index.js.map +1 -0
- package/dist/src/components/switch/switch.d.ts +11 -0
- package/dist/src/components/switch/switch.d.ts.map +1 -0
- package/dist/src/components/switch/switch.js +25 -0
- package/dist/src/components/switch/switch.js.map +1 -0
- package/dist/src/components/switch/switch.style.d.ts +2 -0
- package/dist/src/components/switch/switch.style.d.ts.map +1 -0
- package/dist/src/components/switch/switch.style.js +53 -0
- package/dist/src/components/switch/switch.style.js.map +1 -0
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +3 -2
- package/src/components/collapsible_card/collapsible_card.stories.tsx +16 -0
- package/src/components/collapsible_card/collapsible_card.tsx +5 -3
- package/src/components/index.ts +1 -0
- package/src/components/switch/index.ts +1 -0
- package/src/components/switch/switch.stories.jsx +38 -0
- package/src/components/switch/switch.style.ts +54 -0
- package/src/components/switch/switch.tsx +54 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collapsible_card.d.ts","sourceRoot":"","sources":["../../../../src/components/collapsible_card/collapsible_card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAS1D,UAAU,qBAAqB;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAWD,MAAM,MAAM,oBAAoB,GAAG;IAC/B,MAAM,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC1B,GAAG,qBAAqB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,CAAC;AAEhF,eAAO,MAAM,yBAAyB;;;;CAIrC,CAAC;AAkEF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,
|
|
1
|
+
{"version":3,"file":"collapsible_card.d.ts","sourceRoot":"","sources":["../../../../src/components/collapsible_card/collapsible_card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAS1D,UAAU,qBAAqB;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAWD,MAAM,MAAM,oBAAoB,GAAG;IAC/B,MAAM,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC1B,GAAG,qBAAqB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,CAAC;AAEhF,eAAO,MAAM,yBAAyB;;;;CAIrC,CAAC;AAkEF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAoDpD,CAAC"}
|
|
@@ -68,9 +68,9 @@ const StyledCardContent = styled.div `
|
|
|
68
68
|
overflow: auto;
|
|
69
69
|
`;
|
|
70
70
|
const CollapsibleContent = styled(Collapsible.Content) `
|
|
71
|
-
border-top: 1px solid ${theme.color.neutral.border}
|
|
71
|
+
${({ $noDivider }) => ($noDivider ? '' : `border-top: 1px solid ${theme.color.neutral.border};`)}
|
|
72
72
|
`;
|
|
73
|
-
export const CollapsibleCard = ({ header, children, isExpanded, onIsExpandedChanged, noChevron, topSection, hideOuterBorder, hasShadow, isClosedHeaderGrey, isHeaderGreyOnHover, as: Element, ...rest }) => {
|
|
73
|
+
export const CollapsibleCard = ({ header, children, isExpanded, onIsExpandedChanged, noChevron, noDivider, topSection, hideOuterBorder, hasShadow, isClosedHeaderGrey, isHeaderGreyOnHover, as: Element, ...rest }) => {
|
|
74
74
|
const isUncontrolled = isExpanded === undefined;
|
|
75
75
|
const [isOpen, setOpen] = useState(false);
|
|
76
76
|
let onHeaderClick;
|
|
@@ -78,6 +78,6 @@ export const CollapsibleCard = ({ header, children, isExpanded, onIsExpandedChan
|
|
|
78
78
|
onHeaderClick = () => setOpen((prevIsOpen) => !prevIsOpen);
|
|
79
79
|
else if (onIsExpandedChanged)
|
|
80
80
|
onHeaderClick = () => onIsExpandedChanged(!isExpanded);
|
|
81
|
-
return (_jsxs(StyledCardWrapper, { forwardedAs: Element || 'section', "$hideOuterBorder": hideOuterBorder, "$hasShadow": hasShadow, ...rest, children: [topSection && _jsx(StyledTopSection, { className: collapsibleCardClassNames.TOP_SECTION, "data-test": 'collapsible-card-top-section', children: topSection }), _jsxs(StyledHeader, { "$hideOuterBorder": hideOuterBorder, "$isHeaderGrey": isClosedHeaderGrey && !isOpen && !isExpanded, "$isHeaderGreyOnHover": isHeaderGreyOnHover, onClick: onHeaderClick, children: [!noChevron && _jsx(ChevronDownIcon, { size: "16", className: clsx('chevron', (isExpanded ?? isOpen) ? 'chevron-open' : 'chevron-closed') }), header] }), _jsx(Collapsible.Root, { open: isUncontrolled ? isOpen : isExpanded, children: _jsx(CollapsibleContent, { className: collapsibleCardClassNames.COLLAPSIBLE_CONTENT_WRAPPER, children: _jsx(StyledCardContent, { className: collapsibleCardClassNames.CONTENT, "data-test": "card-content", children: children }) }) })] }));
|
|
81
|
+
return (_jsxs(StyledCardWrapper, { forwardedAs: Element || 'section', "$hideOuterBorder": hideOuterBorder, "$hasShadow": hasShadow, ...rest, children: [topSection && _jsx(StyledTopSection, { className: collapsibleCardClassNames.TOP_SECTION, "data-test": 'collapsible-card-top-section', children: topSection }), _jsxs(StyledHeader, { "$hideOuterBorder": hideOuterBorder, "$isHeaderGrey": isClosedHeaderGrey && !isOpen && !isExpanded, "$isHeaderGreyOnHover": isHeaderGreyOnHover, onClick: onHeaderClick, children: [!noChevron && _jsx(ChevronDownIcon, { size: "16", className: clsx('chevron', (isExpanded ?? isOpen) ? 'chevron-open' : 'chevron-closed') }), header] }), _jsx(Collapsible.Root, { open: isUncontrolled ? isOpen : isExpanded, children: _jsx(CollapsibleContent, { "$noDivider": noDivider, className: collapsibleCardClassNames.COLLAPSIBLE_CONTENT_WRAPPER, children: _jsx(StyledCardContent, { className: collapsibleCardClassNames.CONTENT, "data-test": "card-content", children: children }) }) })] }));
|
|
82
82
|
};
|
|
83
83
|
//# sourceMappingURL=collapsible_card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collapsible_card.js","sourceRoot":"","sources":["../../../../src/components/collapsible_card/collapsible_card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAA2B,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"collapsible_card.js","sourceRoot":"","sources":["../../../../src/components/collapsible_card/collapsible_card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAA2B,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AA6BhC,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACrC,WAAW,EAAE,4BAA4B;IACzC,2BAA2B,EAAE,yBAAyB;IACtD,OAAO,EAAE,cAAc;CAC1B,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAqB;;wBAElC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;wBAClC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;;qBAE7B,KAAK,CAAC,MAAM,CAAC,OAAO;;;MAGnC,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,gBAAgB,IAAI,GAAG,CAAA;;;KAGlD;;;MAGC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAAC;;;CAGnE,CAAC;AAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;eAGpB,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM;kBACrC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe;+BACtB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;WAC9C,KAAK,CAAC,KAAK,CAAC,MAAM;CAC5B,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAmB;;WAE1C,KAAK,CAAC,KAAK,CAAC,MAAM;;MAEvB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;eAC3C,KAAK,CAAC,KAAK,CAAC,OAAO;wBACV,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC;;MAE1G,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,KAAK,CAAC,MAAM,CAAC,OAAO,GAAG,CAAC;;;4BAGvE,CAAC,EAAE,aAAa,EAAE,oBAAoB,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,IAAI,oBAAoB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;;;;;;;;;;;;;;CAczJ,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;eACrB,KAAK,CAAC,KAAK,CAAC,OAAO;;CAEjC,CAAC;AAEF,MAAM,kBAAkB,GAAG,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAA0B;MAC1E,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,yBAAyB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC;CACnG,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EACtD,MAAM,EACN,QAAQ,EACR,UAAU,EACV,mBAAmB,EACnB,SAAS,EACT,SAAS,EACT,UAAU,EACV,eAAe,EACf,SAAS,EACT,kBAAkB,EAClB,mBAAmB,EACnB,EAAE,EAAE,OAAO,EACX,GAAG,IAAI,EACV,EAAE,EAAE;IACD,MAAM,cAAc,GAAG,UAAU,KAAK,SAAS,CAAC;IAChD,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1C,IAAI,aAAa,CAAC;IAClB,IAAI,cAAc;QAAE,aAAa,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC;SAC1E,IAAI,mBAAmB;QAAE,aAAa,GAAG,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAC,UAAU,CAAC,CAAC;IAErF,OAAO,CACH,MAAC,iBAAiB,IACd,WAAW,EAAE,OAAO,IAAI,SAAS,sBACf,eAAe,gBACrB,SAAS,KACjB,IAAI,aAEP,UAAU,IAAI,KAAC,gBAAgB,IAAC,SAAS,EAAE,yBAAyB,CAAC,WAAW,eAAY,8BAA8B,YACtH,UAAU,GACI,EACnB,MAAC,YAAY,wBACS,eAAe,mBAClB,kBAAkB,IAAI,CAAC,MAAM,IAAI,CAAC,UAAU,0BACrC,mBAAmB,EACzC,OAAO,EAAE,aAAa,aAErB,CAAC,SAAS,IAAI,KAAC,eAAe,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,UAAU,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,gBAAgB,CAAC,GAAI,EACnI,MAAM,IACI,EACf,KAAC,WAAW,CAAC,IAAI,IACb,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,YAE1C,KAAC,kBAAkB,kBAAa,SAAS,EAAE,SAAS,EAAE,yBAAyB,CAAC,2BAA2B,YACvG,KAAC,iBAAiB,IAAC,SAAS,EAAE,yBAAyB,CAAC,OAAO,eAAY,cAAc,YACpF,QAAQ,GACO,GACH,GACN,IACH,CACvB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as SwitchPrimitiveReact from '@radix-ui/react-switch';
|
|
2
|
+
type SwitchPrimitiveProps = {
|
|
3
|
+
value: boolean;
|
|
4
|
+
setValue: (checked: boolean) => void;
|
|
5
|
+
error?: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
readOnly?: boolean;
|
|
8
|
+
} & Omit<React.ComponentPropsWithoutRef<typeof SwitchPrimitiveReact.Root>, 'checked' | 'onCheckedChange' | 'value'>;
|
|
9
|
+
export declare const SwitchPrimitive: ({ value, setValue, error, disabled, readOnly, ...rest }: SwitchPrimitiveProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=switch.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,oBAAoB,MAAM,wBAAwB,CAAC;AAyB/D,KAAK,oBAAoB,GAAG;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,EAAE,SAAS,GAAG,iBAAiB,GAAG,OAAO,CAAC,CAAC;AAEpH,eAAO,MAAM,eAAe,4DAOzB,oBAAoB,4CAatB,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as SwitchPrimitiveReact from '@radix-ui/react-switch';
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import styled from 'styled-components';
|
|
5
|
+
import { theme } from '../../design_system/theme.js';
|
|
6
|
+
import { switchStyle } from './switch.style';
|
|
7
|
+
const StyledSwitch = styled(SwitchPrimitiveReact.Root) `
|
|
8
|
+
all: unset;
|
|
9
|
+
${switchStyle}
|
|
10
|
+
`;
|
|
11
|
+
const StyledThumb = styled(SwitchPrimitiveReact.Thumb) `
|
|
12
|
+
display: block;
|
|
13
|
+
background-color: ${theme.color.neutral.backgroundWhite};
|
|
14
|
+
width: 12px;
|
|
15
|
+
height: 12px;
|
|
16
|
+
border-radius: 100px;
|
|
17
|
+
transition: transform 100ms;
|
|
18
|
+
transform: translateX(2px);
|
|
19
|
+
will-change: transform;
|
|
20
|
+
&[data-state="checked"] {
|
|
21
|
+
transform: translateX(18px);
|
|
22
|
+
}
|
|
23
|
+
`;
|
|
24
|
+
export const SwitchPrimitive = ({ value, setValue, error, disabled, readOnly, ...rest }) => (_jsx(StyledSwitch, { ...rest, checked: value, onCheckedChange: setValue, disabled: disabled || readOnly, className: clsx(error && 'error', (disabled || readOnly) && 'disabled'), children: _jsx(StyledThumb, {}) }));
|
|
25
|
+
//# sourceMappingURL=switch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../../src/components/switch/switch.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,oBAAoB,MAAM,wBAAwB,CAAC;AAC/D,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,YAAY,GAAG,MAAM,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAA;;MAEhD,WAAW;CAChB,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAA;;wBAE9B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe;;;;;;;;;;CAU1D,CAAC;AASF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACY,EAAE,EAAE,CAAC,CACxB,KAAC,YAAY,OACL,IAAI,EACR,OAAO,EAAE,KAAK,EACd,eAAe,EAAE,QAAQ,EACzB,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,SAAS,EAAE,IAAI,CACX,KAAK,IAAI,OAAO,EAChB,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,UAAU,CACvC,YAED,KAAC,WAAW,KAAG,GACJ,CAClB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switch.style.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/switch.style.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,6CAiDvB,CAAC"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { css } from 'styled-components';
|
|
2
|
+
import { theme } from '../../design_system/theme.js';
|
|
3
|
+
export const switchStyle = css `
|
|
4
|
+
width: 32px;
|
|
5
|
+
height: 16px;
|
|
6
|
+
background-color: ${theme.color.neutral.actionSecondary};
|
|
7
|
+
border-radius: 100px;
|
|
8
|
+
position: relative;
|
|
9
|
+
transition: border-color 120ms ease-out, background-color 120ms ease-out !important;
|
|
10
|
+
vertical-align: middle;
|
|
11
|
+
|
|
12
|
+
&:focus-visible {
|
|
13
|
+
outline: 2px solid ${theme.color.primary.fieldBorderActive}!important;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
&:hover {
|
|
17
|
+
background-color: ${theme.color.neutral.actionSecondaryHover};
|
|
18
|
+
cursor: pointer;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
&.disabled {
|
|
22
|
+
background-color: ${theme.color.neutral.disabled};
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
&.error {
|
|
26
|
+
background-color: ${theme.color.danger.action};
|
|
27
|
+
|
|
28
|
+
&:hover {
|
|
29
|
+
background-color: ${theme.color.danger.actionHover};
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
&[data-state="checked"] {
|
|
34
|
+
background-color: ${theme.color.success.action};
|
|
35
|
+
|
|
36
|
+
&:hover {
|
|
37
|
+
background-color: ${theme.color.success.actionHover};
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
&.disabled {
|
|
41
|
+
background-color: ${theme.color.success.chipBackground};
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
&.error {
|
|
45
|
+
background-color: ${theme.color.danger.action};
|
|
46
|
+
|
|
47
|
+
&:hover {
|
|
48
|
+
background-color: ${theme.color.danger.actionHover};
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
`;
|
|
53
|
+
//# sourceMappingURL=switch.style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switch.style.js","sourceRoot":"","sources":["../../../../src/components/switch/switch.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;wBAGN,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe;;;;;;;6BAO9B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,iBAAiB;;;;4BAItC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,oBAAoB;;;;;4BAKxC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ;;;;4BAI5B,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM;;;4BAGzB,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW;;;;;4BAK9B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;;;gCAGtB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW;;;;gCAI/B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;;;;gCAIlC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM;;;oCAGrB,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW;;;;CAIjE,CAAC"}
|