@doist/reactist 28.7.0 → 28.7.3

package/lib/text-area/text-area.js

@@ -1,2 +1,93 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),a=require("classnames"),r=require("use-callback-ref"),n=require("../base-field/base-field.js"),l=require("../box/box.js"),u=require("./text-area.module.css.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,t}var s=o(t),d=i(a);const c=["variant","id","label","value","auxiliaryLabel","message","tone","maxWidth","maxLength","hidden","aria-describedby","rows","autoExpand","disableResize","onChange"],f=["onChange"];exports.TextArea=s.forwardRef((function(t,a){let{variant:i="default",id:o,label:b,value:x,auxiliaryLabel:p,message:m,tone:v,maxWidth:h,maxLength:g,hidden:j,"aria-describedby":y,rows:E,autoExpand:R=!1,disableResize:L=!1,onChange:q}=t,C=e.objectWithoutProperties(t,c);const w=s.useRef(null),O=s.useRef(null),P=r.useMergeRefs([a,O]);!function({value:e,autoExpand:t,containerRef:a,internalRef:r}){const n=void 0!==e;s.useEffect((function(){const e=r.current;if(!e||!t||n)return;const l=a.current;function u(e){l&&(l.dataset.replicatedValue=e)}function i(e){u(e.currentTarget.value)}return u(e.value),e.addEventListener("input",i),()=>e.removeEventListener("input",i)}),[t,a,r,n]),s.useEffect((function(){if(!n||!t)return;const r=a.current;r&&(r.dataset.replicatedValue=e)}),[e,a,n,t])}({value:x,autoExpand:R,containerRef:w,internalRef:O});const _=d.default([R?u.default.disableResize:null,L?u.default.disableResize:null]);return s.createElement(n.BaseField,{variant:i,id:o,label:b,value:x,auxiliaryLabel:p,message:m,tone:v,hidden:j,"aria-describedby":y,className:[u.default.textAreaContainer,"error"===v?u.default.error:null,"bordered"===i?u.default.bordered:null],maxWidth:h,maxLength:g},t=>{let{onChange:a}=t,r=e.objectWithoutProperties(t,f);return s.createElement(l.Box,{width:"full",display:"flex",className:u.default.innerContainer,ref:w},s.createElement("textarea",e.objectSpread2(e.objectSpread2(e.objectSpread2({},C),r),{},{ref:P,rows:E,className:_,maxLength:g,onChange:e=>{null==q||q(e),null==a||a(e)}})))})}));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var classNames = require('classnames');
+var useCallbackRef = require('use-callback-ref');
+var baseField = require('../base-field/base-field.js');
+var box = require('../box/box.js');
+var textArea_module = require('./text-area.module.css.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+
+var TextArea = React__namespace.forwardRef(function TextArea(_a, ref) {
+    var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, id = _a.id, label = _a.label, value = _a.value, auxiliaryLabel = _a.auxiliaryLabel, message = _a.message, tone = _a.tone, maxWidth = _a.maxWidth, maxLength = _a.maxLength, hidden = _a.hidden, ariaDescribedBy = _a["aria-describedby"], rows = _a.rows, _c = _a.autoExpand, autoExpand = _c === void 0 ? false : _c, _d = _a.disableResize, disableResize = _d === void 0 ? false : _d, originalOnChange = _a.onChange, props = tslib.__rest(_a, ["variant", "id", "label", "value", "auxiliaryLabel", "message", "tone", "maxWidth", "maxLength", "hidden", 'aria-describedby', "rows", "autoExpand", "disableResize", "onChange"]);
+    var containerRef = React__namespace.useRef(null);
+    var internalRef = React__namespace.useRef(null);
+    var combinedRef = useCallbackRef.useMergeRefs([ref, internalRef]);
+    useAutoExpand({ value: value, autoExpand: autoExpand, containerRef: containerRef, internalRef: internalRef });
+    var textAreaClassName = classNames__default["default"]([
+        autoExpand ? textArea_module["default"].disableResize : null,
+        disableResize ? textArea_module["default"].disableResize : null,
+    ]);
+    return (React__namespace.createElement(baseField.BaseField, { variant: variant, id: id, label: label, value: value, auxiliaryLabel: auxiliaryLabel, message: message, tone: tone, hidden: hidden, "aria-describedby": ariaDescribedBy, className: [
+            textArea_module["default"].textAreaContainer,
+            tone === 'error' ? textArea_module["default"].error : null,
+            variant === 'bordered' ? textArea_module["default"].bordered : null,
+        ], maxWidth: maxWidth, maxLength: maxLength }, function (_a) {
+        var onChange = _a.onChange, extraProps = tslib.__rest(_a, ["onChange"]);
+        return (React__namespace.createElement(box.Box, { width: "full", display: "flex", className: textArea_module["default"].innerContainer, ref: containerRef },
+            React__namespace.createElement("textarea", tslib.__assign({}, props, extraProps, { ref: combinedRef, rows: rows, className: textAreaClassName, maxLength: maxLength, onChange: function (event) {
+                    originalOnChange === null || originalOnChange === void 0 ? void 0 : originalOnChange(event);
+                    onChange === null || onChange === void 0 ? void 0 : onChange(event);
+                } }))));
+    }));
+});
+function useAutoExpand(_a) {
+    var value = _a.value, autoExpand = _a.autoExpand, containerRef = _a.containerRef, internalRef = _a.internalRef;
+    var isControlled = value !== undefined;
+    React__namespace.useEffect(function setupAutoExpandWhenUncontrolled() {
+        var textAreaElement = internalRef.current;
+        if (!textAreaElement || !autoExpand || isControlled) {
+            return undefined;
+        }
+        var containerElement = containerRef.current;
+        function handleAutoExpand(value) {
+            if (containerElement) {
+                containerElement.dataset.replicatedValue = value;
+            }
+        }
+        function handleInput(event) {
+            handleAutoExpand(event.currentTarget.value);
+        }
+        // Apply change initially, in case the text area has a non-empty initial value
+        handleAutoExpand(textAreaElement.value);
+        textAreaElement.addEventListener('input', handleInput);
+        return function () { return textAreaElement.removeEventListener('input', handleInput); };
+    }, [autoExpand, containerRef, internalRef, isControlled]);
+    React__namespace.useEffect(function setupAutoExpandWhenControlled() {
+        if (!isControlled || !autoExpand) {
+            return;
+        }
+        var containerElement = containerRef.current;
+        if (containerElement) {
+            containerElement.dataset.replicatedValue = value;
+        }
+    }, [value, containerRef, isControlled, autoExpand]);
+}
+
+exports.TextArea = TextArea;
 //# sourceMappingURL=text-area.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"text-area.js","sources":["../../src/text-area/text-area.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\nimport { useMergeRefs } from 'use-callback-ref'\nimport { BaseField, BaseFieldVariantProps, FieldComponentProps } from '../base-field'\nimport { Box } from '../box'\nimport styles from './text-area.module.css'\n\ninterface TextAreaProps\n    extends Omit<FieldComponentProps<HTMLTextAreaElement>, 'characterCountPosition'>,\n        Omit<\n            BaseFieldVariantProps,\n            'supportsStartAndEndSlots' | 'endSlot' | 'endSlotPosition' | 'value'\n        > {\n    /**\n     * The value of the text area.\n     *\n     * If this prop is not specified, the text area will be uncontrolled and the component will\n     * manage its own state.\n     */\n    value?: string\n\n    /**\n     * The number of visible text lines for the text area.\n     *\n     * If it is specified, it must be a positive integer. If it is not specified, the default\n     * value is 2 (set by the browser).\n     *\n     * When `autoExpand` is true, this value serves the purpose of specifying the minimum number\n     * of rows that the textarea will shrink to when the content is not large enough to make it\n     * expand.\n     *\n     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows\n     */\n    rows?: number\n\n    /**\n     * If `true`, the textarea will be automatically resized to fit the content, and the ability to\n     * manually resize the textarea will be disabled.\n     */\n    autoExpand?: boolean\n\n    /**\n     * If `true`, the ability to manually resize the textarea will be disabled.\n     *\n     * When `autoExpand` is true, this property serves no purpose, because the ability to manually\n     * resize the textarea is always disabled when `autoExpand` is true.\n     */\n    disableResize?: boolean\n}\n\nconst TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(function TextArea(\n    {\n        variant = 'default',\n        id,\n        label,\n        value,\n        auxiliaryLabel,\n        message,\n        tone,\n        maxWidth,\n        maxLength,\n        hidden,\n        'aria-describedby': ariaDescribedBy,\n        rows,\n        autoExpand = false,\n        disableResize = false,\n        onChange: originalOnChange,\n        ...props\n    },\n    ref,\n) {\n    const containerRef = React.useRef<HTMLDivElement>(null)\n    const internalRef = React.useRef<HTMLTextAreaElement>(null)\n    const combinedRef = useMergeRefs([ref, internalRef])\n\n    useAutoExpand({ value, autoExpand, containerRef, internalRef })\n\n    const textAreaClassName = classNames([\n        autoExpand ? styles.disableResize : null,\n        disableResize ? styles.disableResize : null,\n    ])\n\n    return (\n        <BaseField\n            variant={variant}\n            id={id}\n            label={label}\n            value={value}\n            auxiliaryLabel={auxiliaryLabel}\n            message={message}\n            tone={tone}\n            hidden={hidden}\n            aria-describedby={ariaDescribedBy}\n            className={[\n                styles.textAreaContainer,\n                tone === 'error' ? styles.error : null,\n                variant === 'bordered' ? styles.bordered : null,\n            ]}\n            maxWidth={maxWidth}\n            maxLength={maxLength}\n        >\n            {({ onChange, ...extraProps }) => (\n                <Box\n                    width=\"full\"\n                    display=\"flex\"\n                    className={styles.innerContainer}\n                    ref={containerRef}\n                >\n                    <textarea\n                        {...props}\n                        {...extraProps}\n                        ref={combinedRef}\n                        rows={rows}\n                        className={textAreaClassName}\n                        maxLength={maxLength}\n                        onChange={(event) => {\n                            originalOnChange?.(event)\n                            onChange?.(event)\n                        }}\n                    />\n                </Box>\n            )}\n        </BaseField>\n    )\n})\n\nfunction useAutoExpand({\n    value,\n    autoExpand,\n    containerRef,\n    internalRef,\n}: {\n    value: string | undefined\n    autoExpand: boolean\n    containerRef: React.RefObject<HTMLDivElement>\n    internalRef: React.RefObject<HTMLTextAreaElement>\n}) {\n    const isControlled = value !== undefined\n\n    React.useEffect(\n        function setupAutoExpandWhenUncontrolled() {\n            const textAreaElement = internalRef.current\n            if (!textAreaElement || !autoExpand || isControlled) {\n                return undefined\n            }\n\n            const containerElement = containerRef.current\n\n            function handleAutoExpand(value: string) {\n                if (containerElement) {\n                    containerElement.dataset.replicatedValue = value\n                }\n            }\n\n            function handleInput(event: Event) {\n                handleAutoExpand((event.currentTarget as HTMLTextAreaElement).value)\n            }\n\n            // Apply change initially, in case the text area has a non-empty initial value\n            handleAutoExpand(textAreaElement.value)\n            textAreaElement.addEventListener('input', handleInput)\n            return () => textAreaElement.removeEventListener('input', handleInput)\n        },\n        [autoExpand, containerRef, internalRef, isControlled],\n    )\n\n    React.useEffect(\n        function setupAutoExpandWhenControlled() {\n            if (!isControlled || !autoExpand) {\n                return\n            }\n\n            const containerElement = containerRef.current\n            if (containerElement) {\n                containerElement.dataset.replicatedValue = value\n            }\n        },\n        [value, containerRef, isControlled, autoExpand],\n    )\n}\n\nexport { TextArea }\nexport type { TextAreaProps }\n"],"names":["React","forwardRef","ref","variant","id","label","value","auxiliaryLabel","message","tone","maxWidth","maxLength","hidden","aria-describedby","ariaDescribedBy","rows","autoExpand","disableResize","onChange","originalOnChange","_ref","props","_objectWithoutProperties","objectWithoutProperties","_excluded","containerRef","useRef","internalRef","combinedRef","useMergeRefs","isControlled","undefined","useEffect","textAreaElement","current","containerElement","handleAutoExpand","dataset","replicatedValue","handleInput","event","currentTarget","addEventListener","removeEventListener","useAutoExpand","textAreaClassName","classNames","styles","createElement","BaseField","className","textAreaContainer","error","bordered","_ref2","extraProps","_excluded2","Box","width","display","innerContainer","_objectSpread","objectSpread2"],"mappings":"y2BAkDiBA,EAAMC,YAA+C,SAmBlEC,EAAAA,GAAG,IAlBHC,QACIA,EAAU,UADdC,GAEIA,EAFJC,MAGIA,EAHJC,MAIIA,EAJJC,eAKIA,EALJC,QAMIA,EANJC,KAOIA,EAPJC,SAQIA,EARJC,UASIA,EATJC,OAUIA,EACAC,mBAAoBC,EAXxBC,KAYIA,EAZJC,WAaIA,GAAa,EAbjBC,cAcIA,GAAgB,EAChBC,SAAUC,GAGXC,EAFIC,EAEJC,EAAAC,wBAAAH,EAAAI,GAEH,MAAMC,EAAezB,EAAM0B,OAAuB,MAC5CC,EAAc3B,EAAM0B,OAA4B,MAChDE,EAAcC,EAAYA,aAAC,CAAC3B,EAAKyB,KAqD3C,UAAuBrB,MACnBA,EADmBU,WAEnBA,EAFmBS,aAGnBA,EAHmBE,YAInBA,IAOA,MAAMG,OAAyBC,IAAVzB,EAErBN,EAAMgC,WACF,WACI,MAAMC,EAAkBN,EAAYO,QACpC,IAAKD,IAAoBjB,GAAcc,EACnC,OAGJ,MAAMK,EAAmBV,EAAaS,QAEtC,SAASE,EAAiB9B,GAClB6B,IACAA,EAAiBE,QAAQC,gBAAkBhC,GAInD,SAASiC,EAAYC,GACjBJ,EAAkBI,EAAMC,cAAsCnC,OAMlE,OAFA8B,EAAiBH,EAAgB3B,OACjC2B,EAAgBS,iBAAiB,QAASH,GACnC,IAAMN,EAAgBU,oBAAoB,QAASJ,KAE9D,CAACvB,EAAYS,EAAcE,EAAaG,IAG5C9B,EAAMgC,WACF,WACI,IAAKF,IAAiBd,EAClB,OAGJ,MAAMmB,EAAmBV,EAAaS,QAClCC,IACAA,EAAiBE,QAAQC,gBAAkBhC,KAGnD,CAACA,EAAOmB,EAAcK,EAAcd,IAtGxC4B,CAAc,CAAEtC,MAAAA,EAAOU,WAAAA,EAAYS,aAAAA,EAAcE,YAAAA,IAEjD,MAAMkB,EAAoBC,EAAAA,QAAW,CACjC9B,EAAa+B,EAAAA,QAAO9B,cAAgB,KACpCA,EAAgB8B,EAAM,QAAC9B,cAAgB,OAG3C,OACIjB,EAACgD,cAAAC,YACG,CAAA9C,QAASA,EACTC,GAAIA,EACJC,MAAOA,EACPC,MAAOA,EACPC,eAAgBA,EAChBC,QAASA,EACTC,KAAMA,EACNG,OAAQA,qBACUE,EAClBoC,UAAW,CACPH,EAAM,QAACI,kBACE,UAAT1C,EAAmBsC,EAAM,QAACK,MAAQ,KACtB,aAAZjD,EAAyB4C,EAAAA,QAAOM,SAAW,MAE/C3C,SAAUA,EACVC,UAAWA,GAEV2C,IAAA,IAACpC,SAAEA,GAAHoC,EAAgBC,EAAhBjC,EAAAC,wBAAA+B,EAAAE,GAAA,OACGxD,EAACgD,cAAAS,OACGC,MAAM,OACNC,QAAQ,OACRT,UAAWH,EAAM,QAACa,eAClB1D,IAAKuB,GAELzB,EACQgD,cAAA,WADRa,EAAAC,cAAAD,EAAAC,cAAAD,gBAAA,GACQxC,GACAkC,GAFR,GAAA,CAGIrD,IAAK0B,EACLb,KAAMA,EACNmC,UAAWL,EACXlC,UAAWA,EACXO,SAAWsB,IACP,MAAArB,GAAAA,EAAmBqB,GACnB,MAAAtB,GAAAA,EAAWsB"}
+{"version":3,"file":"text-area.js","sources":["../../src/text-area/text-area.tsx"],"sourcesContent":[null],"names":["React","__rest","useMergeRefs","classNames","styles","BaseField","Box","__assign"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDM,IAAA,QAAQ,GAAGA,gBAAK,CAAC,UAAU,CAAqC,SAAS,QAAQ,CACnF,EAiBC,EACD,GAAG,EAAA;AAjBC,IAAA,IAAA,EAAmB,GAAA,EAAA,CAAA,OAAA,EAAnB,OAAO,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAA,EAAA,EACnB,EAAE,GAAA,EAAA,CAAA,EAAA,EACF,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,MAAM,GAAA,EAAA,CAAA,MAAA,EACc,eAAe,GAAA,EAAA,CAAA,kBAAA,CAAA,EACnC,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAkB,GAAA,EAAA,CAAA,UAAA,EAAlB,UAAU,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EAClB,EAAA,GAAA,EAAA,CAAA,aAAqB,EAArB,aAAa,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAA,EAAA,EACX,gBAAgB,GAAA,EAAA,CAAA,QAAA,EACvB,KAAK,GAhBZC,YAAA,CAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,SAAA,EAAA,MAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,YAAA,EAAA,eAAA,EAAA,UAAA,CAiBC,CADW,CAAA;IAIZ,IAAM,YAAY,GAAGD,gBAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAA;IACvD,IAAM,WAAW,GAAGA,gBAAK,CAAC,MAAM,CAAsB,IAAI,CAAC,CAAA;IAC3D,IAAM,WAAW,GAAGE,2BAAY,CAAC,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,CAAA;AAEpD,IAAA,aAAa,CAAC,EAAE,KAAK,EAAA,KAAA,EAAE,UAAU,EAAA,UAAA,EAAE,YAAY,cAAA,EAAE,WAAW,EAAA,WAAA,EAAE,CAAC,CAAA;IAE/D,IAAM,iBAAiB,GAAGC,8BAAU,CAAC;QACjC,UAAU,GAAGC,0BAAM,CAAC,aAAa,GAAG,IAAI;QACxC,aAAa,GAAGA,0BAAM,CAAC,aAAa,GAAG,IAAI;AAC9C,KAAA,CAAC,CAAA;AAEF,IAAA,QACIJ,gBAAC,CAAA,aAAA,CAAAK,mBAAS,EACN,EAAA,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,sBACI,eAAe,EACjC,SAAS,EAAE;AACP,YAAAD,0BAAM,CAAC,iBAAiB;YACxB,IAAI,KAAK,OAAO,GAAGA,0BAAM,CAAC,KAAK,GAAG,IAAI;YACtC,OAAO,KAAK,UAAU,GAAGA,0BAAM,CAAC,QAAQ,GAAG,IAAI;SAClD,EACD,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EAEnB,EAAA,UAAC,EAA2B,EAAA;AAAzB,QAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAK,UAAU,GAAAH,YAAA,CAAA,EAAA,EAAzB,YAA2B,CAAF,CAAA;QAAO,QAC9BD,+BAACM,OAAG,EAAA,EACA,KAAK,EAAC,MAAM,EACZ,OAAO,EAAC,MAAM,EACd,SAAS,EAAEF,0BAAM,CAAC,cAAc,EAChC,GAAG,EAAE,YAAY,EAAA;YAEjBJ,gBACQ,CAAA,aAAA,CAAA,UAAA,EAAAO,cAAA,CAAA,EAAA,EAAA,KAAK,EACL,UAAU,EAAA,EACd,GAAG,EAAE,WAAW,EAChB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,iBAAiB,EAC5B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,UAAC,KAAK,EAAA;AACZ,oBAAA,gBAAgB,aAAhB,gBAAgB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhB,gBAAgB,CAAG,KAAK,CAAC,CAAA;AACzB,oBAAA,QAAQ,aAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAG,KAAK,CAAC,CAAA;iBACpB,EAAA,CAAA,CACH,CACA,EACT;AAAA,KAAA,CACO,EACf;AACL,CAAC,EAAC;AAEF,SAAS,aAAa,CAAC,EAUtB,EAAA;QATG,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,WAAW,GAAA,EAAA,CAAA,WAAA,CAAA;AAOX,IAAA,IAAM,YAAY,GAAG,KAAK,KAAK,SAAS,CAAA;AAExC,IAAAP,gBAAK,CAAC,SAAS,CACX,SAAS,+BAA+B,GAAA;AACpC,QAAA,IAAM,eAAe,GAAG,WAAW,CAAC,OAAO,CAAA;AAC3C,QAAA,IAAI,CAAC,eAAe,IAAI,CAAC,UAAU,IAAI,YAAY,EAAE;AACjD,YAAA,OAAO,SAAS,CAAA;AACnB,SAAA;AAED,QAAA,IAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,CAAA;QAE7C,SAAS,gBAAgB,CAAC,KAAa,EAAA;AACnC,YAAA,IAAI,gBAAgB,EAAE;AAClB,gBAAA,gBAAgB,CAAC,OAAO,CAAC,eAAe,GAAG,KAAK,CAAA;AACnD,aAAA;SACJ;QAED,SAAS,WAAW,CAAC,KAAY,EAAA;AAC7B,YAAA,gBAAgB,CAAE,KAAK,CAAC,aAAqC,CAAC,KAAK,CAAC,CAAA;SACvE;;AAGD,QAAA,gBAAgB,CAAC,eAAe,CAAC,KAAK,CAAC,CAAA;AACvC,QAAA,eAAe,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;AACtD,QAAA,OAAO,YAAM,EAAA,OAAA,eAAe,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAzD,EAAyD,CAAA;KACzE,EACD,CAAC,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,CAAC,CACxD,CAAA;AAED,IAAAA,gBAAK,CAAC,SAAS,CACX,SAAS,6BAA6B,GAAA;AAClC,QAAA,IAAI,CAAC,YAAY,IAAI,CAAC,UAAU,EAAE;YAC9B,OAAM;AACT,SAAA;AAED,QAAA,IAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,CAAA;AAC7C,QAAA,IAAI,gBAAgB,EAAE;AAClB,YAAA,gBAAgB,CAAC,OAAO,CAAC,eAAe,GAAG,KAAK,CAAA;AACnD,SAAA;KACJ,EACD,CAAC,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,CAAC,CAClD,CAAA;AACL;;;;"}

package/lib/text-area/text-area.module.css.js

@@ -1,2 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={textAreaContainer:"_1ae68da6",innerContainer:"_8eadb1df",bordered:"_35e7d1ba",error:"_8b028659",disableResize:"_30f6cf3c"};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var modules_2728c236 = {"textAreaContainer":"_1ae68da6","innerContainer":"_8eadb1df","bordered":"_35e7d1ba","error":"_8b028659","disableResize":"_30f6cf3c"};
+
+exports["default"] = modules_2728c236;
 //# sourceMappingURL=text-area.module.css.js.map

package/lib/text-area/text-area.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-area.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"text-area.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/text-field/index.d.ts

@@ -1 +1 @@
-export * from './text-field';
+export * from './text-field';

package/lib/text-field/text-field.d.ts

@@ -1,18 +1,18 @@
-import * as React from 'react';
-import { BaseFieldVariantProps } from '../base-field';
-import type { BaseFieldProps, FieldComponentProps } from '../base-field';
-type TextFieldType = 'email' | 'search' | 'tel' | 'text' | 'url';
-interface TextFieldProps extends Omit<FieldComponentProps<HTMLInputElement>, 'type' | 'supportsStartAndEndSlots'>, BaseFieldVariantProps, Pick<BaseFieldProps, 'characterCountPosition'> {
-    type?: TextFieldType;
-    startSlot?: React.ReactElement | string | number;
-    endSlot?: React.ReactElement | string | number;
-    /**
-     * The maximum number of characters that the input field can accept.
-     * When this limit is reached, the input field will not accept any more characters.
-     * The counter element will turn red when the number of characters is within 10 of the maximum limit.
-     */
-    maxLength?: number;
-}
-declare const TextField: React.ForwardRefExoticComponent<Omit<TextFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export { TextField };
-export type { TextFieldProps, TextFieldType };
+import * as React from 'react';
+import { BaseFieldVariantProps } from '../base-field';
+import type { BaseFieldProps, FieldComponentProps } from '../base-field';
+type TextFieldType = 'email' | 'search' | 'tel' | 'text' | 'url';
+interface TextFieldProps extends Omit<FieldComponentProps<HTMLInputElement>, 'type' | 'supportsStartAndEndSlots'>, BaseFieldVariantProps, Pick<BaseFieldProps, 'characterCountPosition'> {
+    type?: TextFieldType;
+    startSlot?: React.ReactElement | string | number;
+    endSlot?: React.ReactElement | string | number;
+    /**
+     * The maximum number of characters that the input field can accept.
+     * When this limit is reached, the input field will not accept any more characters.
+     * The counter element will turn red when the number of characters is within 10 of the maximum limit.
+     */
+    maxLength?: number;
+}
+declare const TextField: React.ForwardRefExoticComponent<Omit<TextFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { TextField };
+export type { TextFieldProps, TextFieldType };

package/lib/text-field/text-field.js

@@ -1,2 +1,64 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),r=require("../base-field/base-field.js"),a=require("../box/box.js"),l=require("./text-field.module.css.js"),n=require("use-callback-ref");function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,t}var i=o(t);const d=["variant","id","label","value","auxiliaryLabel","message","tone","type","maxWidth","maxLength","hidden","aria-describedby","startSlot","endSlot","onChange","characterCountPosition","endSlotPosition"],u=["onChange","characterCountElement"];exports.TextField=i.forwardRef((function(t,o){let{variant:s="default",id:c,label:b,value:m,auxiliaryLabel:f,message:x,tone:g,type:h="text",maxWidth:p,maxLength:y,hidden:j,"aria-describedby":v,startSlot:S,endSlot:P,onChange:C,characterCountPosition:E="below",endSlotPosition:L="bottom"}=t,O=e.objectWithoutProperties(t,d);const q=i.useRef(null),W=n.useMergeRefs([o,q]);function _(e){var t;e.currentTarget!==W.current&&(null==(t=q.current)||t.focus())}const B=P&&("default"===s||"bordered"===s&&"bottom"===L);return i.createElement(r.BaseField,{variant:s,id:c,label:b,value:m,auxiliaryLabel:f,message:x,tone:g,maxWidth:p,maxLength:y,hidden:j,"aria-describedby":v,characterCountPosition:E,supportsStartAndEndSlots:!0,endSlot:P,endSlotPosition:"bordered"===s?L:void 0},t=>{let{onChange:r,characterCountElement:n}=t,o=e.objectWithoutProperties(t,u);return i.createElement(a.Box,{display:"flex",alignItems:"center",className:[l.default.inputWrapper,"error"===g?l.default.error:null,"bordered"===s?l.default.bordered:null,O.readOnly?l.default.readOnly:null],onClick:_},S?i.createElement(a.Box,{className:l.default.slot,display:"flex",marginRight:"bordered"===s?"xsmall":"-xsmall",marginLeft:"bordered"===s?"-xsmall":"xsmall"},S):null,i.createElement("input",e.objectSpread2(e.objectSpread2(e.objectSpread2({},O),o),{},{type:h,ref:W,maxLength:y,onChange:e=>{null==C||C(e),null==r||r(e)}})),B||n?i.createElement(a.Box,{className:l.default.slot,display:"flex",marginRight:"bordered"===s?"-xsmall":"xsmall",marginLeft:"bordered"===s?"xsmall":"-xsmall"},n,B?P:null):null)})}));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var baseField = require('../base-field/base-field.js');
+var box = require('../box/box.js');
+var textField_module = require('./text-field.module.css.js');
+var useCallbackRef = require('use-callback-ref');
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var TextField = React__namespace.forwardRef(function TextField(_a, ref) {
+    var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, id = _a.id, label = _a.label, value = _a.value, auxiliaryLabel = _a.auxiliaryLabel, message = _a.message, tone = _a.tone, _c = _a.type, type = _c === void 0 ? 'text' : _c, maxWidth = _a.maxWidth, maxLength = _a.maxLength, hidden = _a.hidden, ariaDescribedBy = _a["aria-describedby"], startSlot = _a.startSlot, endSlot = _a.endSlot, originalOnChange = _a.onChange, _d = _a.characterCountPosition, characterCountPosition = _d === void 0 ? 'below' : _d, _e = _a.endSlotPosition, endSlotPosition = _e === void 0 ? 'bottom' : _e, props = tslib.__rest(_a, ["variant", "id", "label", "value", "auxiliaryLabel", "message", "tone", "type", "maxWidth", "maxLength", "hidden", 'aria-describedby', "startSlot", "endSlot", "onChange", "characterCountPosition", "endSlotPosition"]);
+    var internalRef = React__namespace.useRef(null);
+    var combinedRef = useCallbackRef.useMergeRefs([ref, internalRef]);
+    function handleClick(event) {
+        var _a;
+        if (event.currentTarget === combinedRef.current)
+            return;
+        (_a = internalRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    var displayEndSlot = endSlot &&
+        (variant === 'default' || (variant === 'bordered' && endSlotPosition === 'bottom'));
+    return (React__namespace.createElement(baseField.BaseField, { variant: variant, id: id, label: label, value: value, auxiliaryLabel: auxiliaryLabel, message: message, tone: tone, maxWidth: maxWidth, maxLength: maxLength, hidden: hidden, "aria-describedby": ariaDescribedBy, characterCountPosition: characterCountPosition, supportsStartAndEndSlots: true, endSlot: endSlot, endSlotPosition: variant === 'bordered' ? endSlotPosition : undefined }, function (_a) {
+        var onChange = _a.onChange, characterCountElement = _a.characterCountElement, extraProps = tslib.__rest(_a, ["onChange", "characterCountElement"]);
+        return (React__namespace.createElement(box.Box, { display: "flex", alignItems: "center", className: [
+                textField_module["default"].inputWrapper,
+                tone === 'error' ? textField_module["default"].error : null,
+                variant === 'bordered' ? textField_module["default"].bordered : null,
+                props.readOnly ? textField_module["default"].readOnly : null,
+            ], onClick: handleClick },
+            startSlot ? (React__namespace.createElement(box.Box, { className: textField_module["default"].slot, display: "flex", marginRight: variant === 'bordered' ? 'xsmall' : '-xsmall', marginLeft: variant === 'bordered' ? '-xsmall' : 'xsmall' }, startSlot)) : null,
+            React__namespace.createElement("input", tslib.__assign({}, props, extraProps, { type: type, ref: combinedRef, maxLength: maxLength, onChange: function (event) {
+                    originalOnChange === null || originalOnChange === void 0 ? void 0 : originalOnChange(event);
+                    onChange === null || onChange === void 0 ? void 0 : onChange(event);
+                } })),
+            displayEndSlot || characterCountElement ? (React__namespace.createElement(box.Box, { className: textField_module["default"].slot, display: "flex", marginRight: variant === 'bordered' ? '-xsmall' : 'xsmall', marginLeft: variant === 'bordered' ? 'xsmall' : '-xsmall' },
+                characterCountElement,
+                displayEndSlot ? endSlot : null)) : null));
+    }));
+});
+
+exports.TextField = TextField;
 //# sourceMappingURL=text-field.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"text-field.js","sources":["../../src/text-field/text-field.tsx"],"sourcesContent":["import * as React from 'react'\nimport { BaseField, BaseFieldVariantProps } from '../base-field'\nimport { Box } from '../box'\nimport styles from './text-field.module.css'\nimport type { BaseFieldProps, FieldComponentProps } from '../base-field'\nimport { useMergeRefs } from 'use-callback-ref'\n\ntype TextFieldType = 'email' | 'search' | 'tel' | 'text' | 'url'\n\ninterface TextFieldProps\n    extends Omit<FieldComponentProps<HTMLInputElement>, 'type' | 'supportsStartAndEndSlots'>,\n        BaseFieldVariantProps,\n        Pick<BaseFieldProps, 'characterCountPosition'> {\n    type?: TextFieldType\n    startSlot?: React.ReactElement | string | number\n    endSlot?: React.ReactElement | string | number\n    /**\n     * The maximum number of characters that the input field can accept.\n     * When this limit is reached, the input field will not accept any more characters.\n     * The counter element will turn red when the number of characters is within 10 of the maximum limit.\n     */\n    maxLength?: number\n}\n\nconst TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(function TextField(\n    {\n        variant = 'default',\n        id,\n        label,\n        value,\n        auxiliaryLabel,\n        message,\n        tone,\n        type = 'text',\n        maxWidth,\n        maxLength,\n        hidden,\n        'aria-describedby': ariaDescribedBy,\n        startSlot,\n        endSlot,\n        onChange: originalOnChange,\n        characterCountPosition = 'below',\n        endSlotPosition = 'bottom',\n        ...props\n    },\n    ref,\n) {\n    const internalRef = React.useRef<HTMLInputElement>(null)\n    const combinedRef = useMergeRefs([ref, internalRef])\n\n    function handleClick(event: React.MouseEvent) {\n        if (event.currentTarget === combinedRef.current) return\n        internalRef.current?.focus()\n    }\n\n    const displayEndSlot =\n        endSlot &&\n        (variant === 'default' || (variant === 'bordered' && endSlotPosition === 'bottom'))\n\n    return (\n        <BaseField\n            variant={variant}\n            id={id}\n            label={label}\n            value={value}\n            auxiliaryLabel={auxiliaryLabel}\n            message={message}\n            tone={tone}\n            maxWidth={maxWidth}\n            maxLength={maxLength}\n            hidden={hidden}\n            aria-describedby={ariaDescribedBy}\n            characterCountPosition={characterCountPosition}\n            supportsStartAndEndSlots\n            endSlot={endSlot}\n            endSlotPosition={variant === 'bordered' ? endSlotPosition : undefined}\n        >\n            {({ onChange, characterCountElement, ...extraProps }) => (\n                <Box\n                    display=\"flex\"\n                    alignItems=\"center\"\n                    className={[\n                        styles.inputWrapper,\n                        tone === 'error' ? styles.error : null,\n                        variant === 'bordered' ? styles.bordered : null,\n                        props.readOnly ? styles.readOnly : null,\n                    ]}\n                    onClick={handleClick}\n                >\n                    {startSlot ? (\n                        <Box\n                            className={styles.slot}\n                            display=\"flex\"\n                            marginRight={variant === 'bordered' ? 'xsmall' : '-xsmall'}\n                            marginLeft={variant === 'bordered' ? '-xsmall' : 'xsmall'}\n                        >\n                            {startSlot}\n                        </Box>\n                    ) : null}\n                    <input\n                        {...props}\n                        {...extraProps}\n                        type={type}\n                        ref={combinedRef}\n                        maxLength={maxLength}\n                        onChange={(event) => {\n                            originalOnChange?.(event)\n                            onChange?.(event)\n                        }}\n                    />\n                    {displayEndSlot || characterCountElement ? (\n                        <Box\n                            className={styles.slot}\n                            display=\"flex\"\n                            marginRight={variant === 'bordered' ? '-xsmall' : 'xsmall'}\n                            marginLeft={variant === 'bordered' ? 'xsmall' : '-xsmall'}\n                        >\n                            {characterCountElement}\n                            {displayEndSlot ? endSlot : null}\n                        </Box>\n                    ) : null}\n                </Box>\n            )}\n        </BaseField>\n    )\n})\n\nexport { TextField }\nexport type { TextFieldProps, TextFieldType }\n"],"names":["React","forwardRef","ref","variant","id","label","value","auxiliaryLabel","message","tone","type","maxWidth","maxLength","hidden","aria-describedby","ariaDescribedBy","startSlot","endSlot","onChange","originalOnChange","characterCountPosition","endSlotPosition","_ref","props","_objectWithoutProperties","objectWithoutProperties","_excluded","internalRef","useRef","combinedRef","useMergeRefs","handleClick","event","_internalRef$current","currentTarget","current","focus","displayEndSlot","BaseField","supportsStartAndEndSlots","undefined","_ref2","characterCountElement","extraProps","_excluded2","createElement","Box","display","alignItems","className","styles","inputWrapper","error","bordered","readOnly","onClick","slot","marginRight","marginLeft"],"mappings":"g0BAwBkBA,EAAMC,YAA6C,SAqBjEC,EAAAA,GAAG,IApBHC,QACIA,EAAU,UADdC,GAEIA,EAFJC,MAGIA,EAHJC,MAIIA,EAJJC,eAKIA,EALJC,QAMIA,EANJC,KAOIA,EAPJC,KAQIA,EAAO,OARXC,SASIA,EATJC,UAUIA,EAVJC,OAWIA,EACAC,mBAAoBC,EAZxBC,UAaIA,EAbJC,QAcIA,EACAC,SAAUC,EAfdC,uBAgBIA,EAAyB,QAhB7BC,gBAiBIA,EAAkB,UAGnBC,EAFIC,EAEJC,EAAAC,wBAAAH,EAAAI,GAEH,MAAMC,EAAc3B,EAAM4B,OAAyB,MAC7CC,EAAcC,EAAYA,aAAC,CAAC5B,EAAKyB,IAEvC,SAASI,EAAYC,GAAuB,IAAAC,EACpCD,EAAME,gBAAkBL,EAAYM,UACxC,OAAAF,EAAAN,EAAYQ,UAAZF,EAAqBG,SAGzB,MAAMC,EACFpB,IACa,YAAZd,GAAsC,aAAZA,GAA8C,WAApBkB,GAEzD,OACIrB,gBAACsC,YAAS,CACNnC,QAASA,EACTC,GAAIA,EACJC,MAAOA,EACPC,MAAOA,EACPC,eAAgBA,EAChBC,QAASA,EACTC,KAAMA,EACNE,SAAUA,EACVC,UAAWA,EACXC,OAAQA,EACUC,mBAAAC,EAClBK,uBAAwBA,EACxBmB,0BACA,EAAAtB,QAASA,EACTI,gBAA6B,aAAZlB,EAAyBkB,OAAkBmB,GAE3DC,IAAA,IAACvB,SAAEA,EAAFwB,sBAAYA,GAAbD,EAAuCE,EAAvCnB,EAAAC,wBAAAgB,EAAAG,GAAA,OACG5C,EAAA6C,cAACC,MACG,CAAAC,QAAQ,OACRC,WAAW,SACXC,UAAW,CACPC,EAAM,QAACC,aACE,UAAT1C,EAAmByC,EAAM,QAACE,MAAQ,KACtB,aAAZjD,EAAyB+C,EAAM,QAACG,SAAW,KAC3C9B,EAAM+B,SAAWJ,EAAM,QAACI,SAAW,MAEvCC,QAASxB,GAERf,EACGhB,gBAAC8C,MAAG,CACAG,UAAWC,EAAM,QAACM,KAClBT,QAAQ,OACRU,YAAyB,aAAZtD,EAAyB,SAAW,UACjDuD,WAAwB,aAAZvD,EAAyB,UAAY,UAEhDa,GAEL,KACJhB,EACQ6C,cAAA,QAAAtB,EAAAA,cAAAA,EAAAA,cAAAA,EAAAA,cAAAA,GAAAA,GACAoB,GAFR,GAAA,CAGIjC,KAAMA,EACNR,IAAK2B,EACLjB,UAAWA,EACXM,SAAWc,IACP,MAAAb,GAAAA,EAAmBa,GACnB,MAAAd,GAAAA,EAAWc,OAGlBK,GAAkBK,EACf1C,EAAA6C,cAACC,EAAAA,IACG,CAAAG,UAAWC,EAAM,QAACM,KAClBT,QAAQ,OACRU,YAAyB,aAAZtD,EAAyB,UAAY,SAClDuD,WAAwB,aAAZvD,EAAyB,SAAW,WAE/CuC,EACAL,EAAiBpB,EAAU,MAEhC"}
+{"version":3,"file":"text-field.js","sources":["../../src/text-field/text-field.tsx"],"sourcesContent":[null],"names":["React","__rest","useMergeRefs","BaseField","Box","styles","__assign"],"mappings":"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"}

package/lib/text-field/text-field.module.css.js

@@ -1,2 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={inputWrapper:"_3aa2a591",readOnly:"_88dd4657",bordered:"f9ddac83",error:"_7b4ae67d",slot:"_92010b01"};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var modules_aaf25250 = {"inputWrapper":"_3aa2a591","readOnly":"_88dd4657","bordered":"f9ddac83","error":"_7b4ae67d","slot":"_92010b01"};
+
+exports["default"] = modules_aaf25250;
 //# sourceMappingURL=text-field.module.css.js.map

package/lib/text-field/text-field.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"text-field.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/text-link/index.d.ts

@@ -1 +1 @@
-export * from './text-link';
+export * from './text-link';

package/lib/text-link/text-link.d.ts

@@ -1,9 +1,9 @@
-import type { OpenInNewTab } from '../utils/common-types';
-type TextLinkColors = 'default' | 'inherit';
-type TextLinkProps = OpenInNewTab & {
-    color?: TextLinkColors;
-    underline?: boolean;
-};
-declare const TextLink: import("../utils/polymorphism").PolymorphicComponent<"a", TextLinkProps, "obfuscateClassName">;
-export { TextLink };
-export type { TextLinkProps };
+import type { OpenInNewTab } from '../utils/common-types';
+type TextLinkColors = 'default' | 'inherit';
+type TextLinkProps = OpenInNewTab & {
+    color?: TextLinkColors;
+    underline?: boolean;
+};
+declare const TextLink: import("../utils/polymorphism").PolymorphicComponent<"a", TextLinkProps, "obfuscateClassName">;
+export { TextLink };
+export type { TextLinkProps };

package/lib/text-link/text-link.js

@@ -1,2 +1,42 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_rollupPluginBabelHelpers.js"),r=require("react"),t=require("../box/box.js"),n=require("../utils/polymorphism.js"),o=require("./text-link.module.css.js");function l(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,r}var a=l(r);const i=["as","openInNewTab","exceptionallySetClassName","color","underline"];exports.TextLink=n.polymorphicComponent((function(r,n){let{as:l="a",openInNewTab:u=!1,exceptionallySetClassName:s,color:c="default",underline:p=!0}=r,d=e.objectWithoutProperties(r,i);return a.createElement(t.Box,e.objectSpread2(e.objectSpread2({},d),{},{as:l,display:"inline",className:[s,o.default.container,o.default[c],p?o.default.underline:o.default["no-underline"]],ref:n,target:u?"_blank":void 0,rel:u?"noopener noreferrer":void 0}))}));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var box = require('../box/box.js');
+var polymorphism = require('../utils/polymorphism.js');
+var textLink_module = require('./text-link.module.css.js');
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var TextLink = polymorphism.polymorphicComponent(function TextLink(_a, ref) {
+    var _b = _a.as, as = _b === void 0 ? 'a' : _b, _c = _a.openInNewTab, openInNewTab = _c === void 0 ? false : _c, exceptionallySetClassName = _a.exceptionallySetClassName, _d = _a.color, color = _d === void 0 ? 'default' : _d, _e = _a.underline, underline = _e === void 0 ? true : _e, props = tslib.__rest(_a, ["as", "openInNewTab", "exceptionallySetClassName", "color", "underline"]);
+    return (React__namespace.createElement(box.Box, tslib.__assign({}, props, { as: as, display: "inline", className: [
+            exceptionallySetClassName,
+            textLink_module["default"].container,
+            textLink_module["default"][color],
+            underline ? textLink_module["default"].underline : textLink_module["default"]['no-underline'],
+        ], ref: ref, target: openInNewTab ? '_blank' : undefined, rel: openInNewTab ? 'noopener noreferrer' : undefined })));
+});
+
+exports.TextLink = TextLink;
 //# sourceMappingURL=text-link.js.map

package/lib/text-link/text-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-link.js","sources":["../../src/text-link/text-link.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Box } from '../box'\nimport { polymorphicComponent } from '../utils/polymorphism'\nimport styles from './text-link.module.css'\nimport type { OpenInNewTab } from '../utils/common-types'\n\ntype TextLinkColors = 'default' | 'inherit'\n\ntype TextLinkProps = OpenInNewTab & {\n    color?: TextLinkColors\n    underline?: boolean\n}\n\nconst TextLink = polymorphicComponent<'a', TextLinkProps>(function TextLink(\n    {\n        as = 'a',\n        openInNewTab = false,\n        exceptionallySetClassName,\n        color = 'default',\n        underline = true,\n        ...props\n    },\n    ref,\n) {\n    return (\n        <Box\n            {...props}\n            as={as}\n            display=\"inline\"\n            className={[\n                exceptionallySetClassName,\n                styles.container,\n                styles[color],\n                underline ? styles.underline : styles['no-underline'],\n            ]}\n            ref={ref}\n            target={openInNewTab ? '_blank' : undefined}\n            rel={openInNewTab ? 'noopener noreferrer' : undefined}\n        />\n    )\n})\n\nexport { TextLink }\nexport type { TextLinkProps }\n"],"names":["polymorphicComponent","_ref","ref","as","openInNewTab","exceptionallySetClassName","color","underline","props","_objectWithoutProperties","objectWithoutProperties","_excluded","React","createElement","Box","display","className","styles","container","target","undefined","rel"],"mappings":"mnBAaiBA,EAAAA,sBAAyC,SAAAC,EAStDC,GAAG,IARHC,GACIA,EAAK,IADTC,aAEIA,GAAe,EAFnBC,0BAGIA,EAHJC,MAIIA,EAAQ,UAJZC,UAKIA,GAAY,GAGbN,EAFIO,EAEJC,EAAAC,wBAAAT,EAAAU,GAEH,OACIC,EAAAC,cAACC,yCACON,GADR,GAAA,CAEIL,GAAIA,EACJY,QAAQ,SACRC,UAAW,CACPX,EACAY,UAAOC,UACPD,EAAAA,QAAOX,GACPC,EAAYU,EAAAA,QAAOV,UAAYU,EAAM,QAAC,iBAE1Cf,IAAKA,EACLiB,OAAQf,EAAe,cAAWgB,EAClCC,IAAKjB,EAAe,2BAAwBgB"}
+{"version":3,"file":"text-link.js","sources":["../../src/text-link/text-link.tsx"],"sourcesContent":[null],"names":["polymorphicComponent","__rest","React","Box","__assign","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaM,IAAA,QAAQ,GAAGA,iCAAoB,CAAqB,SAAS,QAAQ,CACvE,EAOC,EACD,GAAG,EAAA;AAPC,IAAA,IAAA,EAAQ,GAAA,EAAA,CAAA,EAAA,EAAR,EAAE,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,GAAG,GAAA,EAAA,EACR,EAAoB,GAAA,EAAA,CAAA,YAAA,EAApB,YAAY,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAA,EAAA,EACpB,yBAAyB,GAAA,EAAA,CAAA,yBAAA,EACzB,EAAiB,GAAA,EAAA,CAAA,KAAA,EAAjB,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAA,EAAA,EACjB,EAAgB,GAAA,EAAA,CAAA,SAAA,EAAhB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAA,EAAA,EACb,KAAK,GAAAC,YAAA,CAAA,EAAA,EANZ,yEAOC,CADW,CAAA;AAIZ,IAAA,QACIC,gBAAA,CAAA,aAAA,CAACC,OAAG,EAAAC,cAAA,CAAA,EAAA,EACI,KAAK,EACT,EAAA,EAAE,EAAE,EAAE,EACN,OAAO,EAAC,QAAQ,EAChB,SAAS,EAAE;YACP,yBAAyB;AACzB,YAAAC,0BAAM,CAAC,SAAS;YAChBA,0BAAM,CAAC,KAAK,CAAC;AACb,YAAA,SAAS,GAAGA,0BAAM,CAAC,SAAS,GAAGA,0BAAM,CAAC,cAAc,CAAC;AACxD,SAAA,EACD,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,YAAY,GAAG,QAAQ,GAAG,SAAS,EAC3C,GAAG,EAAE,YAAY,GAAG,qBAAqB,GAAG,SAAS,EAAA,CAAA,CACvD,EACL;AACL,CAAC;;;;"}

package/lib/text-link/text-link.module.css.js

@@ -1,2 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={container:"d77fcdc6",default:"_468ce45c",inherit:"_54f92a1e",underline:"cdc8b08c","no-underline":"_06995bac"};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var modules_3d05deee = {"default":"_468ce45c","inherit":"_54f92a1e","underline":"cdc8b08c","no-underline":"_06995bac","container":"d77fcdc6"};
+
+exports["default"] = modules_3d05deee;
 //# sourceMappingURL=text-link.module.css.js.map

package/lib/text-link/text-link.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-link.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"text-link.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/toast/index.d.ts

@@ -1,4 +1,4 @@
-export { StaticToast } from './static-toast';
-export { Toast, ToastsProvider, useToasts } from './use-toasts';
-export type { StaticToastProps } from './static-toast';
-export type { ToastProps, ToastsProviderProps } from './use-toasts';
+export { StaticToast } from './static-toast';
+export { Toast, ToastsProvider, useToasts } from './use-toasts';
+export type { StaticToastProps } from './static-toast';
+export type { ToastProps, ToastsProviderProps } from './use-toasts';

package/lib/toast/static-toast.d.ts

@@ -1,63 +1,63 @@
-import React from 'react';
-type ToastActionObject = {
-    label: string;
-    onClick: () => void;
-    closeToast?: boolean;
-};
-type StaticToastProps = {
-    /**
-     * The message shown in the toast.
-     */
-    message: NonNullable<React.ReactNode>;
-    /**
-     * An optional extra description that complements the main message shown in the toast.
-     */
-    description?: React.ReactNode;
-    /**
-     * An icon to be shown in front of the message.
-     */
-    icon?: React.ReactNode;
-    /**
-     * The action to call when the user clicks on the dismiss button. If omitted, the dismiss button
-     * does not appear.
-     */
-    onDismiss?: () => void;
-    /**
-     * The label for the button that dismisses the toast.
-     */
-    dismissLabel?: string;
-    /**
-     * What to render in the action slot. Usually a button or link.
-     *
-     * You can also pass an object that containst the action label, and a function that performs the
-     * action. This is used by the toast component to render a button for you.
-     *
-     * In general, you should prefer the action object most of the time. But it is possible to pass
-     * a React element instead, if you need more control over what to render. For instance, you may
-     * want to render a link instead of a button.
-     *
-     * Keep in mind, though, that the default button rendered uses `variant="tertiary"` and
-     * `size="small"`. In most cases you should stick to the variants `tertiary` or `primary`, which
-     * are the ones that look better in the toast's dark background. And in all cases you should use
-     * size `small`.
-     */
-    action?: React.ReactElement | ToastActionObject;
-};
-/**
- * A toast that shows a message, and an optional action associated with it.
- *
- * This component is generally not meant to be used directly. Most of the time you'll want to use
- * toasts generated via `useToasts` instead. However, this component is available in case you need
- * to take control of rendering a toast under different circumstances than that of notification-like
- * floating toasts.
- *
- * This component makes no assumptions outwardly about how it is positioned on the screen. That is,
- * it will not be shown floating or fixed to the viewport edges, as toasts normally show up. It only
- * provides the toast look and feel, but you are responsible for positioning it as you want.
- *
- * @see useToasts
- */
-declare const StaticToast: React.ForwardRefExoticComponent<StaticToastProps & React.RefAttributes<HTMLDivElement>>;
-declare function isActionObject(action: StaticToastProps['action']): action is ToastActionObject;
-export { StaticToast, isActionObject };
-export type { StaticToastProps };
+import React from 'react';
+type ToastActionObject = {
+    label: string;
+    onClick: () => void;
+    closeToast?: boolean;
+};
+type StaticToastProps = {
+    /**
+     * The message shown in the toast.
+     */
+    message: NonNullable<React.ReactNode>;
+    /**
+     * An optional extra description that complements the main message shown in the toast.
+     */
+    description?: React.ReactNode;
+    /**
+     * An icon to be shown in front of the message.
+     */
+    icon?: React.ReactNode;
+    /**
+     * The action to call when the user clicks on the dismiss button. If omitted, the dismiss button
+     * does not appear.
+     */
+    onDismiss?: () => void;
+    /**
+     * The label for the button that dismisses the toast.
+     */
+    dismissLabel?: string;
+    /**
+     * What to render in the action slot. Usually a button or link.
+     *
+     * You can also pass an object that containst the action label, and a function that performs the
+     * action. This is used by the toast component to render a button for you.
+     *
+     * In general, you should prefer the action object most of the time. But it is possible to pass
+     * a React element instead, if you need more control over what to render. For instance, you may
+     * want to render a link instead of a button.
+     *
+     * Keep in mind, though, that the default button rendered uses `variant="tertiary"` and
+     * `size="small"`. In most cases you should stick to the variants `tertiary` or `primary`, which
+     * are the ones that look better in the toast's dark background. And in all cases you should use
+     * size `small`.
+     */
+    action?: React.ReactElement | ToastActionObject;
+};
+/**
+ * A toast that shows a message, and an optional action associated with it.
+ *
+ * This component is generally not meant to be used directly. Most of the time you'll want to use
+ * toasts generated via `useToasts` instead. However, this component is available in case you need
+ * to take control of rendering a toast under different circumstances than that of notification-like
+ * floating toasts.
+ *
+ * This component makes no assumptions outwardly about how it is positioned on the screen. That is,
+ * it will not be shown floating or fixed to the viewport edges, as toasts normally show up. It only
+ * provides the toast look and feel, but you are responsible for positioning it as you want.
+ *
+ * @see useToasts
+ */
+declare const StaticToast: React.ForwardRefExoticComponent<StaticToastProps & React.RefAttributes<HTMLDivElement>>;
+declare function isActionObject(action: StaticToastProps['action']): action is ToastActionObject;
+export { StaticToast, isActionObject };
+export type { StaticToastProps };