newskit 6.4.0 → 6.6.0

package/esm/tag/tag.js

@@ -34,6 +34,7 @@ import defaults from './defaults';
 import stylePresets from './style-presets';
 import { withOwnTheme } from '../utils/with-own-theme';
 import { getTransitionPreset } from '../utils/style/transition-preset';
+import { EventTrigger, useInstrumentation } from '../instrumentation';
 var StyledFlag = styled(BaseFlag)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  ", ";\n"], ["\n  ", "\n  ", ";\n"])), function (_a) {
     var href = _a.href, disabled = _a.disabled;
     return href && !disabled && { cursor: 'pointer' };
@@ -42,10 +43,24 @@ var StyledFlag = styled(BaseFlag)(templateObject_1 || (templateObject_1 = __make
     return getTransitionPreset("tag.".concat(size), '');
 });
 var ThemelessTag = React.forwardRef(function (_a, ref) {
-    var _b = _a.overrides, overrides = _b === void 0 ? {} : _b, disabled = _a.disabled, href = _a.href, props = __rest(_a, ["overrides", "disabled", "href"]);
+    var _b = _a.overrides, overrides = _b === void 0 ? {} : _b, disabled = _a.disabled, href = _a.href, eventContext = _a.eventContext, _c = _a.eventOriginator, eventOriginator = _c === void 0 ? 'tag' : _c, props = __rest(_a, ["overrides", "disabled", "href", "eventContext", "eventOriginator"]);
     var theme = useTheme();
-    var _c = props.size, size = _c === void 0 ? 'medium' : _c;
-    return (React.createElement(StyledFlag, __assign({ ref: ref, "data-testid": "tag", disabled: disabled, href: disabled ? undefined : href }, emotionAs(href && !disabled ? 'a' : 'div'), props, { overrides: __assign(__assign({}, theme.componentDefaults.tag[size]), filterOutFalsyProperties(overrides)) })));
+    var _d = props.size, size = _d === void 0 ? 'medium' : _d;
+    var fireEvent = useInstrumentation().fireEvent;
+    return (React.createElement(StyledFlag, __assign({ ref: ref, "data-testid": "tag", disabled: disabled, href: disabled ? undefined : href }, emotionAs(href && !disabled ? 'a' : 'div'), props, { overrides: __assign(__assign({}, theme.componentDefaults.tag[size]), filterOutFalsyProperties(overrides)), onClick: function () {
+            var args = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                args[_i] = arguments[_i];
+            }
+            fireEvent({
+                originator: eventOriginator,
+                trigger: EventTrigger.Click,
+                context: __assign({ href: href }, eventContext),
+            });
+            if (props.onClick) {
+                props.onClick.apply(props, args);
+            }
+        } })));
 });
 export var Tag = withOwnTheme(ThemelessTag)({ defaults: defaults, stylePresets: stylePresets });
 var templateObject_1;

package/esm/tag/tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../../src/tag/tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AACtC,OAAO,EAAC,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAC,EAAE,IAAI,SAAS,EAAC,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAClC,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AACtC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAErE,IAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,CAAC,wFAAA,MAC/B,EAAwE,MACxE,EAAkD,KACrD,KAFG,UAAC,EAA0B;QAAzB,IAAI,UAAA,EAAE,QAAQ,cAAA;IAAgB,OAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,EAAC,MAAM,EAAE,SAAS,EAAC;AAAxC,CAAwC,EACxE,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,mBAAmB,CAAC,cAAO,IAAI,CAAE,EAAE,EAAE,CAAC;AAAtC,CAAsC,CACrD,CAAC;AAEF,IAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACnC,UAAC,EAA0C,EAAE,GAAG;IAA9C,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAK,KAAK,cAAzC,iCAA0C,CAAD;IACxC,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAClB,IAAA,KAAmB,KAAK,KAAT,EAAf,IAAI,mBAAG,QAAQ,KAAA,CAAU;IAEhC,OAAO,CACL,oBAAC,UAAU,aACT,GAAG,EAAE,GAAG,iBACI,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,IAC7B,SAAS,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,EAC1C,KAAK,IACT,SAAS,wBACJ,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,GACjC,wBAAwB,CAAC,SAAS,CAAC,KAExC,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,IAAM,GAAG,GAAG,YAAY,CAAC,YAAY,CAAC,CAAC,EAAC,QAAQ,UAAA,EAAE,YAAY,cAAA,EAAC,CAAC,CAAC"}
+{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../../src/tag/tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AACtC,OAAO,EAAC,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAC,EAAE,IAAI,SAAS,EAAC,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAClC,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AACtC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAC,YAAY,EAAE,kBAAkB,EAAC,MAAM,oBAAoB,CAAC;AAEpE,IAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,CAAC,wFAAA,MAC/B,EAAwE,MACxE,EAAkD,KACrD,KAFG,UAAC,EAA0B;QAAzB,IAAI,UAAA,EAAE,QAAQ,cAAA;IAAgB,OAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,EAAC,MAAM,EAAE,SAAS,EAAC;AAAxC,CAAwC,EACxE,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,mBAAmB,CAAC,cAAO,IAAI,CAAE,EAAE,EAAE,CAAC;AAAtC,CAAsC,CACrD,CAAC;AAEF,IAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACnC,UACE,EAOC,EACD,GAAG;IAPD,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,YAAY,kBAAA,EACZ,uBAAuB,EAAvB,eAAe,mBAAG,KAAK,KAAA,EACpB,KAAK,cANV,oEAOC,CADS;IAIV,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAClB,IAAA,KAAmB,KAAK,KAAT,EAAf,IAAI,mBAAG,QAAQ,KAAA,CAAU;IAEzB,IAAA,SAAS,GAAI,kBAAkB,EAAE,UAAxB,CAAyB;IAEzC,OAAO,CACL,oBAAC,UAAU,aACT,GAAG,EAAE,GAAG,iBACI,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,IAC7B,SAAS,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,EAC1C,KAAK,IACT,SAAS,wBACJ,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,GACjC,wBAAwB,CAAC,SAAS,CAAC,GAExC,OAAO,EAAE;YACP,cAAiE;iBAAjE,UAAiE,EAAjE,qBAAiE,EAAjE,IAAiE;gBAAjE,yBAAiE;;YAEjE,SAAS,CAAC;gBACR,UAAU,EAAE,eAAe;gBAC3B,OAAO,EAAE,YAAY,CAAC,KAAK;gBAC3B,OAAO,aACL,IAAI,MAAA,IACD,YAAY,CAChB;aACF,CAAC,CAAC;YACH,IAAI,KAAK,CAAC,OAAO,EAAE;gBACjB,KAAK,CAAC,OAAO,OAAb,KAAK,EAAY,IAAI,EAAE;aACxB;QACH,CAAC,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,IAAM,GAAG,GAAG,YAAY,CAAC,YAAY,CAAC,CAAC,EAAC,QAAQ,UAAA,EAAE,YAAY,cAAA,EAAC,CAAC,CAAC"}

package/esm/tag/types.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { BaseFlagOverrides, BaseFlagProps } from '../flag';
-export interface TagProps extends Omit<BaseFlagProps<BaseFlagOverrides>, 'loading'>, React.AnchorHTMLAttributes<HTMLAnchorElement> {
+import { EventData } from '../instrumentation';
+export interface TagProps extends Omit<BaseFlagProps<BaseFlagOverrides>, 'loading'>, EventData, React.AnchorHTMLAttributes<HTMLAnchorElement> {
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/tag/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,iBAAiB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AAEzD,MAAM,WAAW,QACf,SAAQ,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,EACvD,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/tag/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,iBAAiB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AACzD,OAAO,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAE7C,MAAM,WAAW,QACf,SAAQ,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,EACvD,SAAS,EACT,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG"}

package/esm/theme-checker/themes/storybook-newskit-dark/colors.json

@@ -0,0 +1,72 @@
+{
+    "inkBrand020": "{{colors.amber030}}",
+    "inkBrand010": "{{colors.amber010}}",
+    "inkInformative": "{{colors.teal050}}",
+    "inkNotice": "{{colors.neutral040}}",
+    "inkNegative": "{{colors.red050}}",
+    "inkPositive": "{{colors.green050}}",
+    "inkDark010": "{{colors.neutral100}}",
+    "inkLight010": "{{colors.white}}",
+    "inkInverse": "{{colors.neutral100}}",
+    "inkNonEssential": "{{colors.neutral050}}",
+    "inkBase": "{{colors.neutral020}}",
+    "inkSubtle": "{{colors.neutral040}}",
+    "inkContrast": "{{colors.white}}",
+    "interfaceSkeleton020": "{{colors.neutral080}}",
+    "interfaceSkeleton010": "{{colors.neutral090}}",
+    "interfaceNeutral020": "{{colors.amber080}}",
+    "interfaceNeutral010": "{{colors.amber030}}",
+    "interfaceInformative020": "{{colors.amber070}}",
+    "interfaceInformative010": "{{colors.amber050}}",
+    "interfaceNotice020": "{{colors.neutral080}}",
+    "interfaceNotice010": "{{colors.neutral030}}",
+    "interfaceNegative020": "{{colors.red090}}",
+    "interfaceNegative010": "{{colors.red050}}",
+    "interfacePositive020": "{{colors.green090}}",
+    "interfacePositive010": "{{colors.green050}}",
+    "interfaceBrand020": "{{colors.teal030}}",
+    "interfaceBrand010": "{{colors.teal050}}",
+    "interface060": "{{colors.neutral030}}",
+    "interface050": "{{colors.neutral050}}",
+    "interface040": "{{colors.neutral060}}",
+    "interface030": "{{colors.neutral070}}",
+    "interface020": "{{colors.neutral080}}",
+    "interface010": "{{colors.teal090}}",
+    "interfaceBackground": "{{colors.neutral100}}",
+    "interactiveInput050": "{{colors.teal030}}",
+    "interactiveInput040": "{{colors.teal050}}",
+    "interactiveInput030": "{{colors.teal070}}",
+    "interactiveInput020": "{{colors.teal055}}",
+    "interactiveInput010": "{{colors.teal030}}",
+    "interactiveFocus010": "{{colors.purple055}}",
+    "interactiveVisited010": "{{colors.blue055}}",
+    "interactiveDisabled010": "{{colors.neutral080}}",
+    "interactiveLink030": "{{colors.teal030}}",
+    "interactiveLink020": "{{colors.teal040}}",
+    "interactiveLink010": "{{colors.teal055}}",
+    "interactiveInverse050": "{{colors.blackTint080}}",
+    "interactiveInverse040": "{{colors.blackTint070}}",
+    "interactiveInverse030": "{{colors.blackTint090}}",
+    "interactiveInverse020": "{{colors.blackTint020}}",
+    "interactiveInverse010": "{{colors.blackTint010}}",
+    "interactiveNegative050": "{{colors.red030}}",
+    "interactiveNegative040": "{{colors.red040}}",
+    "interactiveNegative030": "{{colors.red050}}",
+    "interactiveNegative020": "{{colors.red080}}",
+    "interactiveNegative010": "{{colors.red090}}",
+    "interactivePositive050": "{{colors.green030}}",
+    "interactivePositive040": "{{colors.green040}}",
+    "interactivePositive030": "{{colors.green050}}",
+    "interactivePositive020": "{{colors.green080}}",
+    "interactivePositive010": "{{colors.green090}}",
+    "interactiveSecondary050": "{{colors.amber050}}",
+    "interactiveSecondary040": "{{colors.amber040}}",
+    "interactiveSecondary030": "{{colors.amber030}}",
+    "interactiveSecondary020": "{{colors.amber070}}",
+    "interactiveSecondary010": "{{colors.amber080}}",
+    "interactivePrimary050": "{{colors.teal030}}",
+    "interactivePrimary040": "{{colors.teal040}}",
+    "interactivePrimary030": "{{colors.teal050}}",
+    "interactivePrimary020": "{{colors.teal070}}",
+    "interactivePrimary010": "{{colors.teal080}}"
+}

package/esm/theme-checker/themes/storybook-newskit-dark/storybook-newskit-dark-theme.d.ts

@@ -0,0 +1,2 @@
+export declare const storybookNewskitDarkTheme: import("../../..").UncompiledTheme;
+//# sourceMappingURL=storybook-newskit-dark-theme.d.ts.map

package/esm/theme-checker/themes/storybook-newskit-dark/storybook-newskit-dark-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storybook-newskit-dark-theme.d.ts","sourceRoot":"","sources":["../../../../../src/theme-checker/themes/storybook-newskit-dark/storybook-newskit-dark-theme.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,yBAAyB,oCAIpC,CAAC"}

package/esm/theme-checker/themes/storybook-newskit-dark/storybook-newskit-dark-theme.js

@@ -0,0 +1,9 @@
+import colors from './colors.json';
+import { createTheme } from '../../../theme';
+import { newskitDarkTheme } from '../../..';
+export var storybookNewskitDarkTheme = createTheme({
+    name: 'storybook-newskit-dark',
+    baseTheme: newskitDarkTheme,
+    overrides: { colors: colors },
+});
+//# sourceMappingURL=storybook-newskit-dark-theme.js.map

package/esm/theme-checker/themes/storybook-newskit-dark/storybook-newskit-dark-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"storybook-newskit-dark-theme.js","sourceRoot":"","sources":["../../../../../src/theme-checker/themes/storybook-newskit-dark/storybook-newskit-dark-theme.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,eAAe,CAAC;AACnC,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAE1C,MAAM,CAAC,IAAM,yBAAyB,GAAG,WAAW,CAAC;IACnD,IAAI,EAAE,wBAAwB;IAC9B,SAAS,EAAE,gBAAgB;IAC3B,SAAS,EAAE,EAAC,MAAM,QAAA,EAAC;CACpB,CAAC,CAAC"}

package/esm/theme-checker/themes/storybook-newskit-light/colors.json

@@ -0,0 +1,178 @@
+{
+    "focus010": "rgba(55,104,251,1)",
+    "purple100": "rgba(15,9,54,1)",
+    "purple090": "rgba(35,22,104,1)",
+    "purple080": "rgba(55,35,156,1)",
+    "purple070": "rgba(76,51,204,1)",
+    "purple060": "rgba(100,84,227,1)",
+    "purple055": "rgba(110,97,228,1)",
+    "purple050": "rgba(136,131,246,1)",
+    "purple040": "rgba(163,163,251,1)",
+    "purple030": "rgba(192,194,252,1)",
+    "purple020": "rgba(223,224,254,1)",
+    "purple010": "rgba(239,240,255,1)",
+    "blue100": "rgba(6,15,44,1)",
+    "blue090": "rgba(3,38,77,1)",
+    "blue080": "rgba(18,56,122,1)",
+    "blue070": "rgba(37,76,172,1)",
+    "blue060": "rgba(51,88,204,1)",
+    "blue055": "rgba(68,107,228,1)",
+    "blue050": "rgba(87,127,251,1)",
+    "blue040": "rgba(139,166,246,1)",
+    "blue030": "rgba(174,191,255,1)",
+    "blue020": "rgba(213,224,252,1)",
+    "blue010": "rgba(236,241,255,1)",
+    "teal100": "rgba(0,19,20,1)",
+    "teal090": "rgba(0,43,48,1)",
+    "teal080": "rgba(0,66,73,1)",
+    "teal070": "rgba(0,91,101,1)",
+    "teal060": "rgba(1,117,130,1)",
+    "teal055": "rgba(6,128,142,1)",
+    "teal050": "rgba(40,159,171,1)",
+    "teal040": "rgba(94,184,192,1)",
+    "teal030": "rgba(151,208,214,1)",
+    "teal020": "rgba(199,231,234,1)",
+    "teal010": "rgba(230,244,246,1)",
+    "amber100": "rgba(29,13,2,1)",
+    "amber090": "rgba(60,31,0,1)",
+    "amber080": "rgba(93,47,0,1)",
+    "amber070": "rgba(128,66,0,1)",
+    "amber060": "rgba(167,85,0,1)",
+    "amber050": "rgba(205,105,0,1)",
+    "amber040": "rgba(247,146,71,1)",
+    "amber030": "rgba(254,183,136,1)",
+    "amber020": "rgba(253,220,198,1)",
+    "amber010": "rgba(255,237,225,1)",
+    "red100": "rgba(45,0,0,1)",
+    "red090": "rgba(85,0,0,1)",
+    "red080": "rgba(125,0,0,1)",
+    "red070": "rgba(169,0,0,1)",
+    "red060": "rgba(214,0,0,1)",
+    "red050": "rgba(251,89,89,1)",
+    "red040": "rgba(254,136,136,1)",
+    "red030": "rgba(254,179,179,1)",
+    "red020": "rgba(254,216,216,1)",
+    "red010": "rgba(254,236,236,1)",
+    "green100": "rgba(0,21,6,1)",
+    "green090": "rgba(0,45,13,1)",
+    "green080": "rgba(0,69,20,1)",
+    "green070": "rgba(0,96,26,1)",
+    "green060": "rgba(0,123,34,1)",
+    "green050": "rgba(65,160,91,1)",
+    "green040": "rgba(109,182,129,1)",
+    "green030": "rgba(149,202,163,1)",
+    "green020": "rgba(200,228,208,1)",
+    "green010": "rgba(229,244,234,1)",
+    "neutral100": "rgba(17,17,17,1)",
+    "neutral090": "rgba(38,38,38,1)",
+    "neutral080": "rgba(59,59,59,1)",
+    "neutral070": "rgba(82,82,82,1)",
+    "neutral060": "rgba(106,106,106,1)",
+    "neutral050": "rgba(145,145,145,1)",
+    "neutral040": "rgba(171,171,171,1)",
+    "neutral030": "rgba(198,198,198,1)",
+    "neutral020": "rgba(226,226,226,1)",
+    "neutral010": "rgba(241,241,241,1)",
+    "black": "rgba(17,17,17,1)",
+    "white": "rgba(255,255,255,1)",
+    "whiteTint090": "rgba(255,255,255,0.9)",
+    "whiteTint080": "rgba(255,255,255,0.8)",
+    "whiteTint070": "rgba(255,255,255,0.7)",
+    "whiteTint060": "rgba(255,255,255,0.6)",
+    "whiteTint050": "rgba(255,255,255,0.5)",
+    "whiteTint040": "rgba(255,255,255,0.4)",
+    "whiteTint030": "rgba(255,255,255,0.3)",
+    "whiteTint020": "rgba(255,255,255,0.2)",
+    "whiteTint010": "rgba(255,255,255,0.1)",
+    "blackTint090": "rgba(0,0,0,0.9)",
+    "blackTint080": "rgba(0,0,0,0.8)",
+    "blackTint070": "rgba(0,0,0,0.7)",
+    "blackTint060": "rgba(0,0,0,0.6)",
+    "blackTint050": "rgba(0,0,0,0.5)",
+    "blackTint040": "rgba(0,0,0,0.4)",
+    "blackTint030": "rgba(0,0,0,0.3)",
+    "blackTint020": "rgba(0,0,0,0.2)",
+    "blackTint010": "rgba(0,0,0,0.1)",
+    "socialReddit": "rgba(255,69,0,1)",
+    "socialWhatsapp": "rgba(37,211,102,1)",
+    "socialYoutube": "rgba(255,0,0,1)",
+    "socialInstagram": "rgba(195,42,163,1)",
+    "socialFacebook": "rgba(24,119,242,1)",
+    "socialTwitter": "rgba(29,161,242,1)",
+    "socialGithub": "rgba(0,0,0,1)",
+    "socialApple": "rgba(0,0,0,1)",
+    "socialGoogleBlue": "rgba(66,133,244,1)",
+    "socialGoogleRed": "rgba(219,68,55,1)",
+    "socialGoogleYellow": "rgba(244,180,0,1)",
+    "socialGoogleGreen": "rgba(15,157,88,1)",
+    "inkBrand020": "{{colors.amber090}}",
+    "inkBrand010": "{{colors.amber070}}",
+    "inkInformative": "{{colors.teal060}}",
+    "inkNotice": "{{colors.neutral070}}",
+    "inkNegative": "{{colors.red060}}",
+    "inkPositive": "{{colors.green060}}",
+    "inkDark010": "{{colors.neutral100}}",
+    "inkLight010": "{{colors.white}}",
+    "inkInverse": "{{colors.white}}",
+    "inkNonEssential": "{{colors.neutral040}}",
+    "inkBase": "{{colors.neutral080}}",
+    "inkSubtle": "{{colors.neutral060}}",
+    "inkContrast": "{{colors.neutral100}}",
+    "interfaceSkeleton020": "{{colors.neutral020}}",
+    "interfaceSkeleton010": "{{colors.neutral010}}",
+    "interfaceNeutral020": "{{colors.teal020}}",
+    "interfaceNeutral010": "{{colors.teal070}}",
+    "interfaceInformative020": "{{colors.amber020}}",
+    "interfaceInformative010": "{{colors.amber060}}",
+    "interfaceNotice020": "{{colors.neutral010}}",
+    "interfaceNotice010": "{{colors.neutral080}}",
+    "interfaceNegative020": "{{colors.red010}}",
+    "interfaceNegative010": "{{colors.red060}}",
+    "interfacePositive020": "{{colors.green010}}",
+    "interfacePositive010": "{{colors.green060}}",
+    "interfaceBrand020": "{{colors.teal070}}",
+    "interfaceBrand010": "{{colors.teal055}}",
+    "interface060": "{{colors.neutral100}}",
+    "interface050": "{{colors.neutral040}}",
+    "interface040": "{{colors.neutral030}}",
+    "interface030": "{{colors.neutral020}}",
+    "interface020": "{{colors.neutral010}}",
+    "interface010": "{{colors.teal020}}",
+    "interfaceBackground": "{{colors.white}}",
+    "interactiveInput050": "{{colors.teal060}}",
+    "interactiveInput040": "{{colors.teal050}}",
+    "interactiveInput030": "{{colors.teal010}}",
+    "interactiveInput020": "{{colors.teal050}}",
+    "interactiveInput010": "{{colors.teal010}}",
+    "interactiveFocus010": "{{colors.purple055}}",
+    "interactiveVisited010": "{{colors.blue055}}",
+    "interactiveDisabled010": "{{colors.neutral020}}",
+    "interactiveLink030": "{{colors.teal070}}",
+    "interactiveLink020": "{{colors.teal060}}",
+    "interactiveLink010": "{{colors.teal055}}",
+    "interactiveInverse050": "{{colors.whiteTint080}}",
+    "interactiveInverse040": "{{colors.whiteTint070}}",
+    "interactiveInverse030": "{{colors.white}}",
+    "interactiveInverse020": "{{colors.whiteTint020}}",
+    "interactiveInverse010": "{{colors.whiteTint010}}",
+    "interactiveNegative050": "{{colors.red080}}",
+    "interactiveNegative040": "{{colors.red070}}",
+    "interactiveNegative030": "{{colors.red060}}",
+    "interactiveNegative020": "{{colors.red020}}",
+    "interactiveNegative010": "{{colors.red010}}",
+    "interactivePositive050": "{{colors.green080}}",
+    "interactivePositive040": "{{colors.green070}}",
+    "interactivePositive030": "{{colors.green060}}",
+    "interactivePositive020": "{{colors.green020}}",
+    "interactivePositive010": "{{colors.green010}}",
+    "interactiveSecondary050": "{{colors.amber080}}",
+    "interactiveSecondary040": "{{colors.amber070}}",
+    "interactiveSecondary030": "{{colors.amber060}}",
+    "interactiveSecondary020": "{{colors.amber020}}",
+    "interactiveSecondary010": "{{colors.amber010}}",
+    "interactivePrimary050": "{{colors.teal080}}",
+    "interactivePrimary040": "{{colors.teal070}}",
+    "interactivePrimary030": "{{colors.teal060}}",
+    "interactivePrimary020": "{{colors.teal020}}",
+    "interactivePrimary010": "{{colors.teal010}}"
+}

package/esm/theme-checker/themes/storybook-newskit-light/storybook-newskit-light-theme.d.ts

@@ -0,0 +1,2 @@
+export declare const storybookNewskitLightTheme: import("../../..").UncompiledTheme;
+//# sourceMappingURL=storybook-newskit-light-theme.d.ts.map

package/esm/theme-checker/themes/storybook-newskit-light/storybook-newskit-light-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storybook-newskit-light-theme.d.ts","sourceRoot":"","sources":["../../../../../src/theme-checker/themes/storybook-newskit-light/storybook-newskit-light-theme.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,0BAA0B,oCAIrC,CAAC"}

package/esm/theme-checker/themes/storybook-newskit-light/storybook-newskit-light-theme.js

@@ -0,0 +1,9 @@
+import colors from './colors.json';
+import { createTheme } from '../../../theme';
+import { newskitLightTheme } from '../../..';
+export var storybookNewskitLightTheme = createTheme({
+    name: 'storybook-newskit-light',
+    baseTheme: newskitLightTheme,
+    overrides: { colors: colors },
+});
+//# sourceMappingURL=storybook-newskit-light-theme.js.map

package/esm/theme-checker/themes/storybook-newskit-light/storybook-newskit-light-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"storybook-newskit-light-theme.js","sourceRoot":"","sources":["../../../../../src/theme-checker/themes/storybook-newskit-light/storybook-newskit-light-theme.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,eAAe,CAAC;AACnC,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,iBAAiB,EAAC,MAAM,UAAU,CAAC;AAE3C,MAAM,CAAC,IAAM,0BAA0B,GAAG,WAAW,CAAC;IACpD,IAAI,EAAE,yBAAyB;IAC/B,SAAS,EAAE,iBAAiB;IAC5B,SAAS,EAAE,EAAC,MAAM,QAAA,EAAC;CACpB,CAAC,CAAC"}

package/esm/utils/audio-tests.d.ts

@@ -3,7 +3,6 @@ import { AudioPlayerComposableProps } from '../audio-player-composable/types';
 import { AudioPlayerProps } from '../audio-player';
 declare type Props = AudioPlayerProps | AudioPlayerComposableProps;
 declare type Component = ComponentType<AudioPlayerProps> | ComponentType<AudioPlayerComposableProps>;
-export declare const DISABLE_ANIMATIONS_SCRIPT = "document.getElementsByTagName(\"circle\")[0].style.animation = \"none\";";
 export declare const useAllPlayersCanPlayCheck: (nbPlayers: number) => {
     allPlayersCanPlay: boolean;
     onCanPlay: () => void;

package/esm/utils/audio-tests.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"audio-tests.d.ts","sourceRoot":"","sources":["../../../src/utils/audio-tests.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,aAAa,EAAsB,MAAM,OAAO,CAAC;AACzD,OAAO,EAAC,0BAA0B,EAAC,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAC,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAIjD,aAAK,KAAK,GAAG,gBAAgB,GAAG,0BAA0B,CAAC;AAC3D,aAAK,SAAS,GACV,aAAa,CAAC,gBAAgB,CAAC,GAC/B,aAAa,CAAC,0BAA0B,CAAC,CAAC;AAE9C,eAAO,MAAM,yBAAyB,6EACkC,CAAC;AASzE,eAAO,MAAM,yBAAyB,cAAe,MAAM;;;CAO1D,CAAC;AAgCF,eAAO,MAAM,qBAAqB,6DAG/B;IACD,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC;CACd,gBAWA,CAAC"}
+{"version":3,"file":"audio-tests.d.ts","sourceRoot":"","sources":["../../../src/utils/audio-tests.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,aAAa,EAAsB,MAAM,OAAO,CAAC;AACzD,OAAO,EAAC,0BAA0B,EAAC,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAC,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAGjD,aAAK,KAAK,GAAG,gBAAgB,GAAG,0BAA0B,CAAC;AAC3D,aAAK,SAAS,GACV,aAAa,CAAC,gBAAgB,CAAC,GAC/B,aAAa,CAAC,0BAA0B,CAAC,CAAC;AAS9C,eAAO,MAAM,yBAAyB,cAAe,MAAM;;;CAO1D,CAAC;AAgCF,eAAO,MAAM,qBAAqB,6DAG/B;IACD,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC;CACd,gBAWA,CAAC"}

package/esm/utils/audio-tests.js

@@ -23,8 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import * as React from 'react';
 import { useEffect, useState } from 'react';
-var isVisualTest = process.env.STORYBOOK_IS_VISUAL_TEST === 'true';
-export var DISABLE_ANIMATIONS_SCRIPT = 'document.getElementsByTagName("circle")[0].style.animation = "none";';
+import { isVisualTest } from '../test/test-utils';
 // We need a way to make sure all Audio Players are no longer in loading state
 // before taking the snaphot. One way is to conditionally show / hide an invisible
 // element on the page based on loading state, and pass this to the waitBeforeCapture

package/esm/utils/audio-tests.js.map

@@ -1 +1 @@
-{"version":3,"file":"audio-tests.js","sourceRoot":"","sources":["../../../src/utils/audio-tests.tsx"],"names":[],"mappings":"AAAA,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;AAE1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAIzD,IAAM,YAAY,GAAG,OAAO,CAAC,GAAG,CAAC,wBAAwB,KAAK,MAAM,CAAC;AAOrE,MAAM,CAAC,IAAM,yBAAyB,GACpC,sEAAsE,CAAC;AAEzE,8EAA8E;AAC9E,kFAAkF;AAClF,qFAAqF;AACrF,4EAA4E;AAC5E,kFAAkF;AAClF,mFAAmF;AACnF,mFAAmF;AACnF,MAAM,CAAC,IAAM,yBAAyB,GAAG,UAAC,SAAiB;IACnD,IAAA,KAA0B,QAAQ,CAAS,CAAC,CAAC,EAA5C,QAAQ,QAAA,EAAE,WAAW,QAAuB,CAAC;IACpD,IAAM,SAAS,GAAG,cAAM,OAAA,WAAW,CAAC,UAAA,MAAM,IAAI,OAAA,MAAM,GAAG,CAAC,EAAV,CAAU,CAAC,EAAjC,CAAiC,CAAC;IAC1D,OAAO;QACL,iBAAiB,EAAE,QAAQ,IAAI,SAAS,IAAI,CAAC,YAAY;QACzD,SAAS,WAAA;KACV,CAAC;AACJ,CAAC,CAAC;AAEF,2EAA2E;AAC3E,+EAA+E;AAC/E,6EAA6E;AAC7E,mFAAmF;AACnF,IAAM,mBAAmB,GAAG,UAAC,EAM5B;IALC,IAAM,IAAI,UAAA,EACV,aAA+B,EAAvB,GAAG,SAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAAvB,mBAAwB,CAAA;IAKzB,IAAA,KAAoC,QAAQ,EAAsB,EAAjE,aAAa,QAAA,EAAE,gBAAgB,QAAkC,CAAC;IACzE,SAAS,CAAC;QACR,KAAK,CAAC,GAAI,CAAC;aACR,IAAI,CAAC,UAAA,QAAQ,IAAI,OAAA,QAAQ,CAAC,IAAI,EAAE,EAAf,CAAe,CAAC;aACjC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,GAAG,CAAC,eAAe,CAAC,CAAC,CAAC,EAAtB,CAAsB,CAAC;aACjC,IAAI,CAAC,UAAA,GAAG,IAAI,OAAA,gBAAgB,CAAC,GAAG,CAAC,EAArB,CAAqB,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACV,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO,IAAI,CAAC;KACb;IACD,OAAO,CACL,oBAAC,IAAI,aAAC,GAAG,EAAE,aAAa,IAAM,IAAI,GAC/B,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,6EAA6E;AAC7E,mDAAmD;AACnD,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,EAMrC;IALC,IAAM,IAAI,UAAA,EACV,aAAqC,EAA7B,GAAG,SAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAA7B,2BAA8B,CAAA;IAKrC,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,YAAY,EAAE;QAChC,OAAO,CACL,oBAAC,mBAAmB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,aAAG,GAAG,KAAA,EAAE,IAAI,MAAA,EAAE,QAAQ,UAAA,IAAK,IAAI,IAAK,CAC3E,CAAC;KACH;IACD,OAAO,CACL,oBAAC,IAAI,aAAC,GAAG,EAAE,GAAI,EAAE,IAAI,EAAE,IAAI,IAAM,IAAI,GAClC,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"audio-tests.js","sourceRoot":"","sources":["../../../src/utils/audio-tests.tsx"],"names":[],"mappings":"AAAA,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;AAE1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAOhD,8EAA8E;AAC9E,kFAAkF;AAClF,qFAAqF;AACrF,4EAA4E;AAC5E,kFAAkF;AAClF,mFAAmF;AACnF,mFAAmF;AACnF,MAAM,CAAC,IAAM,yBAAyB,GAAG,UAAC,SAAiB;IACnD,IAAA,KAA0B,QAAQ,CAAS,CAAC,CAAC,EAA5C,QAAQ,QAAA,EAAE,WAAW,QAAuB,CAAC;IACpD,IAAM,SAAS,GAAG,cAAM,OAAA,WAAW,CAAC,UAAA,MAAM,IAAI,OAAA,MAAM,GAAG,CAAC,EAAV,CAAU,CAAC,EAAjC,CAAiC,CAAC;IAC1D,OAAO;QACL,iBAAiB,EAAE,QAAQ,IAAI,SAAS,IAAI,CAAC,YAAY;QACzD,SAAS,WAAA;KACV,CAAC;AACJ,CAAC,CAAC;AAEF,2EAA2E;AAC3E,+EAA+E;AAC/E,6EAA6E;AAC7E,mFAAmF;AACnF,IAAM,mBAAmB,GAAG,UAAC,EAM5B;IALC,IAAM,IAAI,UAAA,EACV,aAA+B,EAAvB,GAAG,SAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAAvB,mBAAwB,CAAA;IAKzB,IAAA,KAAoC,QAAQ,EAAsB,EAAjE,aAAa,QAAA,EAAE,gBAAgB,QAAkC,CAAC;IACzE,SAAS,CAAC;QACR,KAAK,CAAC,GAAI,CAAC;aACR,IAAI,CAAC,UAAA,QAAQ,IAAI,OAAA,QAAQ,CAAC,IAAI,EAAE,EAAf,CAAe,CAAC;aACjC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,GAAG,CAAC,eAAe,CAAC,CAAC,CAAC,EAAtB,CAAsB,CAAC;aACjC,IAAI,CAAC,UAAA,GAAG,IAAI,OAAA,gBAAgB,CAAC,GAAG,CAAC,EAArB,CAAqB,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACV,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO,IAAI,CAAC;KACb;IACD,OAAO,CACL,oBAAC,IAAI,aAAC,GAAG,EAAE,aAAa,IAAM,IAAI,GAC/B,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,6EAA6E;AAC7E,mDAAmD;AACnD,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,EAMrC;IALC,IAAM,IAAI,UAAA,EACV,aAAqC,EAA7B,GAAG,SAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAA7B,2BAA8B,CAAA;IAKrC,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,YAAY,EAAE;QAChC,OAAO,CACL,oBAAC,mBAAmB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,aAAG,GAAG,KAAA,EAAE,IAAI,MAAA,EAAE,QAAQ,UAAA,IAAK,IAAI,IAAK,CAC3E,CAAC;KACH;IACD,OAAO,CACL,oBAAC,IAAI,aAAC,GAAG,EAAE,GAAI,EAAE,IAAI,EAAE,IAAI,IAAM,IAAI,GAClC,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC"}

package/esm/version-number.json

@@ -1,3 +1,3 @@
 {
-    "version": "6.4.0"
+    "version": "6.6.0"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "newskit",
-  "version": "6.4.0",
+  "version": "6.6.0",
   "description": "A React Component library implementing the News design language",
   "keywords": [
     "react",