newskit 6.0.0 → 6.2.2

package/esm/text-area/styled.js

@@ -0,0 +1,62 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { getTypographyPreset, styled, getResponsiveSize, getStylePreset, } from '../utils/style';
+import { logicalProps } from '../utils/logical-properties';
+/**
+ * there is an issue with getStylePreset when is used on input/textarea component,
+ * it adds component:valid:hover style by default which is the browser default behaviour
+ * that's why valid:hover and invalid:hover are removed from style-preset when the component don't need these states.
+ */
+var getOmittedStates = function (state) {
+    if (state !== 'valid' && state !== 'invalid')
+        return ['valid:hover', 'invalid:hover'];
+    return [];
+};
+export var StyledTextArea = styled.textarea(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  box-sizing: border-box;\n\n  ", ";\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  ", "\n\n  ", "\n\n    ", ";\n\n  ::placeholder {\n    color: ", ";\n  }\n"], ["\n  box-sizing: border-box;\n\n  ", ";\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  ", "\n\n  ", "\n\n    ", ";\n\n  ::placeholder {\n    color: ", ";\n  }\n"])), function (_a) {
+    var disabled = _a.disabled;
+    return ({ cursor: disabled ? 'not-allowed' : 'default' });
+}, function (_a) {
+    var resize = _a.resize;
+    return ({ resize: resize });
+}, function (_a) {
+    var $size = _a.$size;
+    return getResponsiveSize('width', "textArea.".concat($size), '', 'width');
+}, function (_a) {
+    var $size = _a.$size;
+    return getResponsiveSize('height', "textArea.".concat($size), '', 'height');
+}, function (_a) {
+    var $size = _a.$size;
+    return getResponsiveSize('maxWidth', "textArea.".concat($size), '', 'maxWidth');
+}, function (_a) {
+    var $size = _a.$size;
+    return getResponsiveSize('maxHeight', "textArea.".concat($size), '', 'maxHeight');
+}, function (_a) {
+    var $size = _a.$size;
+    return getResponsiveSize('minHeight', "textArea.".concat($size), '', 'minHeight');
+}, function (_a) {
+    var $size = _a.$size;
+    return getResponsiveSize('minWidth', "textArea.".concat($size), '', 'minWidth');
+}, function (_a) {
+    var $size = _a.$size, state = _a.state;
+    return getStylePreset("textArea.".concat($size), '', {
+        isInvalid: state === 'invalid',
+        isDisabled: state === 'disabled',
+        isValid: state === 'valid',
+        omitStates: getOmittedStates(state),
+    });
+}, function (_a) {
+    var $size = _a.$size;
+    return getTypographyPreset("textArea.".concat($size), '', {
+        withCrop: true,
+    });
+}, function (_a) {
+    var $size = _a.$size;
+    return logicalProps("textArea.".concat($size));
+}, function (_a) {
+    var placeholderColor = _a.placeholderColor;
+    return placeholderColor && placeholderColor;
+});
+var templateObject_1;
+//# sourceMappingURL=styled.js.map

package/esm/text-area/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/text-area/styled.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EACL,mBAAmB,EACnB,MAAM,EACN,iBAAiB,EACjB,cAAc,GACf,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AAGzD;;;;GAIG;AACH,IAAM,gBAAgB,GAAG,UACvB,KAA6B;IAE7B,IAAI,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,SAAS;QAC1C,OAAO,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC;IAC1C,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAOF,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,oPAAqB,mCAG9D,EAAgE,OAChE,EAAwB,QAExB,EAAyE,MACzE,EAA2E,MAC3E,EACkE,MAClE,EACoE,MACpE,EACoE,MACpE,EACkE,QAElE,EAME,QAEF,EAGE,UAEA,EAA8C,qCAGvC,EAA4D,UAExE,KAhCG,UAAC,EAAU;QAAT,QAAQ,cAAA;IAAM,OAAA,CAAC,EAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAAC,CAAC;AAAhD,CAAgD,EAChE,UAAC,EAAQ;QAAP,MAAM,YAAA;IAAM,OAAA,CAAC,EAAC,MAAM,QAAA,EAAC,CAAC;AAAV,CAAU,EAExB,UAAC,EAAO;QAAN,KAAK,WAAA;IAAM,OAAA,iBAAiB,CAAC,OAAO,EAAE,mBAAY,KAAK,CAAE,EAAE,EAAE,EAAE,OAAO,CAAC;AAA5D,CAA4D,EACzE,UAAC,EAAO;QAAN,KAAK,WAAA;IAAM,OAAA,iBAAiB,CAAC,QAAQ,EAAE,mBAAY,KAAK,CAAE,EAAE,EAAE,EAAE,QAAQ,CAAC;AAA9D,CAA8D,EAC3E,UAAC,EAAO;QAAN,KAAK,WAAA;IACP,OAAA,iBAAiB,CAAC,UAAU,EAAE,mBAAY,KAAK,CAAE,EAAE,EAAE,EAAE,UAAU,CAAC;AAAlE,CAAkE,EAClE,UAAC,EAAO;QAAN,KAAK,WAAA;IACP,OAAA,iBAAiB,CAAC,WAAW,EAAE,mBAAY,KAAK,CAAE,EAAE,EAAE,EAAE,WAAW,CAAC;AAApE,CAAoE,EACpE,UAAC,EAAO;QAAN,KAAK,WAAA;IACP,OAAA,iBAAiB,CAAC,WAAW,EAAE,mBAAY,KAAK,CAAE,EAAE,EAAE,EAAE,WAAW,CAAC;AAApE,CAAoE,EACpE,UAAC,EAAO;QAAN,KAAK,WAAA;IACP,OAAA,iBAAiB,CAAC,UAAU,EAAE,mBAAY,KAAK,CAAE,EAAE,EAAE,EAAE,UAAU,CAAC;AAAlE,CAAkE,EAElE,UAAC,EAAc;QAAb,KAAK,WAAA,EAAE,KAAK,WAAA;IACd,OAAA,cAAc,CAAC,mBAAY,KAAK,CAAE,EAAE,EAAE,EAAE;QACtC,SAAS,EAAE,KAAK,KAAK,SAAS;QAC9B,UAAU,EAAE,KAAK,KAAK,UAAU;QAChC,OAAO,EAAE,KAAK,KAAK,OAAO;QAC1B,UAAU,EAAE,gBAAgB,CAAC,KAAK,CAAC;KACpC,CAAC;AALF,CAKE,EAEF,UAAC,EAAO;QAAN,KAAK,WAAA;IACP,OAAA,mBAAmB,CAAC,mBAAY,KAAK,CAAE,EAAE,EAAE,EAAE;QAC3C,QAAQ,EAAE,IAAI;KACf,CAAC;AAFF,CAEE,EAEA,UAAC,EAAO;QAAN,KAAK,WAAA;IAAM,OAAA,YAAY,CAAC,mBAAY,KAAK,CAAE,CAAC;AAAjC,CAAiC,EAGvC,UAAC,EAAkB;QAAjB,gBAAgB,sBAAA;IAAM,OAAA,gBAAgB,IAAI,gBAAgB;AAApC,CAAoC,CAExE,CAAC"}

package/esm/text-area/text-area.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TextAreaProps } from './types';
+export declare const TextArea: import("../utils").NewsKitReactComponents<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=text-area.d.ts.map

package/esm/text-area/text-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../../src/text-area/text-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AA0EtC,eAAO,MAAM,QAAQ,qGAEnB,CAAC"}

package/esm/text-area/text-area.js

@@ -0,0 +1,53 @@
+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 from 'react';
+import defaults from './defaults';
+import { withOwnTheme } from '../utils/with-own-theme';
+import { StyledTextArea } from './styled';
+import { getSingleStylePreset } from '../utils';
+import { getToken } from '../utils/get-token';
+import { useTheme } from '../theme';
+import { EventTrigger, useInstrumentation } from '../instrumentation';
+var ThemelessTextArea = React.forwardRef(function (_a, ref) {
+    var _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.resize, resize = _c === void 0 ? 'vertical' : _c, state = _a.state, overrides = _a.overrides, onFocus = _a.onFocus, eventContext = _a.eventContext, _d = _a.eventOriginator, eventOriginator = _d === void 0 ? 'text area' : _d, props = __rest(_a, ["size", "resize", "state", "overrides", "onFocus", "eventContext", "eventOriginator"]);
+    var theme = useTheme();
+    // This is a fix to apply the placeholderColor to input
+    var textFieldStylePreset = getToken({ theme: theme, overrides: overrides }, "textArea.".concat(size), '', 'stylePreset');
+    var placeholderColor = getSingleStylePreset(theme, 'base', 'placeholderColor', textFieldStylePreset);
+    var fireEvent = useInstrumentation().fireEvent;
+    var onElementFocus = React.useCallback(function (event) {
+        fireEvent({
+            originator: eventOriginator,
+            trigger: EventTrigger.Focus,
+            context: __assign({}, eventContext),
+        });
+        if (onFocus) {
+            onFocus(event);
+        }
+    }, [eventContext, eventOriginator, fireEvent, onFocus]);
+    return (React.createElement(StyledTextArea, __assign({ "$size": size, state: state, resize: resize, disabled: state === 'disabled', placeholderColor: placeholderColor, overrides: overrides, ref: ref, onFocus: onElementFocus }, props)));
+});
+export var TextArea = withOwnTheme(ThemelessTextArea)({
+    defaults: defaults,
+});
+//# sourceMappingURL=text-area.js.map

package/esm/text-area/text-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area.js","sourceRoot":"","sources":["../../../src/text-area/text-area.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAC,cAAc,EAAC,MAAM,UAAU,CAAC;AACxC,OAAO,EAAC,oBAAoB,EAAC,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAClC,OAAO,EAAC,YAAY,EAAE,kBAAkB,EAAC,MAAM,oBAAoB,CAAC;AAEpE,IAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CACxC,UACE,EASC,EACD,GAAG;IATD,IAAA,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,cAAmB,EAAnB,MAAM,mBAAG,UAAU,KAAA,EACnB,KAAK,WAAA,EACL,SAAS,eAAA,EACT,OAAO,aAAA,EACP,YAAY,kBAAA,EACZ,uBAA6B,EAA7B,eAAe,mBAAG,WAAW,KAAA,EAC1B,KAAK,cARV,sFASC,CADS;IAIV,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,uDAAuD;IACvD,IAAM,oBAAoB,GAAG,QAAQ,CACnC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,mBAAY,IAAI,CAAE,EAClB,EAAE,EACF,aAAa,CACd,CAAC;IAEF,IAAM,gBAAgB,GAAG,oBAAoB,CAC3C,KAAK,EACL,MAAM,EACN,kBAAkB,EAClB,oBAAoB,CACrB,CAAC;IAEK,IAAA,SAAS,GAAI,kBAAkB,EAAE,UAAxB,CAAyB;IAEzC,IAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,UAAC,KAAqD;QACpD,SAAS,CAAC;YACR,UAAU,EAAE,eAAe;YAC3B,OAAO,EAAE,YAAY,CAAC,KAAK;YAC3B,OAAO,eACF,YAAY,CAChB;SACF,CAAC,CAAC;QACH,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,KAAK,CAAC,CAAC;SAChB;IACH,CAAC,EACD,CAAC,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,CAAC,CACpD,CAAC;IAEF,OAAO,CACL,oBAAC,cAAc,sBACN,IAAI,EACX,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,KAAK,KAAK,UAAU,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,cAAc,IACnB,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,YAAY,CAAC,iBAAiB,CAAC,CAAC;IACtD,QAAQ,UAAA;CACT,CAAC,CAAC"}

package/esm/text-area/types.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { FormInputState } from '../form/types';
+import { EventData } from '../instrumentation';
+import { MQ } from '../utils';
+import { LogicalProps } from '../utils/logical-properties';
+export interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, EventData {
+    size?: 'small' | 'medium' | 'large';
+    state?: FormInputState;
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+    overrides?: {
+        width?: MQ<string>;
+        height?: MQ<string>;
+        maxWidth?: MQ<string>;
+        maxHeight?: MQ<string>;
+        minWidth?: MQ<string>;
+        minHeight?: MQ<string>;
+        stylePreset?: MQ<string>;
+        typographyPreset?: MQ<string>;
+    } & LogicalProps;
+}
+//# sourceMappingURL=types.d.ts.map

package/esm/text-area/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/text-area/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAC,EAAE,EAAC,MAAM,UAAU,CAAC;AAC5B,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AAEzD,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACvD,SAAS;IACX,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IACrD,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACnB,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACpB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACtB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACvB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACtB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACvB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC/B,GAAG,YAAY,CAAC;CAClB"}

package/esm/text-area/types.js

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

package/esm/text-area/types.js.map

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

package/esm/text-field/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/text-field/styled.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,uBAAuB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AAE/D,UAAU,oBAAqB,SAAQ,uBAAuB;IAC5D,KAAK,EAAE,aAAa,CAAC;CACtB;AAED,eAAO,MAAM,WAAW;;;;;kHAoBvB,CAAC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/text-field/styled.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,uBAAuB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AAG/D,UAAU,oBAAqB,SAAQ,uBAAuB;IAC5D,KAAK,EAAE,aAAa,CAAC;CACtB;AAED,eAAO,MAAM,WAAW;;;;;kHA2BvB,CAAC"}

package/esm/text-field/styled.js

@@ -3,7 +3,8 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 import { getTypographyPreset, styled, getResponsiveSpace } from '../utils/style';
-export var StyledInput = styled.input(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  outline: none;\n  width: 100%;\n  cursor: ", ";\n  border: none;\n  background: none;\n  ", "\n  ::placeholder {\n    color: ", ";\n  }\n  // LOGICAL_PROPS_TO_DO: remove the below func when logical props are used in defaults\n  ", "\n"], ["\n  outline: none;\n  width: 100%;\n  cursor: ", ";\n  border: none;\n  background: none;\n  ", "\n  ::placeholder {\n    color: ", ";\n  }\n  // LOGICAL_PROPS_TO_DO: remove the below func when logical props are used in defaults\n  ", "\n"])), function (_a) {
+import { logicalPaddingProps } from '../utils/logical-properties';
+export var StyledInput = styled.input(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  outline: none;\n  width: 100%;\n  cursor: ", ";\n  border: none;\n  background: none;\n  box-sizing: border-box;\n  // make the input to take size of his parent\n  align-self: stretch;\n  color: currentColor;\n\n  ", "\n  ::placeholder {\n    color: ", ";\n  }\n  // LOGICAL_PROPS_TO_DO: remove the below func when logical props are used in defaults\n  ", "\n\n  ", ";\n"], ["\n  outline: none;\n  width: 100%;\n  cursor: ", ";\n  border: none;\n  background: none;\n  box-sizing: border-box;\n  // make the input to take size of his parent\n  align-self: stretch;\n  color: currentColor;\n\n  ", "\n  ::placeholder {\n    color: ", ";\n  }\n  // LOGICAL_PROPS_TO_DO: remove the below func when logical props are used in defaults\n  ", "\n\n  ", ";\n"])), function (_a) {
     var disabled = _a.disabled;
     return (disabled ? 'not-allowed' : 'default');
 }, function (_a) {
@@ -17,6 +18,9 @@ export var StyledInput = styled.input(templateObject_1 || (templateObject_1 = __
 }, function (_a) {
     var $size = _a.$size;
     return getResponsiveSpace('padding', "textField.".concat($size), '', 'spaceInset');
+}, function (_a) {
+    var $size = _a.$size;
+    return logicalPaddingProps("textField.".concat($size));
 });
 var templateObject_1;
 //# sourceMappingURL=styled.js.map

package/esm/text-field/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/text-field/styled.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAC,mBAAmB,EAAE,MAAM,EAAE,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAO/E,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,mTAItC,gDAGW,EAAsD,6CAG9D,EAGE,kCAEO,EAA4D,qGAGrE,EACqE,IACxE,KAbW,UAAC,EAAU;QAAT,QAAQ,cAAA;IAAM,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;AAAtC,CAAsC,EAG9D,UAAC,EAAO;QAAN,KAAK,WAAA;IACP,OAAA,mBAAmB,CAAC,oBAAa,KAAK,CAAE,EAAE,EAAE,EAAE;QAC5C,QAAQ,EAAE,IAAI;KACf,CAAC;AAFF,CAEE,EAEO,UAAC,EAAkB;QAAjB,gBAAgB,sBAAA;IAAM,OAAA,gBAAgB,IAAI,gBAAgB;AAApC,CAAoC,EAGrE,UAAC,EAAO;QAAN,KAAK,WAAA;IACP,OAAA,kBAAkB,CAAC,SAAS,EAAE,oBAAa,KAAK,CAAE,EAAE,EAAE,EAAE,YAAY,CAAC;AAArE,CAAqE,CACxE,CAAC"}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/text-field/styled.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAC,mBAAmB,EAAE,MAAM,EAAE,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAE/E,OAAO,EAAC,mBAAmB,EAAC,MAAM,6BAA6B,CAAC;AAMhE,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,2bAItC,gDAGW,EAAsD,0KAQ9D,EAGE,kCAEO,EAA4D,qGAGrE,EACqE,QAErE,EAAsD,KACzD,KApBW,UAAC,EAAU;QAAT,QAAQ,cAAA;IAAM,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;AAAtC,CAAsC,EAQ9D,UAAC,EAAO;QAAN,KAAK,WAAA;IACP,OAAA,mBAAmB,CAAC,oBAAa,KAAK,CAAE,EAAE,EAAE,EAAE;QAC5C,QAAQ,EAAE,IAAI;KACf,CAAC;AAFF,CAEE,EAEO,UAAC,EAAkB;QAAjB,gBAAgB,sBAAA;IAAM,OAAA,gBAAgB,IAAI,gBAAgB;AAApC,CAAoC,EAGrE,UAAC,EAAO;QAAN,KAAK,WAAA;IACP,OAAA,kBAAkB,CAAC,SAAS,EAAE,oBAAa,KAAK,CAAE,EAAE,EAAE,EAAE,YAAY,CAAC;AAArE,CAAqE,EAErE,UAAC,EAAO;QAAN,KAAK,WAAA;IAAM,OAAA,mBAAmB,CAAC,oBAAa,KAAK,CAAE,CAAC;AAAzC,CAAyC,CACzD,CAAC"}

package/esm/text-field/text-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../src/text-field/text-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AAgHvC,eAAO,MAAM,SAAS,kHAEpB,CAAC"}
+{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../src/text-field/text-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AAuHvC,eAAO,MAAM,SAAS,kHAEpB,CAAC"}

package/esm/text-field/text-field.js

@@ -29,6 +29,7 @@ import defaults from './defaults';
 import { getSingleStylePreset } from '../utils/style/style-preset';
 import { withOwnTheme } from '../utils/with-own-theme';
 import { EventTrigger, useInstrumentation } from '../instrumentation';
+import { omitLogicalMarginPropsFromOverrides, omitLogicalPaddingPropsFromOverrides, } from '../utils/logical-properties';
 var ThemelessTextField = React.forwardRef(function (_a, inputRef) {
     var _b = _a.size, size = _b === void 0 ? 'medium' : _b, overrides = _a.overrides, state = _a.state, startEnhancer = _a.startEnhancer, endEnhancer = _a.endEnhancer, onBlur = _a.onBlur, onFocus = _a.onFocus, onChange = _a.onChange, eventContext = _a.eventContext, _c = _a.eventOriginator, eventOriginator = _c === void 0 ? 'text field' : _c, restProps = __rest(_a, ["size", "overrides", "state", "startEnhancer", "endEnhancer", "onBlur", "onFocus", "onChange", "eventContext", "eventOriginator"]);
     var fireEvent = useInstrumentation().fireEvent;
@@ -59,9 +60,11 @@ var ThemelessTextField = React.forwardRef(function (_a, inputRef) {
     // This is a fix to apply the placeholderColor to input
     var textFieldStylePreset = getToken({ theme: theme, overrides: overrides }, "textField.".concat(size), '', 'stylePreset');
     var placeholderColor = getSingleStylePreset(theme, 'base', 'placeholderColor', textFieldStylePreset);
+    var enhancersOverrides = omitLogicalPaddingPropsFromOverrides(overrides);
+    var inputOverrides = omitLogicalMarginPropsFromOverrides(overrides);
     return (React.createElement(React.Fragment, null,
-        React.createElement(WithEnhancers, { componentDefaultsPath: "textField.".concat(size), isFocused: isFocused, overrides: overrides, state: state, startEnhancer: startEnhancer, endEnhancer: endEnhancer },
-            React.createElement(StyledInput, __assign({ ref: inputRef, type: "text", disabled: state === 'disabled', "$size": size, overrides: overrides, state: state, onBlur: onInputBlur, onFocus: onInputFocus, onChange: onInputChange, placeholderColor: placeholderColor }, restProps)))));
+        React.createElement(WithEnhancers, { componentDefaultsPath: "textField.".concat(size), isFocused: isFocused, overrides: enhancersOverrides, state: state, startEnhancer: startEnhancer, endEnhancer: endEnhancer },
+            React.createElement(StyledInput, __assign({ ref: inputRef, type: "text", disabled: state === 'disabled', "$size": size, overrides: inputOverrides, state: state, onBlur: onInputBlur, onFocus: onInputFocus, onChange: onInputChange, placeholderColor: placeholderColor }, restProps)))));
 });
 export var TextField = withOwnTheme(ThemelessTextField)({
     defaults: defaults,

package/esm/text-field/text-field.js.map

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

package/esm/text-field/types.d.ts

@@ -21,7 +21,6 @@ export interface FormInputTextFieldProps extends Omit<CommonInputProps, 'size'>
     spellCheck?: boolean;
 }
 export interface TextFieldProps extends FormInputTextFieldProps, EventData {
-    rules?: FormValidationRules;
     name?: string;
 }
 declare type FormEntryChildrenProps = {

package/esm/text-field/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/text-field/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACf,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,oBAAY,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzD,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC;IACtC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,iBAAiB,GAAG;QAC9B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB;;WAEG;QACH,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACvB,KAAK,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACnB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAC9B,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,GAAG,YAAY,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,cAAe,SAAQ,uBAAuB,EAAE,SAAS;IACxE,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,aAAK,sBAAsB,GAAG;IAC5B,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,aAAK,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAE3D,oBAAY,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,KAAK,CAAC,YAAY,CAAC;CACjE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/text-field/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACf,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,oBAAY,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzD,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC;IACtC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,iBAAiB,GAAG;QAC9B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB;;WAEG;QACH,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACvB,KAAK,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACnB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAC9B,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,GAAG,YAAY,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,cAAe,SAAQ,uBAAuB,EAAE,SAAS;IACxE,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,aAAK,sBAAsB,GAAG;IAC5B,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,aAAK,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAE3D,oBAAY,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,KAAK,CAAC,YAAY,CAAC;CACjE,CAAC"}

package/esm/theme/creator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"creator.d.ts","sourceRoot":"","sources":["../../../src/theme/creator.ts"],"names":[],"mappings":"AAEA,OAAO,EAIL,mBAAmB,EACnB,cAAc,EACd,eAAe,EAChB,MAAM,SAAS,CAAC;AAQjB,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,mBAAmB,CAAC;CACrC;AAsBD,eAAO,MAAM,WAAW,mEAOrB,eAAe,KAAG,eA+BpB,CAAC"}
+{"version":3,"file":"creator.d.ts","sourceRoot":"","sources":["../../../src/theme/creator.ts"],"names":[],"mappings":"AAEA,OAAO,EAIL,mBAAmB,EACnB,cAAc,EACd,eAAe,EAChB,MAAM,SAAS,CAAC;AASjB,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,mBAAmB,CAAC;CACrC;AAsDD,eAAO,MAAM,WAAW,mEAOrB,eAAe,KAAG,eA0CpB,CAAC"}

package/esm/theme/creator.js

@@ -29,6 +29,27 @@ var deepDuplicationChecker = function (warningLogger, baseTheme, overrides) {
     };
     recurse(overrides);
 };
+var isFontFamily = function (fontThemeValue) {
+    return fontThemeValue.fontFamily !== undefined;
+};
+// Font family info should not be merged. E.g.:
+// - Base theme: { ...fontFamily010: {fontFamily: "Font A", fontMetrics: {...fontAMetrics} }
+// - Overrides: { ...fontFamily010: {fontFamily: "Font B"} }
+// In this example, we should remove fontFamily010 from the base theme, otherwise
+// the merged object will be invalid:
+// - { ...fontFamily010: {fontFamily: "Font B", fontMetrics: {...fontAMetrics} }
+// This function removes font families from a theme if they are defined in an
+// overrides object (which can be another theme). It should be called before merging
+// the theme with the overrides.
+var removeFontFamilies = function (theme, overrideFonts) { return (__assign(__assign({}, theme), { fonts: theme.fonts
+        ? Object.entries(theme.fonts).reduce(function (prev, _a) {
+            var _b;
+            var fontThemeToken = _a[0], fontThemeValue = _a[1];
+            return (__assign(__assign({}, prev), (isFontFamily(fontThemeValue) && overrideFonts[fontThemeToken]
+                ? {}
+                : (_b = {}, _b[fontThemeToken] = fontThemeValue, _b))));
+        }, {})
+        : undefined })); };
 export var createTheme = function (_a) {
     var _b = _a.name, name = _b === void 0 ? 'unnamed-newskit-theme' : _b, baseTheme = _a.baseTheme, _c = _a.overrides, overrides = _c === void 0 ? {} : _c, checkOverrides = _a.checkOverrides, 
     // eslint-disable-next-line no-console
@@ -38,7 +59,8 @@ export var createTheme = function (_a) {
     if (baseTheme && baseTheme.compiled) {
         throw new Error('createTheme received a compiled baseTheme. Base themes must be uncompiled.');
     }
-    var newskitLight = __assign(__assign(__assign({}, foundations), presets), { componentDefaults: {}, icons: {} });
+    // Don't take font family info from NKLight if defined in the base theme.
+    var newskitLight = removeFontFamilies(__assign(__assign(__assign({}, foundations), presets), { componentDefaults: {}, icons: {} }), (baseTheme === null || baseTheme === void 0 ? void 0 : baseTheme.fonts) || {});
     if (checkOverrides) {
         deepDuplicationChecker(warningLogger, baseTheme || newskitLight, overrides);
     }
@@ -47,6 +69,12 @@ export var createTheme = function (_a) {
         ? /* istanbul ignore next */
             overrides === null || overrides === void 0 ? void 0 : overrides.breakpoints
         : newskitLight.breakpoints);
-    return deepMerge(mergeBreakpointObject(Object.keys(breakpointsKeys)), newskitLight, baseTheme, overrides, { name: name, themeVersion: 1 });
+    return deepMerge(mergeBreakpointObject(Object.keys(breakpointsKeys)), newskitLight, 
+    // Don't take font family info from the base theme if defined in overrides.
+    baseTheme
+        ? removeFontFamilies(baseTheme, 
+        /* istanbul ignore next */
+        (overrides === null || overrides === void 0 ? void 0 : overrides.fonts) || {})
+        : baseTheme, overrides, { name: name, themeVersion: 1 });
 };
 //# sourceMappingURL=creator.js.map

package/esm/theme/creator.js.map

@@ -1 +1 @@
-{"version":3,"file":"creator.js","sourceRoot":"","sources":["../../../src/theme/creator.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,qBAAqB,CAAC;AAW9C,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AAErC,OAAO,EAAC,GAAG,EAAC,MAAM,cAAc,CAAC;AACjC,OAAO,EAAC,qBAAqB,EAAC,MAAM,kCAAkC,CAAC;AAUvE,IAAM,sBAAsB,GAAG,UAC7B,aAAkC,EAClC,SAAoB,EACpB,SAAyB;IAEzB,IAAM,OAAO,GAAG,UAAC,GAAW,EAAE,IAAa;QACzC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,UAAC,EAAY;gBAAX,GAAG,QAAA,EAAE,KAAK,QAAA;YACtC,IAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;YAClD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC7B,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;aACxB;iBAAM,IAAI,GAAG,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,KAAK,EAAE;gBAC3C,aAAa,CACX,6BAAsB,MAAM,kDAAwC,KAAK,OAAI,CAC9E,CAAC;aACH;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IACF,OAAO,CAAC,SAAS,CAAC,CAAC;AACrB,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAOV;QANhB,YAA8B,EAA9B,IAAI,mBAAG,uBAAuB,KAAA,EAC9B,SAAS,eAAA,EACT,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,cAAc,oBAAA;IACd,sCAAsC;IACtC,qBAA0C;IAD1C,sCAAsC;IACtC,aAAa,mBAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAA;IAE1C,IAAI,SAAS,IAAI,SAAS,CAAC,QAAQ,EAAE;QACnC,MAAM,IAAI,KAAK,CACb,4EAA4E,CAC7E,CAAC;KACH;IAED,IAAM,YAAY,kCACb,WAAW,GACX,OAAO,KACV,iBAAiB,EAAE,EAAE,EACrB,KAAK,EAAE,EAAE,GACV,CAAC;IAEF,IAAI,cAAc,EAAE;QAClB,sBAAsB,CAAC,aAAa,EAAE,SAAS,IAAI,YAAY,EAAE,SAAS,CAAC,CAAC;KAC7E;IAED,0BAA0B;IAC1B,IAAM,eAAe,GAAG,CAAC,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW;QAC7C,CAAC,CAAC,0BAA0B;YAC1B,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW;QACxB,CAAC,CAAC,YAAY,CAAC,WAAW,CAAgB,CAAC;IAE7C,OAAO,SAAS,CACd,qBAAqB,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAqB,CAAC,EACvE,YAAY,EACZ,SAAS,EACT,SAAS,EACT,EAAC,IAAI,MAAA,EAAE,YAAY,EAAE,CAAC,EAAC,CACxB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"creator.js","sourceRoot":"","sources":["../../../src/theme/creator.ts"],"names":[],"mappings":"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"}

package/esm/theme/foundations/fonts.d.ts

@@ -35,6 +35,7 @@ export declare const fonts: {
     fontFamily030: FontConfig;
 };
 export declare type Fonts = typeof fonts;
+export declare type FontThemeValue = typeof fonts[keyof typeof fonts];
 export interface FontConfig {
     fontFamily: string;
     fontMetrics?: {

package/esm/theme/foundations/fonts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/fonts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8EjB,CAAC;AAEF,oBAAY,KAAK,GAAG,OAAO,KAAK,CAAC;AAEjC,MAAM,WAAW,UAAU;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE;QACZ,CAAC,MAAM,EAAE,MAAM,GAAG;YAChB,SAAS,EAAE,MAAM,CAAC;YAClB,MAAM,EAAE,MAAM,CAAC;YACf,OAAO,EAAE,MAAM,CAAC;YAChB,OAAO,EAAE,MAAM,CAAC;YAChB,UAAU,EAAE,MAAM,CAAC;SACpB,CAAC;KACH,CAAC;IAEF,UAAU,CAAC,EAAE;QACX,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,eAAe,CAAC,EAAE;QAChB,CAAC,QAAQ,EAAE,MAAM,GAAG;YAClB,GAAG,CAAC,EAAE,MAAM,CAAC;YACb,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;KACH,CAAC;CACH"}
+{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/fonts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8EjB,CAAC;AAEF,oBAAY,KAAK,GAAG,OAAO,KAAK,CAAC;AAEjC,oBAAY,cAAc,GAAG,OAAO,KAAK,CAAC,MAAM,OAAO,KAAK,CAAC,CAAC;AAE9D,MAAM,WAAW,UAAU;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE;QACZ,CAAC,MAAM,EAAE,MAAM,GAAG;YAChB,SAAS,EAAE,MAAM,CAAC;YAClB,MAAM,EAAE,MAAM,CAAC;YACf,OAAO,EAAE,MAAM,CAAC;YAChB,OAAO,EAAE,MAAM,CAAC;YAChB,UAAU,EAAE,MAAM,CAAC;SACpB,CAAC;KACH,CAAC;IAEF,UAAU,CAAC,EAAE;QACX,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,eAAe,CAAC,EAAE;QAChB,CAAC,QAAQ,EAAE,MAAM,GAAG;YAClB,GAAG,CAAC,EAAE,MAAM,CAAC;YACb,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;KACH,CAAC;CACH"}

package/esm/theme/presets/style-presets.js

@@ -33,7 +33,11 @@ stylePresets.inputField = {
         backgroundColor: '{{colors.interactiveInput010}}',
     },
     'valid:focus': {
-        borderColor: '{{outlines.outlineColorDefault}}',
+        outlineColor: '{{outlines.outlineColorDefault}}',
+        outlineStyle: '{{outlines.outlineStyleDefault}}',
+        outlineWidth: '{{outlines.outlineWidthDefault}}',
+        safariOutlineStyle: '{{outlines.safariOutlineStyleDefault}}',
+        borderColor: '{{colors.transparent}}',
         backgroundColor: '{{colors.interactiveInput010}}',
     },
     disabled: {
@@ -48,7 +52,11 @@ stylePresets.inputField = {
         borderColor: '{{colors.interactiveNegative030}}',
     },
     'invalid:focus': {
-        borderColor: '{{outlines.outlineColorDefault}}',
+        outlineColor: '{{outlines.outlineColorDefault}}',
+        outlineStyle: '{{outlines.outlineStyleDefault}}',
+        outlineWidth: '{{outlines.outlineWidthDefault}}',
+        safariOutlineStyle: '{{outlines.safariOutlineStyleDefault}}',
+        borderColor: '{{colors.transparent}}',
         backgroundColor: '{{colors.interactiveInput010}}',
     },
     'invalid:hover': {

package/esm/theme/presets/style-presets.js.map

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

package/esm/theme/presets/transition-presets.js

@@ -34,6 +34,33 @@ transitionPresets.opacityChange = {
         transitionTimingFunction: '{{motions.motionTimingEaseOut}}',
     },
 };
+transitionPresets.maxHeightChange = {
+    base: {
+        transitionProperty: 'max-height',
+    },
+    enter: {
+        maxHeight: '0',
+    },
+    enterActive: {
+        maxHeight: 'unset',
+        transitionProperty: 'max-height',
+        transitionDuration: '{{motions.motionDuration020}}',
+    },
+    enterDone: {
+        maxHeight: 'unset',
+    },
+    exit: {
+        maxHeight: 'unset',
+    },
+    exitActive: {
+        maxHeight: '0',
+        transitionProperty: 'max-height',
+        transitionDuration: '{{motions.motionDuration020}}',
+    },
+    exitDone: {
+        maxHeight: '0',
+    },
+};
 transitionPresets.fade = {
     base: {
         opacity: '{{overlays.opacity000}}',

package/esm/theme/presets/transition-presets.js.map

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

package/esm/theme-checker/themes/tnl-theme/fonts.json

@@ -2,7 +2,7 @@
     "fontFamily010": {
         "fontFamily": "Times Modern",
         "fontMetrics": {
-            "400": {
+            "fontWeight010": {
                 "capHeight": 671,
                 "ascent": 695,
                 "descent": -172,
@@ -14,7 +14,7 @@
     "fontFamily020": {
         "fontFamily": "Times Digital W04 Regular",
         "fontMetrics": {
-            "400": {
+            "fontWeight010": {
                 "capHeight": 713,
                 "ascent": 992,
                 "descent": -319,
@@ -26,7 +26,7 @@
     "fontFamily030": {
         "fontFamily": "GillSansMTStd-Medium",
         "fontMetrics": {
-            "400": {
+            "fontWeight010": {
                 "capHeight": 682,
                 "ascent": 682,
                 "descent": -318,

package/esm/theme-checker/themes/tnl-theme/tnl-theme.d.ts

@@ -373,7 +373,7 @@ export declare const tnlOverrides: {
         fontFamily010: {
             fontFamily: string;
             fontMetrics: {
-                "400": {
+                fontWeight010: {
                     capHeight: number;
                     ascent: number;
                     descent: number;
@@ -385,7 +385,7 @@ export declare const tnlOverrides: {
         fontFamily020: {
             fontFamily: string;
             fontMetrics: {
-                "400": {
+                fontWeight010: {
                     capHeight: number;
                     ascent: number;
                     descent: number;
@@ -397,7 +397,7 @@ export declare const tnlOverrides: {
         fontFamily030: {
             fontFamily: string;
             fontMetrics: {
-                "400": {
+                fontWeight010: {
                     capHeight: number;
                     ascent: number;
                     descent: number;

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

@@ -0,0 +1,16 @@
+import { ComponentType } from 'react';
+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;
+};
+export declare const VisualTestAudioPlayer: ({ comp: Comp, props: { src, live, children, ...rest }, }: {
+    comp: Component;
+    props: Props;
+}) => JSX.Element;
+export {};
+//# sourceMappingURL=audio-tests.d.ts.map

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

@@ -0,0 +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"}

package/esm/utils/audio-tests.js

@@ -0,0 +1,70 @@
+/* istanbul ignore file */
+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 * 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";';
+// 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
+// config for the test. But because Applitools only supports one selector in
+// waitBeforeCapture (and because runBefore doesn't work as documented), we cannot
+// have an element for each Player in a story. Instead, we need to count the number
+// of players in a story, and conditionally render the element when all are loaded.
+export var useAllPlayersCanPlayCheck = function (nbPlayers) {
+    var _a = useState(0), nbLoaded = _a[0], setNbLoaded = _a[1];
+    var onCanPlay = function () { return setNbLoaded(function (latest) { return latest + 1; }); };
+    return {
+        allPlayersCanPlay: nbLoaded >= nbPlayers || !isVisualTest,
+        onCanPlay: onCanPlay,
+    };
+};
+// The length of the buffer bar is controlled by the browser. The behaviour
+// is inconsistent, which makes tests flaky. As a solution, we prefetch src for
+// all Audio Players when running in visual tests so that the progress bar is
+// always full. There are separate visual tests for the loading / unbuffered state.
+var AudioPlayerBuffered = function (_a) {
+    var Comp = _a.comp, _b = _a.props, src = _b.src, children = _b.children, rest = __rest(_b, ["src", "children"]);
+    var _c = useState(), prefetchedSrc = _c[0], setPrefetchedSrc = _c[1];
+    useEffect(function () {
+        fetch(src)
+            .then(function (response) { return response.blob(); })
+            .then(function (b) { return URL.createObjectURL(b); })
+            .then(function (url) { return setPrefetchedSrc(url); });
+    }, [src]);
+    if (!prefetchedSrc) {
+        return null;
+    }
+    return (React.createElement(Comp, __assign({ src: prefetchedSrc }, rest), children));
+};
+// This is a wrapper component that allows us to use the prefetching logic in
+// the AudioPlayer and AudioPlayerComposable tests.
+export var VisualTestAudioPlayer = function (_a) {
+    var Comp = _a.comp, _b = _a.props, src = _b.src, live = _b.live, children = _b.children, rest = __rest(_b, ["src", "live", "children"]);
+    if (src && !live && isVisualTest) {
+        return (React.createElement(AudioPlayerBuffered, { comp: Comp, props: __assign({ src: src, live: live, children: children }, rest) }));
+    }
+    return (React.createElement(Comp, __assign({ src: src, live: live }, rest), children));
+};
+//# sourceMappingURL=audio-tests.js.map