newskit 5.4.5 → 5.4.6

package/cjs/modal/styled.js

@@ -9,11 +9,12 @@ var dialog_1 = require("../dialog");
 var style_1 = require("../utils/style");
 var utils_1 = require("../utils");
 var transition_preset_1 = require("../utils/style/transition-preset");
+var logical_properties_1 = require("../utils/logical-properties");
 exports.StyledModalWrapper = style_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), function (_a) {
     var $open = _a.$open, inline = _a.inline;
     return $open &&
         "\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      // Remove events on the modal wrapper so that users can click on the content behind it ( like overlay or body )\n      pointer-events: none;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      position: ".concat(inline ? 'absolute' : 'fixed', ";\n  ");
 }, (0, style_1.getResponsiveSpace)('zIndex', "modal.panel", 'panel', 'zIndex'));
-exports.StyledModal = (0, style_1.styled)(dialog_1.BaseDialogView)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  // adds pointer events which are removed by its parent ( StyledModalWrapper ) so that modal is interactive\n  pointer-events: all;\n\n  ", " {\n    ", ";\n  }\n\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n\n  ", ";\n"], ["\n  // adds pointer events which are removed by its parent ( StyledModalWrapper ) so that modal is interactive\n  pointer-events: all;\n\n  ", " {\n    ", ";\n  }\n\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n\n  ", ";\n"])), (0, utils_1.getMediaQueryFromTheme)('md'), (0, style_1.getResponsiveSize)('top', 'modal.panel', 'panel', 'topOffset'), (0, style_1.getStylePreset)('modal.panel', 'panel'), (0, style_1.getResponsiveSize)('width', 'modal.panel', 'panel', 'width'), (0, style_1.getResponsiveSize)('minWidth', 'modal.panel', 'panel', 'minWidth'), (0, style_1.getResponsiveSize)('maxWidth', 'modal.panel', 'panel', 'maxWidth'), (0, style_1.getResponsiveSize)('height', 'modal.panel', 'panel', 'height'), (0, style_1.getResponsiveSize)('minHeight', 'modal.panel', 'panel', 'minHeight'), (0, style_1.getResponsiveSize)('maxHeight', 'modal.panel', 'panel', 'maxHeight'), (0, transition_preset_1.getTransitionPreset)("modal.panel", 'panel', 'nk-modal'));
+exports.StyledModal = (0, style_1.styled)(dialog_1.BaseDialogView)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  // adds pointer events which are removed by its parent ( StyledModalWrapper ) so that modal is interactive\n  pointer-events: all;\n\n  ", " {\n    ", ";\n  }\n\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n\n  ", ";\n\n  ", "\n"], ["\n  // adds pointer events which are removed by its parent ( StyledModalWrapper ) so that modal is interactive\n  pointer-events: all;\n\n  ", " {\n    ", ";\n  }\n\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n\n  ", ";\n\n  ", "\n"])), (0, utils_1.getMediaQueryFromTheme)('md'), (0, style_1.getResponsiveSize)('top', 'modal.panel', 'panel', 'topOffset'), (0, style_1.getStylePreset)('modal.panel', 'panel'), (0, style_1.getResponsiveSize)('width', 'modal.panel', 'panel', 'width'), (0, style_1.getResponsiveSize)('minWidth', 'modal.panel', 'panel', 'minWidth'), (0, style_1.getResponsiveSize)('maxWidth', 'modal.panel', 'panel', 'maxWidth'), (0, style_1.getResponsiveSize)('height', 'modal.panel', 'panel', 'height'), (0, style_1.getResponsiveSize)('minHeight', 'modal.panel', 'panel', 'minHeight'), (0, style_1.getResponsiveSize)('maxHeight', 'modal.panel', 'panel', 'maxHeight'), (0, transition_preset_1.getTransitionPreset)("modal.panel", 'panel', 'nk-modal'), (0, logical_properties_1.logicalProps)('modal.panel', 'panel'));
 var templateObject_1, templateObject_2;
 //# sourceMappingURL=styled.js.map

package/cjs/modal/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/modal/styled.ts"],"names":[],"mappings":";;;;;;;AAAA,oCAAyC;AAEzC,wCAKwB;AACxB,kCAAgD;AAChD,sEAAqE;AAIxD,QAAA,kBAAkB,GAAG,cAAM,CAAC,GAAG,uFAE3C,MACG,EAaD,MACC,EAA8D,IACjE,KAfG,UAAC,EAAe;QAAd,KAAK,WAAA,EAAE,MAAM,YAAA;IACf,OAAA,KAAK;QACL,oUAUc,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,UAC5C;AAZC,CAYD,EACC,IAAA,0BAAkB,EAAC,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,CAAC,EAChE;AAEW,QAAA,WAAW,GAAG,IAAA,cAAM,EAAC,uBAAc,CAAC,qTAAiB,8IAI9D,EAA4B,UAC1B,EAA6D,cAG/D,EAAsC,OACtC,EAA2D,OAC3D,EAAiE,OACjE,EAAiE,OACjE,EAA6D,OAC7D,EAAmE,OACnE,EAAmE,SAEnE,EAAuD,KAC1D,KAbG,IAAA,8BAAsB,EAAC,IAAI,CAAC,EAC1B,IAAA,yBAAiB,EAAC,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,CAAC,EAG/D,IAAA,sBAAc,EAAC,aAAa,EAAE,OAAO,CAAC,EACtC,IAAA,yBAAiB,EAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,CAAC,EAC3D,IAAA,yBAAiB,EAAC,UAAU,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,CAAC,EACjE,IAAA,yBAAiB,EAAC,UAAU,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,CAAC,EACjE,IAAA,yBAAiB,EAAC,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,CAAC,EAC7D,IAAA,yBAAiB,EAAC,WAAW,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,CAAC,EACnE,IAAA,yBAAiB,EAAC,WAAW,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,CAAC,EAEnE,IAAA,uCAAmB,EAAC,aAAa,EAAE,OAAO,EAAE,UAAU,CAAC,EACzD"}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/modal/styled.ts"],"names":[],"mappings":";;;;;;;AAAA,oCAAyC;AAEzC,wCAKwB;AACxB,kCAAgD;AAChD,sEAAqE;AACrE,kEAAyD;AAI5C,QAAA,kBAAkB,GAAG,cAAM,CAAC,GAAG,uFAE3C,MACG,EAaD,MACC,EAA8D,IACjE,KAfG,UAAC,EAAe;QAAd,KAAK,WAAA,EAAE,MAAM,YAAA;IACf,OAAA,KAAK;QACL,oUAUc,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,UAC5C;AAZC,CAYD,EACC,IAAA,0BAAkB,EAAC,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,CAAC,EAChE;AAEW,QAAA,WAAW,GAAG,IAAA,cAAM,EAAC,uBAAc,CAAC,+TAAiB,8IAI9D,EAA4B,UAC1B,EAA6D,cAG/D,EAAsC,OACtC,EAA2D,OAC3D,EAAiE,OACjE,EAAiE,OACjE,EAA6D,OAC7D,EAAmE,OACnE,EAAmE,SAEnE,EAAuD,SAEvD,EAAoC,IACvC,KAfG,IAAA,8BAAsB,EAAC,IAAI,CAAC,EAC1B,IAAA,yBAAiB,EAAC,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,CAAC,EAG/D,IAAA,sBAAc,EAAC,aAAa,EAAE,OAAO,CAAC,EACtC,IAAA,yBAAiB,EAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,CAAC,EAC3D,IAAA,yBAAiB,EAAC,UAAU,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,CAAC,EACjE,IAAA,yBAAiB,EAAC,UAAU,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,CAAC,EACjE,IAAA,yBAAiB,EAAC,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,CAAC,EAC7D,IAAA,yBAAiB,EAAC,WAAW,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,CAAC,EACnE,IAAA,yBAAiB,EAAC,WAAW,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,CAAC,EAEnE,IAAA,uCAAmB,EAAC,aAAa,EAAE,OAAO,EAAE,UAAU,CAAC,EAEvD,IAAA,iCAAY,EAAC,aAAa,EAAE,OAAO,CAAC,EACtC"}

package/cjs/modal/types.d.ts

@@ -1,5 +1,6 @@
 import { BaseDialogProps } from '../dialog/types';
 import { MQ } from '../utils';
+import { LogicalPaddingProps } from '../utils/logical-properties';
 export declare type ModalProps = Omit<BaseDialogProps, 'placement'> & {
     overrides?: {
         panel?: {
@@ -10,7 +11,7 @@ export declare type ModalProps = Omit<BaseDialogProps, 'placement'> & {
             minHeight?: MQ<string>;
             maxHeight?: MQ<string>;
             maxWidth?: MQ<string>;
-        };
+        } & LogicalPaddingProps;
     };
 };
 //# sourceMappingURL=types.d.ts.map

package/cjs/modal/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAC,EAAE,EAAC,MAAM,UAAU,CAAC;AAG5B,oBAAY,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,WAAW,CAAC,GAAG;IAC5D,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE;YACN,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACvB,KAAK,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACnB,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACpB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACtB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACvB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACvB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SACvB,CAAC;KACH,CAAC;CACH,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAC,EAAE,EAAC,MAAM,UAAU,CAAC;AAC5B,OAAO,EAAC,mBAAmB,EAAC,MAAM,6BAA6B,CAAC;AAGhE,oBAAY,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,WAAW,CAAC,GAAG;IAC5D,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE;YACN,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACvB,KAAK,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACnB,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACpB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACtB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACvB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACvB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SACvB,GAAG,mBAAmB,CAAC;KACzB,CAAC;CACH,CAAC"}

package/cjs/ordered-list/ordered-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ordered-list.d.ts","sourceRoot":"","sources":["../../../src/ordered-list/ordered-list.tsx"],"names":[],"mappings":"AASA,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAwCzC,eAAO,MAAM,WAAW,4EAAiD,CAAC"}
+{"version":3,"file":"ordered-list.d.ts","sourceRoot":"","sources":["../../../src/ordered-list/ordered-list.tsx"],"names":[],"mappings":"AASA,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AA2CzC,eAAO,MAAM,WAAW,4EAAiD,CAAC"}

package/cjs/ordered-list/ordered-list.js

@@ -13,13 +13,14 @@ var style_1 = require("../utils/style");
 var component_1 = require("../utils/component");
 var defaults_1 = __importDefault(require("./defaults"));
 var with_own_theme_1 = require("../utils/with-own-theme");
+var logical_properties_1 = require("../utils/logical-properties");
 var ListItem = style_1.styled.li(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  counter-increment: item-counter;\n  ", "\n  ", "\n  &::before {\n    content: counter(item-counter) '. ';\n    ", "\n    ", "\n    display: inline-block;\n    min-width: ", ";\n  }\n"], ["\n  ", "\n  counter-increment: item-counter;\n  ", "\n  ", "\n  &::before {\n    content: counter(item-counter) '. ';\n    ", "\n    ", "\n    display: inline-block;\n    min-width: ", ";\n  }\n"])), (0, style_1.getSpacingInlineVertical)('orderedList', ''), (0, style_1.getStylePreset)('orderedList.content', 'content'), (0, style_1.getTypographyPreset)('orderedList.content', 'content', {
     withCrop: true,
 }), (0, style_1.getStylePreset)('orderedList.counter', 'counter'), (0, style_1.getTypographyPreset)('orderedList.counter', 'counter'), (0, style_1.getMinWidth)('orderedList.counter', 'counter'));
-var List = style_1.styled.ol(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  counter-reset: item-counter;\n"], ["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  counter-reset: item-counter;\n"])));
+var List = style_1.styled.ol(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  counter-reset: item-counter;\n\n  ", "\n"], ["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  counter-reset: item-counter;\n\n  ", "\n"])), (0, logical_properties_1.logicalProps)());
 var ThemelessOrderedList = function (_a) {
     var children = _a.children, overrides = _a.overrides;
-    return (react_1.default.createElement(List, { role: "list" }, react_1.default.Children.map(children, function (node) {
+    return (react_1.default.createElement(List, { role: "list", overrides: overrides }, react_1.default.Children.map(children, function (node) {
         return (0, component_1.isValidNode)(node) ? (react_1.default.createElement(ListItem, { overrides: overrides }, node)) : null;
     })));
 };

package/cjs/ordered-list/ordered-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"ordered-list.js","sourceRoot":"","sources":["../../../src/ordered-list/ordered-list.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAA0B;AAC1B,wCAMwB;AACxB,gDAA+C;AAE/C,wDAAkC;AAClC,0DAAqD;AAErD,IAAM,QAAQ,GAAG,cAAM,CAAC,EAAE,uQAAkB,MACxC,EAA2C,0CAE3C,EAAgD,MAChD,EAEA,iEAGE,EAAgD,QAChD,EAAqD,+CAE1C,EAA6C,UAE7D,KAbG,IAAA,gCAAwB,EAAC,aAAa,EAAE,EAAE,CAAC,EAE3C,IAAA,sBAAc,EAAC,qBAAqB,EAAE,SAAS,CAAC,EAChD,IAAA,2BAAmB,EAAC,qBAAqB,EAAE,SAAS,EAAE;IACtD,QAAQ,EAAE,IAAI;CACf,CAAC,EAGE,IAAA,sBAAc,EAAC,qBAAqB,EAAE,SAAS,CAAC,EAChD,IAAA,2BAAmB,EAAC,qBAAqB,EAAE,SAAS,CAAC,EAE1C,IAAA,mBAAW,EAAC,qBAAqB,EAAE,SAAS,CAAC,CAE7D,CAAC;AAEF,IAAM,IAAI,GAAG,cAAM,CAAC,EAAE,yJAAA,sFAKrB,IAAA,CAAC;AAEF,IAAM,oBAAoB,GAA+B,UAAC,EAGzD;QAFC,QAAQ,cAAA,EACR,SAAS,eAAA;IACL,OAAA,CACJ,8BAAC,IAAI,IAAC,IAAI,EAAC,MAAM,IACd,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAA,IAAI;QAChC,OAAA,IAAA,uBAAW,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAClB,8BAAC,QAAQ,IAAC,SAAS,EAAE,SAAS,IAAG,IAAI,CAAY,CAClD,CAAC,CAAC,CAAC,IAAI;IAFR,CAEQ,CACT,CACI,CACR;AARK,CAQL,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,6BAAY,EAAC,oBAAoB,CAAC,CAAC,EAAC,QAAQ,oBAAA,EAAC,CAAC,CAAC"}
+{"version":3,"file":"ordered-list.js","sourceRoot":"","sources":["../../../src/ordered-list/ordered-list.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAA0B;AAC1B,wCAMwB;AACxB,gDAA+C;AAE/C,wDAAkC;AAClC,0DAAqD;AACrD,kEAAyD;AAEzD,IAAM,QAAQ,GAAG,cAAM,CAAC,EAAE,uQAAkB,MACxC,EAA2C,0CAE3C,EAAgD,MAChD,EAEA,iEAGE,EAAgD,QAChD,EAAqD,+CAE1C,EAA6C,UAE7D,KAbG,IAAA,gCAAwB,EAAC,aAAa,EAAE,EAAE,CAAC,EAE3C,IAAA,sBAAc,EAAC,qBAAqB,EAAE,SAAS,CAAC,EAChD,IAAA,2BAAmB,EAAC,qBAAqB,EAAE,SAAS,EAAE;IACtD,QAAQ,EAAE,IAAI;CACf,CAAC,EAGE,IAAA,sBAAc,EAAC,qBAAqB,EAAE,SAAS,CAAC,EAChD,IAAA,2BAAmB,EAAC,qBAAqB,EAAE,SAAS,CAAC,EAE1C,IAAA,mBAAW,EAAC,qBAAqB,EAAE,SAAS,CAAC,CAE7D,CAAC;AAEF,IAAM,IAAI,GAAG,cAAM,CAAC,EAAE,mKAAqC,0FAMvD,EAAc,IACjB,KADG,IAAA,iCAAY,GAAE,CACjB,CAAC;AAEF,IAAM,oBAAoB,GAA+B,UAAC,EAGzD;QAFC,QAAQ,cAAA,EACR,SAAS,eAAA;IACL,OAAA,CACJ,8BAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,IACnC,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAA,IAAI;QAChC,OAAA,IAAA,uBAAW,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAClB,8BAAC,QAAQ,IAAC,SAAS,EAAE,SAAS,IAAG,IAAI,CAAY,CAClD,CAAC,CAAC,CAAC,IAAI;IAFR,CAEQ,CACT,CACI,CACR;AARK,CAQL,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,6BAAY,EAAC,oBAAoB,CAAC,CAAC,EAAC,QAAQ,oBAAA,EAAC,CAAC,CAAC"}

package/cjs/ordered-list/types.d.ts

@@ -1,4 +1,5 @@
 import { MQ } from '../utils/style';
+import { LogicalProps } from '../utils/logical-properties';
 export interface OrderedListProps {
     overrides?: {
         spaceInline?: MQ<string>;
@@ -11,6 +12,6 @@ export interface OrderedListProps {
             typographyPreset?: MQ<string>;
             minWidth?: MQ<string>;
         };
-    };
+    } & LogicalProps;
 }
 //# sourceMappingURL=types.d.ts.map

package/cjs/ordered-list/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ordered-list/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,OAAO,CAAC,EAAE;YACR,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SAC/B,CAAC;QACF,OAAO,CAAC,EAAE;YACR,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YAC9B,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SACvB,CAAC;KACH,CAAC;CACH"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ordered-list/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AAEzD,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,OAAO,CAAC,EAAE;YACR,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SAC/B,CAAC;QACF,OAAO,CAAC,EAAE;YACR,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YAC9B,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SACvB,CAAC;KACH,GAAG,YAAY,CAAC;CAClB"}

package/cjs/radio-button/radio-button.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
-import { RadioButtonProps } from './types';
-export declare const RadioButton: import("../utils/with-own-theme").NewsKitReactComponents<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;
+export declare const RadioButton: import("../utils/with-own-theme").NewsKitReactComponents<Omit<import("../base-switch").BaseSwitchProps, "type" | "path" | "defaultChecked" | "defaultValue" | "overrides" | "defaultSwitchSelectorComponent" | "hideFeedback"> & {
+    overrides?: import("./types").RadioButtonOverrides | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=radio-button.d.ts.map

package/cjs/radio-button/radio-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../src/radio-button/radio-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,gBAAgB,EAAuB,MAAM,SAAS,CAAC;AAiE/D,eAAO,MAAM,WAAW,oHAGtB,CAAC"}
+{"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../src/radio-button/radio-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmE1B,eAAO,MAAM,WAAW;;0CAGtB,CAAC"}

package/cjs/radio-button/types.d.ts

@@ -1,7 +1,17 @@
 /// <reference types="react" />
-import { BaseSwitchIconProps, BaseSwitchProps } from '../base-switch/types';
+import { BaseSwitchIconProps, BaseSwitchOverrides, BaseSwitchProps } from '../base-switch/types';
+import { LogicalProps } from '../utils/logical-properties';
 export declare type RadioButtonIconProps = BaseSwitchIconProps;
-export declare type RadioButtonProps = Omit<BaseSwitchProps, 'path' | 'defaultSwitchSelectorComponent' | 'type' | 'defaultChecked' | 'defaultValue'>;
+export declare type RadioButtonOverrides = {
+    spaceStack?: BaseSwitchOverrides['spaceStack'];
+    input?: Pick<NonNullable<BaseSwitchOverrides['input']>, 'size' | 'stylePreset' | 'spaceInline' | 'transitionPreset'>;
+    feedback?: Pick<NonNullable<BaseSwitchOverrides['feedback']>, 'size' | 'stylePreset'>;
+    label?: BaseSwitchOverrides['label'];
+    icon?: BaseSwitchOverrides['icon'];
+} & LogicalProps;
+export declare type RadioButtonProps = Omit<BaseSwitchProps, 'path' | 'defaultSwitchSelectorComponent' | 'type' | 'defaultChecked' | 'defaultValue' | 'overrides' | 'hideFeedback'> & {
+    overrides?: RadioButtonOverrides;
+};
 export declare type RadioGroupContextValue = {
     name: string | undefined;
     onChange: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;

package/cjs/radio-button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/radio-button/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,mBAAmB,EAAE,eAAe,EAAC,MAAM,sBAAsB,CAAC;AAE1E,oBAAY,oBAAoB,GAAG,mBAAmB,CAAC;AAEvD,oBAAY,gBAAgB,GAAG,IAAI,CACjC,eAAe,EACb,MAAM,GACN,gCAAgC,GAChC,MAAM,GACN,gBAAgB,GAChB,cAAc,CACjB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9E,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/radio-button/types.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AAEzD,oBAAY,oBAAoB,GAAG,mBAAmB,CAAC;AAEvD,oBAAY,oBAAoB,GAAG;IACjC,UAAU,CAAC,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,IAAI,CACV,WAAW,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,EACzC,MAAM,GAAG,aAAa,GAAG,aAAa,GAAG,kBAAkB,CAC5D,CAAC;IACF,QAAQ,CAAC,EAAE,IAAI,CACb,WAAW,CAAC,mBAAmB,CAAC,UAAU,CAAC,CAAC,EAC5C,MAAM,GAAG,aAAa,CACvB,CAAC;IACF,KAAK,CAAC,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;CACpC,GAAG,YAAY,CAAC;AAEjB,oBAAY,gBAAgB,GAAG,IAAI,CACjC,eAAe,EACb,MAAM,GACN,gCAAgC,GAChC,MAAM,GACN,gBAAgB,GAChB,cAAc,GACd,WAAW,GACX,cAAc,CACjB,GAAG;IAAC,SAAS,CAAC,EAAE,oBAAoB,CAAA;CAAC,CAAC;AAEvC,oBAAY,sBAAsB,GAAG;IACnC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9E,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC"}

package/cjs/switch/defaults.d.ts

@@ -0,0 +1,87 @@
+declare const _default: {
+    switch: {
+        small: {
+            thumb: {
+                stylePreset: string;
+                size: string;
+                spaceInset: string;
+                transitionPreset: string[];
+            };
+            input: {
+                stylePreset: string;
+                blockSize: string;
+                inlineSize: string;
+                paddingInline: string;
+                spaceInline: string;
+            };
+            label: {
+                stylePreset: string;
+                typographyPreset: string;
+            };
+            feedback: {
+                stylePreset: string;
+                size: string;
+                transitionPreset: string[];
+            };
+            trackIcon: {
+                stylePreset: string;
+            };
+        };
+        medium: {
+            thumb: {
+                stylePreset: string;
+                size: string;
+                spaceInset: string;
+                transitionPreset: string[];
+            };
+            input: {
+                stylePreset: string;
+                blockSize: string;
+                inlineSize: string;
+                paddingInline: string;
+                spaceInline: string;
+            };
+            label: {
+                stylePreset: string;
+                typographyPreset: string;
+            };
+            feedback: {
+                stylePreset: string;
+                size: string;
+                transitionPreset: string[];
+            };
+            trackIcon: {
+                stylePreset: string;
+            };
+        };
+        large: {
+            thumb: {
+                stylePreset: string;
+                size: string;
+                spaceInset: string;
+                transitionPreset: string[];
+            };
+            input: {
+                stylePreset: string;
+                blockSize: string;
+                inlineSize: string;
+                paddingInline: string;
+                spaceInline: string;
+            };
+            label: {
+                stylePreset: string;
+                typographyPreset: string;
+            };
+            feedback: {
+                stylePreset: string;
+                size: string;
+                transitionPreset: string[];
+            };
+            trackIcon: {
+                stylePreset: string;
+            };
+        };
+    };
+};
+export default _default;
+//# sourceMappingURL=defaults.d.ts.map

package/cjs/switch/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/switch/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAoFE"}

package/cjs/switch/defaults.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    switch: {
+        small: {
+            thumb: {
+                stylePreset: 'switchThumb',
+                size: 'sizing040',
+                spaceInset: 'sizing010',
+                transitionPreset: ['shiftAbsolute'],
+            },
+            input: {
+                stylePreset: 'switchTrack',
+                blockSize: 'sizing050',
+                inlineSize: '44px',
+                paddingInline: 'space010',
+                spaceInline: 'space030',
+            },
+            label: {
+                stylePreset: 'controlLabel',
+                typographyPreset: 'utilityBody020',
+            },
+            feedback: {
+                stylePreset: 'feedback',
+                size: 'sizing070',
+                transitionPreset: ['shiftAbsolute', 'opacityChange'],
+            },
+            trackIcon: {
+                stylePreset: 'switchTrackIcon',
+            },
+        },
+        medium: {
+            thumb: {
+                stylePreset: 'switchThumb',
+                size: 'sizing050',
+                spaceInset: 'sizing010',
+                transitionPreset: ['shiftAbsolute'],
+            },
+            input: {
+                stylePreset: 'switchTrack',
+                blockSize: 'sizing060',
+                inlineSize: '60px',
+                paddingInline: 'space010',
+                spaceInline: 'space030',
+            },
+            label: {
+                stylePreset: 'controlLabel',
+                typographyPreset: 'utilityBody020',
+            },
+            feedback: {
+                stylePreset: 'feedback',
+                size: 'sizing080',
+                transitionPreset: ['shiftAbsolute', 'opacityChange'],
+            },
+            trackIcon: {
+                stylePreset: 'switchTrackIcon',
+            },
+        },
+        large: {
+            thumb: {
+                stylePreset: 'switchThumb',
+                size: 'sizing060',
+                spaceInset: 'sizing010',
+                transitionPreset: ['shiftAbsolute'],
+            },
+            input: {
+                stylePreset: 'switchTrack',
+                blockSize: 'sizing070',
+                inlineSize: '76px',
+                paddingInline: 'space010',
+                spaceInline: 'space040',
+            },
+            label: {
+                stylePreset: 'controlLabel',
+                typographyPreset: 'utilityBody030',
+            },
+            feedback: {
+                stylePreset: 'feedback',
+                size: 'sizing090',
+                transitionPreset: ['shiftAbsolute', 'opacityChange'],
+            },
+            trackIcon: {
+                stylePreset: 'switchTrackIcon',
+            },
+        },
+    },
+};
+//# sourceMappingURL=defaults.js.map

package/cjs/switch/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/switch/defaults.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,MAAM,EAAE;QACN,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,WAAW,EAAE,aAAa;gBAC1B,IAAI,EAAE,WAAW;gBACjB,UAAU,EAAE,WAAW;gBACvB,gBAAgB,EAAE,CAAC,eAAe,CAAC;aACpC;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,aAAa;gBAC1B,SAAS,EAAE,WAAW;gBACtB,UAAU,EAAE,MAAM;gBAClB,aAAa,EAAE,UAAU;gBACzB,WAAW,EAAE,UAAU;aACxB;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,cAAc;gBAC3B,gBAAgB,EAAE,gBAAgB;aACnC;YACD,QAAQ,EAAE;gBACR,WAAW,EAAE,UAAU;gBACvB,IAAI,EAAE,WAAW;gBACjB,gBAAgB,EAAE,CAAC,eAAe,EAAE,eAAe,CAAC;aACrD;YACD,SAAS,EAAE;gBACT,WAAW,EAAE,iBAAiB;aAC/B;SACF;QACD,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,WAAW,EAAE,aAAa;gBAC1B,IAAI,EAAE,WAAW;gBACjB,UAAU,EAAE,WAAW;gBACvB,gBAAgB,EAAE,CAAC,eAAe,CAAC;aACpC;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,aAAa;gBAC1B,SAAS,EAAE,WAAW;gBACtB,UAAU,EAAE,MAAM;gBAClB,aAAa,EAAE,UAAU;gBACzB,WAAW,EAAE,UAAU;aACxB;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,cAAc;gBAC3B,gBAAgB,EAAE,gBAAgB;aACnC;YACD,QAAQ,EAAE;gBACR,WAAW,EAAE,UAAU;gBACvB,IAAI,EAAE,WAAW;gBACjB,gBAAgB,EAAE,CAAC,eAAe,EAAE,eAAe,CAAC;aACrD;YACD,SAAS,EAAE;gBACT,WAAW,EAAE,iBAAiB;aAC/B;SACF;QACD,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,WAAW,EAAE,aAAa;gBAC1B,IAAI,EAAE,WAAW;gBACjB,UAAU,EAAE,WAAW;gBACvB,gBAAgB,EAAE,CAAC,eAAe,CAAC;aACpC;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,aAAa;gBAC1B,SAAS,EAAE,WAAW;gBACtB,UAAU,EAAE,MAAM;gBAClB,aAAa,EAAE,UAAU;gBACzB,WAAW,EAAE,UAAU;aACxB;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,cAAc;gBAC3B,gBAAgB,EAAE,gBAAgB;aACnC;YACD,QAAQ,EAAE;gBACR,WAAW,EAAE,UAAU;gBACvB,IAAI,EAAE,WAAW;gBACjB,gBAAgB,EAAE,CAAC,eAAe,EAAE,eAAe,CAAC;aACrD;YACD,SAAS,EAAE;gBACT,WAAW,EAAE,iBAAiB;aAC/B;SACF;KACF;CACF,CAAC"}

package/cjs/switch/index.d.ts

@@ -0,0 +1,3 @@
+export { Switch } from './switch';
+export type { SwitchProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/cjs/switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAChC,YAAY,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC"}

package/cjs/switch/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Switch = void 0;
+var switch_1 = require("./switch");
+Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return switch_1.Switch; } });
+//# sourceMappingURL=index.js.map

package/cjs/switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/switch/index.tsx"],"names":[],"mappings":";;;AAAA,mCAAgC;AAAxB,gGAAA,MAAM,OAAA"}

package/cjs/switch/style-presets.d.ts

@@ -0,0 +1,31 @@
+declare const _default: {
+    switchTrack: {
+        base: {
+            backgroundColor: string;
+            borderRadius: string;
+        };
+        checked: {
+            backgroundColor: string;
+        };
+        disabled: {
+            backgroundColor: string;
+        };
+    };
+    switchTrackIcon: {
+        base: {
+            iconColor: string;
+        };
+        disabled: {
+            iconColor: string;
+        };
+    };
+    switchThumb: {
+        base: {
+            backgroundColor: string;
+            borderRadius: string;
+            iconColor: string;
+        };
+    };
+};
+export default _default;
+//# sourceMappingURL=style-presets.d.ts.map

package/cjs/switch/style-presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/switch/style-presets.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBA8BE"}

package/cjs/switch/style-presets.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    switchTrack: {
+        base: {
+            backgroundColor: '{{colors.interactiveInput020}}',
+            borderRadius: '{{borders.borderRadiusPill}}',
+        },
+        checked: {
+            backgroundColor: '{{colors.interactiveInput040}}',
+        },
+        disabled: {
+            backgroundColor: '{{colors.interactiveDisabled010}}',
+        },
+    },
+    // A separate style preset is required for track icons. We cannot put this
+    // styling in the switchTrack preset as this overrides the thumb icon styling.
+    switchTrackIcon: {
+        base: {
+            iconColor: '{{colors.inkInverse}}',
+        },
+        disabled: {
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+    },
+    switchThumb: {
+        base: {
+            backgroundColor: '{{colors.inkInverse}}',
+            borderRadius: '{{borders.borderRadiusCircle}}',
+            iconColor: '{{colors.inkContrast}}',
+        },
+    },
+};
+//# sourceMappingURL=style-presets.js.map

package/cjs/switch/style-presets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/switch/style-presets.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,WAAW,EAAE;QACX,IAAI,EAAE;YACJ,eAAe,EAAE,gCAAgC;YACjD,YAAY,EAAE,8BAA8B;SAC7C;QACD,OAAO,EAAE;YACP,eAAe,EAAE,gCAAgC;SAClD;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,mCAAmC;SACrD;KACF;IACD,0EAA0E;IAC1E,8EAA8E;IAC9E,eAAe,EAAE;QACf,IAAI,EAAE;YACJ,SAAS,EAAE,uBAAuB;SACnC;QACD,QAAQ,EAAE;YACR,SAAS,EAAE,4BAA4B;SACxC;KACF;IACD,WAAW,EAAE;QACX,IAAI,EAAE;YACJ,eAAe,EAAE,uBAAuB;YACxC,YAAY,EAAE,gCAAgC;YAC9C,SAAS,EAAE,wBAAwB;SACpC;KACF;CACF,CAAC"}

package/cjs/switch/styled.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { SwitchProps } from './types';
+export declare const StyledSwitchContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Pick<SwitchProps, "size" | "overrides">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTrackIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Pick<SwitchProps, "state" | "size" | "checked" | "overrides"> & {
+    justifyContent: 'start' | 'end';
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledThumb: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Pick<SwitchProps, "size" | "checked" | "overrides"> & {
+    isFocused?: boolean | undefined;
+    isHovered?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=styled.d.ts.map

package/cjs/switch/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/switch/styled.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAEpC,eAAO,MAAM,qBAAqB;;;mJASjC,CAAC;AAEF,eAAO,MAAM,eAAe;;;;oBAER,OAAO,GAAG,KAAK;yGAiClC,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;yGA8BvB,CAAC"}

package/cjs/switch/styled.js

@@ -0,0 +1,47 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledThumb = exports.StyledTrackIcon = exports.StyledSwitchContainer = void 0;
+var utils_1 = require("../utils");
+exports.StyledSwitchContainer = utils_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  place-items: center;\n"], ["\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  place-items: center;\n"])));
+exports.StyledTrackIcon = utils_1.styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  ", ";\n\n  ", ";\n\n  svg {\n    height: 100%;\n    width: 100%;\n\n    // Track icons should not be taller than the track or wider than the thumb\n    // so that they stay within the track and can be covered by the thumb.\n    ", "\n    ", "\n  }\n"], ["\n  display: flex;\n  width: 100%;\n  ", ";\n\n  ", ";\n\n  svg {\n    height: 100%;\n    width: 100%;\n\n    // Track icons should not be taller than the track or wider than the thumb\n    // so that they stay within the track and can be covered by the thumb.\n    ", "\n    ", "\n  }\n"])), function (_a) {
+    var justifyContent = _a.justifyContent;
+    return ({ justifyContent: justifyContent });
+}, function (_a) {
+    var size = _a.size, state = _a.state;
+    return (0, utils_1.getStylePreset)("switch.".concat(size, ".trackIcon"), 'trackIcon', {
+        isDisabled: state === 'disabled',
+    });
+}, function (_a) {
+    var size = _a.size;
+    return (0, utils_1.getResponsiveSize)(function (maxWidth) { return ({ maxWidth: maxWidth }); }, "switch.".concat(size, ".thumb"), 'thumb', 'size');
+}, function (_a) {
+    var size = _a.size;
+    return (0, utils_1.getResponsiveSize)(function (maxHeight) { return ({ maxHeight: maxHeight }); }, "switch.".concat(size, ".input"), 'input', 'blockSize');
+});
+exports.StyledThumb = utils_1.styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n  ", "\n  ", "\n  position: absolute;\n  aspect-ratio: 1/1;\n  ", "\n  display: grid;\n  place-items: center;\n"], ["\n  ", "\n  ", "\n  ", "\n  position: absolute;\n  aspect-ratio: 1/1;\n  ", "\n  display: grid;\n  place-items: center;\n"])), function (_a) {
+    var size = _a.size, isChecked = _a.checked, isFocused = _a.isFocused, isHovered = _a.isHovered;
+    return (0, utils_1.getStylePreset)("switch.".concat(size, ".thumb"), 'thumb', {
+        isChecked: isChecked,
+        isFocused: isFocused,
+        isHovered: isHovered,
+    });
+}, function (_a) {
+    var size = _a.size, checked = _a.checked;
+    return (0, utils_1.getResponsiveSize)(function (rectSize) { return ({
+        width: rectSize,
+        height: rectSize,
+        left: checked ? "calc(100% - ".concat(rectSize, ")") : '0',
+    }); }, "switch.".concat(size, ".thumb"), 'thumb', 'size');
+}, function (_a) {
+    var size = _a.size;
+    return (0, utils_1.getResponsiveSize)('padding', "switch.".concat(size, ".thumb"), 'thumb', 'spaceInset');
+}, function (_a) {
+    var size = _a.size;
+    return (0, utils_1.getTransitionPreset)("switch.".concat(size, ".thumb"), 'thumb');
+});
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=styled.js.map

package/cjs/switch/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/switch/styled.tsx"],"names":[],"mappings":";;;;;;;AAAA,kCAKkB;AAGL,QAAA,qBAAqB,GAAG,cAAM,CAAC,GAAG,4MAE9C,yIAOA,KAAC;AAEW,QAAA,eAAe,GAAG,cAAM,CAAC,GAAG,oWAIxC,wCAGG,EAAwC,SAExC,EAGE,uNAQA,EAMC,QACD,EAMC,SAEN,KA5BG,UAAC,EAAgB;QAAf,cAAc,oBAAA;IAAM,OAAA,CAAC,EAAC,cAAc,gBAAA,EAAC,CAAC;AAAlB,CAAkB,EAExC,UAAC,EAAa;QAAZ,IAAI,UAAA,EAAE,KAAK,WAAA;IACb,OAAA,IAAA,sBAAc,EAAC,iBAAU,IAAI,eAAY,EAAE,WAAW,EAAE;QACtD,UAAU,EAAE,KAAK,KAAK,UAAU;KACjC,CAAC;AAFF,CAEE,EAQA,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,IAAA,yBAAiB,EACf,UAAA,QAAQ,IAAI,OAAA,CAAC,EAAC,QAAQ,UAAA,EAAC,CAAC,EAAZ,CAAY,EACxB,iBAAU,IAAI,WAAQ,EACtB,OAAO,EACP,MAAM,CACP;AALD,CAKC,EACD,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,IAAA,yBAAiB,EACf,UAAA,SAAS,IAAI,OAAA,CAAC,EAAC,SAAS,WAAA,EAAC,CAAC,EAAb,CAAa,EAC1B,iBAAU,IAAI,WAAQ,EACtB,OAAO,EACP,WAAW,CACZ;AALD,CAKC,EAEL;AAEW,QAAA,WAAW,GAAG,cAAM,CAAC,GAAG,8LAKpC,MACG,EAKE,MACF,EAUC,MACD,EAC2E,mDAG3E,EAAgE,8CAGnE,KAxBG,UAAC,EAAgD;QAA/C,IAAI,UAAA,EAAW,SAAS,aAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAA;IAChD,OAAA,IAAA,sBAAc,EAAC,iBAAU,IAAI,WAAQ,EAAE,OAAO,EAAE;QAC9C,SAAS,WAAA;QACT,SAAS,WAAA;QACT,SAAS,WAAA;KACV,CAAC;AAJF,CAIE,EACF,UAAC,EAAe;QAAd,IAAI,UAAA,EAAE,OAAO,aAAA;IACf,OAAA,IAAA,yBAAiB,EACf,UAAA,QAAQ,IAAI,OAAA,CAAC;QACX,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,QAAQ;QAChB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,sBAAe,QAAQ,MAAG,CAAC,CAAC,CAAC,GAAG;KACjD,CAAC,EAJU,CAIV,EACF,iBAAU,IAAI,WAAQ,EACtB,OAAO,EACP,MAAM,CACP;AATD,CASC,EACD,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,IAAA,yBAAiB,EAAC,SAAS,EAAE,iBAAU,IAAI,WAAQ,EAAE,OAAO,EAAE,YAAY,CAAC;AAA3E,CAA2E,EAG3E,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,IAAA,2BAAmB,EAAC,iBAAU,IAAI,WAAQ,EAAE,OAAO,CAAC;AAApD,CAAoD,EAGlE"}

package/cjs/switch/switch.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SwitchProps } from './types';
+export declare const Switch: import("../utils/with-own-theme").NewsKitReactComponents<SwitchProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=switch.d.ts.map

package/cjs/switch/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/switch/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,WAAW,EAA2B,MAAM,SAAS,CAAC;AAyE9D,eAAO,MAAM,MAAM,+GAGjB,CAAC"}

package/cjs/switch/switch.js

@@ -0,0 +1,60 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Switch = void 0;
+var react_1 = __importDefault(require("react"));
+var react_is_1 = require("react-is");
+var defaults_1 = __importDefault(require("./defaults"));
+var style_presets_1 = __importDefault(require("./style-presets"));
+var with_own_theme_1 = require("../utils/with-own-theme");
+var base_switch_1 = require("../base-switch");
+var styled_1 = require("./styled");
+var iconAsComponent = function (OverridesValue) {
+    if (OverridesValue && (0, react_is_1.isValidElementType)(OverridesValue)) {
+        return OverridesValue;
+    }
+    return null;
+};
+var SwitchTrackContents = function (props) {
+    var _a = props, size = _a.size, checked = _a.checked, overrides = _a.parentOverrides, isFocused = _a.isFocused, isHovered = _a.isHovered, state = _a.state;
+    var OnIcon = iconAsComponent(overrides.onIcon);
+    var OffIcon = iconAsComponent(overrides.offIcon);
+    var ThumbIcon = iconAsComponent(overrides.thumbIcon);
+    return (react_1.default.createElement(styled_1.StyledSwitchContainer, { size: size, overrides: overrides },
+        react_1.default.createElement(styled_1.StyledTrackIcon, { state: state, size: size, overrides: overrides, justifyContent: "start" }, OnIcon && react_1.default.createElement(OnIcon, null)),
+        react_1.default.createElement(styled_1.StyledTrackIcon, { state: state, size: size, overrides: overrides, justifyContent: "end" }, OffIcon && react_1.default.createElement(OffIcon, null)),
+        react_1.default.createElement(styled_1.StyledThumb, { size: size, checked: checked, isFocused: isFocused, isHovered: isHovered, overrides: overrides }, !!ThumbIcon && react_1.default.createElement(ThumbIcon, { checked: checked }))));
+};
+var ThemelessSwitch = react_1.default.forwardRef(function (_a, inputRef) {
+    var overrides = _a.overrides, rest = __rest(_a, ["overrides"]);
+    return (react_1.default.createElement(base_switch_1.BaseSwitch, __assign({ path: "switch", ref: inputRef, type: "checkbox", role: "switch", overrides: overrides || {} }, rest, { defaultSwitchSelectorComponent: SwitchTrackContents })));
+});
+exports.Switch = (0, with_own_theme_1.withOwnTheme)(ThemelessSwitch)({
+    defaults: defaults_1.default,
+    stylePresets: style_presets_1.default,
+});
+//# sourceMappingURL=switch.js.map

package/cjs/switch/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/switch/switch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qCAA4C;AAE5C,wDAAkC;AAClC,kEAA2C;AAC3C,0DAAqD;AACrD,8CAA0C;AAC1C,mCAA6E;AAI7E,IAAM,eAAe,GAAG,UAAC,cAA8C;IACrE,IAAI,cAAc,IAAI,IAAA,6BAAkB,EAAC,cAAc,CAAC,EAAE;QACxD,OAAO,cAA0D,CAAC;KACnE;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,IAAM,mBAAmB,GAAG,UAAC,KAA0B;IAC/C,IAAA,KAOF,KAAiC,EANnC,IAAI,UAAA,EACJ,OAAO,aAAA,EACU,SAAS,qBAAA,EAC1B,SAAS,eAAA,EACT,SAAS,eAAA,EACT,KAAK,WAC8B,CAAC;IACtC,IAAM,MAAM,GAAG,eAAe,CAAC,SAAU,CAAC,MAAM,CAAC,CAAC;IAClD,IAAM,OAAO,GAAG,eAAe,CAAC,SAAU,CAAC,OAAO,CAAC,CAAC;IACpD,IAAM,SAAS,GAAG,eAAe,CAAC,SAAU,CAAC,SAAS,CAAC,CAAC;IACxD,OAAO,CACL,8BAAC,8BAAqB,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS;QACrD,8BAAC,wBAAe,IACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,cAAc,EAAC,OAAO,IAErB,MAAM,IAAI,8BAAC,MAAM,OAAG,CACL;QAClB,8BAAC,wBAAe,IACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,cAAc,EAAC,KAAK,IAEnB,OAAO,IAAI,8BAAC,OAAO,OAAG,CACP;QAClB,8BAAC,oBAAW,IACV,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,IAEnB,CAAC,CAAC,SAAS,IAAI,8BAAC,SAAS,IAAC,OAAO,EAAE,OAAO,GAAI,CACnC,CACQ,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,eAAe,GAAG,eAAK,CAAC,UAAU,CACtC,UAAC,EAAoB,EAAE,QAAQ;IAA7B,IAAA,SAAS,eAAA,EAAK,IAAI,cAAnB,aAAoB,CAAD;IAAgB,OAAA,CAClC,8BAAC,wBAAU,aACT,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,SAAS,IAAI,EAAE,IACtB,IAAI,IACR,8BAA8B,EAAE,mBAAmB,IACnD,CACH,CAAA;CAAA,CACF,CAAC;AAEW,QAAA,MAAM,GAAG,IAAA,6BAAY,EAAC,eAAe,CAAC,CAAC;IAClD,QAAQ,oBAAA;IACR,YAAY,yBAAA;CACb,CAAC,CAAC"}

package/cjs/switch/types.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { BaseSwitchProps } from '../base-switch';
+import { BaseSwitchIconProps, BaseSwitchOverrides, BaseSwitchState } from '../base-switch/types';
+import { LogicalProps } from '../utils/logical-properties';
+export declare type SwitchTrackContentsProps = Omit<BaseSwitchIconProps, 'state' | 'parentOverrides'> & {
+    state: SwitchState;
+    parentOverrides: SwitchOverrides;
+};
+export declare type SwitchOverrides = {
+    spaceStack?: BaseSwitchOverrides['spaceStack'];
+    input?: Pick<NonNullable<BaseSwitchOverrides['input']>, 'blockSize' | 'inlineSize' | 'stylePreset' | 'transitionPreset' | 'spaceInline'> & LogicalProps;
+    thumb?: BaseSwitchOverrides['thumb'];
+    feedback?: BaseSwitchOverrides['feedback'];
+    label?: BaseSwitchOverrides['label'];
+    onIcon?: BaseSwitchOverrides['onIcon'];
+    offIcon?: BaseSwitchOverrides['offIcon'];
+    thumbIcon?: BaseSwitchOverrides['icon'];
+} & LogicalProps;
+export declare type SwitchState = Extract<BaseSwitchState, 'disabled'>;
+export interface SwitchProps extends Omit<BaseSwitchProps, 'path' | 'defaultSwitchSelectorComponent' | 'type' | 'CheckIconContainer' | 'overrides' | 'state' | 'label'> {
+    overrides?: SwitchOverrides;
+    state?: SwitchState;
+    label: React.ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map