newskit 5.1.1 → 5.4.0

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/button.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ButtonOrButtonLinkProps } from './types';
-export declare const Button: React.FC<ButtonOrButtonLinkProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export declare const Button: import("../utils/with-own-theme").NewsKitReactComponents<ButtonOrButtonLinkProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 //# sourceMappingURL=button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,uBAAuB,EAA2B,MAAM,SAAS,CAAC;AAoG1E,eAAO,MAAM,MAAM,gGAA0D,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,uBAAuB,EAA2B,MAAM,SAAS,CAAC;AAoG1E,eAAO,MAAM,MAAM,gJAA0D,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.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BylineProps } from './types';
-export declare const Byline: React.FC<BylineProps>;
+export declare const Byline: import("../utils/with-own-theme").NewsKitReactComponents<BylineProps>;
 //# sourceMappingURL=byline.d.ts.map

package/esm/byline/byline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"byline.d.ts","sourceRoot":"","sources":["../../../src/byline/byline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAC,WAAW,EAAa,MAAM,SAAS,CAAC;AAgLhD,eAAO,MAAM,MAAM,uBAEjB,CAAC"}
+{"version":3,"file":"byline.d.ts","sourceRoot":"","sources":["../../../src/byline/byline.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAC,WAAW,EAAa,MAAM,SAAS,CAAC;AAgLhD,eAAO,MAAM,MAAM,uEAEjB,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,

package/esm/byline/byline.js.map

@@ -1 +1 @@
-{"version":3,"file":"byline.js","sourceRoot":"","sources":["../../../src/byline/byline.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAE,mBAAmB,EAAE,cAAc,EAAK,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AACnC,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAClC,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AAExC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAErD,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,gGAAA,6BAEhC,IAAA,CAAC;AAEF,IAAM,kBAAkB,GAAG,UACzB,gBAA4B,EAC5B,WAAuB,EACvB,WAAuB,IACpB,OAAA,UAAC,EAQL;QAPC,QAAQ,cAAA,EACR,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,UAAU,gBAAA;IAMV,IAAM,eAAe,GAAG,CACtB,oBAAC,SAAS,mBACK,UAAU,EACvB,EAAE,EAAC,MAAM,EACT,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,WAAW,IAEvB,QAAQ,CACC,CACb,CAAC;IAEF,IAAI,SAAS,EAAE;QACb,OAAO,CACL,oBAAC,WAAW,IAAC,WAAW,EAAE,WAAW,IAAG,eAAe,CAAe,CACvE,CAAC;KACH;IAED,OAAO,eAAe,CAAC;AACzB,CAAC,EA3BI,CA2BJ,CAAC;AAEF,IAAM,UAAU,GAAG,UACjB,EAA8C,EAC9C,SAGC;QAJA,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,SAAS,eAAA;IAKrB,OAAA,CACH,oBAAC,UAAU,IACT,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAK,EACX,GAAG,EAAC,QAAQ,gBACA,SAAS,IAAI,kBAAW,MAAM,CAAE,iBAC/B,MAAM,IAElB,MAAM,CACI,CACd;AAVI,CAUJ,CAAC;AAEF,IAAM,UAAU,GAAG,UAAC,YAAoB,EAAE,MAAc;IACtD,OAAA,YAAY,KAAK,MAAM,GAAG,CAAC;AAA3B,CAA2B,CAAC;AAE9B,IAAM,eAAe,GAA0B,UAAC,EAAuB;QAAtB,UAAU,gBAAA,EAAE,SAAS,eAAA;IACpE,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,UAAU,GAAG,QAAQ,CAAC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,YAAY,CAAC,CAAC;IAE5E,IAAM,UAAU,GAAG,QAAQ,CACzB,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,aAAa,EACb,MAAM,EACN,aAAa,CACd,CAAC;IACF,IAAM,SAAS,GAAG,QAAQ,CACxB,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,aAAa,EACb,MAAM,EACN,kBAAkB,CACnB,CAAC;IAEF,IAAM,UAAU,GAAG,QAAQ,CAAC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,aAAa,CAAC,CAAC;IAC7E,IAAM,SAAS,GAAG,QAAQ,CACxB,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,QAAQ,EACR,EAAE,EACF,kBAAkB,CACnB,CAAC;IAEF,IAAM,YAAY,GAAG,QAAQ,CAC3B,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,gBAAgB,EAChB,SAAS,EACT,aAAa,CACd,CAAC;IAEF,IAAM,aAAa,GAAG,MAAM,CAAC,IAAI,mIAAuC,qBACvD,EAAiC,SAC9C,EAA2C,8BAE9C,KAHgB,mBAAmB,CAAC,YAAY,CAAC,EAC9C,cAAc,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAE9C,CAAC;IAEF,IAAM,wBAAwB,GAAG,kBAAkB,CACjD,SAAS,EACT,UAAU,EACV,YAAY,CACb,CAAC;IAOF,IAAM,UAAU,GAAG,UAAC,EAAqC;YAApC,QAAQ,cAAA,EAAE,QAAQ,cAAA;QAAuB,OAAA,CAC5D,oBAAC,wBAAwB,IAAC,SAAS,EAAE,CAAC,QAAQ;YAC3C,QAAQ;YACR,CAAC,QAAQ,IAAI,oBAAC,aAAa,IAAC,SAAS,EAAE,SAAS,QAAmB,CAC3C,CAC5B;IAL6D,CAK7D,CAAC;IAEF,IAAM,gBAAgB,GAAG,UAAC,KAAc,EAAE,QAAiB;QACzD,IAAI,QAAQ,IAAI,KAAK,EAAE;YACrB,OAAO,UAAG,KAAK,eAAK,QAAQ,CAAE,CAAC;SAChC;QACD,IAAI,KAAK,EAAE;YACT,OAAO,KAAK,CAAC;SACd;QACD,OAAO,QAAQ,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,IAAC,IAAI,EAAC,mBAAmB,EAAC,MAAM,QAAC,IAAI,EAAC,MAAM,EAAC,UAAU,EAAE,UAAU,IACtE,UAAU,CAAC,GAAG,CACb,UAAC,EAAsD,EAAE,CAAC;YAAxD,MAAM,YAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA;QACxC,IAAM,QAAQ,GAAG,UAAU,CAAC,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;QAClD,IAAM,WAAW,GAAG,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC;QAChD,IAAM,oBAAoB,GAAG,IAAI,IAAI,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC;QACzD,IAAM,SAAS,GAAG,CAAC,IAAI,CAAC;QACxB,IAAM,cAAc,GAAG,UAAU,CAC/B,EAAC,MAAM,QAAA,EAAE,IAAI,MAAA,EAAE,SAAS,WAAA,EAAC,EACzB;YACE,WAAW,EAAE,UAAU;YACvB,gBAAgB,EAAE,SAAS;SAC5B,CACF,CAAC;QAEF,OAAO,CACL;YACG,WAAW,IAAI,CACd,oBAAC,UAAU,IAAC,QAAQ,EAAE,QAAQ,IAAG,cAAc,CAAc,CAC9D;YAEA,oBAAoB,IAAI,CACvB,oBAAC,UAAU,IAAC,QAAQ,EAAE,QAAQ;gBAC3B,cAAc;gBAEf,oBAAC,wBAAwB,IAAC,UAAU,UACjC,WAAI,QAAQ,CAAE,CACU;gBAC1B,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,CACvB,CACd;YAEA,SAAS,IAAI,CACZ,oBAAC,UAAU,IAAC,QAAQ,EAAE,QAAQ;gBAC3B,MAAM;gBACN,KAAK,IAAI,YAAK,KAAK,CAAE;gBACrB,QAAQ,IAAI,YAAK,QAAQ,CAAE,CACjB,CACd,CACA,CACJ,CAAC;IACJ,CAAC,CACF,CACK,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,MAAM,GAAG,YAAY,CAAC,eAAe,CAAC,CAAC;IAClD,QAAQ,UAAA;CACT,CAAC,CAAC"}
+{"version":3,"file":"byline.js","sourceRoot":"","sources":["../../../src/byline/byline.tsx"],"names":[],"mappings":"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"}

package/esm/byline/types.d.ts

@@ -5,6 +5,7 @@ export interface BylineData {
     title?: string;
     location?: string;
     ariaLabel?: string;
+    key?: string | number;
 }
 export interface BylineProps {
     bylineData: BylineData[];

package/esm/byline/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/byline/types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAC9B,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB,IAAI,CAAC,EAAE;YACL,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,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SAC1B,CAAC;KACH,CAAC;CACH"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/byline/types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAC9B,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB,IAAI,CAAC,EAAE;YACL,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,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SAC1B,CAAC;KACH,CAAC;CACH"}

package/esm/caption/caption-inset.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-export declare const CaptionInset: import("react").FC<import("./types").CaptionProps>;
+export declare const CaptionInset: import("../utils/with-own-theme").NewsKitReactComponents<import("./types").CaptionProps>;
 //# sourceMappingURL=caption-inset.d.ts.map

package/esm/caption/caption-inset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"caption-inset.d.ts","sourceRoot":"","sources":["../../../src/caption/caption-inset.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,YAAY,oDAIvB,CAAC"}
+{"version":3,"file":"caption-inset.d.ts","sourceRoot":"","sources":["../../../src/caption/caption-inset.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,0FAIvB,CAAC"}

package/esm/caption/caption.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { CaptionProps } from './types';
-export declare const Caption: React.FC<CaptionProps>;
+export declare const Caption: import("../utils/with-own-theme").NewsKitReactComponents<CaptionProps>;
 //# sourceMappingURL=caption.d.ts.map

package/esm/caption/caption.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"caption.d.ts","sourceRoot":"","sources":["../../../src/caption/caption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAwErC,eAAO,MAAM,OAAO,wBAElB,CAAC"}
+{"version":3,"file":"caption.d.ts","sourceRoot":"","sources":["../../../src/caption/caption.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAwErC,eAAO,MAAM,OAAO,wEAElB,CAAC"}

package/esm/card/card-inset.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare const CardInset: import("react").FC<import("./types").CardProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CardInset: import("../utils/with-own-theme").NewsKitReactComponents<import("./types").CardProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=card-inset.d.ts.map

package/esm/card/card-inset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-inset.d.ts","sourceRoot":"","sources":["../../../src/card/card-inset.tsx"],"names":[],"mappings":";AAMA,eAAO,MAAM,SAAS,iGAGpB,CAAC"}
+{"version":3,"file":"card-inset.d.ts","sourceRoot":"","sources":["../../../src/card/card-inset.tsx"],"names":[],"mappings":";AAMA,eAAO,MAAM,SAAS,uIAGpB,CAAC"}

package/esm/card/card.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { CardProps } from './types';
-export declare const Card: React.FC<CardProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Card: import("../utils/with-own-theme").NewsKitReactComponents<CardProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=card.d.ts.map

package/esm/card/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/card/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAmOlC,eAAO,MAAM,IAAI,2DAAwD,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/card/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAmOlC,eAAO,MAAM,IAAI,2GAAwD,CAAC"}

package/esm/checkbox/checkbox.d.ts

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

package/esm/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,iHAGnB,CAAC"}

package/esm/checkbox/checkbox.js

@@ -9,96 +9,17 @@ var __assign = (this && this.__assign) || function () {
     };
     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 '../form/utils';
+import React from 'react';
 import { IconFilledCheck } from '../icons';
-import { StyledCheckbox, StyledInput, StyledCheckboxContainer, StyledFeedback, StyledContainer, StyledLabel, } from './styled';
-import { getComponentOverrides } from '../utils/overrides';
-import { useControlled } from '../utils/hooks';
 import defaults from './defaults';
 import stylePresets from './style-presets';
 import { withOwnTheme } from '../utils/with-own-theme';
+import { BaseSwitch } from '../base-switch';
 var DefaultCheckboxIcon = function (_a) {
     var checked = _a.checked, overrides = _a.overrides;
     return checked ? (React.createElement(IconFilledCheck, { overrides: __assign({ size: 'iconSize020' }, overrides) })) : null;
 };
-var ThemelessCheckbox = 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, restProps = __rest(_a, ["size", "checked", "defaultChecked", "state", "overrides", "onFocus", "onBlur", "onChange", "label", "labelPosition", "labelAttributes"]);
-    var ref = useRef(null);
-    var _e = React.useState(false), isFocused = _e[0], setFocused = _e[1];
-    var _f = React.useState(false), isLabelHover = _f[0], setLabelHover = _f[1];
-    var _g = React.useState(false), isFeedbackHover = _g[0], setFeedbackHover = _g[1];
-    var _h = useControlled({
-        controlledValue: checkedProp,
-        defaultValue: Boolean(defaultChecked),
-    }), checked = _h[0], setCheckedState = _h[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 (ref && ref.current && !label) {
-            ref.current.click();
-        }
-    }, [ref, label]);
-    var onInputChange = useCallback(function (event) {
-        var newChecked = event.target.checked;
-        setCheckedState(newChecked);
-    }, [setCheckedState]);
-    var onInputFocus = useCallback(function () {
-        setFocused(true);
-    }, [setFocused]);
-    var onInputBlur = useCallback(function () {
-        setFocused(false);
-    }, [setFocused]);
-    // onLabelMouseOver && onLabelMouseLeave
-    // are used to apply hover state on the checkbox when mouse is over label
-    var onLabelMouseOver = useCallback(function () {
-        if (state !== 'disabled') {
-            setLabelHover(true);
-        }
-    }, [setLabelHover, state]);
-    var onLabelMouseLeave = useCallback(function () {
-        if (state !== 'disabled') {
-            setLabelHover(false);
-        }
-    }, [setLabelHover, state]);
-    var onFeedbackMouseOver = useCallback(function () {
-        if (state !== 'disabled') {
-            setFeedbackHover(true);
-        }
-    }, [setFeedbackHover, state]);
-    var onFeedbackMouseLeave = useCallback(function () {
-        if (state !== 'disabled') {
-            setFeedbackHover(false);
-        }
-    }, [setFeedbackHover, state]);
-    var _j = 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.createElement(StyledLabel, { 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 }),
-        labelPosition === 'start' && labelElement,
-        React.createElement(StyledCheckboxContainer, { size: size, overrides: overrides, state: state, labelPosition: labelPosition, onMouseOver: onFeedbackMouseOver, onMouseLeave: onFeedbackMouseLeave, role: "presentation" },
-            React.createElement(StyledFeedback, { size: size, overrides: overrides, state: state, onClick: onFeedbackClick, "data-testid": "checkbox-feedback", isFocused: isFocused, isHover: isFeedbackHover }),
-            React.createElement(StyledCheckbox, { checked: checked, state: state, overrides: overrides, size: size, isFocused: isFocused, isHover: isLabelHover, feedbackIsVisible: isFeedbackHover || isFocused },
-                React.createElement(CheckIcon, __assign({}, checkIconProps)),
-                React.createElement(StyledInput, __assign({ ref: composeRefs(inputRef, ref), overrides: overrides, checked: checked, disabled: state === 'disabled' }, restProps, { type: "checkbox", state: state, onFocus: composeEventHandlers([onInputFocus, onFocus]), onBlur: composeEventHandlers([onInputBlur, onBlur]), onChange: composeEventHandlers([onInputChange, onChange]) })))),
-        labelPosition === 'end' && labelElement));
-});
+var ThemelessCheckbox = React.forwardRef(function (props, inputRef) { return (React.createElement(BaseSwitch, __assign({ path: "checkbox", ref: inputRef, type: "checkbox" }, props, { defaultSwitchSelectorComponent: DefaultCheckboxIcon }))); });
 export var Checkbox = withOwnTheme(ThemelessCheckbox)({
     defaults: defaults,
     stylePresets: stylePresets,

package/esm/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,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,eAAe,EAAC,MAAM,UAAU,CAAC;AAEzC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAE1C,IAAM,mBAAmB,GAAG,UAAC,EAAuC;QAAtC,OAAO,aAAA,EAAE,SAAS,eAAA;IAC9C,OAAA,OAAO,CAAC,CAAC,CAAC,CACR,oBAAC,eAAe,IACd,SAAS,aACP,IAAI,EAAE,aAAa,IAChB,SAAS,IAEd,CACH,CAAC,CAAC,CAAC,IAAI;AAPR,CAOQ,CAAC;AAEX,IAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CACxC,UAAC,KAAK,EAAE,QAAQ,IAAK,OAAA,CACnB,oBAAC,UAAU,aACT,IAAI,EAAC,UAAU,EACf,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,UAAU,IACX,KAAK,IACT,8BAA8B,EAAE,mBAAmB,IACnD,CACH,EARoB,CAQpB,CACF,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,YAAY,CAAC,iBAAiB,CAAC,CAAC;IACtD,QAAQ,UAAA;IACR,YAAY,cAAA;CACb,CAAC,CAAC"}

package/esm/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/esm/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/esm/checkbox/defaults.js

@@ -6,6 +6,7 @@ export default {
                 size: 'sizing050',
                 stylePreset: 'checkboxInput',
                 spaceInline: 'space030',
+                transitionPreset: ['backgroundColorChange', 'borderColorChange'],
             },
             feedback: {
                 size: 'sizing070',
@@ -22,6 +23,7 @@ export default {
                 size: 'sizing060',
                 stylePreset: 'checkboxInput',
                 spaceInline: 'space030',
+                transitionPreset: ['backgroundColorChange', 'borderColorChange'],
             },
             feedback: {
                 size: 'sizing080',
@@ -38,6 +40,7 @@ export default {
                 size: 'sizing070',
                 stylePreset: 'checkboxInput',
                 spaceInline: 'space040',
+                transitionPreset: ['backgroundColorChange', 'borderColorChange'],
             },
             feedback: {
                 size: 'sizing090',

package/esm/checkbox/defaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/checkbox/defaults.ts"],"names":[],"mappings":"AAAA,eAAe;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,eAAe;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/esm/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/esm/checkbox/style-presets.js

@@ -1,20 +1,20 @@
 export 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: {
@@ -26,8 +26,8 @@ export default {
             borderColor: '{{colors.interactiveInput050}}',
         },
         'checked:focus': {
-            backgroundColor: '{{colors.interactiveInput050}}',
-            borderColor: '{{colors.interactiveInput050}}',
+            backgroundColor: '{{colors.interactiveInput040}}',
+            borderColor: '{{colors.interactiveInput040}}',
         },
         'checked:focus:hover': {
             backgroundColor: '{{colors.interactiveInput050}}',
@@ -36,13 +36,15 @@ export 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': {
@@ -50,8 +52,8 @@ export 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}}',
@@ -62,15 +64,19 @@ export 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': {
@@ -78,8 +84,8 @@ export 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}}',
@@ -90,6 +96,7 @@ export default {
             borderColor: '{{colors.interactivePositive050}}',
         },
         disabled: {
+            backgroundColor: '{{colors.transparent}}',
             borderColor: '{{colors.interactiveDisabled010}}',
         },
         'checked:disabled': {
@@ -101,21 +108,32 @@ export 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}}',
         },
     },
 };