newskit 5.2.0 → 5.3.0

package/cjs/button/styled.js

@@ -6,9 +6,10 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledFlag = void 0;
 var flag_1 = require("../flag");
+var logical_properties_1 = require("../utils/logical-properties");
 var style_1 = require("../utils/style");
 var transition_preset_1 = require("../utils/style/transition-preset");
-exports.StyledFlag = (0, style_1.styled)(flag_1.Flag)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0; //reset for safari\n\n  ", ";\n  ", "\n"], ["\n  margin: 0; //reset for safari\n\n  ", ";\n  ", "\n"])), function (_a) {
+exports.StyledFlag = (0, style_1.styled)(flag_1.Flag)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0; //reset for safari\n\n  ", ";\n  ", "\n  ", "; // needs to be used in here as well, even though Flag uses it itself\n  // that is because of the margin: 0; override higher up.\n"], ["\n  margin: 0; //reset for safari\n\n  ", ";\n  ", "\n  ", "; // needs to be used in here as well, even though Flag uses it itself\n  // that is because of the margin: 0; override higher up.\n"])), function (_a) {
     var size = _a.size;
     return (0, transition_preset_1.getTransitionPreset)("button.".concat(size), '');
 }, function (_a) {
@@ -18,6 +19,9 @@ exports.StyledFlag = (0, style_1.styled)(flag_1.Flag)(templateObject_1 || (templ
     }
     var cursor = loading ? 'progress' : 'pointer';
     return { cursor: cursor };
+}, function (_a) {
+    var size = _a.size;
+    return (0, logical_properties_1.logicalProps)("button.".concat(size));
 });
 var templateObject_1;
 //# sourceMappingURL=styled.js.map

package/cjs/button/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/button/styled.ts"],"names":[],"mappings":";;;;;;;AAAA,gCAA6B;AAC7B,wCAAsC;AACtC,sEAAqE;AAGxD,QAAA,UAAU,GAAG,IAAA,cAAM,EAAC,WAAI,CAAC,2HAAuC,yCAGzE,EAAqD,OACrD,EAMD,IACF,KARG,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,IAAA,uCAAmB,EAAC,iBAAU,IAAI,CAAE,EAAE,EAAE,CAAC;AAAzC,CAAyC,EACrD,UAAC,EAAmB;QAAlB,OAAO,aAAA,EAAE,QAAQ,cAAA;IACnB,IAAI,QAAQ,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IACD,IAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IAChD,OAAO,EAAC,MAAM,QAAA,EAAC,CAAC;AAClB,CAAC,EACD"}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/button/styled.ts"],"names":[],"mappings":";;;;;;;AAAA,gCAA6B;AAC7B,kEAAyD;AACzD,wCAAsC;AACtC,sEAAqE;AAGxD,QAAA,UAAU,GAAG,IAAA,cAAM,EAAC,WAAI,CAAC,qQAAuC,yCAGzE,EAAqD,OACrD,EAMD,MACC,EAGC,sIAEJ,KAbG,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,IAAA,uCAAmB,EAAC,iBAAU,IAAI,CAAE,EAAE,EAAE,CAAC;AAAzC,CAAyC,EACrD,UAAC,EAAmB;QAAlB,OAAO,aAAA,EAAE,QAAQ,cAAA;IACnB,IAAI,QAAQ,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IACD,IAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IAChD,OAAO,EAAC,MAAM,QAAA,EAAC,CAAC;AAClB,CAAC,EACC,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,IAAA,iCAAY,EACV,iBAAU,IAAI,CAAE,CACjB;AAFD,CAEC,EAEH"}

package/cjs/checkbox/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAYjD,OAAO,EAAC,aAAa,EAAoB,MAAM,SAAS,CAAC;AA2KzD,eAAO,MAAM,QAAQ,iEAGnB,CAAC"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,aAAa,EAAoB,MAAM,SAAS,CAAC;AA4BzD,eAAO,MAAM,QAAQ,iEAGnB,CAAC"}

package/cjs/checkbox/checkbox.js

@@ -10,120 +10,22 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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.Checkbox = void 0;
-var react_1 = __importStar(require("react"));
-var compose_react_refs_1 = __importDefault(require("@seznam/compose-react-refs"));
-var utils_1 = require("../form/utils");
+var react_1 = __importDefault(require("react"));
 var icons_1 = require("../icons");
-var styled_1 = require("./styled");
-var overrides_1 = require("../utils/overrides");
-var hooks_1 = require("../utils/hooks");
 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 DefaultCheckboxIcon = function (_a) {
     var checked = _a.checked, overrides = _a.overrides;
     return checked ? (react_1.default.createElement(icons_1.IconFilledCheck, { overrides: __assign({ size: 'iconSize020' }, overrides) })) : null;
 };
-var ThemelessCheckbox = react_1.default.forwardRef(function (_a, inputRef) {
-    var _b = _a.size, size = _b === void 0 ? 'medium' : _b, checkedProp = _a.checked, defaultChecked = _a.defaultChecked, state = _a.state, overrides = _a.overrides, onFocus = _a.onFocus, onBlur = _a.onBlur, onChange = _a.onChange, label = _a.label, _c = _a.labelPosition, labelPosition = _c === void 0 ? 'end' : _c, _d = _a.labelAttributes, labelAttributes = _d === void 0 ? {} : _d, restProps = __rest(_a, ["size", "checked", "defaultChecked", "state", "overrides", "onFocus", "onBlur", "onChange", "label", "labelPosition", "labelAttributes"]);
-    var ref = (0, react_1.useRef)(null);
-    var _e = react_1.default.useState(false), isFocused = _e[0], setFocused = _e[1];
-    var _f = react_1.default.useState(false), isLabelHover = _f[0], setLabelHover = _f[1];
-    var _g = react_1.default.useState(false), isFeedbackHover = _g[0], setFeedbackHover = _g[1];
-    var _h = (0, hooks_1.useControlled)({
-        controlledValue: checkedProp,
-        defaultValue: Boolean(defaultChecked),
-    }), checked = _h[0], setCheckedState = _h[1];
-    var onFeedbackClick = (0, react_1.useCallback)(function () {
-        // When label is passed, everything ( input and feedback components) is wrap inside the label
-        // so there is no need for clicking on the input
-        /* istanbul ignore else */
-        if (ref && ref.current && !label) {
-            ref.current.click();
-        }
-    }, [ref, label]);
-    var onInputChange = (0, react_1.useCallback)(function (event) {
-        var newChecked = event.target.checked;
-        setCheckedState(newChecked);
-    }, [setCheckedState]);
-    var onInputFocus = (0, react_1.useCallback)(function () {
-        setFocused(true);
-    }, [setFocused]);
-    var onInputBlur = (0, react_1.useCallback)(function () {
-        setFocused(false);
-    }, [setFocused]);
-    // onLabelMouseOver && onLabelMouseLeave
-    // are used to apply hover state on the checkbox when mouse is over label
-    var onLabelMouseOver = (0, react_1.useCallback)(function () {
-        if (state !== 'disabled') {
-            setLabelHover(true);
-        }
-    }, [setLabelHover, state]);
-    var onLabelMouseLeave = (0, react_1.useCallback)(function () {
-        if (state !== 'disabled') {
-            setLabelHover(false);
-        }
-    }, [setLabelHover, state]);
-    var onFeedbackMouseOver = (0, react_1.useCallback)(function () {
-        if (state !== 'disabled') {
-            setFeedbackHover(true);
-        }
-    }, [setFeedbackHover, state]);
-    var onFeedbackMouseLeave = (0, react_1.useCallback)(function () {
-        if (state !== 'disabled') {
-            setFeedbackHover(false);
-        }
-    }, [setFeedbackHover, state]);
-    var _j = (0, overrides_1.getComponentOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.icon, DefaultCheckboxIcon, {
-        state: state,
-        checked: checked,
-        size: size,
-    }), CheckIcon = _j[0], checkIconProps = _j[1];
-    var labelElement = (react_1.default.createElement(styled_1.StyledLabel, { size: size, overrides: overrides, state: state }, label));
-    return (react_1.default.createElement(styled_1.StyledContainer, __assign({ as: label ? 'label' : 'div', state: state, size: size, overrides: overrides }, (label ? labelAttributes : {}), { onMouseOver: onLabelMouseOver, onMouseLeave: onLabelMouseLeave }),
-        labelPosition === 'start' && labelElement,
-        react_1.default.createElement(styled_1.StyledCheckboxContainer, { size: size, overrides: overrides, state: state, labelPosition: labelPosition, onMouseOver: onFeedbackMouseOver, onMouseLeave: onFeedbackMouseLeave, role: "presentation" },
-            react_1.default.createElement(styled_1.StyledFeedback, { size: size, overrides: overrides, state: state, onClick: onFeedbackClick, "data-testid": "checkbox-feedback", isFocused: isFocused, isHover: isFeedbackHover }),
-            react_1.default.createElement(styled_1.StyledCheckbox, { checked: checked, state: state, overrides: overrides, size: size, isFocused: isFocused, isHover: isLabelHover, feedbackIsVisible: isFeedbackHover || isFocused },
-                react_1.default.createElement(CheckIcon, __assign({}, checkIconProps)),
-                react_1.default.createElement(styled_1.StyledInput, __assign({ ref: (0, compose_react_refs_1.default)(inputRef, ref), overrides: overrides, checked: checked, disabled: state === 'disabled' }, restProps, { type: "checkbox", state: state, onFocus: (0, utils_1.composeEventHandlers)([onInputFocus, onFocus]), onBlur: (0, utils_1.composeEventHandlers)([onInputBlur, onBlur]), onChange: (0, utils_1.composeEventHandlers)([onInputChange, onChange]) })))),
-        labelPosition === 'end' && labelElement));
-});
+var ThemelessCheckbox = react_1.default.forwardRef(function (props, inputRef) { return (react_1.default.createElement(base_switch_1.BaseSwitch, __assign({ path: "checkbox", ref: inputRef, type: "checkbox" }, props, { defaultSwitchSelectorComponent: DefaultCheckboxIcon }))); });
 exports.Checkbox = (0, with_own_theme_1.withOwnTheme)(ThemelessCheckbox)({
     defaults: defaults_1.default,
     stylePresets: style_presets_1.default,

package/cjs/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/checkbox/checkbox.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/checkbox/checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,kCAAyC;AAEzC,wDAAkC;AAClC,kEAA2C;AAC3C,0DAAqD;AACrD,8CAA0C;AAE1C,IAAM,mBAAmB,GAAG,UAAC,EAAuC;QAAtC,OAAO,aAAA,EAAE,SAAS,eAAA;IAC9C,OAAA,OAAO,CAAC,CAAC,CAAC,CACR,8BAAC,uBAAe,IACd,SAAS,aACP,IAAI,EAAE,aAAa,IAChB,SAAS,IAEd,CACH,CAAC,CAAC,CAAC,IAAI;AAPR,CAOQ,CAAC;AAEX,IAAM,iBAAiB,GAAG,eAAK,CAAC,UAAU,CACxC,UAAC,KAAK,EAAE,QAAQ,IAAK,OAAA,CACnB,8BAAC,wBAAU,aACT,IAAI,EAAC,UAAU,EACf,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,UAAU,IACX,KAAK,IACT,8BAA8B,EAAE,mBAAmB,IACnD,CACH,EARoB,CAQpB,CACF,CAAC;AAEW,QAAA,QAAQ,GAAG,IAAA,6BAAY,EAAC,iBAAiB,CAAC,CAAC;IACtD,QAAQ,oBAAA;IACR,YAAY,yBAAA;CACb,CAAC,CAAC"}

package/cjs/checkbox/defaults.d.ts

@@ -6,6 +6,7 @@ declare const _default: {
                 size: string;
                 stylePreset: string;
                 spaceInline: string;
+                transitionPreset: string[];
             };
             feedback: {
                 size: string;
@@ -22,6 +23,7 @@ declare const _default: {
                 size: string;
                 stylePreset: string;
                 spaceInline: string;
+                transitionPreset: string[];
             };
             feedback: {
                 size: string;
@@ -38,6 +40,7 @@ declare const _default: {
                 size: string;
                 stylePreset: string;
                 spaceInline: string;
+                transitionPreset: string[];
             };
             feedback: {
                 size: string;

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

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

package/cjs/checkbox/defaults.js

@@ -8,6 +8,7 @@ exports.default = {
                 size: 'sizing050',
                 stylePreset: 'checkboxInput',
                 spaceInline: 'space030',
+                transitionPreset: ['backgroundColorChange', 'borderColorChange'],
             },
             feedback: {
                 size: 'sizing070',
@@ -24,6 +25,7 @@ exports.default = {
                 size: 'sizing060',
                 stylePreset: 'checkboxInput',
                 spaceInline: 'space030',
+                transitionPreset: ['backgroundColorChange', 'borderColorChange'],
             },
             feedback: {
                 size: 'sizing080',
@@ -40,6 +42,7 @@ exports.default = {
                 size: 'sizing070',
                 stylePreset: 'checkboxInput',
                 spaceInline: 'space040',
+                transitionPreset: ['backgroundColorChange', 'borderColorChange'],
             },
             feedback: {
                 size: 'sizing090',

package/cjs/checkbox/defaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/checkbox/defaults.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,UAAU,EAAE,UAAU;YACtB,KAAK,EAAE;gBACL,IAAI,EAAE,WAAW;gBACjB,WAAW,EAAE,eAAe;gBAC5B,WAAW,EAAE,UAAU;aACxB;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,WAAW;gBACjB,WAAW,EAAE,kBAAkB;aAChC;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,cAAc;gBAC3B,gBAAgB,EAAE,gBAAgB;aACnC;SACF;QACD,MAAM,EAAE;YACN,UAAU,EAAE,UAAU;YACtB,KAAK,EAAE;gBACL,IAAI,EAAE,WAAW;gBACjB,WAAW,EAAE,eAAe;gBAC5B,WAAW,EAAE,UAAU;aACxB;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,WAAW;gBACjB,WAAW,EAAE,kBAAkB;aAChC;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,cAAc;gBAC3B,gBAAgB,EAAE,gBAAgB;aACnC;SACF;QACD,KAAK,EAAE;YACL,UAAU,EAAE,UAAU;YACtB,KAAK,EAAE;gBACL,IAAI,EAAE,WAAW;gBACjB,WAAW,EAAE,eAAe;gBAC5B,WAAW,EAAE,UAAU;aACxB;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,WAAW;gBACjB,WAAW,EAAE,kBAAkB;aAChC;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,cAAc;gBAC3B,gBAAgB,EAAE,gBAAgB;aACnC;SACF;KACF;CACF,CAAC"}
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/checkbox/defaults.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,UAAU,EAAE,UAAU;YACtB,KAAK,EAAE;gBACL,IAAI,EAAE,WAAW;gBACjB,WAAW,EAAE,eAAe;gBAC5B,WAAW,EAAE,UAAU;gBACvB,gBAAgB,EAAE,CAAC,uBAAuB,EAAE,mBAAmB,CAAC;aACjE;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,WAAW;gBACjB,WAAW,EAAE,kBAAkB;aAChC;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,cAAc;gBAC3B,gBAAgB,EAAE,gBAAgB;aACnC;SACF;QACD,MAAM,EAAE;YACN,UAAU,EAAE,UAAU;YACtB,KAAK,EAAE;gBACL,IAAI,EAAE,WAAW;gBACjB,WAAW,EAAE,eAAe;gBAC5B,WAAW,EAAE,UAAU;gBACvB,gBAAgB,EAAE,CAAC,uBAAuB,EAAE,mBAAmB,CAAC;aACjE;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,WAAW;gBACjB,WAAW,EAAE,kBAAkB;aAChC;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,cAAc;gBAC3B,gBAAgB,EAAE,gBAAgB;aACnC;SACF;QACD,KAAK,EAAE;YACL,UAAU,EAAE,UAAU;YACtB,KAAK,EAAE;gBACL,IAAI,EAAE,WAAW;gBACjB,WAAW,EAAE,eAAe;gBAC5B,WAAW,EAAE,UAAU;gBACvB,gBAAgB,EAAE,CAAC,uBAAuB,EAAE,mBAAmB,CAAC;aACjE;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,WAAW;gBACjB,WAAW,EAAE,kBAAkB;aAChC;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,cAAc;gBAC3B,gBAAgB,EAAE,gBAAgB;aACnC;SACF;KACF;CACF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/checkbox/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAE3C,wBA0HiC"}
+{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/checkbox/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAE3C,wBA6IiC"}

package/cjs/checkbox/style-presets.js

@@ -3,20 +3,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
     checkboxInput: {
         base: {
-            backgroundColor: '{{colors.transparent}}',
+            backgroundColor: '{{colors.interactiveInput010}}',
             borderColor: '{{colors.interactiveInput020}}',
-            borderWidth: '{{borders.borderWidth010}}',
+            borderWidth: '{{borders.borderWidth020}}',
             borderRadius: '{{borders.borderRadiusRounded010}}',
             borderStyle: 'solid',
             iconColor: '{{colors.inkInverse}}',
         },
         hover: {
-            borderColor: '{{colors.interactiveInput040}}',
-        },
-        focus: {
+            backgroundColor: '{{colors.interactiveInput030}}',
             borderColor: '{{colors.interactiveInput050}}',
         },
+        focus: {},
         'focus:hover': {
+            backgroundColor: '{{colors.interactiveInput030}}',
             borderColor: '{{colors.interactiveInput050}}',
         },
         checked: {
@@ -28,8 +28,8 @@ exports.default = {
             borderColor: '{{colors.interactiveInput050}}',
         },
         'checked:focus': {
-            backgroundColor: '{{colors.interactiveInput050}}',
-            borderColor: '{{colors.interactiveInput050}}',
+            backgroundColor: '{{colors.interactiveInput040}}',
+            borderColor: '{{colors.interactiveInput040}}',
         },
         'checked:focus:hover': {
             backgroundColor: '{{colors.interactiveInput050}}',
@@ -38,13 +38,15 @@ exports.default = {
         invalid: {
             borderColor: '{{colors.interactiveNegative040}}',
         },
-        'invalid:focus': {
-            borderColor: '{{colors.interactiveNegative050}}',
-        },
         'invalid:hover': {
+            backgroundColor: '{{colors.interactiveNegative010}}',
             borderColor: '{{colors.interactiveNegative050}}',
         },
+        'invalid:focus': {
+            borderColor: '{{colors.interactiveNegative040}}',
+        },
         'invalid:focus:hover': {
+            backgroundColor: '{{colors.interactiveNegative010}}',
             borderColor: '{{colors.interactiveNegative050}}',
         },
         'checked:invalid': {
@@ -52,8 +54,8 @@ exports.default = {
             borderColor: '{{colors.interactiveNegative040}}',
         },
         'checked:invalid:focus': {
-            backgroundColor: '{{colors.interactiveNegative050}}',
-            borderColor: '{{colors.interactiveNegative050}}',
+            backgroundColor: '{{colors.interactiveNegative040}}',
+            borderColor: '{{colors.interactiveNegative040}}',
         },
         'checked:invalid:hover': {
             backgroundColor: '{{colors.interactiveNegative050}}',
@@ -64,15 +66,19 @@ exports.default = {
             borderColor: '{{colors.interactiveNegative050}}',
         },
         valid: {
+            backgroundColor: '{{colors.interactiveInput010}}',
             borderColor: '{{colors.interactivePositive040}}',
         },
-        'valid:focus': {
-            borderColor: '{{colors.interactivePositive050}}',
-        },
         'valid:hover': {
+            backgroundColor: '{{colors.interactivePositive010}}',
             borderColor: '{{colors.interactivePositive050}}',
         },
+        'valid:focus': {
+            backgroundColor: '{{colors.interactiveInput010}}',
+            borderColor: '{{colors.interactivePositive040}}',
+        },
         'valid:focus:hover': {
+            backgroundColor: '{{colors.interactivePositive010}}',
             borderColor: '{{colors.interactivePositive050}}',
         },
         'checked:valid': {
@@ -80,8 +86,8 @@ exports.default = {
             borderColor: '{{colors.interactivePositive040}}',
         },
         'checked:valid:focus': {
-            backgroundColor: '{{colors.interactivePositive050}}',
-            borderColor: '{{colors.interactivePositive050}}',
+            backgroundColor: '{{colors.interactivePositive040}}',
+            borderColor: '{{colors.interactivePositive040}}',
         },
         'checked:valid:hover': {
             backgroundColor: '{{colors.interactivePositive050}}',
@@ -92,6 +98,7 @@ exports.default = {
             borderColor: '{{colors.interactivePositive050}}',
         },
         disabled: {
+            backgroundColor: '{{colors.transparent}}',
             borderColor: '{{colors.interactiveDisabled010}}',
         },
         'checked:disabled': {
@@ -103,21 +110,32 @@ exports.default = {
     checkboxFeedback: {
         base: {
             backgroundColor: '{{colors.transparent}}',
-            borderRadius: '{{borders.borderRadiusRounded010}}',
+            borderRadius: '{{borders.borderRadiusCircle}}',
         },
         hover: {
             backgroundColor: '{{colors.interactiveInput030}}',
         },
+        'valid:hover': {
+            backgroundColor: '{{colors.interactivePositive010}}',
+        },
+        'valid:focus:hover': {
+            backgroundColor: '{{colors.interactivePositive010}}',
+        },
+        'invalid:hover': {
+            backgroundColor: '{{colors.interactiveNegative010}}',
+        },
+        'invalid:focus:hover': {
+            backgroundColor: '{{colors.interactiveNegative010}}',
+        },
+        // TODO: Remove when we have generic focus style
         focus: {
             backgroundColor: '{{colors.interactiveInput030}}',
         },
-    },
-    controlLabel: {
-        base: {
-            color: '{{colors.inkBase}}',
+        'valid:focus': {
+            backgroundColor: '{{colors.interactivePositive010}}',
         },
-        disabled: {
-            color: '{{colors.inkNonEssential}}',
+        'invalid:focus': {
+            backgroundColor: '{{colors.interactiveNegative010}}',
         },
     },
 };

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

@@ -1 +1 @@
-{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/checkbox/style-presets.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACb,aAAa,EAAE;QACb,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,gCAAgC;YAC7C,WAAW,EAAE,4BAA4B;YACzC,YAAY,EAAE,oCAAoC;YAClD,WAAW,EAAE,OAAO;YACpB,SAAS,EAAE,uBAAuB;SACnC;QACD,KAAK,EAAE;YACL,WAAW,EAAE,gCAAgC;SAC9C;QACD,KAAK,EAAE;YACL,WAAW,EAAE,gCAAgC;SAC9C;QACD,aAAa,EAAE;YACb,WAAW,EAAE,gCAAgC;SAC9C;QACD,OAAO,EAAE;YACP,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,gCAAgC;SAC9C;QACD,eAAe,EAAE;YACf,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,gCAAgC;SAC9C;QACD,eAAe,EAAE;YACf,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,gCAAgC;SAC9C;QACD,qBAAqB,EAAE;YACrB,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,gCAAgC;SAC9C;QACD,OAAO,EAAE;YACP,WAAW,EAAE,mCAAmC;SACjD;QACD,eAAe,EAAE;YACf,WAAW,EAAE,mCAAmC;SACjD;QACD,eAAe,EAAE;YACf,WAAW,EAAE,mCAAmC;SACjD;QACD,qBAAqB,EAAE;YACrB,WAAW,EAAE,mCAAmC;SACjD;QACD,iBAAiB,EAAE;YACjB,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,uBAAuB,EAAE;YACvB,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,uBAAuB,EAAE;YACvB,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,6BAA6B,EAAE;YAC7B,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,KAAK,EAAE;YACL,WAAW,EAAE,mCAAmC;SACjD;QACD,aAAa,EAAE;YACb,WAAW,EAAE,mCAAmC;SACjD;QACD,aAAa,EAAE;YACb,WAAW,EAAE,mCAAmC;SACjD;QACD,mBAAmB,EAAE;YACnB,WAAW,EAAE,mCAAmC;SACjD;QACD,eAAe,EAAE;YACf,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,qBAAqB,EAAE;YACrB,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,qBAAqB,EAAE;YACrB,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,2BAA2B,EAAE;YAC3B,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,mCAAmC;SACjD;QACD,kBAAkB,EAAE;YAClB,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;YAChD,SAAS,EAAE,4BAA4B;SACxC;KACF;IAED,gBAAgB,EAAE;QAChB,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,YAAY,EAAE,oCAAoC;SACnD;QACD,KAAK,EAAE;YACL,eAAe,EAAE,gCAAgC;SAClD;QACD,KAAK,EAAE;YACL,eAAe,EAAE,gCAAgC;SAClD;KACF;IAED,YAAY,EAAE;QACZ,IAAI,EAAE;YACJ,KAAK,EAAE,oBAAoB;SAC5B;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,4BAA4B;SACpC;KACF;CAC6B,CAAC"}
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/checkbox/style-presets.ts"],"names":[],"mappings":"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"}

package/cjs/checkbox/types.d.ts

@@ -1,35 +1,6 @@
-import React from 'react';
-import { NewsKitIconProps } from '../icons';
-import { Override } from '../utils/overrides';
-import { MQ } from '../utils/style/types';
-export declare type CheckboxIconProps = NewsKitIconProps & Pick<CheckboxProps, 'checked' | 'state'>;
-declare type CheckboxOverrides = {
-    spaceStack?: MQ<string>;
-    input?: {
-        size?: MQ<string>;
-        stylePreset?: MQ<string>;
-        spaceInline?: MQ<string>;
-    };
-    feedback?: {
-        size?: MQ<string>;
-        stylePreset?: MQ<string>;
-    };
-    label?: {
-        stylePreset?: MQ<string>;
-        typographyPreset?: MQ<string>;
-    };
-    icon?: Override<CheckboxIconProps>;
-};
-export declare type CheckboxSize = 'small' | 'medium' | 'large';
-export declare type CheckboxState = 'valid' | 'invalid' | 'disabled';
-export declare type CheckboxLabelPosition = 'start' | 'end';
-export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'disabled'> {
-    overrides?: CheckboxOverrides;
-    size?: CheckboxSize;
-    state?: CheckboxState;
-    label?: React.ReactNode;
-    labelAttributes?: React.LabelHTMLAttributes<HTMLLabelElement>;
-    labelPosition?: CheckboxLabelPosition;
-}
-export {};
+import { BaseSwitchIconProps, BaseSwitchProps, BaseSwitchSize, BaseSwitchState } from '../base-switch/types';
+export declare type CheckboxIconProps = BaseSwitchIconProps;
+export declare type CheckboxProps = Omit<BaseSwitchProps, 'path' | 'defaultSwitchSelectorComponent' | 'type'>;
+export declare type CheckboxSize = BaseSwitchSize;
+export declare type CheckboxState = BaseSwitchState;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/checkbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAC,EAAE,EAAC,MAAM,sBAAsB,CAAC;AAExC,oBAAY,iBAAiB,GAAG,gBAAgB,GAC9C,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,OAAO,CAAC,CAAC;AAE3C,aAAK,iBAAiB,GAAG;IACvB,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACxB,KAAK,CAAC,EAAE;QACN,IAAI,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAClB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,IAAI,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAClB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;IACF,KAAK,CAAC,EAAE;QACN,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC/B,CAAC;IACF,IAAI,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC;CACpC,CAAC;AAEF,oBAAY,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,oBAAY,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;AAE7D,oBAAY,qBAAqB,GAAG,OAAO,GAAG,KAAK,CAAC;AACpD,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,UAAU,CACpB;IACD,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,eAAe,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAC9D,aAAa,CAAC,EAAE,qBAAqB,CAAC;CACvC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/checkbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,eAAe,EACf,cAAc,EACd,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,oBAAY,iBAAiB,GAAG,mBAAmB,CAAC;AAEpD,oBAAY,aAAa,GAAG,IAAI,CAC9B,eAAe,EACf,MAAM,GAAG,gCAAgC,GAAG,MAAM,CACnD,CAAC;AAEF,oBAAY,YAAY,GAAG,cAAc,CAAC;AAE1C,oBAAY,aAAa,GAAG,eAAe,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/flag/styled.ts"],"names":[],"mappings":";AAOA,OAAO,EAAC,aAAa,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAEzD,eAAO,MAAM,cAAc;;;;eAEZ,cAAc,iBAAiB,CAAC,CAAC,SAAS,CAAC;gBAC1C,cAAc,iBAAiB,CAAC,CAAC,UAAU,CAAC;yGAgD3D,CAAC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/flag/styled.ts"],"names":[],"mappings":";AAQA,OAAO,EAAC,aAAa,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAEzD,eAAO,MAAM,cAAc;;;;eAEZ,cAAc,iBAAiB,CAAC,CAAC,SAAS,CAAC;gBAC1C,cAAc,iBAAiB,CAAC,CAAC,UAAU,CAAC;yGAiD3D,CAAC"}

package/cjs/flag/styled.js

@@ -5,14 +5,18 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledBaseFlag = void 0;
+var logical_properties_1 = require("../utils/logical-properties");
 var style_1 = require("../utils/style");
-exports.StyledBaseFlag = (0, style_1.styled)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  box-sizing: border-box;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  text-decoration: none;\n\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n\n  svg {\n    ", ";\n    ", ";\n  }\n\n  cursor: ", ";\n\n  // Button related styles\n  overflow: hidden;\n  border: none;\n  appearance: none;\n  // End of button related styles\n\n  ", "\n"], ["\n  box-sizing: border-box;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  text-decoration: none;\n\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n\n  svg {\n    ", ";\n    ", ";\n  }\n\n  cursor: ", ";\n\n  // Button related styles\n  overflow: hidden;\n  border: none;\n  appearance: none;\n  // End of button related styles\n\n  ", "\n"])), function (props) {
+exports.StyledBaseFlag = (0, style_1.styled)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  box-sizing: border-box;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  text-decoration: none;\n\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n\n  svg {\n    ", ";\n    ", ";\n  }\n\n  cursor: ", ";\n\n  // Button related styles\n  overflow: hidden;\n  border: none;\n  appearance: none;\n  // End of button related styles\n\n  ", "\n"], ["\n  box-sizing: border-box;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  text-decoration: none;\n\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n\n  svg {\n    ", ";\n    ", ";\n  }\n\n  cursor: ", ";\n\n  // Button related styles\n  overflow: hidden;\n  border: none;\n  appearance: none;\n  // End of button related styles\n\n  ", "\n"])), function (props) {
     return (0, style_1.getResponsiveSize)(function (minHeight) {
         return props.overrides && props.overrides.height ? '' : { minHeight: minHeight };
     }, '', '', 'minHeight')(props);
 }, function (props) {
     return (0, style_1.getResponsiveSize)(function (minWidth) { return (props.overrides && props.overrides.width ? '' : { minWidth: minWidth }); }, '', '', 'minWidth')(props);
-}, (0, style_1.getResponsiveSize)('width', '', '', 'width'), (0, style_1.getResponsiveSize)('height', '', '', 'height'), (0, style_1.getResponsiveSpace)('padding', '', '', 'spaceInset'), (0, style_1.getResponsiveSize)('maxWidth', '', '', 'maxWidth'), (0, style_1.getResponsiveSize)('maxHeight', '', '', 'maxHeight'), (0, style_1.getResponsiveSize)('width', '', '', 'iconSize'), (0, style_1.getResponsiveSize)('height', '', '', 'iconSize'), function (_a) {
+}, (0, style_1.getResponsiveSize)('width', '', '', 'width'), (0, style_1.getResponsiveSize)('height', '', '', 'height'), (0, style_1.getResponsiveSize)('maxWidth', '', '', 'maxWidth'), (0, style_1.getResponsiveSize)('maxHeight', '', '', 'maxHeight'), (0, style_1.getResponsiveSpace)('padding', '', '', 'spaceInset'), function (_a) {
+    var size = _a.size;
+    return (0, logical_properties_1.logicalProps)("flag.".concat(size));
+}, (0, style_1.getResponsiveSize)('width', '', '', 'iconSize'), (0, style_1.getResponsiveSize)('height', '', '', 'iconSize'), function (_a) {
     var $disabled = _a.$disabled;
     return ($disabled ? 'not-allowed' : 'default');
 }, function (_a) {

package/cjs/flag/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/flag/styled.ts"],"names":[],"mappings":";;;;;;;AAAA,wCAKwB;AAIX,QAAA,cAAc,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,ycAK1C,0IAOG,EAOQ,OACR,EAMQ,OACR,EAA2C,OAC3C,EAA6C,OAC7C,EAAmD,OACnD,EAAiD,OACjD,EAAmD,oBAGjD,EAA8C,SAC9C,EAA+C,sBAGzC,EAAwD,qIAQhE,EAIE,IACL,KAvCG,UAAA,KAAK;IACL,OAAA,IAAA,yBAAiB,EACf,UAAA,SAAS;QACP,OAAA,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAC,SAAS,WAAA,EAAC;IAA5D,CAA4D,EAC9D,EAAE,EACF,EAAE,EACF,WAAW,CACZ,CAAC,KAAK,CAAC;AANR,CAMQ,EACR,UAAA,KAAK;IACL,OAAA,IAAA,yBAAiB,EACf,UAAA,QAAQ,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAC,QAAQ,UAAA,EAAC,CAAC,EAA5D,CAA4D,EACxE,EAAE,EACF,EAAE,EACF,UAAU,CACX,CAAC,KAAK,CAAC;AALR,CAKQ,EACR,IAAA,yBAAiB,EAAC,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,CAAC,EAC3C,IAAA,yBAAiB,EAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,CAAC,EAC7C,IAAA,0BAAkB,EAAC,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE,YAAY,CAAC,EACnD,IAAA,yBAAiB,EAAC,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,CAAC,EACjD,IAAA,yBAAiB,EAAC,WAAW,EAAE,EAAE,EAAE,EAAE,EAAE,WAAW,CAAC,EAGjD,IAAA,yBAAiB,EAAC,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,CAAC,EAC9C,IAAA,yBAAiB,EAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,CAAC,EAGzC,UAAC,EAAW;QAAV,SAAS,eAAA;IAAM,OAAA,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;AAAvC,CAAuC,EAQhE,UAAC,EAAqB;QAApB,SAAS,eAAA,EAAE,QAAQ,cAAA;IACrB,OAAA,IAAA,sBAAc,EAAC,EAAE,EAAE,EAAE,EAAE;QACrB,UAAU,EAAE,SAAS;QACrB,SAAS,EAAE,QAAQ;KACpB,CAAC;AAHF,CAGE,EACJ"}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/flag/styled.ts"],"names":[],"mappings":";;;;;;;AAAA,kEAAyD;AACzD,wCAKwB;AAIX,QAAA,cAAc,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,kdAK1C,0IAOG,EAOQ,OACR,EAMQ,OACR,EAA2C,OAC3C,EAA6C,OAC7C,EAAiD,OACjD,EAAmD,OACnD,EAAmD,OACnD,EAAwC,oBAGtC,EAA8C,SAC9C,EAA+C,sBAGzC,EAAwD,qIAQhE,EAIE,IACL,KAxCG,UAAA,KAAK;IACL,OAAA,IAAA,yBAAiB,EACf,UAAA,SAAS;QACP,OAAA,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAC,SAAS,WAAA,EAAC;IAA5D,CAA4D,EAC9D,EAAE,EACF,EAAE,EACF,WAAW,CACZ,CAAC,KAAK,CAAC;AANR,CAMQ,EACR,UAAA,KAAK;IACL,OAAA,IAAA,yBAAiB,EACf,UAAA,QAAQ,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAC,QAAQ,UAAA,EAAC,CAAC,EAA5D,CAA4D,EACxE,EAAE,EACF,EAAE,EACF,UAAU,CACX,CAAC,KAAK,CAAC;AALR,CAKQ,EACR,IAAA,yBAAiB,EAAC,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,CAAC,EAC3C,IAAA,yBAAiB,EAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,CAAC,EAC7C,IAAA,yBAAiB,EAAC,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,CAAC,EACjD,IAAA,yBAAiB,EAAC,WAAW,EAAE,EAAE,EAAE,EAAE,EAAE,WAAW,CAAC,EACnD,IAAA,0BAAkB,EAAC,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE,YAAY,CAAC,EACnD,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,IAAA,iCAAY,EAAC,eAAQ,IAAI,CAAE,CAAC;AAA5B,CAA4B,EAGtC,IAAA,yBAAiB,EAAC,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,CAAC,EAC9C,IAAA,yBAAiB,EAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,CAAC,EAGzC,UAAC,EAAW;QAAV,SAAS,eAAA;IAAM,OAAA,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;AAAvC,CAAuC,EAQhE,UAAC,EAAqB;QAApB,SAAS,eAAA,EAAE,QAAQ,cAAA;IACrB,OAAA,IAAA,sBAAc,EAAC,EAAE,EAAE,EAAE,EAAE;QACrB,UAAU,EAAE,SAAS;QACrB,SAAS,EAAE,QAAQ;KACpB,CAAC;AAHF,CAGE,EACJ"}

package/cjs/flag/types.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { LogicalProps } from '../utils/logical-properties';
 import { TransitionToken } from '../theme/types';
 import { MQ } from '../utils/style';
 export declare enum FlagSize {
@@ -6,10 +7,13 @@ export declare enum FlagSize {
     Medium = "medium",
     Large = "large"
 }
-export interface BaseFlagOverrides {
+export interface BaseFlagOverrides extends LogicalProps {
     typographyPreset?: MQ<string>;
     stylePreset?: MQ<string>;
     transitionPreset?: TransitionToken | TransitionToken[];
+    /**
+     * @deprecated This property is deprecated and will be removed in the next major release. Use `paddingBlock` and `paddingInline` instead.
+     */
     spaceInset?: MQ<string>;
     spaceInline?: MQ<string>;
     width?: MQ<string>;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/flag/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,oBAAY,QAAQ;IAClB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,iBAAiB;IAChC,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAC9B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB,gBAAgB,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;IACvD,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACxB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB,KAAK,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACnB,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACpB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACtB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACvB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACtB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACvB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;CACvB;AAED,MAAM,WAAW,aAAa,CAAC,UAAU;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AACD,MAAM,WAAW,SACf,SAAQ,aAAa,CAAC,IAAI,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC;CAAG"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/flag/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,oBAAY,QAAQ;IAClB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAC9B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB,gBAAgB,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;IACvD;;OAEG;IACH,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACxB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB,KAAK,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACnB,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACpB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACtB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACvB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACtB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACvB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;CACvB;AAED,MAAM,WAAW,aAAa,CAAC,UAAU;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AACD,MAAM,WAAW,SACf,SAAQ,aAAa,CAAC,IAAI,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC;CAAG"}

package/cjs/flag/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/flag/types.ts"],"names":[],"mappings":";;;AAGA,IAAY,QAIX;AAJD,WAAY,QAAQ;IAClB,2BAAe,CAAA;IACf,6BAAiB,CAAA;IACjB,2BAAe,CAAA;AACjB,CAAC,EAJW,QAAQ,GAAR,gBAAQ,KAAR,gBAAQ,QAInB"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/flag/types.ts"],"names":[],"mappings":";;;AAIA,IAAY,QAIX;AAJD,WAAY,QAAQ;IAClB,2BAAe,CAAA;IACf,6BAAiB,CAAA;IACjB,2BAAe,CAAA;AACjB,CAAC,EAJW,QAAQ,GAAR,gBAAQ,KAAR,gBAAQ,QAInB"}

package/cjs/form/form-input.d.ts

@@ -25,4 +25,5 @@ export declare const FormInputAssistiveText: ({ children, validationIcon, overri
     validationIcon?: boolean | undefined;
 }) => JSX.Element;
 export declare const FormInputCheckbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+export declare const FormInputRadioButton: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=form-input.d.ts.map

package/cjs/form/form-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-input.d.ts","sourceRoot":"","sources":["../../../src/form/form-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAQ,UAAU,EAAC,MAAM,UAAU,CAAC;AAE3C,OAAO,EAAgB,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AAEpE,OAAO,EAAW,aAAa,EAAC,MAAM,aAAa,CAAC;AAIpD,OAAO,EACL,uBAAuB,EACvB,cAAc,EACd,aAAa,EACd,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AACvC,OAAO,EAAC,WAAW,EAAS,MAAM,WAAW,CAAC;AAM9C,oBAAY,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;AAqErC,eAAO,MAAM,kBAAkB,kGA+C7B,CAAC;AAEH,eAAO,MAAM,SAAS,0BAKpB,CAAC;AAEH,eAAO,MAAM,cAAc,2BAA0B,UAAU,gBAQ9D,CAAC;AAEF,eAAO,MAAM,eAAe,sFAiC3B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;iBA+BlC,CAAC;AAEF,eAAO,MAAM,iBAAiB,wFA4B5B,CAAC"}
+{"version":3,"file":"form-input.d.ts","sourceRoot":"","sources":["../../../src/form/form-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAQ,UAAU,EAAC,MAAM,UAAU,CAAC;AAE3C,OAAO,EAAgB,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AAGpE,OAAO,EAAW,aAAa,EAAC,MAAM,aAAa,CAAC;AAIpD,OAAO,EACL,uBAAuB,EACvB,cAAc,EACd,aAAa,EACd,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AACvC,OAAO,EAAC,WAAW,EAAS,MAAM,WAAW,CAAC;AAO9C,oBAAY,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;AAqErC,eAAO,MAAM,kBAAkB,kGA+C7B,CAAC;AAEH,eAAO,MAAM,SAAS,0BAKpB,CAAC;AAEH,eAAO,MAAM,cAAc,2BAA0B,UAAU,gBAQ9D,CAAC;AAEF,eAAO,MAAM,eAAe,sFAiC3B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;iBA+BlC,CAAC;AAEF,eAAO,MAAM,iBAAiB,wFA4B5B,CAAC;AAEH,eAAO,MAAM,oBAAoB,wFA4B/B,CAAC"}

package/cjs/form/form-input.js

@@ -44,13 +44,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormInputCheckbox = exports.FormInputAssistiveText = exports.FormInputSelect = exports.FormInputLabel = exports.FormInput = exports.FormInputTextField = void 0;
+exports.FormInputRadioButton = exports.FormInputCheckbox = exports.FormInputAssistiveText = exports.FormInputSelect = exports.FormInputLabel = exports.FormInput = exports.FormInputTextField = void 0;
 var react_1 = __importStar(require("react"));
 var compose_react_refs_1 = __importDefault(require("@seznam/compose-react-refs"));
 var label_1 = require("../label");
 var text_field_1 = require("../text-field/text-field");
 var assistive_text_1 = require("../assistive-text");
 var utils_1 = require("./utils");
+var compose_event_handlers_1 = require("../utils/compose-event-handlers");
 var checkbox_1 = require("../checkbox");
 var hooks_1 = require("../utils/hooks");
 var get_token_1 = require("../utils/get-token");
@@ -62,6 +63,7 @@ var context_1 = require("./context");
 var with_own_theme_1 = require("../utils/with-own-theme");
 var defaults_1 = __importDefault(require("../text-field/defaults"));
 var defaults_2 = __importDefault(require("../assistive-text/defaults"));
+var radio_button_1 = require("../radio-button");
 var useFormFieldContext = function () { return (0, react_1.useContext)(context_1.FormInputContext); };
 var ThemelessFormInput = function (_a) {
     var name = _a.name, rules = _a.rules, stateProp = _a.state, size = _a.size, children = _a.children, id = _a.id;
@@ -117,7 +119,7 @@ exports.FormInputTextField = react_1.default.forwardRef(function (_a, inputRef)
         }
         return statusIcon;
     }
-    return (react_1.default.createElement(text_field_1.TextField, __assign({ "aria-required": isRequired ? 'true' : undefined, "aria-invalid": state === 'invalid' ? 'true' : 'false', name: name, state: state, size: size, onChange: (0, utils_1.composeEventHandlers)([onChange, onChangeContext]), onBlur: (0, utils_1.composeEventHandlers)([onBlur, onBlurContext]), ref: (0, compose_react_refs_1.default)(ref, inputRef), endEnhancer: getEndEnhancer(), id: id, "aria-describedby": assistiveTextId }, props)));
+    return (react_1.default.createElement(text_field_1.TextField, __assign({ "aria-required": isRequired ? 'true' : undefined, "aria-invalid": state === 'invalid' ? 'true' : 'false', name: name, state: state, size: size, onChange: (0, compose_event_handlers_1.composeEventHandlers)([onChange, onChangeContext]), onBlur: (0, compose_event_handlers_1.composeEventHandlers)([onBlur, onBlurContext]), ref: (0, compose_react_refs_1.default)(ref, inputRef), endEnhancer: getEndEnhancer(), id: id, "aria-describedby": assistiveTextId }, props)));
 });
 exports.FormInput = (0, with_own_theme_1.withOwnTheme)(ThemelessFormInput)({
     defaults: __assign(__assign({}, defaults_1.default), defaults_2.default),
@@ -131,7 +133,7 @@ exports.FormInputLabel = FormInputLabel;
 exports.FormInputSelect = react_1.default.forwardRef(function (_a, inputRef) {
     var children = _a.children, onChange = _a.onChange, onBlur = _a.onBlur, props = __rest(_a, ["children", "onChange", "onBlur"]);
     var _b = useFormFieldContext(), size = _b.size, name = _b.name, state = _b.state, onChangeContext = _b.onChange, onBlurContext = _b.onBlur, ref = _b.ref, id = _b.id, assistiveTextId = _b.assistiveTextId, labelId = _b.labelId, statusIcon = _b.statusIcon;
-    return (react_1.default.createElement(select_1.Select, __assign({ name: name, state: state, size: size, "aria-labelledby": "".concat(labelId, " ").concat(id), validationIcon: statusIcon, onChange: (0, utils_1.composeEventHandlers)([onChange, onChangeContext]), onBlur: (0, utils_1.composeEventHandlers)([onBlur, onBlurContext]), ref: (0, compose_react_refs_1.default)(ref, inputRef), id: id, "aria-describedby": assistiveTextId }, props), children));
+    return (react_1.default.createElement(select_1.Select, __assign({ name: name, state: state, size: size, "aria-labelledby": "".concat(labelId, " ").concat(id), validationIcon: statusIcon, onChange: (0, compose_event_handlers_1.composeEventHandlers)([onChange, onChangeContext]), onBlur: (0, compose_event_handlers_1.composeEventHandlers)([onBlur, onBlurContext]), ref: (0, compose_react_refs_1.default)(ref, inputRef), id: id, "aria-describedby": assistiveTextId }, props), children));
 });
 var FormInputAssistiveText = function (_a) {
     var children = _a.children, _b = _a.validationIcon, validationIcon = _b === void 0 ? false : _b, overrides = _a.overrides, props = __rest(_a, ["children", "validationIcon", "overrides"]);
@@ -145,6 +147,11 @@ exports.FormInputAssistiveText = FormInputAssistiveText;
 exports.FormInputCheckbox = react_1.default.forwardRef(function (_a, inputRef) {
     var children = _a.children, onChange = _a.onChange, onBlur = _a.onBlur, props = __rest(_a, ["children", "onChange", "onBlur"]);
     var _b = useFormFieldContext(), size = _b.size, name = _b.name, state = _b.state, onChangeContext = _b.onChange, onBlurContext = _b.onBlur, ref = _b.ref, id = _b.id, assistiveTextId = _b.assistiveTextId;
-    return (react_1.default.createElement(checkbox_1.Checkbox, __assign({ name: name, state: state, size: size, onChange: (0, utils_1.composeEventHandlers)([onChange, onChangeContext]), onBlur: (0, utils_1.composeEventHandlers)([onBlur, onBlurContext]), ref: (0, compose_react_refs_1.default)(ref, inputRef), id: id, "aria-describedby": assistiveTextId }, props)));
+    return (react_1.default.createElement(checkbox_1.Checkbox, __assign({ name: name, state: state, size: size, onChange: (0, compose_event_handlers_1.composeEventHandlers)([onChange, onChangeContext]), onBlur: (0, compose_event_handlers_1.composeEventHandlers)([onBlur, onBlurContext]), ref: (0, compose_react_refs_1.default)(ref, inputRef), id: id, "aria-describedby": assistiveTextId }, props)));
+});
+exports.FormInputRadioButton = react_1.default.forwardRef(function (_a, inputRef) {
+    var children = _a.children, onChange = _a.onChange, onBlur = _a.onBlur, props = __rest(_a, ["children", "onChange", "onBlur"]);
+    var _b = useFormFieldContext(), size = _b.size, name = _b.name, state = _b.state, onChangeContext = _b.onChange, onBlurContext = _b.onBlur, ref = _b.ref, id = _b.id, assistiveTextId = _b.assistiveTextId;
+    return (react_1.default.createElement(radio_button_1.RadioButton, __assign({ name: name, state: state, size: size, onChange: (0, compose_event_handlers_1.composeEventHandlers)([onChange, onChangeContext]), onBlur: (0, compose_event_handlers_1.composeEventHandlers)([onBlur, onBlurContext]), ref: (0, compose_react_refs_1.default)(ref, inputRef), id: id, "aria-describedby": assistiveTextId }, props)));
 });
 //# sourceMappingURL=form-input.js.map