newskit 5.1.0 → 5.3.0

package/esm/audio-player-composable/utils.js

@@ -0,0 +1,26 @@
+var hhmmss = [11, 8];
+var mmss = [14, 5];
+export var formatTrackTime = function (time, maxTime) {
+    var _a;
+    if (maxTime === void 0) { maxTime = time; }
+    var args = Math.max(time, maxTime) >= 3600 ? hhmmss : mmss;
+    return (_a = new Date(time * 1000).toISOString()).substr.apply(_a, args);
+};
+export var formatDuration = function (time, maxTime) {
+    if (maxTime === void 0) { maxTime = time; }
+    if (time === 0) {
+        return '';
+    }
+    return formatTrackTime(time, maxTime);
+};
+export var getMediaSegment = function (duration, currentPosition) {
+    var currentPositionPercentage = (currentPosition / duration) * 100;
+    if (currentPositionPercentage > 0 && currentPositionPercentage <= 25)
+        return '0-25';
+    if (currentPositionPercentage > 25 && currentPositionPercentage <= 50)
+        return '26-50';
+    if (currentPositionPercentage > 50 && currentPositionPercentage <= 75)
+        return '51-75';
+    return '76-100';
+};
+//# sourceMappingURL=utils.js.map

package/esm/audio-player-composable/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/audio-player-composable/utils.ts"],"names":[],"mappings":"AAAA,IAAM,MAAM,GAAqB,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;AACzC,IAAM,IAAI,GAAqB,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;AAEvC,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,IAAY,EAAE,OAAsB;;IAAtB,wBAAA,EAAA,cAAsB;IAClE,IAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7D,OAAO,CAAA,KAAA,IAAI,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,WAAW,EAAE,CAAA,CAAC,MAAM,WAAI,IAAI,EAAE;AAC7D,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,IAAY,EAAE,OAAsB;IAAtB,wBAAA,EAAA,cAAsB;IACjE,IAAI,IAAI,KAAK,CAAC,EAAE;QACd,OAAO,EAAE,CAAC;KACX;IACD,OAAO,eAAe,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AACxC,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,QAAgB,EAAE,eAAuB;IACvE,IAAM,yBAAyB,GAAG,CAAC,eAAe,GAAG,QAAQ,CAAC,GAAG,GAAG,CAAC;IAErE,IAAI,yBAAyB,GAAG,CAAC,IAAI,yBAAyB,IAAI,EAAE;QAClE,OAAO,MAAM,CAAC;IAChB,IAAI,yBAAyB,GAAG,EAAE,IAAI,yBAAyB,IAAI,EAAE;QACnE,OAAO,OAAO,CAAC;IACjB,IAAI,yBAAyB,GAAG,EAAE,IAAI,yBAAyB,IAAI,EAAE;QACnE,OAAO,OAAO,CAAC;IAEjB,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC"}

package/esm/banner/banner-internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"banner-internal.d.ts","sourceRoot":"","sources":["../../../src/banner/banner-internal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAwB5C,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkJxD,CAAC"}
+{"version":3,"file":"banner-internal.d.ts","sourceRoot":"","sources":["../../../src/banner/banner-internal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAyB5C,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6IxD,CAAC"}

package/esm/banner/banner-internal.js

@@ -34,6 +34,7 @@ import { IconButton } from '../icon-button';
 import { deepMerge } from '../utils';
 import { mergeBreakpointObject } from '../utils/merge-breakpoint-object';
 import { Cell, Grid } from '../grid';
+import { childrenIsString } from '../utils/react-children-utilities';
 export var BannerInternal = function (_a) {
     var _b, _c, _d, _e;
     var actions = _a.actions, children = _a.children, icon = _a.icon, overrides = _a.overrides, layout = _a.layout, _f = _a.closeButtonLabel, closeButtonLabel = _f === void 0 ? 'Close' : _f, onClose = _a.onClose, title = _a.title, restProps = __rest(_a, ["actions", "children", "icon", "overrides", "layout", "closeButtonLabel", "onClose", "title"]);
@@ -53,11 +54,7 @@ export var BannerInternal = function (_a) {
                         icon && (React.createElement(StyledIconContainer, { layout: layout, overrides: overrides }, icon)),
                         React.createElement(StyledContentContainer, null,
                             title && (React.createElement(StyledTitleContainer, { as: "span", layout: layout, overrides: overrides }, title)),
-                            React.createElement(StyledMessageContainer, { layout: layout, overrides: overrides, as: typeof children === 'string' ||
-                                    (Array.isArray(children) &&
-                                        children.some(function (child) { return typeof child === 'string'; }))
-                                    ? 'p'
-                                    : 'div' }, children))),
+                            React.createElement(StyledMessageContainer, { layout: layout, overrides: overrides, as: childrenIsString(children) ? 'p' : 'div' }, children))),
                     ((actions === null || actions === void 0 ? void 0 : actions.length) || onClose) && (React.createElement(StyledActionsContainer, { flow: layout === 'vertical'
                             ? Flow.VerticalCenter
                             : Flow.HorizontalCenter, stackDistribution: StackDistribution.Start, spaceInline: actionsSpacing, layout: layout },
@@ -68,7 +65,7 @@ export var BannerInternal = function (_a) {
                             actions.map(function (action, idx) { return (React.createElement(StackChild, { key: actionKeys[idx], alignSelf: layout === 'vertical'
                                     ? AlignSelfValues.Stretch
                                     : AlignSelfValues.Auto }, renderIfReactComponent(action))); }),
-                        onClose && layout === 'horizontal' && (React.createElement(IconButton, { "data-testid": "banner-close-button", "aria-label": closeButtonLabel, size: "small", overrides: closeButtonStyles, onClick: onClose },
+                        onClose && layout === 'horizontal' && (React.createElement(IconButton, { key: "banner-close-button-horizontal", "data-testid": "banner-close-button", "aria-label": closeButtonLabel, size: "small", overrides: closeButtonStyles, onClick: onClose },
                             React.createElement(IconFilledClose, null))))))))));
 };
 //# sourceMappingURL=banner-internal.js.map

package/esm/banner/banner-internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"banner-internal.js","sourceRoot":"","sources":["../../../src/banner/banner-internal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"banner-internal.js","sourceRoot":"","sources":["../../../src/banner/banner-internal.tsx"],"names":[],"mappings":"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"}

package/esm/base-switch/base-switch.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { BaseSwitchProps } from './types';
+export declare const BaseSwitch: React.ForwardRefExoticComponent<BaseSwitchProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=base-switch.d.ts.map

package/esm/base-switch/base-switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-switch.d.ts","sourceRoot":"","sources":["../../../src/base-switch/base-switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAWjD,OAAO,EAAC,eAAe,EAAsB,MAAM,SAAS,CAAC;AAM7D,eAAO,MAAM,UAAU,0FAwJtB,CAAC"}

package/esm/base-switch/base-switch.js

@@ -0,0 +1,85 @@
+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;
+};
+import React, { useCallback, useRef } from 'react';
+import composeRefs from '@seznam/compose-react-refs';
+import { composeEventHandlers } from '../utils/compose-event-handlers';
+import { StyledSwitch, StyledInput, StyledSwitchContainer, StyledFeedback, StyledContainer, StyledLabel, } from './styled';
+import { getComponentOverrides } from '../utils/overrides';
+import { useControlled } from '../utils/hooks';
+import { useTheme } from '../theme';
+import { getToken } from '../utils/get-token';
+export var BaseSwitch = React.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, path = _a.path, defaultSwitchComponent = _a.defaultSwitchSelectorComponent, type = _a.type, restProps = __rest(_a, ["size", "checked", "defaultChecked", "state", "overrides", "onFocus", "onBlur", "onChange", "label", "labelPosition", "labelAttributes", "path", "defaultSwitchSelectorComponent", "type"]);
+    var ref = useRef(null);
+    var _e = React.useState(false), isInputFocused = _e[0], setIsInputFocused = _e[1];
+    var _f = React.useState(false), isLabelHovered = _f[0], setIsLabelHovered = _f[1];
+    var _g = useControlled({
+        controlledValue: checkedProp,
+        defaultValue: Boolean(defaultChecked),
+    }), checked = _g[0], setCheckedState = _g[1];
+    var onFeedbackClick = 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 (!label && ref && ref.current) {
+            ref.current.click();
+        }
+    }, [ref, label]);
+    var onInputChange = useCallback(function (event) {
+        setCheckedState(event.target.checked);
+    }, [setCheckedState]);
+    var onInputFocus = useCallback(function () {
+        setIsInputFocused(true);
+    }, [setIsInputFocused]);
+    var onInputBlur = useCallback(function () {
+        setIsInputFocused(false);
+    }, [setIsInputFocused]);
+    var onLabelMouseOver = useCallback(function () {
+        if (state !== 'disabled') {
+            setIsLabelHovered(true);
+        }
+    }, [setIsLabelHovered, state]);
+    var onLabelMouseLeave = useCallback(function () {
+        if (state !== 'disabled') {
+            setIsLabelHovered(false);
+        }
+    }, [setIsLabelHovered, state]);
+    var theme = useTheme();
+    var iconSize = getToken({ theme: theme, overrides: overrides }, "".concat(path, ".").concat(size, ".icon"), 'icon', 'size');
+    var _h = getComponentOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.icon, defaultSwitchComponent, {
+        state: state,
+        checked: checked,
+        size: size,
+        iconSize: iconSize,
+    }), CheckIcon = _h[0], checkIconProps = _h[1];
+    var labelElement = label && (React.createElement(StyledLabel, { path: path, size: size, overrides: overrides, state: state }, label));
+    return (React.createElement(StyledContainer, __assign({ as: label ? 'label' : 'div', state: state, size: size, overrides: overrides }, (label ? labelAttributes : {}), { onMouseOver: onLabelMouseOver, onMouseLeave: onLabelMouseLeave, path: path }),
+        labelPosition === 'start' && labelElement,
+        React.createElement(StyledSwitchContainer, { size: size, overrides: overrides, state: state, labelPosition: labelPosition, role: "presentation", path: path },
+            React.createElement(StyledFeedback, { size: size, overrides: overrides, state: state, onClick: onFeedbackClick, "data-testid": "".concat(type, "-feedback"), isFocused: isInputFocused, isHovered: isLabelHovered || isInputFocused, path: path }),
+            React.createElement(StyledSwitch, { checked: checked, state: state, overrides: overrides, size: size, isFocused: isInputFocused, isHovered: isLabelHovered, feedbackIsVisible: isLabelHovered || isInputFocused, path: path },
+                React.createElement(CheckIcon, __assign({}, checkIconProps)),
+                React.createElement(StyledInput, __assign({ ref: composeRefs(inputRef, ref), overrides: overrides, checked: checked, disabled: state === 'disabled' }, restProps, { state: state, onFocus: composeEventHandlers([onInputFocus, onFocus]), onBlur: composeEventHandlers([onInputBlur, onBlur]), onChange: composeEventHandlers([onInputChange, onChange]), path: path, type: type, "data-testid": "".concat(type, "-input") })))),
+        labelPosition === 'end' && labelElement));
+});
+//# sourceMappingURL=base-switch.js.map

package/esm/base-switch/base-switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-switch.js","sourceRoot":"","sources":["../../../src/base-switch/base-switch.tsx"],"names":[],"mappings":"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"}

package/esm/base-switch/index.d.ts

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

package/esm/base-switch/index.d.ts.map

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

package/esm/base-switch/index.js

@@ -0,0 +1,2 @@
+export { BaseSwitch } from './base-switch';
+//# sourceMappingURL=index.js.map

package/esm/base-switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/base-switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC"}

package/esm/{checkbox → base-switch}/styled.d.ts

@@ -1,34 +1,34 @@
 /// <reference types="react" />
-import { CheckboxProps } from './types';
+import { BaseSwitchProps } from './types';
 export declare const StyledContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & Pick<CheckboxProps, "state" | "size" | "overrides">, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
-export declare const StyledCheckboxContainer: import("@emotion/styled").StyledComponent<{
+} & Pick<BaseSwitchProps, "state" | "path" | "size" | "overrides">, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const StyledSwitchContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & Pick<CheckboxProps, "state" | "size" | "overrides" | "labelPosition">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledCheckbox: import("@emotion/styled").StyledComponent<{
+} & Pick<BaseSwitchProps, "state" | "path" | "size" | "overrides" | "labelPosition">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledSwitch: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & Pick<CheckboxProps, "state" | "size" | "checked" | "overrides"> & {
+} & Pick<BaseSwitchProps, "state" | "path" | "size" | "checked" | "overrides"> & {
     isFocused: boolean;
-    isHover: boolean;
+    isHovered: boolean;
     feedbackIsVisible: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledFeedback: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & Pick<CheckboxProps, "state" | "size" | "overrides"> & {
+} & Pick<BaseSwitchProps, "state" | "path" | "size" | "overrides"> & {
     isFocused: boolean;
-    isHover: boolean;
+    isHovered: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledInput: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & CheckboxProps, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+} & Omit<BaseSwitchProps, "defaultSwitchSelectorComponent">, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
 export declare const StyledLabel: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & Pick<CheckboxProps, "state" | "size" | "overrides">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+} & Pick<BaseSwitchProps, "state" | "path" | "size" | "overrides">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 //# sourceMappingURL=styled.d.ts.map

package/esm/base-switch/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/base-switch/styled.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAOxC,eAAO,MAAM,eAAe;;;mLAU3B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;4LA8BjC,CAAC;AAUF,eAAO,MAAM,YAAY;;;;eAEV,OAAO;eACP,OAAO;uBACC,OAAO;yGAoB7B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;eAEZ,OAAO;eACP,OAAO;yGA8BrB,CAAC;AAEF,eAAO,MAAM,WAAW;;;4KAOvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;4KAUvB,CAAC"}

package/esm/base-switch/styled.js

@@ -0,0 +1,76 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { getResponsiveSize, getResponsiveSpace, getStylePreset, getTransitionPreset, getTypographyPreset, styled, } from '../utils';
+var STACKING_CONTEXT = {
+    feedback: '1',
+    input: '2',
+};
+export var StyledContainer = styled.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  ", ";\n\n  ", "\n"], ["\n  display: flex;\n  align-items: center;\n\n  ", ";\n\n  ", "\n"])), function (_a) {
+    var state = _a.state;
+    return ({ cursor: state === 'disabled' ? 'not-allowed' : 'pointer' });
+}, function (_a) {
+    var size = _a.size, path = _a.path;
+    return getResponsiveSpace('marginBottom', "".concat(path, ".").concat(size), '', 'spaceStack');
+});
+export var StyledSwitchContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  display: inline-block;\n  align-self: start;\n  flex-shrink: 0;\n\n  * {\n    box-sizing: border-box;\n  }\n\n  ", "\n\n  ", "\n"], ["\n  position: relative;\n  display: inline-block;\n  align-self: start;\n  flex-shrink: 0;\n\n  * {\n    box-sizing: border-box;\n  }\n\n  ", "\n\n  ", "\n"])), function (_a) {
+    var size = _a.size, path = _a.path;
+    return getResponsiveSize(function (rectSize) { return ({ width: rectSize, height: rectSize }); }, "".concat(path, ".").concat(size, ".input"), 'input', 'size');
+}, function (_a) {
+    var size = _a.size, labelPosition = _a.labelPosition, path = _a.path;
+    return getResponsiveSpace(labelPosition === 'end' ? 'marginRight' : 'marginLeft', "".concat(path, ".").concat(size, ".input"), 'input', 'spaceInline');
+});
+var insetCSS = "\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n";
+export var StyledSwitch = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  ", ";\n  ", ";\n\n  ", ";\n"], ["\n  ", "\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  ", ";\n  ", ";\n\n  ", ";\n"])), insetCSS, function (_a) {
+    var size = _a.size, checked = _a.checked, state = _a.state, isFocused = _a.isFocused, isHovered = _a.isHovered, path = _a.path;
+    return getStylePreset("".concat(path, ".").concat(size, ".input"), 'input', {
+        isChecked: checked,
+        isDisabled: state === 'disabled',
+        isInvalid: state === 'invalid',
+        isValid: state === 'valid',
+        isFocused: isFocused,
+        isHovered: isHovered,
+    });
+}, function (_a) {
+    var feedbackIsVisible = _a.feedbackIsVisible;
+    return feedbackIsVisible && "z-index: ".concat(STACKING_CONTEXT.input);
+}, function (_a) {
+    var size = _a.size, path = _a.path;
+    return getTransitionPreset("".concat(path, ".").concat(size, ".input"), 'input');
+});
+export var StyledFeedback = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  opacity: 0.7;\n  ", ";\n\n  ", "\n  ", ";\n"], ["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  opacity: 0.7;\n  ", ";\n\n  ", "\n  ", ";\n"])), function (_a) {
+    var isHovered = _a.isHovered, isFocused = _a.isFocused;
+    return (isHovered || isFocused) && "z-index: ".concat(STACKING_CONTEXT.feedback);
+}, function (_a) {
+    var size = _a.size, isHovered = _a.isHovered, isFocused = _a.isFocused, state = _a.state, path = _a.path;
+    return getStylePreset("".concat(path, ".").concat(size, ".feedback"), 'feedback', {
+        isHovered: isHovered,
+        isFocused: isFocused,
+        isInvalid: state === 'invalid',
+        isValid: state === 'valid',
+        // when is not HOVER we need to remove the hover so it does not apply as class:hover
+        omitStates: isHovered ? [] : ['hover'],
+    });
+}, function (_a) {
+    var size = _a.size, path = _a.path;
+    return getResponsiveSize(function (rectSize) { return ({
+        width: rectSize,
+        height: rectSize,
+        transform: "translate3d(calc(".concat(rectSize, " / -2), calc(").concat(rectSize, " / -2), 0)"),
+    }); }, "".concat(path, ".").concat(size, ".feedback"), 'feedback', 'size');
+});
+export var StyledInput = styled.input(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", "\n  margin: 0;\n  opacity: 0;\n  cursor: inherit;\n"], ["\n  ", "\n  margin: 0;\n  opacity: 0;\n  cursor: inherit;\n"])), insetCSS);
+export var StyledLabel = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), function (_a) {
+    var size = _a.size, state = _a.state, path = _a.path;
+    return getStylePreset("".concat(path, ".").concat(size, ".label"), 'label', {
+        isDisabled: state === 'disabled',
+        isInvalid: state === 'invalid',
+        isValid: state === 'valid',
+    });
+}, function (_a) {
+    var size = _a.size, path = _a.path;
+    return getTypographyPreset("".concat(path, ".").concat(size, ".label"), 'label');
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+//# sourceMappingURL=styled.js.map

package/esm/base-switch/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/base-switch/styled.tsx"],"names":[],"mappings":"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"}

package/esm/base-switch/types.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import { NewsKitIconProps } from '../icons';
+import { TransitionToken } from '../theme/presets/types';
+import { Override } from '../utils/overrides';
+import { MQ } from '../utils/style/types';
+export declare type BaseSwitchIconProps = NewsKitIconProps & Pick<BaseSwitchProps, 'checked' | 'state'> & {
+    iconSize?: string;
+};
+declare type BaseSwitchOverrides = {
+    spaceStack?: MQ<string>;
+    input?: {
+        size?: MQ<string>;
+        stylePreset?: MQ<string>;
+        spaceInline?: MQ<string>;
+        transitionPreset?: TransitionToken | TransitionToken[];
+    };
+    feedback?: {
+        size?: MQ<string>;
+        stylePreset?: MQ<string>;
+    };
+    label?: {
+        stylePreset?: MQ<string>;
+        typographyPreset?: MQ<string>;
+    };
+    icon?: Override<BaseSwitchIconProps>;
+};
+export declare type BaseSwitchSize = 'small' | 'medium' | 'large';
+export declare type BaseSwitchState = 'valid' | 'invalid' | 'disabled';
+export declare type BaseSwitchLabelPosition = 'start' | 'end';
+export interface BaseSwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'disabled'> {
+    overrides?: BaseSwitchOverrides;
+    size?: BaseSwitchSize;
+    state?: BaseSwitchState;
+    label?: React.ReactNode;
+    labelAttributes?: React.LabelHTMLAttributes<HTMLLabelElement>;
+    labelPosition?: BaseSwitchLabelPosition;
+    path: string;
+    defaultSwitchSelectorComponent: React.ComponentType<BaseSwitchIconProps>;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/esm/base-switch/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/base-switch/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAC,EAAE,EAAC,MAAM,sBAAsB,CAAC;AAExC,oBAAY,mBAAmB,GAAG,gBAAgB,GAChD,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,OAAO,CAAC,GAAG;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC;AAEnE,aAAK,mBAAmB,GAAG;IACzB,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;QACzB,gBAAgB,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;KACxD,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,mBAAmB,CAAC,CAAC;CACtC,CAAC;AAEF,oBAAY,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE1D,oBAAY,eAAe,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;AAE/D,oBAAY,uBAAuB,GAAG,OAAO,GAAG,KAAK,CAAC;AAEtD,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,UAAU,CACpB;IACD,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,eAAe,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAC9D,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,8BAA8B,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;CAC1E"}

package/esm/base-switch/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/esm/base-switch/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/base-switch/types.ts"],"names":[],"mappings":""}

package/esm/block/block.d.ts

@@ -1,10 +1,22 @@
 import React from 'react';
+import { LogicalProps } from '../utils/logical-properties';
+import { TransitionToken } from '../theme/types';
 import { MQ } from '../utils/style';
-export interface BlockProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface BlockProps extends React.HTMLAttributes<HTMLDivElement>, LogicalProps {
     as?: keyof JSX.IntrinsicElements;
     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>;
+    /**
+     * @deprecated This property is deprecated and will be removed in the next major release. Use `marginInline` instead.
+     */
     spaceInline?: MQ<string>;
+    /**
+     * @deprecated This property is deprecated and will be removed in the next major release. Use `marginBlock` instead.
+     */
     spaceStack?: MQ<string>;
 }
 export declare const Block: React.FC<BlockProps>;

package/esm/block/block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../../src/block/block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,EAAE,EAIH,MAAM,gBAAgB,CAAC;AAExB,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;IACjC,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACxB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;CACzB;AAWD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAqC,CAAC"}
+{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../../src/block/block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,YAAY,EAAe,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAEL,EAAE,EAIH,MAAM,gBAAgB,CAAC;AAGxB,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY;IACd,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;IACjC,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;;OAEG;IACH,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;CACzB;AAcD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAqC,CAAC"}

package/esm/block/block.js

@@ -14,8 +14,10 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React from 'react';
+import { logicalProps } from '../utils/logical-properties';
 import { styled, getSpacingFromTheme, getSpacingInsetFromTheme, getStylePresetFromTheme, } from '../utils/style';
-var StyledDiv = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  ", "\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n  ", "\n  ", "\n"])), function (_a) {
+import { getTransitionPresetFromTheme } from '../utils/style/transition-preset';
+var StyledDiv = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n"], ["\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n"])), function (_a) {
     var stylePreset = _a.stylePreset;
     return stylePreset && getStylePresetFromTheme(stylePreset);
 }, function (_a) {
@@ -27,6 +29,9 @@ var StyledDiv = styled.div(templateObject_1 || (templateObject_1 = __makeTemplat
 }, function (_a) {
     var spaceStack = _a.spaceStack;
     return spaceStack && getSpacingFromTheme(spaceStack, undefined, 'marginBottom');
+}, logicalProps(), function (_a) {
+    var transitionPreset = _a.transitionPreset;
+    return transitionPreset && getTransitionPresetFromTheme(transitionPreset);
 });
 export var Block = function (props) { return React.createElement(StyledDiv, __assign({}, props)); };
 var templateObject_1;

package/esm/block/block.js.map

@@ -1 +1 @@
-{"version":3,"file":"block.js","sourceRoot":"","sources":["../../../src/block/block.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,MAAM,EAEN,mBAAmB,EACnB,wBAAwB,EACxB,uBAAuB,GACxB,MAAM,gBAAgB,CAAC;AAUxB,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,uGAAY,MACpC,EAAsE,MACtE,EAAoE,MACpE,EACyE,MACzE,EACwE,IAC3E,KANG,UAAC,EAAa;QAAZ,WAAW,iBAAA;IAAM,OAAA,WAAW,IAAI,uBAAuB,CAAC,WAAW,CAAC;AAAnD,CAAmD,EACtE,UAAC,EAAY;QAAX,UAAU,gBAAA;IAAM,OAAA,UAAU,IAAI,wBAAwB,CAAC,UAAU,CAAC;AAAlD,CAAkD,EACpE,UAAC,EAAa;QAAZ,WAAW,iBAAA;IACb,OAAA,WAAW,IAAI,mBAAmB,CAAC,WAAW,EAAE,SAAS,EAAE,aAAa,CAAC;AAAzE,CAAyE,EACzE,UAAC,EAAY;QAAX,UAAU,gBAAA;IACZ,OAAA,UAAU,IAAI,mBAAmB,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,CAAC;AAAxE,CAAwE,CAC3E,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAyB,UAAA,KAAK,IAAI,OAAA,oBAAC,SAAS,eAAK,KAAK,EAAI,EAAxB,CAAwB,CAAC"}
+{"version":3,"file":"block.js","sourceRoot":"","sources":["../../../src/block/block.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAe,YAAY,EAAC,MAAM,6BAA6B,CAAC;AAEvE,OAAO,EACL,MAAM,EAEN,mBAAmB,EACnB,wBAAwB,EACxB,uBAAuB,GACxB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAC,4BAA4B,EAAC,MAAM,kCAAkC,CAAC;AAsB9E,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,wHAAY,MACpC,EAAsE,MACtE,EAAoE,MACpE,EACyE,MACzE,EACwE,MACxE,EAAc,MACd,EACkE,KACrE,KATG,UAAC,EAAa;QAAZ,WAAW,iBAAA;IAAM,OAAA,WAAW,IAAI,uBAAuB,CAAC,WAAW,CAAC;AAAnD,CAAmD,EACtE,UAAC,EAAY;QAAX,UAAU,gBAAA;IAAM,OAAA,UAAU,IAAI,wBAAwB,CAAC,UAAU,CAAC;AAAlD,CAAkD,EACpE,UAAC,EAAa;QAAZ,WAAW,iBAAA;IACb,OAAA,WAAW,IAAI,mBAAmB,CAAC,WAAW,EAAE,SAAS,EAAE,aAAa,CAAC;AAAzE,CAAyE,EACzE,UAAC,EAAY;QAAX,UAAU,gBAAA;IACZ,OAAA,UAAU,IAAI,mBAAmB,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,CAAC;AAAxE,CAAwE,EACxE,YAAY,EAAE,EACd,UAAC,EAAkB;QAAjB,gBAAgB,sBAAA;IAClB,OAAA,gBAAgB,IAAI,4BAA4B,CAAC,gBAAgB,CAAC;AAAlE,CAAkE,CACrE,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAyB,UAAA,KAAK,IAAI,OAAA,oBAAC,SAAS,eAAK,KAAK,EAAI,EAAxB,CAAwB,CAAC"}

package/esm/button/defaults.d.ts

@@ -8,6 +8,7 @@ declare const _default: {
             minHeight: string;
             iconSize: string;
             spaceInline: string;
+            transitionPreset: string;
             loadingIndicator: {
                 stylePreset: string;
             };
@@ -20,6 +21,7 @@ declare const _default: {
             minHeight: string;
             iconSize: string;
             spaceInline: string;
+            transitionPreset: string;
             loadingIndicator: {
                 stylePreset: string;
             };
@@ -32,6 +34,7 @@ declare const _default: {
             minHeight: string;
             iconSize: string;
             spaceInline: string;
+            transitionPreset: string;
             loadingIndicator: {
                 stylePreset: string;
             };

package/esm/button/defaults.d.ts.map

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

package/esm/button/defaults.js

@@ -8,6 +8,7 @@ export default {
             minHeight: 'sizing060',
             iconSize: 'iconSize010',
             spaceInline: 'space020',
+            transitionPreset: 'backgroundColorChange',
             loadingIndicator: {
                 stylePreset: 'indeterminateProgressIndicatorPrimary',
             },
@@ -20,6 +21,7 @@ export default {
             minHeight: 'sizing080',
             iconSize: 'iconSize020',
             spaceInline: 'space020',
+            transitionPreset: 'backgroundColorChange',
             loadingIndicator: {
                 stylePreset: 'indeterminateProgressIndicatorPrimary',
             },
@@ -32,6 +34,7 @@ export default {
             minHeight: 'sizing090',
             iconSize: 'iconSize030',
             spaceInline: 'space020',
+            transitionPreset: 'backgroundColorChange',
             loadingIndicator: {
                 stylePreset: 'indeterminateProgressIndicatorPrimary',
             },

package/esm/button/defaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/button/defaults.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,MAAM,EAAE;QACN,KAAK,EAAE;YACL,gBAAgB,EAAE,kBAAkB;YACpC,WAAW,EAAE,oBAAoB;YACjC,UAAU,EAAE,qBAAqB;YACjC,QAAQ,EAAE,WAAW;YACrB,SAAS,EAAE,WAAW;YACtB,QAAQ,EAAE,aAAa;YACvB,WAAW,EAAE,UAAU;YACvB,gBAAgB,EAAE;gBAChB,WAAW,EAAE,uCAAuC;aACrD;SACF;QACD,MAAM,EAAE;YACN,gBAAgB,EAAE,kBAAkB;YACpC,WAAW,EAAE,oBAAoB;YACjC,UAAU,EAAE,qBAAqB;YACjC,QAAQ,EAAE,WAAW;YACrB,SAAS,EAAE,WAAW;YACtB,QAAQ,EAAE,aAAa;YACvB,WAAW,EAAE,UAAU;YACvB,gBAAgB,EAAE;gBAChB,WAAW,EAAE,uCAAuC;aACrD;SACF;QACD,KAAK,EAAE;YACL,gBAAgB,EAAE,kBAAkB;YACpC,WAAW,EAAE,oBAAoB;YACjC,UAAU,EAAE,qBAAqB;YACjC,QAAQ,EAAE,WAAW;YACrB,SAAS,EAAE,WAAW;YACtB,QAAQ,EAAE,aAAa;YACvB,WAAW,EAAE,UAAU;YACvB,gBAAgB,EAAE;gBAChB,WAAW,EAAE,uCAAuC;aACrD;SACF;KACF;CACF,CAAC"}
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/button/defaults.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,MAAM,EAAE;QACN,KAAK,EAAE;YACL,gBAAgB,EAAE,kBAAkB;YACpC,WAAW,EAAE,oBAAoB;YACjC,UAAU,EAAE,qBAAqB;YACjC,QAAQ,EAAE,WAAW;YACrB,SAAS,EAAE,WAAW;YACtB,QAAQ,EAAE,aAAa;YACvB,WAAW,EAAE,UAAU;YACvB,gBAAgB,EAAE,uBAAuB;YACzC,gBAAgB,EAAE;gBAChB,WAAW,EAAE,uCAAuC;aACrD;SACF;QACD,MAAM,EAAE;YACN,gBAAgB,EAAE,kBAAkB;YACpC,WAAW,EAAE,oBAAoB;YACjC,UAAU,EAAE,qBAAqB;YACjC,QAAQ,EAAE,WAAW;YACrB,SAAS,EAAE,WAAW;YACtB,QAAQ,EAAE,aAAa;YACvB,WAAW,EAAE,UAAU;YACvB,gBAAgB,EAAE,uBAAuB;YACzC,gBAAgB,EAAE;gBAChB,WAAW,EAAE,uCAAuC;aACrD;SACF;QACD,KAAK,EAAE;YACL,gBAAgB,EAAE,kBAAkB;YACpC,WAAW,EAAE,oBAAoB;YACjC,UAAU,EAAE,qBAAqB;YACjC,QAAQ,EAAE,WAAW;YACrB,SAAS,EAAE,WAAW;YACtB,QAAQ,EAAE,aAAa;YACvB,WAAW,EAAE,UAAU;YACvB,gBAAgB,EAAE,uBAAuB;YACzC,gBAAgB,EAAE;gBAChB,WAAW,EAAE,uCAAuC;aACrD;SACF;KACF;CACF,CAAC"}

package/esm/button/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/button/styled.ts"],"names":[],"mappings":";AAEA,OAAO,EAAC,uBAAuB,EAAC,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,UAAU;;;;kDAatB,CAAC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/button/styled.ts"],"names":[],"mappings":";AAIA,OAAO,EAAC,uBAAuB,EAAC,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,UAAU;;;;kDAgBtB,CAAC"}

package/esm/button/styled.js

@@ -3,14 +3,22 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 import { Flag } from '../flag';
-import { getMotionFromTheme, styled } from '../utils/style';
-export var StyledFlag = styled(Flag)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0; //reset for safari\n  transition-property: background-color;\n  transition-duration: ", ";\n  transition-timing-function: ", ";\n\n  ", "\n"], ["\n  margin: 0; //reset for safari\n  transition-property: background-color;\n  transition-duration: ", ";\n  transition-timing-function: ", ";\n\n  ", "\n"])), getMotionFromTheme('motionDuration020'), getMotionFromTheme('motionTimingEaseOut'), function (_a) {
+import { logicalProps } from '../utils/logical-properties';
+import { styled } from '../utils/style';
+import { getTransitionPreset } from '../utils/style/transition-preset';
+export var StyledFlag = styled(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 getTransitionPreset("button.".concat(size), '');
+}, function (_a) {
     var loading = _a.loading, disabled = _a.disabled;
     if (disabled) {
         return null;
     }
     var cursor = loading ? 'progress' : 'pointer';
     return { cursor: cursor };
+}, function (_a) {
+    var size = _a.size;
+    return logicalProps("button.".concat(size));
 });
 var templateObject_1;
 //# sourceMappingURL=styled.js.map

package/esm/button/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/button/styled.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAC,kBAAkB,EAAE,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAG1D,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,+NAAuC,sGAGpD,EAAuC,mCAChC,EAAyC,SAErE,EAMD,IACF,KAVwB,kBAAkB,CAAC,mBAAmB,CAAC,EAChC,kBAAkB,CAAC,qBAAqB,CAAC,EAErE,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,CACF,CAAC"}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/button/styled.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAGrE,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,qQAAuC,yCAGzE,EAAqD,OACrD,EAMD,MACC,EAGC,sIAEJ,KAbG,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,mBAAmB,CAAC,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,YAAY,CACV,iBAAU,IAAI,CAAE,CACjB;AAFD,CAEC,CAEJ,CAAC"}

package/esm/byline/byline.js

@@ -55,7 +55,7 @@ var ThemelessByline = function (_a) {
         return location;
     };
     return (React.createElement(Stack, { flow: "horizontal-center", inline: true, wrap: "wrap", spaceStack: spaceStack }, bylineData.map(function (_a, i) {
-        var author = _a.author, href = _a.href, title = _a.title, location = _a.location, ariaLabel = _a.ariaLabel;
+        var author = _a.author, href = _a.href, title = _a.title, location = _a.location, ariaLabel = _a.ariaLabel, key = _a.key;
         var lastItem = isLastItem(i, bylineData.length);
         var hasLinkOnly = href && !title && !location;
         var hasLinkAndAuthorInfo = href && (title || location);
@@ -64,7 +64,7 @@ var ThemelessByline = function (_a) {
             stylePreset: linkStyles,
             typographyPreset: linkTypes,
         });
-        return (React.createElement(React.Fragment, null,
+        return (React.createElement(React.Fragment, { key: key },
             hasLinkOnly && (React.createElement(BylineItem, { lastItem: lastItem }, authorNameLink)),
             hasLinkAndAuthorInfo && (React.createElement(BylineItem, { lastItem: lastItem },
                 authorNameLink,