@purpur/library 9.0.8 → 9.0.10

package/dist/table.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./table-TdOPMFoP.js");exports.Table=e.Table;exports.createColumnHelper=e.createColumnHelper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./table-CJijBJsy.js");exports.Table=e.Table;exports.createColumnHelper=e.createColumnHelper;
 //# sourceMappingURL=table.cjs.js.map

package/dist/table.es.js

@@ -1,4 +1,4 @@
-import { T as r, c as l } from "./table-D7qthqj_.mjs";
+import { T as r, c as l } from "./table-YR-bpfU0.mjs";
 export {
   r as Table,
   l as createColumnHelper

package/dist/{text-field-9zPmL99g.mjs → text-field-BMDf8j-K.mjs}

@@ -1,6 +1,6 @@
 import { jsx as i, jsxs as u } from "react/jsx-runtime";
 import { useRef as T, forwardRef as k, useId as B, isValidElement as H } from "react";
-import { b as L } from "./button-D-BBdNhd.mjs";
+import { b as L } from "./button-Cv7NlYbv.mjs";
 import { F as M } from "./field-error-text-CBSX8dGx.mjs";
 import { F as S } from "./field-helper-text-C5ee4SFV.mjs";
 import { r as D } from "./check-circle-filled.es-umBwOv5_.mjs";
@@ -182,4 +182,4 @@ export {
   C as T,
   _e as i
 };
-//# sourceMappingURL=text-field-9zPmL99g.mjs.map
+//# sourceMappingURL=text-field-BMDf8j-K.mjs.map

package/dist/{text-field-9zPmL99g.mjs.map → text-field-BMDf8j-K.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"text-field-9zPmL99g.mjs","sources":["../../../components/text-field/src/utils.ts","../../../components/text-field/src/text-field.tsx"],"sourcesContent":["import { type MutableRefObject, useRef } from \"react\";\n\nexport const useMutableRefObject = <T>(value: T): MutableRefObject<T> => {\n  return useRef<T>(value) as MutableRefObject<T>;\n};\n","import React, {\n  forwardRef,\n  type HTMLInputTypeAttribute,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n  useId,\n} from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { Label } from \"@purpur/label\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./text-field.module.scss\";\nimport { useMutableRefObject } from \"./utils\";\n\ntype TextFieldBaseProps = {\n  /**\n   * Use to display e.g. a button before the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  beforeField?: ReactNode;\n  /**\n   * Use to display e.g. a button after the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  afterField?: ReactNode;\n  /**\n   * Use to display e.g. an icon at the end inside of the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  endAdornment?: ReactNode;\n  /**\n   * Use to render error message below the text field. The text field renders with error appearance.\n   * */\n  errorText?: string;\n  /**\n   * Use to give context about the field's input. Renders below the field.\n   * */\n  helperText?: string;\n  /**\n   * The label of the text field.\n   * */\n  label?: string;\n  /**\n   *  Use to render a spinner at the end inside of the text field.\n   */\n  loading?: boolean;\n  /**\n   * Hide the asterisk for required fields.\n   * This is useful when the field is required but the context already indicates that.\n   */\n  hideRequiredAsterisk?: boolean;\n  /**\n   * Use to display e.g. an icon at the start inside of the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  startAdornment?: ReactNode;\n  /**\n   * Use to set the type of the field.\n   */\n  type?: Extract<\n    HTMLInputTypeAttribute,\n    \"email\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\"\n  >;\n  /**\n   * Use to render text field with valid appearance. A check\n   * icon will render at the start inside of the input.\n   */\n  valid?: boolean;\n  negative?: boolean;\n};\n\ntype TextFieldClearProps =\n  | {\n      /**\n       * An accessible label for the clear button.\n       * */\n      clearButtonAriaLabel: string;\n      /**\n       * Event handler called when the clear button is clicked.\n       * */\n      onClear: () => void;\n    }\n  | {\n      /**\n       * An accessible label for the clear button.\n       * */\n      clearButtonAriaLabel?: never;\n      /**\n       * Event handler called when the clear button is clicked.\n       * */\n      onClear?: never;\n    };\n\nexport type TextFieldProps = Omit<BaseProps<\"input\">, \"type\"> &\n  TextFieldBaseProps &\n  TextFieldClearProps;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-text-field\";\n\nexport const TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      className,\n      clearButtonAriaLabel,\n      beforeField,\n      afterField,\n      endAdornment,\n      errorText,\n      helperText,\n      hideRequiredAsterisk = false,\n      label,\n      loading = false,\n      onClear,\n      startAdornment,\n      valid = false,\n      negative = false,\n      ...inputProps\n    },\n    ref\n  ) => {\n    const randomId = useId();\n    const inputId = inputProps.id ?? randomId;\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const isValid = valid && !errorText;\n    const helperTextId = helperText ? `${inputId}-helper-text` : undefined;\n    const startAdornments: ReactNode[] = [startAdornment].filter((adornment) => !!adornment);\n    const hasValue =\n      typeof inputProps.value === \"number\"\n        ? inputProps.value !== undefined\n        : inputProps.value?.length;\n    const hasClearButton =\n      hasValue &&\n      !inputProps.disabled &&\n      !inputProps.readOnly &&\n      !loading &&\n      onClear &&\n      clearButtonAriaLabel;\n\n    const internalRef = useMutableRefObject<HTMLInputElement | null>(null);\n    const setRef = (node: HTMLInputElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref) {\n        ref.current = node;\n      }\n    };\n    const handleClear = () => {\n      onClear?.();\n      internalRef.current?.focus();\n    };\n\n    const localEndAdornments: ReactNode[] = [\n      loading && (\n        <Spinner\n          key=\"spinner\"\n          disabled={inputProps.disabled}\n          size=\"xs\"\n          data-testid={getTestId(\"spinner\")}\n          negative={negative}\n        />\n      ),\n      hasClearButton && (\n        <Button\n          negative={negative}\n          key=\"clear-button\"\n          variant=\"tertiary-purple\"\n          onClick={handleClear}\n          iconOnly\n          aria-label={clearButtonAriaLabel ?? \"\"}\n          data-testid={getTestId(\"clear-button\")}\n          tabIndex={-1}\n        >\n          <IconClose size=\"xs\" />\n        </Button>\n      ),\n      isValid && (\n        <IconCheckCircleFilled\n          key=\"valid-icon\"\n          data-testid={getTestId(\"valid-icon\")}\n          className={cx(`${rootClassName}__valid-icon`, {\n            [`${rootClassName}__valid-icon--negative`]: negative,\n          })}\n        />\n      ),\n    ].filter((adornment) => !!adornment);\n\n    const inputContainerClassnames = cx(`${rootClassName}__input-container`, {\n      [`${rootClassName}__input-container--start-adornment`]: startAdornments.length,\n      [`${rootClassName}__input-container--end-adornment`]:\n        localEndAdornments.length || endAdornment,\n      [`${rootClassName}__input-container--disabled`]: inputProps.disabled,\n      [`${rootClassName}__input-container--has-clear-button`]: hasClearButton,\n      [`${rootClassName}__input-container--readonly`]: inputProps.readOnly && !inputProps.disabled,\n      [`${rootClassName}__input-container--negative`]: negative,\n    });\n\n    return (\n      <div className={cx(className, rootClassName)}>\n        {label && (\n          <Label\n            htmlFor={inputId}\n            className={cx(`${rootClassName}__label`)}\n            data-testid={getTestId(\"label\")}\n            disabled={inputProps.disabled}\n            negative={negative}\n          >\n            {inputProps.required && !hideRequiredAsterisk && <span aria-hidden>*</span>}\n            {label}\n          </Label>\n        )}\n        <div className={cx(`${rootClassName}__field-row`)}>\n          {!!beforeField && beforeField}\n          <div className={inputContainerClassnames}>\n            {!!startAdornments.length && (\n              <div\n                data-testid={getTestId(\"start-adornments\")}\n                className={cx(`${rootClassName}__adornment-container`)}\n              >\n                {startAdornments}\n              </div>\n            )}\n            <input\n              {...inputProps}\n              id={inputId}\n              ref={setRef}\n              data-testid={getTestId(\"input\")}\n              aria-describedby={inputProps[\"aria-describedby\"] || helperTextId}\n              aria-invalid={inputProps[\"aria-invalid\"] || !!errorText}\n              className={cx([\n                `${rootClassName}__input`,\n                {\n                  [`${rootClassName}__input--valid`]: isValid,\n                  [`${rootClassName}__input--error`]: !!errorText,\n                  [`${rootClassName}__input--negative`]: negative,\n                },\n              ])}\n            />\n            <div\n              className={cx(`${rootClassName}__frame`, {\n                [`${rootClassName}__frame--negative`]: negative,\n              })}\n            />\n            {(!!localEndAdornments.length || endAdornment) && (\n              <div\n                data-testid={getTestId(\"end-adornments\")}\n                className={cx(`${rootClassName}__adornment-container`)}\n              >\n                {localEndAdornments}\n                {endAdornment}\n              </div>\n            )}\n          </div>\n          {!!afterField && afterField}\n        </div>\n        {helperTextId && (\n          <FieldHelperText\n            data-testid={getTestId(\"helper-text\")}\n            id={helperTextId}\n            negative={negative}\n            disabled={inputProps.disabled}\n          >\n            {helperText}\n          </FieldHelperText>\n        )}\n        {errorText && (\n          <FieldErrorText data-testid={getTestId(\"error-text\")} negative={negative}>\n            {errorText}\n          </FieldErrorText>\n        )}\n      </div>\n    );\n  }\n);\n\nTextField.displayName = \"TextField\";\n\nexport const isTextField = (child?: ReactNode): child is ReactElement<TextFieldProps> =>\n  isValidElement<TextFieldProps>(child) &&\n  (child.type as any).displayName === TextField.displayName; // eslint-disable-line @typescript-eslint/no-explicit-any\n"],"names":["useMutableRefObject","value","useRef","cx","c","styles","rootClassName","TextField","forwardRef","dataTestId","className","clearButtonAriaLabel","beforeField","afterField","endAdornment","errorText","helperText","hideRequiredAsterisk","label","loading","onClear","startAdornment","valid","negative","inputProps","ref","randomId","useId","inputId","getTestId","name","isValid","helperTextId","startAdornments","adornment","hasClearButton","internalRef","setRef","node","handleClear","localEndAdornments","jsx","Spinner","Button","IconClose","IconCheckCircleFilled","inputContainerClassnames","jsxs","Label","FieldHelperText","FieldErrorText","isTextField","child","isValidElement"],"mappings":"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"}
+{"version":3,"file":"text-field-BMDf8j-K.mjs","sources":["../../../components/text-field/src/utils.ts","../../../components/text-field/src/text-field.tsx"],"sourcesContent":["import { type MutableRefObject, useRef } from \"react\";\n\nexport const useMutableRefObject = <T>(value: T): MutableRefObject<T> => {\n  return useRef<T>(value) as MutableRefObject<T>;\n};\n","import React, {\n  forwardRef,\n  type HTMLInputTypeAttribute,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n  useId,\n} from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { Label } from \"@purpur/label\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./text-field.module.scss\";\nimport { useMutableRefObject } from \"./utils\";\n\ntype TextFieldBaseProps = {\n  /**\n   * Use to display e.g. a button before the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  beforeField?: ReactNode;\n  /**\n   * Use to display e.g. a button after the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  afterField?: ReactNode;\n  /**\n   * Use to display e.g. an icon at the end inside of the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  endAdornment?: ReactNode;\n  /**\n   * Use to render error message below the text field. The text field renders with error appearance.\n   * */\n  errorText?: string;\n  /**\n   * Use to give context about the field's input. Renders below the field.\n   * */\n  helperText?: string;\n  /**\n   * The label of the text field.\n   * */\n  label?: string;\n  /**\n   *  Use to render a spinner at the end inside of the text field.\n   */\n  loading?: boolean;\n  /**\n   * Hide the asterisk for required fields.\n   * This is useful when the field is required but the context already indicates that.\n   */\n  hideRequiredAsterisk?: boolean;\n  /**\n   * Use to display e.g. an icon at the start inside of the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  startAdornment?: ReactNode;\n  /**\n   * Use to set the type of the field.\n   */\n  type?: Extract<\n    HTMLInputTypeAttribute,\n    \"email\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\"\n  >;\n  /**\n   * Use to render text field with valid appearance. A check\n   * icon will render at the start inside of the input.\n   */\n  valid?: boolean;\n  negative?: boolean;\n};\n\ntype TextFieldClearProps =\n  | {\n      /**\n       * An accessible label for the clear button.\n       * */\n      clearButtonAriaLabel: string;\n      /**\n       * Event handler called when the clear button is clicked.\n       * */\n      onClear: () => void;\n    }\n  | {\n      /**\n       * An accessible label for the clear button.\n       * */\n      clearButtonAriaLabel?: never;\n      /**\n       * Event handler called when the clear button is clicked.\n       * */\n      onClear?: never;\n    };\n\nexport type TextFieldProps = Omit<BaseProps<\"input\">, \"type\"> &\n  TextFieldBaseProps &\n  TextFieldClearProps;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-text-field\";\n\nexport const TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      className,\n      clearButtonAriaLabel,\n      beforeField,\n      afterField,\n      endAdornment,\n      errorText,\n      helperText,\n      hideRequiredAsterisk = false,\n      label,\n      loading = false,\n      onClear,\n      startAdornment,\n      valid = false,\n      negative = false,\n      ...inputProps\n    },\n    ref\n  ) => {\n    const randomId = useId();\n    const inputId = inputProps.id ?? randomId;\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const isValid = valid && !errorText;\n    const helperTextId = helperText ? `${inputId}-helper-text` : undefined;\n    const startAdornments: ReactNode[] = [startAdornment].filter((adornment) => !!adornment);\n    const hasValue =\n      typeof inputProps.value === \"number\"\n        ? inputProps.value !== undefined\n        : inputProps.value?.length;\n    const hasClearButton =\n      hasValue &&\n      !inputProps.disabled &&\n      !inputProps.readOnly &&\n      !loading &&\n      onClear &&\n      clearButtonAriaLabel;\n\n    const internalRef = useMutableRefObject<HTMLInputElement | null>(null);\n    const setRef = (node: HTMLInputElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref) {\n        ref.current = node;\n      }\n    };\n    const handleClear = () => {\n      onClear?.();\n      internalRef.current?.focus();\n    };\n\n    const localEndAdornments: ReactNode[] = [\n      loading && (\n        <Spinner\n          key=\"spinner\"\n          disabled={inputProps.disabled}\n          size=\"xs\"\n          data-testid={getTestId(\"spinner\")}\n          negative={negative}\n        />\n      ),\n      hasClearButton && (\n        <Button\n          negative={negative}\n          key=\"clear-button\"\n          variant=\"tertiary-purple\"\n          onClick={handleClear}\n          iconOnly\n          aria-label={clearButtonAriaLabel ?? \"\"}\n          data-testid={getTestId(\"clear-button\")}\n          tabIndex={-1}\n        >\n          <IconClose size=\"xs\" />\n        </Button>\n      ),\n      isValid && (\n        <IconCheckCircleFilled\n          key=\"valid-icon\"\n          data-testid={getTestId(\"valid-icon\")}\n          className={cx(`${rootClassName}__valid-icon`, {\n            [`${rootClassName}__valid-icon--negative`]: negative,\n          })}\n        />\n      ),\n    ].filter((adornment) => !!adornment);\n\n    const inputContainerClassnames = cx(`${rootClassName}__input-container`, {\n      [`${rootClassName}__input-container--start-adornment`]: startAdornments.length,\n      [`${rootClassName}__input-container--end-adornment`]:\n        localEndAdornments.length || endAdornment,\n      [`${rootClassName}__input-container--disabled`]: inputProps.disabled,\n      [`${rootClassName}__input-container--has-clear-button`]: hasClearButton,\n      [`${rootClassName}__input-container--readonly`]: inputProps.readOnly && !inputProps.disabled,\n      [`${rootClassName}__input-container--negative`]: negative,\n    });\n\n    return (\n      <div className={cx(className, rootClassName)}>\n        {label && (\n          <Label\n            htmlFor={inputId}\n            className={cx(`${rootClassName}__label`)}\n            data-testid={getTestId(\"label\")}\n            disabled={inputProps.disabled}\n            negative={negative}\n          >\n            {inputProps.required && !hideRequiredAsterisk && <span aria-hidden>*</span>}\n            {label}\n          </Label>\n        )}\n        <div className={cx(`${rootClassName}__field-row`)}>\n          {!!beforeField && beforeField}\n          <div className={inputContainerClassnames}>\n            {!!startAdornments.length && (\n              <div\n                data-testid={getTestId(\"start-adornments\")}\n                className={cx(`${rootClassName}__adornment-container`)}\n              >\n                {startAdornments}\n              </div>\n            )}\n            <input\n              {...inputProps}\n              id={inputId}\n              ref={setRef}\n              data-testid={getTestId(\"input\")}\n              aria-describedby={inputProps[\"aria-describedby\"] || helperTextId}\n              aria-invalid={inputProps[\"aria-invalid\"] || !!errorText}\n              className={cx([\n                `${rootClassName}__input`,\n                {\n                  [`${rootClassName}__input--valid`]: isValid,\n                  [`${rootClassName}__input--error`]: !!errorText,\n                  [`${rootClassName}__input--negative`]: negative,\n                },\n              ])}\n            />\n            <div\n              className={cx(`${rootClassName}__frame`, {\n                [`${rootClassName}__frame--negative`]: negative,\n              })}\n            />\n            {(!!localEndAdornments.length || endAdornment) && (\n              <div\n                data-testid={getTestId(\"end-adornments\")}\n                className={cx(`${rootClassName}__adornment-container`)}\n              >\n                {localEndAdornments}\n                {endAdornment}\n              </div>\n            )}\n          </div>\n          {!!afterField && afterField}\n        </div>\n        {helperTextId && (\n          <FieldHelperText\n            data-testid={getTestId(\"helper-text\")}\n            id={helperTextId}\n            negative={negative}\n            disabled={inputProps.disabled}\n          >\n            {helperText}\n          </FieldHelperText>\n        )}\n        {errorText && (\n          <FieldErrorText data-testid={getTestId(\"error-text\")} negative={negative}>\n            {errorText}\n          </FieldErrorText>\n        )}\n      </div>\n    );\n  }\n);\n\nTextField.displayName = \"TextField\";\n\nexport const isTextField = (child?: ReactNode): child is ReactElement<TextFieldProps> =>\n  isValidElement<TextFieldProps>(child) &&\n  (child.type as any).displayName === TextField.displayName; // eslint-disable-line @typescript-eslint/no-explicit-any\n"],"names":["useMutableRefObject","value","useRef","cx","c","styles","rootClassName","TextField","forwardRef","dataTestId","className","clearButtonAriaLabel","beforeField","afterField","endAdornment","errorText","helperText","hideRequiredAsterisk","label","loading","onClear","startAdornment","valid","negative","inputProps","ref","randomId","useId","inputId","getTestId","name","isValid","helperTextId","startAdornments","adornment","hasClearButton","internalRef","setRef","node","handleClear","localEndAdornments","jsx","Spinner","Button","IconClose","IconCheckCircleFilled","inputContainerClassnames","jsxs","Label","FieldHelperText","FieldErrorText","isTextField","child","isValidElement"],"mappings":"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"}

package/dist/{text-field-CKCwxTJX.js → text-field-CiLEj0Fq.js}

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),s=require("react"),k=require("./button-BxdChrq-.js"),z=require("./field-error-text-FhQulSV5.js"),H=require("./field-helper-text-DSKO-Tce.js"),B=require("./check-circle-filled.es-5-GXE9l4.js"),M=require("./close.es-VL3lKi1O.js"),S=require("./label-yHK80hhV.js"),D=require("./spinner-tKunS_o-.js"),G=require("./bind-DeUYJ6m9.js"),J={"purpur-text-field":"_purpur-text-field_1n0q1_1","purpur-text-field__label":"_purpur-text-field__label_1n0q1_7","purpur-text-field__label-text":"_purpur-text-field__label-text_1n0q1_12","purpur-text-field__field-row":"_purpur-text-field__field-row_1n0q1_15","purpur-text-field__frame":"_purpur-text-field__frame_1n0q1_19","purpur-text-field__frame--negative":"_purpur-text-field__frame--negative_1n0q1_26","purpur-text-field__input-container":"_purpur-text-field__input-container_1n0q1_29","purpur-text-field__input-container--disabled":"_purpur-text-field__input-container--disabled_1n0q1_40","purpur-text-field__input-container--readonly":"_purpur-text-field__input-container--readonly_1n0q1_43","purpur-text-field__input-container--has-clear-button":"_purpur-text-field__input-container--has-clear-button_1n0q1_46","purpur-text-field__input-container--end-adornment":"_purpur-text-field__input-container--end-adornment_1n0q1_49","purpur-text-field__input":"_purpur-text-field__input_1n0q1_29","purpur-text-field__input-container--start-adornment":"_purpur-text-field__input-container--start-adornment_1n0q1_55","purpur-text-field__input-container--negative":"_purpur-text-field__input-container--negative_1n0q1_61","purpur-text-field__input--valid":"_purpur-text-field__input--valid_1n0q1_109","purpur-text-field__input--error":"_purpur-text-field__input--error_1n0q1_109","purpur-text-field__input--negative":"_purpur-text-field__input--negative_1n0q1_130","purpur-text-field__adornment-container":"_purpur-text-field__adornment-container_1n0q1_146","purpur-text-field__valid-icon":"_purpur-text-field__valid-icon_1n0q1_151","purpur-text-field__valid-icon--negative":"_purpur-text-field__valid-icon--negative_1n0q1_154"},K=d=>s.useRef(d),_=G.c.bind(J),e="purpur-text-field",m=s.forwardRef(({["data-testid"]:d,className:R,clearButtonAriaLabel:b,beforeField:q,afterField:v,endAdornment:p,errorText:l,helperText:h,hideRequiredAsterisk:C=!1,label:$,loading:j=!1,onClear:y,startAdornment:I,valid:T=!1,negative:i=!1,...t},u)=>{const w=s.useId(),c=t.id??w,r=a=>d?`${d}-${a}`:void 0,N=T&&!l,o=h?`${c}-helper-text`:void 0,x=[I].filter(a=>!!a),g=(typeof t.value=="number"?t.value!==void 0:t.value?.length)&&!t.disabled&&!t.readOnly&&!j&&y&&b,F=K(null),E=a=>{F.current=a,typeof u=="function"?u(a):u&&(u.current=a)},O=()=>{y?.(),F.current?.focus()},f=[j&&n.jsx(D.Spinner,{disabled:t.disabled,size:"xs","data-testid":r("spinner"),negative:i},"spinner"),g&&n.jsx(k.Button,{negative:i,variant:"tertiary-purple",onClick:O,iconOnly:!0,"aria-label":b??"","data-testid":r("clear-button"),tabIndex:-1,children:n.jsx(M.r,{size:"xs"})},"clear-button"),N&&n.jsx(B.r,{"data-testid":r("valid-icon"),className:_(`${e}__valid-icon`,{[`${e}__valid-icon--negative`]:i})},"valid-icon")].filter(a=>!!a),V=_(`${e}__input-container`,{[`${e}__input-container--start-adornment`]:x.length,[`${e}__input-container--end-adornment`]:f.length||p,[`${e}__input-container--disabled`]:t.disabled,[`${e}__input-container--has-clear-button`]:g,[`${e}__input-container--readonly`]:t.readOnly&&!t.disabled,[`${e}__input-container--negative`]:i});return n.jsxs("div",{className:_(R,e),children:[$&&n.jsxs(S.Label,{htmlFor:c,className:_(`${e}__label`),"data-testid":r("label"),disabled:t.disabled,negative:i,children:[t.required&&!C&&n.jsx("span",{"aria-hidden":!0,children:"*"}),$]}),n.jsxs("div",{className:_(`${e}__field-row`),children:[!!q&&q,n.jsxs("div",{className:V,children:[!!x.length&&n.jsx("div",{"data-testid":r("start-adornments"),className:_(`${e}__adornment-container`),children:x}),n.jsx("input",{...t,id:c,ref:E,"data-testid":r("input"),"aria-describedby":t["aria-describedby"]||o,"aria-invalid":t["aria-invalid"]||!!l,className:_([`${e}__input`,{[`${e}__input--valid`]:N,[`${e}__input--error`]:!!l,[`${e}__input--negative`]:i}])}),n.jsx("div",{className:_(`${e}__frame`,{[`${e}__frame--negative`]:i})}),(!!f.length||p)&&n.jsxs("div",{"data-testid":r("end-adornments"),className:_(`${e}__adornment-container`),children:[f,p]})]}),!!v&&v]}),o&&n.jsx(H.FieldHelperText,{"data-testid":r("helper-text"),id:o,negative:i,disabled:t.disabled,children:h}),l&&n.jsx(z.FieldErrorText,{"data-testid":r("error-text"),negative:i,children:l})]})});m.displayName="TextField";const L=d=>s.isValidElement(d)&&d.type.displayName===m.displayName;exports.TextField=m;exports.isTextField=L;
-//# sourceMappingURL=text-field-CKCwxTJX.js.map
+"use strict";const n=require("react/jsx-runtime"),s=require("react"),k=require("./button-Dqxdc3nC.js"),z=require("./field-error-text-FhQulSV5.js"),H=require("./field-helper-text-DSKO-Tce.js"),B=require("./check-circle-filled.es-5-GXE9l4.js"),M=require("./close.es-VL3lKi1O.js"),S=require("./label-yHK80hhV.js"),D=require("./spinner-tKunS_o-.js"),G=require("./bind-DeUYJ6m9.js"),J={"purpur-text-field":"_purpur-text-field_1n0q1_1","purpur-text-field__label":"_purpur-text-field__label_1n0q1_7","purpur-text-field__label-text":"_purpur-text-field__label-text_1n0q1_12","purpur-text-field__field-row":"_purpur-text-field__field-row_1n0q1_15","purpur-text-field__frame":"_purpur-text-field__frame_1n0q1_19","purpur-text-field__frame--negative":"_purpur-text-field__frame--negative_1n0q1_26","purpur-text-field__input-container":"_purpur-text-field__input-container_1n0q1_29","purpur-text-field__input-container--disabled":"_purpur-text-field__input-container--disabled_1n0q1_40","purpur-text-field__input-container--readonly":"_purpur-text-field__input-container--readonly_1n0q1_43","purpur-text-field__input-container--has-clear-button":"_purpur-text-field__input-container--has-clear-button_1n0q1_46","purpur-text-field__input-container--end-adornment":"_purpur-text-field__input-container--end-adornment_1n0q1_49","purpur-text-field__input":"_purpur-text-field__input_1n0q1_29","purpur-text-field__input-container--start-adornment":"_purpur-text-field__input-container--start-adornment_1n0q1_55","purpur-text-field__input-container--negative":"_purpur-text-field__input-container--negative_1n0q1_61","purpur-text-field__input--valid":"_purpur-text-field__input--valid_1n0q1_109","purpur-text-field__input--error":"_purpur-text-field__input--error_1n0q1_109","purpur-text-field__input--negative":"_purpur-text-field__input--negative_1n0q1_130","purpur-text-field__adornment-container":"_purpur-text-field__adornment-container_1n0q1_146","purpur-text-field__valid-icon":"_purpur-text-field__valid-icon_1n0q1_151","purpur-text-field__valid-icon--negative":"_purpur-text-field__valid-icon--negative_1n0q1_154"},K=d=>s.useRef(d),_=G.c.bind(J),e="purpur-text-field",m=s.forwardRef(({["data-testid"]:d,className:R,clearButtonAriaLabel:b,beforeField:q,afterField:v,endAdornment:p,errorText:l,helperText:h,hideRequiredAsterisk:C=!1,label:$,loading:j=!1,onClear:y,startAdornment:I,valid:T=!1,negative:i=!1,...t},u)=>{const w=s.useId(),c=t.id??w,r=a=>d?`${d}-${a}`:void 0,N=T&&!l,o=h?`${c}-helper-text`:void 0,x=[I].filter(a=>!!a),g=(typeof t.value=="number"?t.value!==void 0:t.value?.length)&&!t.disabled&&!t.readOnly&&!j&&y&&b,F=K(null),E=a=>{F.current=a,typeof u=="function"?u(a):u&&(u.current=a)},O=()=>{y?.(),F.current?.focus()},f=[j&&n.jsx(D.Spinner,{disabled:t.disabled,size:"xs","data-testid":r("spinner"),negative:i},"spinner"),g&&n.jsx(k.Button,{negative:i,variant:"tertiary-purple",onClick:O,iconOnly:!0,"aria-label":b??"","data-testid":r("clear-button"),tabIndex:-1,children:n.jsx(M.r,{size:"xs"})},"clear-button"),N&&n.jsx(B.r,{"data-testid":r("valid-icon"),className:_(`${e}__valid-icon`,{[`${e}__valid-icon--negative`]:i})},"valid-icon")].filter(a=>!!a),V=_(`${e}__input-container`,{[`${e}__input-container--start-adornment`]:x.length,[`${e}__input-container--end-adornment`]:f.length||p,[`${e}__input-container--disabled`]:t.disabled,[`${e}__input-container--has-clear-button`]:g,[`${e}__input-container--readonly`]:t.readOnly&&!t.disabled,[`${e}__input-container--negative`]:i});return n.jsxs("div",{className:_(R,e),children:[$&&n.jsxs(S.Label,{htmlFor:c,className:_(`${e}__label`),"data-testid":r("label"),disabled:t.disabled,negative:i,children:[t.required&&!C&&n.jsx("span",{"aria-hidden":!0,children:"*"}),$]}),n.jsxs("div",{className:_(`${e}__field-row`),children:[!!q&&q,n.jsxs("div",{className:V,children:[!!x.length&&n.jsx("div",{"data-testid":r("start-adornments"),className:_(`${e}__adornment-container`),children:x}),n.jsx("input",{...t,id:c,ref:E,"data-testid":r("input"),"aria-describedby":t["aria-describedby"]||o,"aria-invalid":t["aria-invalid"]||!!l,className:_([`${e}__input`,{[`${e}__input--valid`]:N,[`${e}__input--error`]:!!l,[`${e}__input--negative`]:i}])}),n.jsx("div",{className:_(`${e}__frame`,{[`${e}__frame--negative`]:i})}),(!!f.length||p)&&n.jsxs("div",{"data-testid":r("end-adornments"),className:_(`${e}__adornment-container`),children:[f,p]})]}),!!v&&v]}),o&&n.jsx(H.FieldHelperText,{"data-testid":r("helper-text"),id:o,negative:i,disabled:t.disabled,children:h}),l&&n.jsx(z.FieldErrorText,{"data-testid":r("error-text"),negative:i,children:l})]})});m.displayName="TextField";const L=d=>s.isValidElement(d)&&d.type.displayName===m.displayName;exports.TextField=m;exports.isTextField=L;
+//# sourceMappingURL=text-field-CiLEj0Fq.js.map

package/dist/{text-field-CKCwxTJX.js.map → text-field-CiLEj0Fq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"text-field-CKCwxTJX.js","sources":["../../../components/text-field/src/utils.ts","../../../components/text-field/src/text-field.tsx"],"sourcesContent":["import { type MutableRefObject, useRef } from \"react\";\n\nexport const useMutableRefObject = <T>(value: T): MutableRefObject<T> => {\n  return useRef<T>(value) as MutableRefObject<T>;\n};\n","import React, {\n  forwardRef,\n  type HTMLInputTypeAttribute,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n  useId,\n} from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { Label } from \"@purpur/label\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./text-field.module.scss\";\nimport { useMutableRefObject } from \"./utils\";\n\ntype TextFieldBaseProps = {\n  /**\n   * Use to display e.g. a button before the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  beforeField?: ReactNode;\n  /**\n   * Use to display e.g. a button after the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  afterField?: ReactNode;\n  /**\n   * Use to display e.g. an icon at the end inside of the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  endAdornment?: ReactNode;\n  /**\n   * Use to render error message below the text field. The text field renders with error appearance.\n   * */\n  errorText?: string;\n  /**\n   * Use to give context about the field's input. Renders below the field.\n   * */\n  helperText?: string;\n  /**\n   * The label of the text field.\n   * */\n  label?: string;\n  /**\n   *  Use to render a spinner at the end inside of the text field.\n   */\n  loading?: boolean;\n  /**\n   * Hide the asterisk for required fields.\n   * This is useful when the field is required but the context already indicates that.\n   */\n  hideRequiredAsterisk?: boolean;\n  /**\n   * Use to display e.g. an icon at the start inside of the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  startAdornment?: ReactNode;\n  /**\n   * Use to set the type of the field.\n   */\n  type?: Extract<\n    HTMLInputTypeAttribute,\n    \"email\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\"\n  >;\n  /**\n   * Use to render text field with valid appearance. A check\n   * icon will render at the start inside of the input.\n   */\n  valid?: boolean;\n  negative?: boolean;\n};\n\ntype TextFieldClearProps =\n  | {\n      /**\n       * An accessible label for the clear button.\n       * */\n      clearButtonAriaLabel: string;\n      /**\n       * Event handler called when the clear button is clicked.\n       * */\n      onClear: () => void;\n    }\n  | {\n      /**\n       * An accessible label for the clear button.\n       * */\n      clearButtonAriaLabel?: never;\n      /**\n       * Event handler called when the clear button is clicked.\n       * */\n      onClear?: never;\n    };\n\nexport type TextFieldProps = Omit<BaseProps<\"input\">, \"type\"> &\n  TextFieldBaseProps &\n  TextFieldClearProps;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-text-field\";\n\nexport const TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      className,\n      clearButtonAriaLabel,\n      beforeField,\n      afterField,\n      endAdornment,\n      errorText,\n      helperText,\n      hideRequiredAsterisk = false,\n      label,\n      loading = false,\n      onClear,\n      startAdornment,\n      valid = false,\n      negative = false,\n      ...inputProps\n    },\n    ref\n  ) => {\n    const randomId = useId();\n    const inputId = inputProps.id ?? randomId;\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const isValid = valid && !errorText;\n    const helperTextId = helperText ? `${inputId}-helper-text` : undefined;\n    const startAdornments: ReactNode[] = [startAdornment].filter((adornment) => !!adornment);\n    const hasValue =\n      typeof inputProps.value === \"number\"\n        ? inputProps.value !== undefined\n        : inputProps.value?.length;\n    const hasClearButton =\n      hasValue &&\n      !inputProps.disabled &&\n      !inputProps.readOnly &&\n      !loading &&\n      onClear &&\n      clearButtonAriaLabel;\n\n    const internalRef = useMutableRefObject<HTMLInputElement | null>(null);\n    const setRef = (node: HTMLInputElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref) {\n        ref.current = node;\n      }\n    };\n    const handleClear = () => {\n      onClear?.();\n      internalRef.current?.focus();\n    };\n\n    const localEndAdornments: ReactNode[] = [\n      loading && (\n        <Spinner\n          key=\"spinner\"\n          disabled={inputProps.disabled}\n          size=\"xs\"\n          data-testid={getTestId(\"spinner\")}\n          negative={negative}\n        />\n      ),\n      hasClearButton && (\n        <Button\n          negative={negative}\n          key=\"clear-button\"\n          variant=\"tertiary-purple\"\n          onClick={handleClear}\n          iconOnly\n          aria-label={clearButtonAriaLabel ?? \"\"}\n          data-testid={getTestId(\"clear-button\")}\n          tabIndex={-1}\n        >\n          <IconClose size=\"xs\" />\n        </Button>\n      ),\n      isValid && (\n        <IconCheckCircleFilled\n          key=\"valid-icon\"\n          data-testid={getTestId(\"valid-icon\")}\n          className={cx(`${rootClassName}__valid-icon`, {\n            [`${rootClassName}__valid-icon--negative`]: negative,\n          })}\n        />\n      ),\n    ].filter((adornment) => !!adornment);\n\n    const inputContainerClassnames = cx(`${rootClassName}__input-container`, {\n      [`${rootClassName}__input-container--start-adornment`]: startAdornments.length,\n      [`${rootClassName}__input-container--end-adornment`]:\n        localEndAdornments.length || endAdornment,\n      [`${rootClassName}__input-container--disabled`]: inputProps.disabled,\n      [`${rootClassName}__input-container--has-clear-button`]: hasClearButton,\n      [`${rootClassName}__input-container--readonly`]: inputProps.readOnly && !inputProps.disabled,\n      [`${rootClassName}__input-container--negative`]: negative,\n    });\n\n    return (\n      <div className={cx(className, rootClassName)}>\n        {label && (\n          <Label\n            htmlFor={inputId}\n            className={cx(`${rootClassName}__label`)}\n            data-testid={getTestId(\"label\")}\n            disabled={inputProps.disabled}\n            negative={negative}\n          >\n            {inputProps.required && !hideRequiredAsterisk && <span aria-hidden>*</span>}\n            {label}\n          </Label>\n        )}\n        <div className={cx(`${rootClassName}__field-row`)}>\n          {!!beforeField && beforeField}\n          <div className={inputContainerClassnames}>\n            {!!startAdornments.length && (\n              <div\n                data-testid={getTestId(\"start-adornments\")}\n                className={cx(`${rootClassName}__adornment-container`)}\n              >\n                {startAdornments}\n              </div>\n            )}\n            <input\n              {...inputProps}\n              id={inputId}\n              ref={setRef}\n              data-testid={getTestId(\"input\")}\n              aria-describedby={inputProps[\"aria-describedby\"] || helperTextId}\n              aria-invalid={inputProps[\"aria-invalid\"] || !!errorText}\n              className={cx([\n                `${rootClassName}__input`,\n                {\n                  [`${rootClassName}__input--valid`]: isValid,\n                  [`${rootClassName}__input--error`]: !!errorText,\n                  [`${rootClassName}__input--negative`]: negative,\n                },\n              ])}\n            />\n            <div\n              className={cx(`${rootClassName}__frame`, {\n                [`${rootClassName}__frame--negative`]: negative,\n              })}\n            />\n            {(!!localEndAdornments.length || endAdornment) && (\n              <div\n                data-testid={getTestId(\"end-adornments\")}\n                className={cx(`${rootClassName}__adornment-container`)}\n              >\n                {localEndAdornments}\n                {endAdornment}\n              </div>\n            )}\n          </div>\n          {!!afterField && afterField}\n        </div>\n        {helperTextId && (\n          <FieldHelperText\n            data-testid={getTestId(\"helper-text\")}\n            id={helperTextId}\n            negative={negative}\n            disabled={inputProps.disabled}\n          >\n            {helperText}\n          </FieldHelperText>\n        )}\n        {errorText && (\n          <FieldErrorText data-testid={getTestId(\"error-text\")} negative={negative}>\n            {errorText}\n          </FieldErrorText>\n        )}\n      </div>\n    );\n  }\n);\n\nTextField.displayName = \"TextField\";\n\nexport const isTextField = (child?: ReactNode): child is ReactElement<TextFieldProps> =>\n  isValidElement<TextFieldProps>(child) &&\n  (child.type as any).displayName === TextField.displayName; // eslint-disable-line @typescript-eslint/no-explicit-any\n"],"names":["useMutableRefObject","value","useRef","cx","c","styles","rootClassName","TextField","forwardRef","dataTestId","className","clearButtonAriaLabel","beforeField","afterField","endAdornment","errorText","helperText","hideRequiredAsterisk","label","loading","onClear","startAdornment","valid","negative","inputProps","ref","randomId","useId","inputId","getTestId","name","isValid","helperTextId","startAdornments","adornment","hasClearButton","internalRef","setRef","node","handleClear","localEndAdornments","jsx","Spinner","Button","IconClose","IconCheckCircleFilled","inputContainerClassnames","jsxs","Label","FieldHelperText","FieldErrorText","isTextField","child","isValidElement"],"mappings":"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"}
+{"version":3,"file":"text-field-CiLEj0Fq.js","sources":["../../../components/text-field/src/utils.ts","../../../components/text-field/src/text-field.tsx"],"sourcesContent":["import { type MutableRefObject, useRef } from \"react\";\n\nexport const useMutableRefObject = <T>(value: T): MutableRefObject<T> => {\n  return useRef<T>(value) as MutableRefObject<T>;\n};\n","import React, {\n  forwardRef,\n  type HTMLInputTypeAttribute,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n  useId,\n} from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { Label } from \"@purpur/label\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./text-field.module.scss\";\nimport { useMutableRefObject } from \"./utils\";\n\ntype TextFieldBaseProps = {\n  /**\n   * Use to display e.g. a button before the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  beforeField?: ReactNode;\n  /**\n   * Use to display e.g. a button after the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  afterField?: ReactNode;\n  /**\n   * Use to display e.g. an icon at the end inside of the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  endAdornment?: ReactNode;\n  /**\n   * Use to render error message below the text field. The text field renders with error appearance.\n   * */\n  errorText?: string;\n  /**\n   * Use to give context about the field's input. Renders below the field.\n   * */\n  helperText?: string;\n  /**\n   * The label of the text field.\n   * */\n  label?: string;\n  /**\n   *  Use to render a spinner at the end inside of the text field.\n   */\n  loading?: boolean;\n  /**\n   * Hide the asterisk for required fields.\n   * This is useful when the field is required but the context already indicates that.\n   */\n  hideRequiredAsterisk?: boolean;\n  /**\n   * Use to display e.g. an icon at the start inside of the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  startAdornment?: ReactNode;\n  /**\n   * Use to set the type of the field.\n   */\n  type?: Extract<\n    HTMLInputTypeAttribute,\n    \"email\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\"\n  >;\n  /**\n   * Use to render text field with valid appearance. A check\n   * icon will render at the start inside of the input.\n   */\n  valid?: boolean;\n  negative?: boolean;\n};\n\ntype TextFieldClearProps =\n  | {\n      /**\n       * An accessible label for the clear button.\n       * */\n      clearButtonAriaLabel: string;\n      /**\n       * Event handler called when the clear button is clicked.\n       * */\n      onClear: () => void;\n    }\n  | {\n      /**\n       * An accessible label for the clear button.\n       * */\n      clearButtonAriaLabel?: never;\n      /**\n       * Event handler called when the clear button is clicked.\n       * */\n      onClear?: never;\n    };\n\nexport type TextFieldProps = Omit<BaseProps<\"input\">, \"type\"> &\n  TextFieldBaseProps &\n  TextFieldClearProps;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-text-field\";\n\nexport const TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      className,\n      clearButtonAriaLabel,\n      beforeField,\n      afterField,\n      endAdornment,\n      errorText,\n      helperText,\n      hideRequiredAsterisk = false,\n      label,\n      loading = false,\n      onClear,\n      startAdornment,\n      valid = false,\n      negative = false,\n      ...inputProps\n    },\n    ref\n  ) => {\n    const randomId = useId();\n    const inputId = inputProps.id ?? randomId;\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const isValid = valid && !errorText;\n    const helperTextId = helperText ? `${inputId}-helper-text` : undefined;\n    const startAdornments: ReactNode[] = [startAdornment].filter((adornment) => !!adornment);\n    const hasValue =\n      typeof inputProps.value === \"number\"\n        ? inputProps.value !== undefined\n        : inputProps.value?.length;\n    const hasClearButton =\n      hasValue &&\n      !inputProps.disabled &&\n      !inputProps.readOnly &&\n      !loading &&\n      onClear &&\n      clearButtonAriaLabel;\n\n    const internalRef = useMutableRefObject<HTMLInputElement | null>(null);\n    const setRef = (node: HTMLInputElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref) {\n        ref.current = node;\n      }\n    };\n    const handleClear = () => {\n      onClear?.();\n      internalRef.current?.focus();\n    };\n\n    const localEndAdornments: ReactNode[] = [\n      loading && (\n        <Spinner\n          key=\"spinner\"\n          disabled={inputProps.disabled}\n          size=\"xs\"\n          data-testid={getTestId(\"spinner\")}\n          negative={negative}\n        />\n      ),\n      hasClearButton && (\n        <Button\n          negative={negative}\n          key=\"clear-button\"\n          variant=\"tertiary-purple\"\n          onClick={handleClear}\n          iconOnly\n          aria-label={clearButtonAriaLabel ?? \"\"}\n          data-testid={getTestId(\"clear-button\")}\n          tabIndex={-1}\n        >\n          <IconClose size=\"xs\" />\n        </Button>\n      ),\n      isValid && (\n        <IconCheckCircleFilled\n          key=\"valid-icon\"\n          data-testid={getTestId(\"valid-icon\")}\n          className={cx(`${rootClassName}__valid-icon`, {\n            [`${rootClassName}__valid-icon--negative`]: negative,\n          })}\n        />\n      ),\n    ].filter((adornment) => !!adornment);\n\n    const inputContainerClassnames = cx(`${rootClassName}__input-container`, {\n      [`${rootClassName}__input-container--start-adornment`]: startAdornments.length,\n      [`${rootClassName}__input-container--end-adornment`]:\n        localEndAdornments.length || endAdornment,\n      [`${rootClassName}__input-container--disabled`]: inputProps.disabled,\n      [`${rootClassName}__input-container--has-clear-button`]: hasClearButton,\n      [`${rootClassName}__input-container--readonly`]: inputProps.readOnly && !inputProps.disabled,\n      [`${rootClassName}__input-container--negative`]: negative,\n    });\n\n    return (\n      <div className={cx(className, rootClassName)}>\n        {label && (\n          <Label\n            htmlFor={inputId}\n            className={cx(`${rootClassName}__label`)}\n            data-testid={getTestId(\"label\")}\n            disabled={inputProps.disabled}\n            negative={negative}\n          >\n            {inputProps.required && !hideRequiredAsterisk && <span aria-hidden>*</span>}\n            {label}\n          </Label>\n        )}\n        <div className={cx(`${rootClassName}__field-row`)}>\n          {!!beforeField && beforeField}\n          <div className={inputContainerClassnames}>\n            {!!startAdornments.length && (\n              <div\n                data-testid={getTestId(\"start-adornments\")}\n                className={cx(`${rootClassName}__adornment-container`)}\n              >\n                {startAdornments}\n              </div>\n            )}\n            <input\n              {...inputProps}\n              id={inputId}\n              ref={setRef}\n              data-testid={getTestId(\"input\")}\n              aria-describedby={inputProps[\"aria-describedby\"] || helperTextId}\n              aria-invalid={inputProps[\"aria-invalid\"] || !!errorText}\n              className={cx([\n                `${rootClassName}__input`,\n                {\n                  [`${rootClassName}__input--valid`]: isValid,\n                  [`${rootClassName}__input--error`]: !!errorText,\n                  [`${rootClassName}__input--negative`]: negative,\n                },\n              ])}\n            />\n            <div\n              className={cx(`${rootClassName}__frame`, {\n                [`${rootClassName}__frame--negative`]: negative,\n              })}\n            />\n            {(!!localEndAdornments.length || endAdornment) && (\n              <div\n                data-testid={getTestId(\"end-adornments\")}\n                className={cx(`${rootClassName}__adornment-container`)}\n              >\n                {localEndAdornments}\n                {endAdornment}\n              </div>\n            )}\n          </div>\n          {!!afterField && afterField}\n        </div>\n        {helperTextId && (\n          <FieldHelperText\n            data-testid={getTestId(\"helper-text\")}\n            id={helperTextId}\n            negative={negative}\n            disabled={inputProps.disabled}\n          >\n            {helperText}\n          </FieldHelperText>\n        )}\n        {errorText && (\n          <FieldErrorText data-testid={getTestId(\"error-text\")} negative={negative}>\n            {errorText}\n          </FieldErrorText>\n        )}\n      </div>\n    );\n  }\n);\n\nTextField.displayName = \"TextField\";\n\nexport const isTextField = (child?: ReactNode): child is ReactElement<TextFieldProps> =>\n  isValidElement<TextFieldProps>(child) &&\n  (child.type as any).displayName === TextField.displayName; // eslint-disable-line @typescript-eslint/no-explicit-any\n"],"names":["useMutableRefObject","value","useRef","cx","c","styles","rootClassName","TextField","forwardRef","dataTestId","className","clearButtonAriaLabel","beforeField","afterField","endAdornment","errorText","helperText","hideRequiredAsterisk","label","loading","onClear","startAdornment","valid","negative","inputProps","ref","randomId","useId","inputId","getTestId","name","isValid","helperTextId","startAdornments","adornment","hasClearButton","internalRef","setRef","node","handleClear","localEndAdornments","jsx","Spinner","Button","IconClose","IconCheckCircleFilled","inputContainerClassnames","jsxs","Label","FieldHelperText","FieldErrorText","isTextField","child","isValidElement"],"mappings":"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"}

package/dist/text-field.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./text-field-CKCwxTJX.js");exports.TextField=e.TextField;exports.isTextField=e.isTextField;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./text-field-CiLEj0Fq.js");exports.TextField=e.TextField;exports.isTextField=e.isTextField;
 //# sourceMappingURL=text-field.cjs.js.map

package/dist/text-field.es.js

@@ -1,4 +1,4 @@
-import { T as s, i as t } from "./text-field-9zPmL99g.mjs";
+import { T as s, i as t } from "./text-field-BMDf8j-K.mjs";
 export {
   s as TextField,
   t as isTextField

package/dist/tokens/border/variables.css

@@ -4,6 +4,7 @@
   --purpur-border-radius-sm: 4px;
   --purpur-border-radius-md: 8px;
   --purpur-border-radius-lg: 16px;
+  --purpur-border-radius-xl: 24px;
   --purpur-border-radius-full: 999px;
   --purpur-border-width-xs: 1px;
   --purpur-border-width-sm: 2px;

package/dist/tokens/border/variables.d.ts

@@ -2,6 +2,7 @@ export const purpurBorderRadiusXs: string;
 export const purpurBorderRadiusSm: string;
 export const purpurBorderRadiusMd: string;
 export const purpurBorderRadiusLg: string;
+export const purpurBorderRadiusXl: string;
 export const purpurBorderRadiusFull: string;
 export const purpurBorderWidthXs: string;
 export const purpurBorderWidthSm: string;

package/dist/tokens/border/variables.dark.css

@@ -3,6 +3,7 @@
   --purpur-border-radius-sm: 4px;
   --purpur-border-radius-md: 8px;
   --purpur-border-radius-lg: 16px;
+  --purpur-border-radius-xl: 24px;
   --purpur-border-radius-full: 999px;
   --purpur-border-width-xs: 1px;
   --purpur-border-width-sm: 2px;

package/dist/tokens/border/variables.dark.d.ts

@@ -2,6 +2,7 @@ export const purpurBorderRadiusXs: string;
 export const purpurBorderRadiusSm: string;
 export const purpurBorderRadiusMd: string;
 export const purpurBorderRadiusLg: string;
+export const purpurBorderRadiusXl: string;
 export const purpurBorderRadiusFull: string;
 export const purpurBorderWidthXs: string;
 export const purpurBorderWidthSm: string;

package/dist/tokens/border/variables.dark.js

@@ -2,6 +2,7 @@ export const purpurBorderRadiusXs = "2px";
 export const purpurBorderRadiusSm = "4px";
 export const purpurBorderRadiusMd = "8px";
 export const purpurBorderRadiusLg = "16px";
+export const purpurBorderRadiusXl = "24px";
 export const purpurBorderRadiusFull = "999px";
 export const purpurBorderWidthXs = "1px";
 export const purpurBorderWidthSm = "2px";

package/dist/tokens/border/variables.dark.json

@@ -5,6 +5,7 @@
       "sm": "4px",
       "md": "8px",
       "lg": "16px",
+      "xl": "24px",
       "full": "999px"
     },
     "width": {

package/dist/tokens/border/variables.dark.scss

@@ -2,6 +2,7 @@ $purpur-border-radius-xs: 2px;
 $purpur-border-radius-sm: 4px;
 $purpur-border-radius-md: 8px;
 $purpur-border-radius-lg: 16px;
+$purpur-border-radius-xl: 24px;
 $purpur-border-radius-full: 999px;
 $purpur-border-width-xs: 1px;
 $purpur-border-width-sm: 2px;

package/dist/tokens/border/variables.js

@@ -2,6 +2,7 @@ export const purpurBorderRadiusXs = "2px";
 export const purpurBorderRadiusSm = "4px";
 export const purpurBorderRadiusMd = "8px";
 export const purpurBorderRadiusLg = "16px";
+export const purpurBorderRadiusXl = "24px";
 export const purpurBorderRadiusFull = "999px";
 export const purpurBorderWidthXs = "1px";
 export const purpurBorderWidthSm = "2px";

package/dist/tokens/border/variables.json

@@ -5,6 +5,7 @@
       "sm": "4px",
       "md": "8px",
       "lg": "16px",
+      "xl": "24px",
       "full": "999px"
     },
     "width": {

package/dist/tokens/border/variables.scss

@@ -2,6 +2,7 @@ $purpur-border-radius-xs: 2px;
 $purpur-border-radius-sm: 4px;
 $purpur-border-radius-md: 8px;
 $purpur-border-radius-lg: 16px;
+$purpur-border-radius-xl: 24px;
 $purpur-border-radius-full: 999px;
 $purpur-border-width-xs: 1px;
 $purpur-border-width-sm: 2px;

package/dist/tokens.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./variables-Buqm4JZc.js"),r=require("./variables-CMzMXeor.js"),u=require("./variables-BSBunpiY.js"),o="2px",e="4px",a="8px",t="16px",n="999px",i="1px",l="2px",c="3px",C="6px",g="blur(24px)",d="linear-gradient(289deg, #3694d3 -13%, #8c07d0 58%)",s="linear-gradient(289deg, #62b2e7 -13%, #e4b6fb 58%)",v="linear-gradient(291deg, #3694d3 -15%, #990ae3 44%)",B="linear-gradient(291deg, #62b2e7 -15%, #990ae3 44%)",T="linear-gradient(291deg, #3694d3 -15%, #4e0174 44%, #b12df4 133%)",S="linear-gradient(280deg, #62b2e7 -15%, #f4e0ff 23%, #f4e0ff 68%, #d58df9 112%)",y="linear-gradient(352deg, #62b2e7 -69%, #1f002e 15%, #1f002e 87%, #d58df9 183%)",m="linear-gradient(289deg, #3694d3 -13%, #8c07d0 58%)",k="linear-gradient(289deg, #62b2e7 -13%, #e4b6fb 58%)",I="0rem 0rem 0rem 0rem rgba(0, 0, 0, 0.1)",x="0rem 0.0625rem 0.25rem 0rem rgba(0, 0, 0, 0.1)",h="0rem 0.25rem 0.75rem 0rem rgba(0, 0, 0, 0.1)",P="0rem 0.75rem 1.5rem 0rem rgba(0, 0, 0, 0.1)",N="0rem",G="0.0625rem",O="0.125rem",M="0.25rem",W="0.5rem",A="0.75rem",E="1rem",D="1.25rem",R="1.5rem",H="2rem",f="3rem",L="4rem",b="5rem",F="6rem",X="8rem",w="1rem",q="1.5rem",Q="1.5rem",$="1.5rem",j="1rem",z="1.5rem",J="3rem",K="3rem",U="TeliaSans, Helvetica, Arial, 'Lucida Grande', sans-serif",V="TeliaSansHeading, Helvetica, Arial, 'Lucida Grande', sans-serif",Y="400",Z="500",_="700",rr="100%",ur="110%",pr="125%",or="150%",er="175%",ar="0.75rem",tr="0.875rem",nr="1rem",ir="1.125rem",lr="1.25rem",cr="1.375rem",Cr="1.5rem",gr="1.75rem",dr="2rem",sr="2.25rem",vr="2.5rem",Br="3rem",Tr="3.5rem",Sr="4rem",yr="5rem",mr="6rem";exports.purpurBreakpointLg=p.purpurBreakpointLg;exports.purpurBreakpointMd=p.purpurBreakpointMd;exports.purpurBreakpointRelativeLg=p.purpurBreakpointRelativeLg;exports.purpurBreakpointRelativeMd=p.purpurBreakpointRelativeMd;exports.purpurBreakpointRelativeSm=p.purpurBreakpointRelativeSm;exports.purpurBreakpointRelativeXl=p.purpurBreakpointRelativeXl;exports.purpurBreakpointSm=p.purpurBreakpointSm;exports.purpurBreakpointXl=p.purpurBreakpointXl;exports.purpurColorBackgroundInteractiveAutoFill=r.purpurColorBackgroundInteractiveAutoFill;exports.purpurColorBackgroundInteractiveDestructive=r.purpurColorBackgroundInteractiveDestructive;exports.purpurColorBackgroundInteractiveDestructiveActive=r.purpurColorBackgroundInteractiveDestructiveActive;exports.purpurColorBackgroundInteractiveDestructiveHover=r.purpurColorBackgroundInteractiveDestructiveHover;exports.purpurColorBackgroundInteractiveDisabled=r.purpurColorBackgroundInteractiveDisabled;exports.purpurColorBackgroundInteractiveDisabledNegative=r.purpurColorBackgroundInteractiveDisabledNegative;exports.purpurColorBackgroundInteractiveExpressive=r.purpurColorBackgroundInteractiveExpressive;exports.purpurColorBackgroundInteractiveExpressiveActive=r.purpurColorBackgroundInteractiveExpressiveActive;exports.purpurColorBackgroundInteractiveExpressiveActiveNegative=r.purpurColorBackgroundInteractiveExpressiveActiveNegative;exports.purpurColorBackgroundInteractiveExpressiveHover=r.purpurColorBackgroundInteractiveExpressiveHover;exports.purpurColorBackgroundInteractiveExpressiveHoverNegative=r.purpurColorBackgroundInteractiveExpressiveHoverNegative;exports.purpurColorBackgroundInteractiveExpressiveNegative=r.purpurColorBackgroundInteractiveExpressiveNegative;exports.purpurColorBackgroundInteractiveInactive=r.purpurColorBackgroundInteractiveInactive;exports.purpurColorBackgroundInteractiveInactiveNegative=r.purpurColorBackgroundInteractiveInactiveNegative;exports.purpurColorBackgroundInteractivePrimary=r.purpurColorBackgroundInteractivePrimary;exports.purpurColorBackgroundInteractivePrimaryActive=r.purpurColorBackgroundInteractivePrimaryActive;exports.purpurColorBackgroundInteractivePrimaryActiveNegative=r.purpurColorBackgroundInteractivePrimaryActiveNegative;exports.purpurColorBackgroundInteractivePrimaryHover=r.purpurColorBackgroundInteractivePrimaryHover;exports.purpurColorBackgroundInteractivePrimaryHoverNegative=r.purpurColorBackgroundInteractivePrimaryHoverNegative;exports.purpurColorBackgroundInteractivePrimaryNegative=r.purpurColorBackgroundInteractivePrimaryNegative;exports.purpurColorBackgroundInteractiveReadOnly=r.purpurColorBackgroundInteractiveReadOnly;exports.purpurColorBackgroundInteractiveReadOnlyNegative=r.purpurColorBackgroundInteractiveReadOnlyNegative;exports.purpurColorBackgroundInteractiveTransparentActive=r.purpurColorBackgroundInteractiveTransparentActive;exports.purpurColorBackgroundInteractiveTransparentActiveNegative=r.purpurColorBackgroundInteractiveTransparentActiveNegative;exports.purpurColorBackgroundInteractiveTransparentHover=r.purpurColorBackgroundInteractiveTransparentHover;exports.purpurColorBackgroundInteractiveTransparentHoverNegative=r.purpurColorBackgroundInteractiveTransparentHoverNegative;exports.purpurColorBackgroundOnImage=r.purpurColorBackgroundOnImage;exports.purpurColorBackgroundOnImageNegative=r.purpurColorBackgroundOnImageNegative;exports.purpurColorBackgroundPrimary=r.purpurColorBackgroundPrimary;exports.purpurColorBackgroundPrimaryNegative=r.purpurColorBackgroundPrimaryNegative;exports.purpurColorBackgroundSecondary=r.purpurColorBackgroundSecondary;exports.purpurColorBackgroundSecondaryNegative=r.purpurColorBackgroundSecondaryNegative;exports.purpurColorBackgroundStatusAttention=r.purpurColorBackgroundStatusAttention;exports.purpurColorBackgroundStatusBlackFriday=r.purpurColorBackgroundStatusBlackFriday;exports.purpurColorBackgroundStatusErrorMedium=r.purpurColorBackgroundStatusErrorMedium;exports.purpurColorBackgroundStatusErrorStrong=r.purpurColorBackgroundStatusErrorStrong;exports.purpurColorBackgroundStatusErrorStrongNegative=r.purpurColorBackgroundStatusErrorStrongNegative;exports.purpurColorBackgroundStatusInfoMedium=r.purpurColorBackgroundStatusInfoMedium;exports.purpurColorBackgroundStatusInfoStrong=r.purpurColorBackgroundStatusInfoStrong;exports.purpurColorBackgroundStatusNeutral=r.purpurColorBackgroundStatusNeutral;exports.purpurColorBackgroundStatusSpecial=r.purpurColorBackgroundStatusSpecial;exports.purpurColorBackgroundStatusSuccessMedium=r.purpurColorBackgroundStatusSuccessMedium;exports.purpurColorBackgroundStatusSuccessStrong=r.purpurColorBackgroundStatusSuccessStrong;exports.purpurColorBackgroundStatusSuccessStrongNegative=r.purpurColorBackgroundStatusSuccessStrongNegative;exports.purpurColorBackgroundStatusWarningMedium=r.purpurColorBackgroundStatusWarningMedium;exports.purpurColorBackgroundStatusWarningStrong=r.purpurColorBackgroundStatusWarningStrong;exports.purpurColorBackgroundStatusWarningStrongNegative=r.purpurColorBackgroundStatusWarningStrongNegative;exports.purpurColorBackgroundToneOnTonePrimary=r.purpurColorBackgroundToneOnTonePrimary;exports.purpurColorBackgroundToneOnToneQuaternary=r.purpurColorBackgroundToneOnToneQuaternary;exports.purpurColorBackgroundToneOnToneSecondary=r.purpurColorBackgroundToneOnToneSecondary;exports.purpurColorBackgroundToneOnToneTertiary=r.purpurColorBackgroundToneOnToneTertiary;exports.purpurColorBeige100=r.purpurColorBeige100;exports.purpurColorBeige200=r.purpurColorBeige200;exports.purpurColorBeige300=r.purpurColorBeige300;exports.purpurColorBeige400=r.purpurColorBeige400;exports.purpurColorBeige50=r.purpurColorBeige50;exports.purpurColorBeige500=r.purpurColorBeige500;exports.purpurColorBeige600=r.purpurColorBeige600;exports.purpurColorBeige700=r.purpurColorBeige700;exports.purpurColorBeige800=r.purpurColorBeige800;exports.purpurColorBeige900=r.purpurColorBeige900;exports.purpurColorBeige950=r.purpurColorBeige950;exports.purpurColorBlue100=r.purpurColorBlue100;exports.purpurColorBlue200=r.purpurColorBlue200;exports.purpurColorBlue300=r.purpurColorBlue300;exports.purpurColorBlue400=r.purpurColorBlue400;exports.purpurColorBlue50=r.purpurColorBlue50;exports.purpurColorBlue500=r.purpurColorBlue500;exports.purpurColorBlue600=r.purpurColorBlue600;exports.purpurColorBlue700=r.purpurColorBlue700;exports.purpurColorBlue800=r.purpurColorBlue800;exports.purpurColorBlue900=r.purpurColorBlue900;exports.purpurColorBlue950=r.purpurColorBlue950;exports.purpurColorBorderInteractiveExpressive=r.purpurColorBorderInteractiveExpressive;exports.purpurColorBorderInteractiveFocus=r.purpurColorBorderInteractiveFocus;exports.purpurColorBorderInteractivePrimary=r.purpurColorBorderInteractivePrimary;exports.purpurColorBorderInteractivePrimaryActive=r.purpurColorBorderInteractivePrimaryActive;exports.purpurColorBorderInteractivePrimaryActiveNegative=r.purpurColorBorderInteractivePrimaryActiveNegative;exports.purpurColorBorderInteractivePrimaryHover=r.purpurColorBorderInteractivePrimaryHover;exports.purpurColorBorderInteractivePrimaryHoverNegative=r.purpurColorBorderInteractivePrimaryHoverNegative;exports.purpurColorBorderInteractivePrimaryNegative=r.purpurColorBorderInteractivePrimaryNegative;exports.purpurColorBorderInteractiveSelected=r.purpurColorBorderInteractiveSelected;exports.purpurColorBorderInteractiveSubtle=r.purpurColorBorderInteractiveSubtle;exports.purpurColorBorderInteractiveSubtleHover=r.purpurColorBorderInteractiveSubtleHover;exports.purpurColorBorderInteractiveSubtleHoverNegative=r.purpurColorBorderInteractiveSubtleHoverNegative;exports.purpurColorBorderInteractiveSubtleNegative=r.purpurColorBorderInteractiveSubtleNegative;exports.purpurColorBorderMedium=r.purpurColorBorderMedium;exports.purpurColorBorderMediumNegative=r.purpurColorBorderMediumNegative;exports.purpurColorBorderStatusError=r.purpurColorBorderStatusError;exports.purpurColorBorderStatusErrorNegative=r.purpurColorBorderStatusErrorNegative;exports.purpurColorBorderStatusInfo=r.purpurColorBorderStatusInfo;exports.purpurColorBorderStatusSuccess=r.purpurColorBorderStatusSuccess;exports.purpurColorBorderStatusSuccessNegative=r.purpurColorBorderStatusSuccessNegative;exports.purpurColorBorderStatusWarning=r.purpurColorBorderStatusWarning;exports.purpurColorBorderStrong=r.purpurColorBorderStrong;exports.purpurColorBorderStrongNegative=r.purpurColorBorderStrongNegative;exports.purpurColorBorderWeak=r.purpurColorBorderWeak;exports.purpurColorBorderWeakNegative=r.purpurColorBorderWeakNegative;exports.purpurColorBrandBeige=r.purpurColorBrandBeige;exports.purpurColorBrandCorePurple=r.purpurColorBrandCorePurple;exports.purpurColorBrandDeepBeige=r.purpurColorBrandDeepBeige;exports.purpurColorBrandDeepPurple=r.purpurColorBrandDeepPurple;exports.purpurColorBrandLightBeige=r.purpurColorBrandLightBeige;exports.purpurColorBrandLightPurple=r.purpurColorBrandLightPurple;exports.purpurColorBrandOffBlack=r.purpurColorBrandOffBlack;exports.purpurColorBrandWhite=r.purpurColorBrandWhite;exports.purpurColorFunctionalBlack=r.purpurColorFunctionalBlack;exports.purpurColorFunctionalTransparent=r.purpurColorFunctionalTransparent;exports.purpurColorFunctionalWhite=r.purpurColorFunctionalWhite;exports.purpurColorGradientAiBottom=r.purpurColorGradientAiBottom;exports.purpurColorGradientAiBottomNegative=r.purpurColorGradientAiBottomNegative;exports.purpurColorGradientAiTop=r.purpurColorGradientAiTop;exports.purpurColorGradientAiTopNegative=r.purpurColorGradientAiTopNegative;exports.purpurColorGray100=r.purpurColorGray100;exports.purpurColorGray150=r.purpurColorGray150;exports.purpurColorGray200=r.purpurColorGray200;exports.purpurColorGray300=r.purpurColorGray300;exports.purpurColorGray400=r.purpurColorGray400;exports.purpurColorGray50=r.purpurColorGray50;exports.purpurColorGray500=r.purpurColorGray500;exports.purpurColorGray600=r.purpurColorGray600;exports.purpurColorGray700=r.purpurColorGray700;exports.purpurColorGray800=r.purpurColorGray800;exports.purpurColorGray850=r.purpurColorGray850;exports.purpurColorGray900=r.purpurColorGray900;exports.purpurColorGray950=r.purpurColorGray950;exports.purpurColorGreen100=r.purpurColorGreen100;exports.purpurColorGreen200=r.purpurColorGreen200;exports.purpurColorGreen300=r.purpurColorGreen300;exports.purpurColorGreen400=r.purpurColorGreen400;exports.purpurColorGreen50=r.purpurColorGreen50;exports.purpurColorGreen500=r.purpurColorGreen500;exports.purpurColorGreen600=r.purpurColorGreen600;exports.purpurColorGreen700=r.purpurColorGreen700;exports.purpurColorGreen800=r.purpurColorGreen800;exports.purpurColorGreen900=r.purpurColorGreen900;exports.purpurColorGreen950=r.purpurColorGreen950;exports.purpurColorOrange100=r.purpurColorOrange100;exports.purpurColorOrange200=r.purpurColorOrange200;exports.purpurColorOrange300=r.purpurColorOrange300;exports.purpurColorOrange400=r.purpurColorOrange400;exports.purpurColorOrange50=r.purpurColorOrange50;exports.purpurColorOrange500=r.purpurColorOrange500;exports.purpurColorOrange600=r.purpurColorOrange600;exports.purpurColorOrange700=r.purpurColorOrange700;exports.purpurColorOrange800=r.purpurColorOrange800;exports.purpurColorOrange900=r.purpurColorOrange900;exports.purpurColorOrange950=r.purpurColorOrange950;exports.purpurColorOverlayDefault=r.purpurColorOverlayDefault;exports.purpurColorPurple100=r.purpurColorPurple100;exports.purpurColorPurple200=r.purpurColorPurple200;exports.purpurColorPurple300=r.purpurColorPurple300;exports.purpurColorPurple400=r.purpurColorPurple400;exports.purpurColorPurple50=r.purpurColorPurple50;exports.purpurColorPurple500=r.purpurColorPurple500;exports.purpurColorPurple550=r.purpurColorPurple550;exports.purpurColorPurple600=r.purpurColorPurple600;exports.purpurColorPurple700=r.purpurColorPurple700;exports.purpurColorPurple800=r.purpurColorPurple800;exports.purpurColorPurple900=r.purpurColorPurple900;exports.purpurColorPurple950=r.purpurColorPurple950;exports.purpurColorRed100=r.purpurColorRed100;exports.purpurColorRed200=r.purpurColorRed200;exports.purpurColorRed300=r.purpurColorRed300;exports.purpurColorRed400=r.purpurColorRed400;exports.purpurColorRed50=r.purpurColorRed50;exports.purpurColorRed500=r.purpurColorRed500;exports.purpurColorRed600=r.purpurColorRed600;exports.purpurColorRed700=r.purpurColorRed700;exports.purpurColorRed800=r.purpurColorRed800;exports.purpurColorRed900=r.purpurColorRed900;exports.purpurColorRed950=r.purpurColorRed950;exports.purpurColorTeal100=r.purpurColorTeal100;exports.purpurColorTeal200=r.purpurColorTeal200;exports.purpurColorTeal300=r.purpurColorTeal300;exports.purpurColorTeal400=r.purpurColorTeal400;exports.purpurColorTeal50=r.purpurColorTeal50;exports.purpurColorTeal500=r.purpurColorTeal500;exports.purpurColorTeal600=r.purpurColorTeal600;exports.purpurColorTeal700=r.purpurColorTeal700;exports.purpurColorTeal800=r.purpurColorTeal800;exports.purpurColorTeal900=r.purpurColorTeal900;exports.purpurColorTeal950=r.purpurColorTeal950;exports.purpurColorTextDefault=r.purpurColorTextDefault;exports.purpurColorTextDefaultNegative=r.purpurColorTextDefaultNegative;exports.purpurColorTextInteractiveOnDestructive=r.purpurColorTextInteractiveOnDestructive;exports.purpurColorTextInteractiveOnExpressive=r.purpurColorTextInteractiveOnExpressive;exports.purpurColorTextInteractiveOnExpressiveActive=r.purpurColorTextInteractiveOnExpressiveActive;exports.purpurColorTextInteractiveOnExpressiveActiveNegative=r.purpurColorTextInteractiveOnExpressiveActiveNegative;exports.purpurColorTextInteractiveOnExpressiveHover=r.purpurColorTextInteractiveOnExpressiveHover;exports.purpurColorTextInteractiveOnExpressiveHoverNegative=r.purpurColorTextInteractiveOnExpressiveHoverNegative;exports.purpurColorTextInteractiveOnExpressiveNegative=r.purpurColorTextInteractiveOnExpressiveNegative;exports.purpurColorTextInteractiveOnPrimary=r.purpurColorTextInteractiveOnPrimary;exports.purpurColorTextInteractiveOnPrimaryNegative=r.purpurColorTextInteractiveOnPrimaryNegative;exports.purpurColorTextInteractivePrimary=r.purpurColorTextInteractivePrimary;exports.purpurColorTextInteractivePrimaryActive=r.purpurColorTextInteractivePrimaryActive;exports.purpurColorTextInteractivePrimaryActiveNegative=r.purpurColorTextInteractivePrimaryActiveNegative;exports.purpurColorTextInteractivePrimaryHover=r.purpurColorTextInteractivePrimaryHover;exports.purpurColorTextInteractivePrimaryHoverNegative=r.purpurColorTextInteractivePrimaryHoverNegative;exports.purpurColorTextInteractivePrimaryNegative=r.purpurColorTextInteractivePrimaryNegative;exports.purpurColorTextInteractiveSelected=r.purpurColorTextInteractiveSelected;exports.purpurColorTextMedium=r.purpurColorTextMedium;exports.purpurColorTextMediumNegative=r.purpurColorTextMediumNegative;exports.purpurColorTextStatusAttention=r.purpurColorTextStatusAttention;exports.purpurColorTextStatusBlackFriday=r.purpurColorTextStatusBlackFriday;exports.purpurColorTextStatusDiscount=r.purpurColorTextStatusDiscount;exports.purpurColorTextStatusErrorMedium=r.purpurColorTextStatusErrorMedium;exports.purpurColorTextStatusErrorMediumNegative=r.purpurColorTextStatusErrorMediumNegative;exports.purpurColorTextStatusErrorStrong=r.purpurColorTextStatusErrorStrong;exports.purpurColorTextStatusErrorStrongNegative=r.purpurColorTextStatusErrorStrongNegative;exports.purpurColorTextStatusInfoMedium=r.purpurColorTextStatusInfoMedium;exports.purpurColorTextStatusInfoStrong=r.purpurColorTextStatusInfoStrong;exports.purpurColorTextStatusNeutral=r.purpurColorTextStatusNeutral;exports.purpurColorTextStatusSpecial=r.purpurColorTextStatusSpecial;exports.purpurColorTextStatusSuccessMedium=r.purpurColorTextStatusSuccessMedium;exports.purpurColorTextStatusSuccessMediumNegative=r.purpurColorTextStatusSuccessMediumNegative;exports.purpurColorTextStatusSuccessStrong=r.purpurColorTextStatusSuccessStrong;exports.purpurColorTextStatusSuccessStrongNegative=r.purpurColorTextStatusSuccessStrongNegative;exports.purpurColorTextStatusWarningMedium=r.purpurColorTextStatusWarningMedium;exports.purpurColorTextStatusWarningMediumNegative=r.purpurColorTextStatusWarningMediumNegative;exports.purpurColorTextStatusWarningStrong=r.purpurColorTextStatusWarningStrong;exports.purpurColorTextToneOnTonePrimary=r.purpurColorTextToneOnTonePrimary;exports.purpurColorTextToneOnToneSecondary=r.purpurColorTextToneOnToneSecondary;exports.purpurColorTextToneOnToneTertiary=r.purpurColorTextToneOnToneTertiary;exports.purpurColorTextWeak=r.purpurColorTextWeak;exports.purpurColorTextWeakNegative=r.purpurColorTextWeakNegative;exports.purpurColorTransparentBlack100=r.purpurColorTransparentBlack100;exports.purpurColorTransparentBlack150=r.purpurColorTransparentBlack150;exports.purpurColorTransparentBlack200=r.purpurColorTransparentBlack200;exports.purpurColorTransparentBlack300=r.purpurColorTransparentBlack300;exports.purpurColorTransparentBlack400=r.purpurColorTransparentBlack400;exports.purpurColorTransparentBlack50=r.purpurColorTransparentBlack50;exports.purpurColorTransparentBlack500=r.purpurColorTransparentBlack500;exports.purpurColorTransparentBlack600=r.purpurColorTransparentBlack600;exports.purpurColorTransparentBlack700=r.purpurColorTransparentBlack700;exports.purpurColorTransparentBlack800=r.purpurColorTransparentBlack800;exports.purpurColorTransparentBlack850=r.purpurColorTransparentBlack850;exports.purpurColorTransparentBlack900=r.purpurColorTransparentBlack900;exports.purpurColorTransparentBlack950=r.purpurColorTransparentBlack950;exports.purpurColorTransparentWhite100=r.purpurColorTransparentWhite100;exports.purpurColorTransparentWhite150=r.purpurColorTransparentWhite150;exports.purpurColorTransparentWhite200=r.purpurColorTransparentWhite200;exports.purpurColorTransparentWhite300=r.purpurColorTransparentWhite300;exports.purpurColorTransparentWhite400=r.purpurColorTransparentWhite400;exports.purpurColorTransparentWhite50=r.purpurColorTransparentWhite50;exports.purpurColorTransparentWhite500=r.purpurColorTransparentWhite500;exports.purpurColorTransparentWhite600=r.purpurColorTransparentWhite600;exports.purpurColorTransparentWhite700=r.purpurColorTransparentWhite700;exports.purpurColorTransparentWhite800=r.purpurColorTransparentWhite800;exports.purpurColorTransparentWhite850=r.purpurColorTransparentWhite850;exports.purpurColorTransparentWhite900=r.purpurColorTransparentWhite900;exports.purpurColorTransparentWhite950=r.purpurColorTransparentWhite950;exports.purpurMotionDuration100=u.purpurMotionDuration100;exports.purpurMotionDuration150=u.purpurMotionDuration150;exports.purpurMotionDuration1500=u.purpurMotionDuration1500;exports.purpurMotionDuration200=u.purpurMotionDuration200;exports.purpurMotionDuration2000=u.purpurMotionDuration2000;exports.purpurMotionDuration300=u.purpurMotionDuration300;exports.purpurMotionDuration400=u.purpurMotionDuration400;exports.purpurMotionDuration500=u.purpurMotionDuration500;exports.purpurMotionEasingEaseIn=u.purpurMotionEasingEaseIn;exports.purpurMotionEasingEaseInOut=u.purpurMotionEasingEaseInOut;exports.purpurMotionEasingEaseOut=u.purpurMotionEasingEaseOut;exports.purpurBorderRadiusFull=n;exports.purpurBorderRadiusLg=t;exports.purpurBorderRadiusMd=a;exports.purpurBorderRadiusSm=e;exports.purpurBorderRadiusXs=o;exports.purpurBorderWidthLg=C;exports.purpurBorderWidthMd=c;exports.purpurBorderWidthSm=l;exports.purpurBorderWidthXs=i;exports.purpurFilterBlurOnImage=g;exports.purpurGradientAiBackgroundInteractiveExpressive=v;exports.purpurGradientAiBackgroundInteractiveExpressiveNegative=B;exports.purpurGradientAiBackgroundInteractivePrimary=T;exports.purpurGradientAiBackgroundInteractivePrimaryNegative=S;exports.purpurGradientAiBackgroundPrimaryNegative=y;exports.purpurGradientAiBorderInteractivePrimary=m;exports.purpurGradientAiBorderInteractivePrimaryNegative=k;exports.purpurGradientAiTextInteractivePrimary=d;exports.purpurGradientAiTextInteractivePrimaryNegative=s;exports.purpurShadowLg=P;exports.purpurShadowMd=h;exports.purpurShadowNone=I;exports.purpurShadowSm=x;exports.purpurSpacing0=N;exports.purpurSpacing10=G;exports.purpurSpacing100=W;exports.purpurSpacing1000=b;exports.purpurSpacing1200=F;exports.purpurSpacing150=A;exports.purpurSpacing1600=X;exports.purpurSpacing200=E;exports.purpurSpacing25=O;exports.purpurSpacing250=D;exports.purpurSpacing300=R;exports.purpurSpacing400=H;exports.purpurSpacing50=M;exports.purpurSpacing600=f;exports.purpurSpacing800=L;exports.purpurSpacingGutterLg=Q;exports.purpurSpacingGutterMd=q;exports.purpurSpacingGutterSm=w;exports.purpurSpacingGutterXl=$;exports.purpurSpacingPagePaddingLg=J;exports.purpurSpacingPagePaddingMd=z;exports.purpurSpacingPagePaddingSm=j;exports.purpurSpacingPagePaddingXl=K;exports.purpurTypographyFamilyDefault=U;exports.purpurTypographyFamilyDisplay=V;exports.purpurTypographyLineHeightDefault=pr;exports.purpurTypographyLineHeightLoose=or;exports.purpurTypographyLineHeightLooser=er;exports.purpurTypographyLineHeightSnug=ur;exports.purpurTypographyLineHeightTight=rr;exports.purpurTypographyScale100=nr;exports.purpurTypographyScale1000=yr;exports.purpurTypographyScale1100=mr;exports.purpurTypographyScale150=ir;exports.purpurTypographyScale200=lr;exports.purpurTypographyScale300=cr;exports.purpurTypographyScale400=Cr;exports.purpurTypographyScale50=ar;exports.purpurTypographyScale500=gr;exports.purpurTypographyScale600=dr;exports.purpurTypographyScale650=sr;exports.purpurTypographyScale700=vr;exports.purpurTypographyScale75=tr;exports.purpurTypographyScale800=Br;exports.purpurTypographyScale850=Tr;exports.purpurTypographyScale900=Sr;exports.purpurTypographyWeightBold=_;exports.purpurTypographyWeightMedium=Z;exports.purpurTypographyWeightNormal=Y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./variables-Buqm4JZc.js"),r=require("./variables-CMzMXeor.js"),u=require("./variables-BSBunpiY.js"),o="2px",e="4px",a="8px",t="16px",n="24px",i="999px",l="1px",c="2px",C="3px",g="6px",d="blur(24px)",s="linear-gradient(289deg, #3694d3 -13%, #8c07d0 58%)",v="linear-gradient(289deg, #62b2e7 -13%, #e4b6fb 58%)",B="linear-gradient(291deg, #3694d3 -15%, #990ae3 44%)",T="linear-gradient(291deg, #62b2e7 -15%, #990ae3 44%)",S="linear-gradient(291deg, #3694d3 -15%, #4e0174 44%, #b12df4 133%)",y="linear-gradient(280deg, #62b2e7 -15%, #f4e0ff 23%, #f4e0ff 68%, #d58df9 112%)",m="linear-gradient(352deg, #62b2e7 -69%, #1f002e 15%, #1f002e 87%, #d58df9 183%)",k="linear-gradient(289deg, #3694d3 -13%, #8c07d0 58%)",I="linear-gradient(289deg, #62b2e7 -13%, #e4b6fb 58%)",x="0rem 0rem 0rem 0rem rgba(0, 0, 0, 0.1)",h="0rem 0.0625rem 0.25rem 0rem rgba(0, 0, 0, 0.1)",P="0rem 0.25rem 0.75rem 0rem rgba(0, 0, 0, 0.1)",N="0rem 0.75rem 1.5rem 0rem rgba(0, 0, 0, 0.1)",G="0rem",O="0.0625rem",M="0.125rem",W="0.25rem",A="0.5rem",E="0.75rem",D="1rem",R="1.25rem",H="1.5rem",f="2rem",L="3rem",b="4rem",F="5rem",X="6rem",w="8rem",q="1rem",Q="1.5rem",$="1.5rem",j="1.5rem",z="1rem",J="1.5rem",K="3rem",U="3rem",V="TeliaSans, Helvetica, Arial, 'Lucida Grande', sans-serif",Y="TeliaSansHeading, Helvetica, Arial, 'Lucida Grande', sans-serif",Z="400",_="500",rr="700",ur="100%",pr="110%",or="125%",er="150%",ar="175%",tr="0.75rem",nr="0.875rem",ir="1rem",lr="1.125rem",cr="1.25rem",Cr="1.375rem",gr="1.5rem",dr="1.75rem",sr="2rem",vr="2.25rem",Br="2.5rem",Tr="3rem",Sr="3.5rem",yr="4rem",mr="5rem",kr="6rem";exports.purpurBreakpointLg=p.purpurBreakpointLg;exports.purpurBreakpointMd=p.purpurBreakpointMd;exports.purpurBreakpointRelativeLg=p.purpurBreakpointRelativeLg;exports.purpurBreakpointRelativeMd=p.purpurBreakpointRelativeMd;exports.purpurBreakpointRelativeSm=p.purpurBreakpointRelativeSm;exports.purpurBreakpointRelativeXl=p.purpurBreakpointRelativeXl;exports.purpurBreakpointSm=p.purpurBreakpointSm;exports.purpurBreakpointXl=p.purpurBreakpointXl;exports.purpurColorBackgroundInteractiveAutoFill=r.purpurColorBackgroundInteractiveAutoFill;exports.purpurColorBackgroundInteractiveDestructive=r.purpurColorBackgroundInteractiveDestructive;exports.purpurColorBackgroundInteractiveDestructiveActive=r.purpurColorBackgroundInteractiveDestructiveActive;exports.purpurColorBackgroundInteractiveDestructiveHover=r.purpurColorBackgroundInteractiveDestructiveHover;exports.purpurColorBackgroundInteractiveDisabled=r.purpurColorBackgroundInteractiveDisabled;exports.purpurColorBackgroundInteractiveDisabledNegative=r.purpurColorBackgroundInteractiveDisabledNegative;exports.purpurColorBackgroundInteractiveExpressive=r.purpurColorBackgroundInteractiveExpressive;exports.purpurColorBackgroundInteractiveExpressiveActive=r.purpurColorBackgroundInteractiveExpressiveActive;exports.purpurColorBackgroundInteractiveExpressiveActiveNegative=r.purpurColorBackgroundInteractiveExpressiveActiveNegative;exports.purpurColorBackgroundInteractiveExpressiveHover=r.purpurColorBackgroundInteractiveExpressiveHover;exports.purpurColorBackgroundInteractiveExpressiveHoverNegative=r.purpurColorBackgroundInteractiveExpressiveHoverNegative;exports.purpurColorBackgroundInteractiveExpressiveNegative=r.purpurColorBackgroundInteractiveExpressiveNegative;exports.purpurColorBackgroundInteractiveInactive=r.purpurColorBackgroundInteractiveInactive;exports.purpurColorBackgroundInteractiveInactiveNegative=r.purpurColorBackgroundInteractiveInactiveNegative;exports.purpurColorBackgroundInteractivePrimary=r.purpurColorBackgroundInteractivePrimary;exports.purpurColorBackgroundInteractivePrimaryActive=r.purpurColorBackgroundInteractivePrimaryActive;exports.purpurColorBackgroundInteractivePrimaryActiveNegative=r.purpurColorBackgroundInteractivePrimaryActiveNegative;exports.purpurColorBackgroundInteractivePrimaryHover=r.purpurColorBackgroundInteractivePrimaryHover;exports.purpurColorBackgroundInteractivePrimaryHoverNegative=r.purpurColorBackgroundInteractivePrimaryHoverNegative;exports.purpurColorBackgroundInteractivePrimaryNegative=r.purpurColorBackgroundInteractivePrimaryNegative;exports.purpurColorBackgroundInteractiveReadOnly=r.purpurColorBackgroundInteractiveReadOnly;exports.purpurColorBackgroundInteractiveReadOnlyNegative=r.purpurColorBackgroundInteractiveReadOnlyNegative;exports.purpurColorBackgroundInteractiveTransparentActive=r.purpurColorBackgroundInteractiveTransparentActive;exports.purpurColorBackgroundInteractiveTransparentActiveNegative=r.purpurColorBackgroundInteractiveTransparentActiveNegative;exports.purpurColorBackgroundInteractiveTransparentHover=r.purpurColorBackgroundInteractiveTransparentHover;exports.purpurColorBackgroundInteractiveTransparentHoverNegative=r.purpurColorBackgroundInteractiveTransparentHoverNegative;exports.purpurColorBackgroundOnImage=r.purpurColorBackgroundOnImage;exports.purpurColorBackgroundOnImageNegative=r.purpurColorBackgroundOnImageNegative;exports.purpurColorBackgroundPrimary=r.purpurColorBackgroundPrimary;exports.purpurColorBackgroundPrimaryNegative=r.purpurColorBackgroundPrimaryNegative;exports.purpurColorBackgroundSecondary=r.purpurColorBackgroundSecondary;exports.purpurColorBackgroundSecondaryNegative=r.purpurColorBackgroundSecondaryNegative;exports.purpurColorBackgroundStatusAttention=r.purpurColorBackgroundStatusAttention;exports.purpurColorBackgroundStatusBlackFriday=r.purpurColorBackgroundStatusBlackFriday;exports.purpurColorBackgroundStatusErrorMedium=r.purpurColorBackgroundStatusErrorMedium;exports.purpurColorBackgroundStatusErrorStrong=r.purpurColorBackgroundStatusErrorStrong;exports.purpurColorBackgroundStatusErrorStrongNegative=r.purpurColorBackgroundStatusErrorStrongNegative;exports.purpurColorBackgroundStatusInfoMedium=r.purpurColorBackgroundStatusInfoMedium;exports.purpurColorBackgroundStatusInfoStrong=r.purpurColorBackgroundStatusInfoStrong;exports.purpurColorBackgroundStatusNeutral=r.purpurColorBackgroundStatusNeutral;exports.purpurColorBackgroundStatusSpecial=r.purpurColorBackgroundStatusSpecial;exports.purpurColorBackgroundStatusSuccessMedium=r.purpurColorBackgroundStatusSuccessMedium;exports.purpurColorBackgroundStatusSuccessStrong=r.purpurColorBackgroundStatusSuccessStrong;exports.purpurColorBackgroundStatusSuccessStrongNegative=r.purpurColorBackgroundStatusSuccessStrongNegative;exports.purpurColorBackgroundStatusWarningMedium=r.purpurColorBackgroundStatusWarningMedium;exports.purpurColorBackgroundStatusWarningStrong=r.purpurColorBackgroundStatusWarningStrong;exports.purpurColorBackgroundStatusWarningStrongNegative=r.purpurColorBackgroundStatusWarningStrongNegative;exports.purpurColorBackgroundToneOnTonePrimary=r.purpurColorBackgroundToneOnTonePrimary;exports.purpurColorBackgroundToneOnToneQuaternary=r.purpurColorBackgroundToneOnToneQuaternary;exports.purpurColorBackgroundToneOnToneSecondary=r.purpurColorBackgroundToneOnToneSecondary;exports.purpurColorBackgroundToneOnToneTertiary=r.purpurColorBackgroundToneOnToneTertiary;exports.purpurColorBeige100=r.purpurColorBeige100;exports.purpurColorBeige200=r.purpurColorBeige200;exports.purpurColorBeige300=r.purpurColorBeige300;exports.purpurColorBeige400=r.purpurColorBeige400;exports.purpurColorBeige50=r.purpurColorBeige50;exports.purpurColorBeige500=r.purpurColorBeige500;exports.purpurColorBeige600=r.purpurColorBeige600;exports.purpurColorBeige700=r.purpurColorBeige700;exports.purpurColorBeige800=r.purpurColorBeige800;exports.purpurColorBeige900=r.purpurColorBeige900;exports.purpurColorBeige950=r.purpurColorBeige950;exports.purpurColorBlue100=r.purpurColorBlue100;exports.purpurColorBlue200=r.purpurColorBlue200;exports.purpurColorBlue300=r.purpurColorBlue300;exports.purpurColorBlue400=r.purpurColorBlue400;exports.purpurColorBlue50=r.purpurColorBlue50;exports.purpurColorBlue500=r.purpurColorBlue500;exports.purpurColorBlue600=r.purpurColorBlue600;exports.purpurColorBlue700=r.purpurColorBlue700;exports.purpurColorBlue800=r.purpurColorBlue800;exports.purpurColorBlue900=r.purpurColorBlue900;exports.purpurColorBlue950=r.purpurColorBlue950;exports.purpurColorBorderInteractiveExpressive=r.purpurColorBorderInteractiveExpressive;exports.purpurColorBorderInteractiveFocus=r.purpurColorBorderInteractiveFocus;exports.purpurColorBorderInteractivePrimary=r.purpurColorBorderInteractivePrimary;exports.purpurColorBorderInteractivePrimaryActive=r.purpurColorBorderInteractivePrimaryActive;exports.purpurColorBorderInteractivePrimaryActiveNegative=r.purpurColorBorderInteractivePrimaryActiveNegative;exports.purpurColorBorderInteractivePrimaryHover=r.purpurColorBorderInteractivePrimaryHover;exports.purpurColorBorderInteractivePrimaryHoverNegative=r.purpurColorBorderInteractivePrimaryHoverNegative;exports.purpurColorBorderInteractivePrimaryNegative=r.purpurColorBorderInteractivePrimaryNegative;exports.purpurColorBorderInteractiveSelected=r.purpurColorBorderInteractiveSelected;exports.purpurColorBorderInteractiveSubtle=r.purpurColorBorderInteractiveSubtle;exports.purpurColorBorderInteractiveSubtleHover=r.purpurColorBorderInteractiveSubtleHover;exports.purpurColorBorderInteractiveSubtleHoverNegative=r.purpurColorBorderInteractiveSubtleHoverNegative;exports.purpurColorBorderInteractiveSubtleNegative=r.purpurColorBorderInteractiveSubtleNegative;exports.purpurColorBorderMedium=r.purpurColorBorderMedium;exports.purpurColorBorderMediumNegative=r.purpurColorBorderMediumNegative;exports.purpurColorBorderStatusError=r.purpurColorBorderStatusError;exports.purpurColorBorderStatusErrorNegative=r.purpurColorBorderStatusErrorNegative;exports.purpurColorBorderStatusInfo=r.purpurColorBorderStatusInfo;exports.purpurColorBorderStatusSuccess=r.purpurColorBorderStatusSuccess;exports.purpurColorBorderStatusSuccessNegative=r.purpurColorBorderStatusSuccessNegative;exports.purpurColorBorderStatusWarning=r.purpurColorBorderStatusWarning;exports.purpurColorBorderStrong=r.purpurColorBorderStrong;exports.purpurColorBorderStrongNegative=r.purpurColorBorderStrongNegative;exports.purpurColorBorderWeak=r.purpurColorBorderWeak;exports.purpurColorBorderWeakNegative=r.purpurColorBorderWeakNegative;exports.purpurColorBrandBeige=r.purpurColorBrandBeige;exports.purpurColorBrandCorePurple=r.purpurColorBrandCorePurple;exports.purpurColorBrandDeepBeige=r.purpurColorBrandDeepBeige;exports.purpurColorBrandDeepPurple=r.purpurColorBrandDeepPurple;exports.purpurColorBrandLightBeige=r.purpurColorBrandLightBeige;exports.purpurColorBrandLightPurple=r.purpurColorBrandLightPurple;exports.purpurColorBrandOffBlack=r.purpurColorBrandOffBlack;exports.purpurColorBrandWhite=r.purpurColorBrandWhite;exports.purpurColorFunctionalBlack=r.purpurColorFunctionalBlack;exports.purpurColorFunctionalTransparent=r.purpurColorFunctionalTransparent;exports.purpurColorFunctionalWhite=r.purpurColorFunctionalWhite;exports.purpurColorGradientAiBottom=r.purpurColorGradientAiBottom;exports.purpurColorGradientAiBottomNegative=r.purpurColorGradientAiBottomNegative;exports.purpurColorGradientAiTop=r.purpurColorGradientAiTop;exports.purpurColorGradientAiTopNegative=r.purpurColorGradientAiTopNegative;exports.purpurColorGray100=r.purpurColorGray100;exports.purpurColorGray150=r.purpurColorGray150;exports.purpurColorGray200=r.purpurColorGray200;exports.purpurColorGray300=r.purpurColorGray300;exports.purpurColorGray400=r.purpurColorGray400;exports.purpurColorGray50=r.purpurColorGray50;exports.purpurColorGray500=r.purpurColorGray500;exports.purpurColorGray600=r.purpurColorGray600;exports.purpurColorGray700=r.purpurColorGray700;exports.purpurColorGray800=r.purpurColorGray800;exports.purpurColorGray850=r.purpurColorGray850;exports.purpurColorGray900=r.purpurColorGray900;exports.purpurColorGray950=r.purpurColorGray950;exports.purpurColorGreen100=r.purpurColorGreen100;exports.purpurColorGreen200=r.purpurColorGreen200;exports.purpurColorGreen300=r.purpurColorGreen300;exports.purpurColorGreen400=r.purpurColorGreen400;exports.purpurColorGreen50=r.purpurColorGreen50;exports.purpurColorGreen500=r.purpurColorGreen500;exports.purpurColorGreen600=r.purpurColorGreen600;exports.purpurColorGreen700=r.purpurColorGreen700;exports.purpurColorGreen800=r.purpurColorGreen800;exports.purpurColorGreen900=r.purpurColorGreen900;exports.purpurColorGreen950=r.purpurColorGreen950;exports.purpurColorOrange100=r.purpurColorOrange100;exports.purpurColorOrange200=r.purpurColorOrange200;exports.purpurColorOrange300=r.purpurColorOrange300;exports.purpurColorOrange400=r.purpurColorOrange400;exports.purpurColorOrange50=r.purpurColorOrange50;exports.purpurColorOrange500=r.purpurColorOrange500;exports.purpurColorOrange600=r.purpurColorOrange600;exports.purpurColorOrange700=r.purpurColorOrange700;exports.purpurColorOrange800=r.purpurColorOrange800;exports.purpurColorOrange900=r.purpurColorOrange900;exports.purpurColorOrange950=r.purpurColorOrange950;exports.purpurColorOverlayDefault=r.purpurColorOverlayDefault;exports.purpurColorPurple100=r.purpurColorPurple100;exports.purpurColorPurple200=r.purpurColorPurple200;exports.purpurColorPurple300=r.purpurColorPurple300;exports.purpurColorPurple400=r.purpurColorPurple400;exports.purpurColorPurple50=r.purpurColorPurple50;exports.purpurColorPurple500=r.purpurColorPurple500;exports.purpurColorPurple550=r.purpurColorPurple550;exports.purpurColorPurple600=r.purpurColorPurple600;exports.purpurColorPurple700=r.purpurColorPurple700;exports.purpurColorPurple800=r.purpurColorPurple800;exports.purpurColorPurple900=r.purpurColorPurple900;exports.purpurColorPurple950=r.purpurColorPurple950;exports.purpurColorRed100=r.purpurColorRed100;exports.purpurColorRed200=r.purpurColorRed200;exports.purpurColorRed300=r.purpurColorRed300;exports.purpurColorRed400=r.purpurColorRed400;exports.purpurColorRed50=r.purpurColorRed50;exports.purpurColorRed500=r.purpurColorRed500;exports.purpurColorRed600=r.purpurColorRed600;exports.purpurColorRed700=r.purpurColorRed700;exports.purpurColorRed800=r.purpurColorRed800;exports.purpurColorRed900=r.purpurColorRed900;exports.purpurColorRed950=r.purpurColorRed950;exports.purpurColorTeal100=r.purpurColorTeal100;exports.purpurColorTeal200=r.purpurColorTeal200;exports.purpurColorTeal300=r.purpurColorTeal300;exports.purpurColorTeal400=r.purpurColorTeal400;exports.purpurColorTeal50=r.purpurColorTeal50;exports.purpurColorTeal500=r.purpurColorTeal500;exports.purpurColorTeal600=r.purpurColorTeal600;exports.purpurColorTeal700=r.purpurColorTeal700;exports.purpurColorTeal800=r.purpurColorTeal800;exports.purpurColorTeal900=r.purpurColorTeal900;exports.purpurColorTeal950=r.purpurColorTeal950;exports.purpurColorTextDefault=r.purpurColorTextDefault;exports.purpurColorTextDefaultNegative=r.purpurColorTextDefaultNegative;exports.purpurColorTextInteractiveOnDestructive=r.purpurColorTextInteractiveOnDestructive;exports.purpurColorTextInteractiveOnExpressive=r.purpurColorTextInteractiveOnExpressive;exports.purpurColorTextInteractiveOnExpressiveActive=r.purpurColorTextInteractiveOnExpressiveActive;exports.purpurColorTextInteractiveOnExpressiveActiveNegative=r.purpurColorTextInteractiveOnExpressiveActiveNegative;exports.purpurColorTextInteractiveOnExpressiveHover=r.purpurColorTextInteractiveOnExpressiveHover;exports.purpurColorTextInteractiveOnExpressiveHoverNegative=r.purpurColorTextInteractiveOnExpressiveHoverNegative;exports.purpurColorTextInteractiveOnExpressiveNegative=r.purpurColorTextInteractiveOnExpressiveNegative;exports.purpurColorTextInteractiveOnPrimary=r.purpurColorTextInteractiveOnPrimary;exports.purpurColorTextInteractiveOnPrimaryNegative=r.purpurColorTextInteractiveOnPrimaryNegative;exports.purpurColorTextInteractivePrimary=r.purpurColorTextInteractivePrimary;exports.purpurColorTextInteractivePrimaryActive=r.purpurColorTextInteractivePrimaryActive;exports.purpurColorTextInteractivePrimaryActiveNegative=r.purpurColorTextInteractivePrimaryActiveNegative;exports.purpurColorTextInteractivePrimaryHover=r.purpurColorTextInteractivePrimaryHover;exports.purpurColorTextInteractivePrimaryHoverNegative=r.purpurColorTextInteractivePrimaryHoverNegative;exports.purpurColorTextInteractivePrimaryNegative=r.purpurColorTextInteractivePrimaryNegative;exports.purpurColorTextInteractiveSelected=r.purpurColorTextInteractiveSelected;exports.purpurColorTextMedium=r.purpurColorTextMedium;exports.purpurColorTextMediumNegative=r.purpurColorTextMediumNegative;exports.purpurColorTextStatusAttention=r.purpurColorTextStatusAttention;exports.purpurColorTextStatusBlackFriday=r.purpurColorTextStatusBlackFriday;exports.purpurColorTextStatusDiscount=r.purpurColorTextStatusDiscount;exports.purpurColorTextStatusErrorMedium=r.purpurColorTextStatusErrorMedium;exports.purpurColorTextStatusErrorMediumNegative=r.purpurColorTextStatusErrorMediumNegative;exports.purpurColorTextStatusErrorStrong=r.purpurColorTextStatusErrorStrong;exports.purpurColorTextStatusErrorStrongNegative=r.purpurColorTextStatusErrorStrongNegative;exports.purpurColorTextStatusInfoMedium=r.purpurColorTextStatusInfoMedium;exports.purpurColorTextStatusInfoStrong=r.purpurColorTextStatusInfoStrong;exports.purpurColorTextStatusNeutral=r.purpurColorTextStatusNeutral;exports.purpurColorTextStatusSpecial=r.purpurColorTextStatusSpecial;exports.purpurColorTextStatusSuccessMedium=r.purpurColorTextStatusSuccessMedium;exports.purpurColorTextStatusSuccessMediumNegative=r.purpurColorTextStatusSuccessMediumNegative;exports.purpurColorTextStatusSuccessStrong=r.purpurColorTextStatusSuccessStrong;exports.purpurColorTextStatusSuccessStrongNegative=r.purpurColorTextStatusSuccessStrongNegative;exports.purpurColorTextStatusWarningMedium=r.purpurColorTextStatusWarningMedium;exports.purpurColorTextStatusWarningMediumNegative=r.purpurColorTextStatusWarningMediumNegative;exports.purpurColorTextStatusWarningStrong=r.purpurColorTextStatusWarningStrong;exports.purpurColorTextToneOnTonePrimary=r.purpurColorTextToneOnTonePrimary;exports.purpurColorTextToneOnToneSecondary=r.purpurColorTextToneOnToneSecondary;exports.purpurColorTextToneOnToneTertiary=r.purpurColorTextToneOnToneTertiary;exports.purpurColorTextWeak=r.purpurColorTextWeak;exports.purpurColorTextWeakNegative=r.purpurColorTextWeakNegative;exports.purpurColorTransparentBlack100=r.purpurColorTransparentBlack100;exports.purpurColorTransparentBlack150=r.purpurColorTransparentBlack150;exports.purpurColorTransparentBlack200=r.purpurColorTransparentBlack200;exports.purpurColorTransparentBlack300=r.purpurColorTransparentBlack300;exports.purpurColorTransparentBlack400=r.purpurColorTransparentBlack400;exports.purpurColorTransparentBlack50=r.purpurColorTransparentBlack50;exports.purpurColorTransparentBlack500=r.purpurColorTransparentBlack500;exports.purpurColorTransparentBlack600=r.purpurColorTransparentBlack600;exports.purpurColorTransparentBlack700=r.purpurColorTransparentBlack700;exports.purpurColorTransparentBlack800=r.purpurColorTransparentBlack800;exports.purpurColorTransparentBlack850=r.purpurColorTransparentBlack850;exports.purpurColorTransparentBlack900=r.purpurColorTransparentBlack900;exports.purpurColorTransparentBlack950=r.purpurColorTransparentBlack950;exports.purpurColorTransparentWhite100=r.purpurColorTransparentWhite100;exports.purpurColorTransparentWhite150=r.purpurColorTransparentWhite150;exports.purpurColorTransparentWhite200=r.purpurColorTransparentWhite200;exports.purpurColorTransparentWhite300=r.purpurColorTransparentWhite300;exports.purpurColorTransparentWhite400=r.purpurColorTransparentWhite400;exports.purpurColorTransparentWhite50=r.purpurColorTransparentWhite50;exports.purpurColorTransparentWhite500=r.purpurColorTransparentWhite500;exports.purpurColorTransparentWhite600=r.purpurColorTransparentWhite600;exports.purpurColorTransparentWhite700=r.purpurColorTransparentWhite700;exports.purpurColorTransparentWhite800=r.purpurColorTransparentWhite800;exports.purpurColorTransparentWhite850=r.purpurColorTransparentWhite850;exports.purpurColorTransparentWhite900=r.purpurColorTransparentWhite900;exports.purpurColorTransparentWhite950=r.purpurColorTransparentWhite950;exports.purpurMotionDuration100=u.purpurMotionDuration100;exports.purpurMotionDuration150=u.purpurMotionDuration150;exports.purpurMotionDuration1500=u.purpurMotionDuration1500;exports.purpurMotionDuration200=u.purpurMotionDuration200;exports.purpurMotionDuration2000=u.purpurMotionDuration2000;exports.purpurMotionDuration300=u.purpurMotionDuration300;exports.purpurMotionDuration400=u.purpurMotionDuration400;exports.purpurMotionDuration500=u.purpurMotionDuration500;exports.purpurMotionEasingEaseIn=u.purpurMotionEasingEaseIn;exports.purpurMotionEasingEaseInOut=u.purpurMotionEasingEaseInOut;exports.purpurMotionEasingEaseOut=u.purpurMotionEasingEaseOut;exports.purpurBorderRadiusFull=i;exports.purpurBorderRadiusLg=t;exports.purpurBorderRadiusMd=a;exports.purpurBorderRadiusSm=e;exports.purpurBorderRadiusXl=n;exports.purpurBorderRadiusXs=o;exports.purpurBorderWidthLg=g;exports.purpurBorderWidthMd=C;exports.purpurBorderWidthSm=c;exports.purpurBorderWidthXs=l;exports.purpurFilterBlurOnImage=d;exports.purpurGradientAiBackgroundInteractiveExpressive=B;exports.purpurGradientAiBackgroundInteractiveExpressiveNegative=T;exports.purpurGradientAiBackgroundInteractivePrimary=S;exports.purpurGradientAiBackgroundInteractivePrimaryNegative=y;exports.purpurGradientAiBackgroundPrimaryNegative=m;exports.purpurGradientAiBorderInteractivePrimary=k;exports.purpurGradientAiBorderInteractivePrimaryNegative=I;exports.purpurGradientAiTextInteractivePrimary=s;exports.purpurGradientAiTextInteractivePrimaryNegative=v;exports.purpurShadowLg=N;exports.purpurShadowMd=P;exports.purpurShadowNone=x;exports.purpurShadowSm=h;exports.purpurSpacing0=G;exports.purpurSpacing10=O;exports.purpurSpacing100=A;exports.purpurSpacing1000=F;exports.purpurSpacing1200=X;exports.purpurSpacing150=E;exports.purpurSpacing1600=w;exports.purpurSpacing200=D;exports.purpurSpacing25=M;exports.purpurSpacing250=R;exports.purpurSpacing300=H;exports.purpurSpacing400=f;exports.purpurSpacing50=W;exports.purpurSpacing600=L;exports.purpurSpacing800=b;exports.purpurSpacingGutterLg=$;exports.purpurSpacingGutterMd=Q;exports.purpurSpacingGutterSm=q;exports.purpurSpacingGutterXl=j;exports.purpurSpacingPagePaddingLg=K;exports.purpurSpacingPagePaddingMd=J;exports.purpurSpacingPagePaddingSm=z;exports.purpurSpacingPagePaddingXl=U;exports.purpurTypographyFamilyDefault=V;exports.purpurTypographyFamilyDisplay=Y;exports.purpurTypographyLineHeightDefault=or;exports.purpurTypographyLineHeightLoose=er;exports.purpurTypographyLineHeightLooser=ar;exports.purpurTypographyLineHeightSnug=pr;exports.purpurTypographyLineHeightTight=ur;exports.purpurTypographyScale100=ir;exports.purpurTypographyScale1000=mr;exports.purpurTypographyScale1100=kr;exports.purpurTypographyScale150=lr;exports.purpurTypographyScale200=cr;exports.purpurTypographyScale300=Cr;exports.purpurTypographyScale400=gr;exports.purpurTypographyScale50=tr;exports.purpurTypographyScale500=dr;exports.purpurTypographyScale600=sr;exports.purpurTypographyScale650=vr;exports.purpurTypographyScale700=Br;exports.purpurTypographyScale75=nr;exports.purpurTypographyScale800=Tr;exports.purpurTypographyScale850=Sr;exports.purpurTypographyScale900=yr;exports.purpurTypographyWeightBold=rr;exports.purpurTypographyWeightMedium=_;exports.purpurTypographyWeightNormal=Z;
 //# sourceMappingURL=tokens.cjs.js.map

package/dist/tokens.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.cjs.js","sources":["../../tokens/dist/border/variables.js","../../tokens/dist/filter/variables.js","../../tokens/dist/gradient/variables.js","../../tokens/dist/shadow/variables.js","../../tokens/dist/spacing/variables.js","../../tokens/dist/typography/variables.js"],"sourcesContent":["export const purpurBorderRadiusXs = \"2px\";\nexport const purpurBorderRadiusSm = \"4px\";\nexport const purpurBorderRadiusMd = \"8px\";\nexport const purpurBorderRadiusLg = \"16px\";\nexport const purpurBorderRadiusFull = \"999px\";\nexport const purpurBorderWidthXs = \"1px\";\nexport const purpurBorderWidthSm = \"2px\";\nexport const purpurBorderWidthMd = \"3px\";\nexport const purpurBorderWidthLg = \"6px\";\n","export const purpurFilterBlurOnImage = \"blur(24px)\";\n","export const purpurGradientAiTextInteractivePrimary =\n  \"linear-gradient(289deg, #3694d3 -13%, #8c07d0 58%)\";\nexport const purpurGradientAiTextInteractivePrimaryNegative =\n  \"linear-gradient(289deg, #62b2e7 -13%, #e4b6fb 58%)\";\nexport const purpurGradientAiBackgroundInteractiveExpressive =\n  \"linear-gradient(291deg, #3694d3 -15%, #990ae3 44%)\";\nexport const purpurGradientAiBackgroundInteractiveExpressiveNegative =\n  \"linear-gradient(291deg, #62b2e7 -15%, #990ae3 44%)\";\nexport const purpurGradientAiBackgroundInteractivePrimary =\n  \"linear-gradient(291deg, #3694d3 -15%, #4e0174 44%, #b12df4 133%)\";\nexport const purpurGradientAiBackgroundInteractivePrimaryNegative =\n  \"linear-gradient(280deg, #62b2e7 -15%, #f4e0ff 23%, #f4e0ff 68%, #d58df9 112%)\";\nexport const purpurGradientAiBackgroundPrimaryNegative =\n  \"linear-gradient(352deg, #62b2e7 -69%, #1f002e 15%, #1f002e 87%, #d58df9 183%)\";\nexport const purpurGradientAiBorderInteractivePrimary =\n  \"linear-gradient(289deg, #3694d3 -13%, #8c07d0 58%)\";\nexport const purpurGradientAiBorderInteractivePrimaryNegative =\n  \"linear-gradient(289deg, #62b2e7 -13%, #e4b6fb 58%)\";\n","export const purpurShadowNone = \"0rem 0rem 0rem 0rem rgba(0, 0, 0, 0.1)\";\nexport const purpurShadowSm = \"0rem 0.0625rem 0.25rem 0rem rgba(0, 0, 0, 0.1)\";\nexport const purpurShadowMd = \"0rem 0.25rem 0.75rem 0rem rgba(0, 0, 0, 0.1)\";\nexport const purpurShadowLg = \"0rem 0.75rem 1.5rem 0rem rgba(0, 0, 0, 0.1)\";\n","export const purpurSpacing0 = \"0rem\";\nexport const purpurSpacing10 = \"0.0625rem\";\nexport const purpurSpacing25 = \"0.125rem\";\nexport const purpurSpacing50 = \"0.25rem\";\nexport const purpurSpacing100 = \"0.5rem\";\nexport const purpurSpacing150 = \"0.75rem\";\nexport const purpurSpacing200 = \"1rem\";\nexport const purpurSpacing250 = \"1.25rem\";\nexport const purpurSpacing300 = \"1.5rem\";\nexport const purpurSpacing400 = \"2rem\";\nexport const purpurSpacing600 = \"3rem\";\nexport const purpurSpacing800 = \"4rem\";\nexport const purpurSpacing1000 = \"5rem\";\nexport const purpurSpacing1200 = \"6rem\";\nexport const purpurSpacing1600 = \"8rem\";\nexport const purpurSpacingGutterSm = \"1rem\";\nexport const purpurSpacingGutterMd = \"1.5rem\";\nexport const purpurSpacingGutterLg = \"1.5rem\";\nexport const purpurSpacingGutterXl = \"1.5rem\";\nexport const purpurSpacingPagePaddingSm = \"1rem\";\nexport const purpurSpacingPagePaddingMd = \"1.5rem\";\nexport const purpurSpacingPagePaddingLg = \"3rem\";\nexport const purpurSpacingPagePaddingXl = \"3rem\";\n","export const purpurTypographyFamilyDefault =\n  \"TeliaSans, Helvetica, Arial, 'Lucida Grande', sans-serif\";\nexport const purpurTypographyFamilyDisplay =\n  \"TeliaSansHeading, Helvetica, Arial, 'Lucida Grande', sans-serif\";\nexport const purpurTypographyWeightNormal = \"400\";\nexport const purpurTypographyWeightMedium = \"500\";\nexport const purpurTypographyWeightBold = \"700\";\nexport const purpurTypographyLineHeightTight = \"100%\";\nexport const purpurTypographyLineHeightSnug = \"110%\";\nexport const purpurTypographyLineHeightDefault = \"125%\";\nexport const purpurTypographyLineHeightLoose = \"150%\";\nexport const purpurTypographyLineHeightLooser = \"175%\";\nexport const purpurTypographyScale50 = \"0.75rem\";\nexport const purpurTypographyScale75 = \"0.875rem\";\nexport const purpurTypographyScale100 = \"1rem\";\nexport const purpurTypographyScale150 = \"1.125rem\";\nexport const purpurTypographyScale200 = \"1.25rem\";\nexport const purpurTypographyScale300 = \"1.375rem\";\nexport const purpurTypographyScale400 = \"1.5rem\";\nexport const purpurTypographyScale500 = \"1.75rem\";\nexport const purpurTypographyScale600 = \"2rem\";\nexport const purpurTypographyScale650 = \"2.25rem\";\nexport const purpurTypographyScale700 = \"2.5rem\";\nexport const purpurTypographyScale800 = \"3rem\";\nexport const purpurTypographyScale850 = \"3.5rem\";\nexport const purpurTypographyScale900 = \"4rem\";\nexport const purpurTypographyScale1000 = \"5rem\";\nexport const purpurTypographyScale1100 = \"6rem\";\n"],"names":["purpurBorderRadiusXs","purpurBorderRadiusSm","purpurBorderRadiusMd","purpurBorderRadiusLg","purpurBorderRadiusFull","purpurBorderWidthXs","purpurBorderWidthSm","purpurBorderWidthMd","purpurBorderWidthLg","purpurFilterBlurOnImage","purpurGradientAiTextInteractivePrimary","purpurGradientAiTextInteractivePrimaryNegative","purpurGradientAiBackgroundInteractiveExpressive","purpurGradientAiBackgroundInteractiveExpressiveNegative","purpurGradientAiBackgroundInteractivePrimary","purpurGradientAiBackgroundInteractivePrimaryNegative","purpurGradientAiBackgroundPrimaryNegative","purpurGradientAiBorderInteractivePrimary","purpurGradientAiBorderInteractivePrimaryNegative","purpurShadowNone","purpurShadowSm","purpurShadowMd","purpurShadowLg","purpurSpacing0","purpurSpacing10","purpurSpacing25","purpurSpacing50","purpurSpacing100","purpurSpacing150","purpurSpacing200","purpurSpacing250","purpurSpacing300","purpurSpacing400","purpurSpacing600","purpurSpacing800","purpurSpacing1000","purpurSpacing1200","purpurSpacing1600","purpurSpacingGutterSm","purpurSpacingGutterMd","purpurSpacingGutterLg","purpurSpacingGutterXl","purpurSpacingPagePaddingSm","purpurSpacingPagePaddingMd","purpurSpacingPagePaddingLg","purpurSpacingPagePaddingXl","purpurTypographyFamilyDefault","purpurTypographyFamilyDisplay","purpurTypographyWeightNormal","purpurTypographyWeightMedium","purpurTypographyWeightBold","purpurTypographyLineHeightTight","purpurTypographyLineHeightSnug","purpurTypographyLineHeightDefault","purpurTypographyLineHeightLoose","purpurTypographyLineHeightLooser","purpurTypographyScale50","purpurTypographyScale75","purpurTypographyScale100","purpurTypographyScale150","purpurTypographyScale200","purpurTypographyScale300","purpurTypographyScale400","purpurTypographyScale500","purpurTypographyScale600","purpurTypographyScale650","purpurTypographyScale700","purpurTypographyScale800","purpurTypographyScale850","purpurTypographyScale900","purpurTypographyScale1000","purpurTypographyScale1100"],"mappings":"qMAAaA,EAAuB,MACvBC,EAAuB,MACvBC,EAAuB,MACvBC,EAAuB,OACvBC,EAAyB,QACzBC,EAAsB,MACtBC,EAAsB,MACtBC,EAAsB,MACtBC,EAAsB,MCRtBC,EAA0B,aCA1BC,EACX,qDACWC,EACX,qDACWC,EACX,qDACWC,EACX,qDACWC,EACX,mEACWC,EACX,gFACWC,EACX,gFACWC,EACX,qDACWC,EACX,qDCjBWC,EAAmB,yCACnBC,EAAiB,iDACjBC,EAAiB,+CACjBC,EAAiB,8CCHjBC,EAAiB,OACjBC,EAAkB,YAClBC,EAAkB,WAClBC,EAAkB,UAClBC,EAAmB,SACnBC,EAAmB,UACnBC,EAAmB,OACnBC,EAAmB,UACnBC,EAAmB,SACnBC,EAAmB,OACnBC,EAAmB,OACnBC,EAAmB,OACnBC,EAAoB,OACpBC,EAAoB,OACpBC,EAAoB,OACpBC,EAAwB,OACxBC,EAAwB,SACxBC,EAAwB,SACxBC,EAAwB,SACxBC,EAA6B,OAC7BC,EAA6B,SAC7BC,EAA6B,OAC7BC,EAA6B,OCtB7BC,EACX,2DACWC,EACX,kEACWC,EAA+B,MAC/BC,EAA+B,MAC/BC,EAA6B,MAC7BC,GAAkC,OAClCC,GAAiC,OACjCC,GAAoC,OACpCC,GAAkC,OAClCC,GAAmC,OACnCC,GAA0B,UAC1BC,GAA0B,WAC1BC,GAA2B,OAC3BC,GAA2B,WAC3BC,GAA2B,UAC3BC,GAA2B,WAC3BC,GAA2B,SAC3BC,GAA2B,UAC3BC,GAA2B,OAC3BC,GAA2B,UAC3BC,GAA2B,SAC3BC,GAA2B,OAC3BC,GAA2B,SAC3BC,GAA2B,OAC3BC,GAA4B,OAC5BC,GAA4B"}
+{"version":3,"file":"tokens.cjs.js","sources":["../../tokens/dist/border/variables.js","../../tokens/dist/filter/variables.js","../../tokens/dist/gradient/variables.js","../../tokens/dist/shadow/variables.js","../../tokens/dist/spacing/variables.js","../../tokens/dist/typography/variables.js"],"sourcesContent":["export const purpurBorderRadiusXs = \"2px\";\nexport const purpurBorderRadiusSm = \"4px\";\nexport const purpurBorderRadiusMd = \"8px\";\nexport const purpurBorderRadiusLg = \"16px\";\nexport const purpurBorderRadiusXl = \"24px\";\nexport const purpurBorderRadiusFull = \"999px\";\nexport const purpurBorderWidthXs = \"1px\";\nexport const purpurBorderWidthSm = \"2px\";\nexport const purpurBorderWidthMd = \"3px\";\nexport const purpurBorderWidthLg = \"6px\";\n","export const purpurFilterBlurOnImage = \"blur(24px)\";\n","export const purpurGradientAiTextInteractivePrimary =\n  \"linear-gradient(289deg, #3694d3 -13%, #8c07d0 58%)\";\nexport const purpurGradientAiTextInteractivePrimaryNegative =\n  \"linear-gradient(289deg, #62b2e7 -13%, #e4b6fb 58%)\";\nexport const purpurGradientAiBackgroundInteractiveExpressive =\n  \"linear-gradient(291deg, #3694d3 -15%, #990ae3 44%)\";\nexport const purpurGradientAiBackgroundInteractiveExpressiveNegative =\n  \"linear-gradient(291deg, #62b2e7 -15%, #990ae3 44%)\";\nexport const purpurGradientAiBackgroundInteractivePrimary =\n  \"linear-gradient(291deg, #3694d3 -15%, #4e0174 44%, #b12df4 133%)\";\nexport const purpurGradientAiBackgroundInteractivePrimaryNegative =\n  \"linear-gradient(280deg, #62b2e7 -15%, #f4e0ff 23%, #f4e0ff 68%, #d58df9 112%)\";\nexport const purpurGradientAiBackgroundPrimaryNegative =\n  \"linear-gradient(352deg, #62b2e7 -69%, #1f002e 15%, #1f002e 87%, #d58df9 183%)\";\nexport const purpurGradientAiBorderInteractivePrimary =\n  \"linear-gradient(289deg, #3694d3 -13%, #8c07d0 58%)\";\nexport const purpurGradientAiBorderInteractivePrimaryNegative =\n  \"linear-gradient(289deg, #62b2e7 -13%, #e4b6fb 58%)\";\n","export const purpurShadowNone = \"0rem 0rem 0rem 0rem rgba(0, 0, 0, 0.1)\";\nexport const purpurShadowSm = \"0rem 0.0625rem 0.25rem 0rem rgba(0, 0, 0, 0.1)\";\nexport const purpurShadowMd = \"0rem 0.25rem 0.75rem 0rem rgba(0, 0, 0, 0.1)\";\nexport const purpurShadowLg = \"0rem 0.75rem 1.5rem 0rem rgba(0, 0, 0, 0.1)\";\n","export const purpurSpacing0 = \"0rem\";\nexport const purpurSpacing10 = \"0.0625rem\";\nexport const purpurSpacing25 = \"0.125rem\";\nexport const purpurSpacing50 = \"0.25rem\";\nexport const purpurSpacing100 = \"0.5rem\";\nexport const purpurSpacing150 = \"0.75rem\";\nexport const purpurSpacing200 = \"1rem\";\nexport const purpurSpacing250 = \"1.25rem\";\nexport const purpurSpacing300 = \"1.5rem\";\nexport const purpurSpacing400 = \"2rem\";\nexport const purpurSpacing600 = \"3rem\";\nexport const purpurSpacing800 = \"4rem\";\nexport const purpurSpacing1000 = \"5rem\";\nexport const purpurSpacing1200 = \"6rem\";\nexport const purpurSpacing1600 = \"8rem\";\nexport const purpurSpacingGutterSm = \"1rem\";\nexport const purpurSpacingGutterMd = \"1.5rem\";\nexport const purpurSpacingGutterLg = \"1.5rem\";\nexport const purpurSpacingGutterXl = \"1.5rem\";\nexport const purpurSpacingPagePaddingSm = \"1rem\";\nexport const purpurSpacingPagePaddingMd = \"1.5rem\";\nexport const purpurSpacingPagePaddingLg = \"3rem\";\nexport const purpurSpacingPagePaddingXl = \"3rem\";\n","export const purpurTypographyFamilyDefault =\n  \"TeliaSans, Helvetica, Arial, 'Lucida Grande', sans-serif\";\nexport const purpurTypographyFamilyDisplay =\n  \"TeliaSansHeading, Helvetica, Arial, 'Lucida Grande', sans-serif\";\nexport const purpurTypographyWeightNormal = \"400\";\nexport const purpurTypographyWeightMedium = \"500\";\nexport const purpurTypographyWeightBold = \"700\";\nexport const purpurTypographyLineHeightTight = \"100%\";\nexport const purpurTypographyLineHeightSnug = \"110%\";\nexport const purpurTypographyLineHeightDefault = \"125%\";\nexport const purpurTypographyLineHeightLoose = \"150%\";\nexport const purpurTypographyLineHeightLooser = \"175%\";\nexport const purpurTypographyScale50 = \"0.75rem\";\nexport const purpurTypographyScale75 = \"0.875rem\";\nexport const purpurTypographyScale100 = \"1rem\";\nexport const purpurTypographyScale150 = \"1.125rem\";\nexport const purpurTypographyScale200 = \"1.25rem\";\nexport const purpurTypographyScale300 = \"1.375rem\";\nexport const purpurTypographyScale400 = \"1.5rem\";\nexport const purpurTypographyScale500 = \"1.75rem\";\nexport const purpurTypographyScale600 = \"2rem\";\nexport const purpurTypographyScale650 = \"2.25rem\";\nexport const purpurTypographyScale700 = \"2.5rem\";\nexport const purpurTypographyScale800 = \"3rem\";\nexport const purpurTypographyScale850 = \"3.5rem\";\nexport const purpurTypographyScale900 = \"4rem\";\nexport const purpurTypographyScale1000 = \"5rem\";\nexport const purpurTypographyScale1100 = \"6rem\";\n"],"names":["purpurBorderRadiusXs","purpurBorderRadiusSm","purpurBorderRadiusMd","purpurBorderRadiusLg","purpurBorderRadiusXl","purpurBorderRadiusFull","purpurBorderWidthXs","purpurBorderWidthSm","purpurBorderWidthMd","purpurBorderWidthLg","purpurFilterBlurOnImage","purpurGradientAiTextInteractivePrimary","purpurGradientAiTextInteractivePrimaryNegative","purpurGradientAiBackgroundInteractiveExpressive","purpurGradientAiBackgroundInteractiveExpressiveNegative","purpurGradientAiBackgroundInteractivePrimary","purpurGradientAiBackgroundInteractivePrimaryNegative","purpurGradientAiBackgroundPrimaryNegative","purpurGradientAiBorderInteractivePrimary","purpurGradientAiBorderInteractivePrimaryNegative","purpurShadowNone","purpurShadowSm","purpurShadowMd","purpurShadowLg","purpurSpacing0","purpurSpacing10","purpurSpacing25","purpurSpacing50","purpurSpacing100","purpurSpacing150","purpurSpacing200","purpurSpacing250","purpurSpacing300","purpurSpacing400","purpurSpacing600","purpurSpacing800","purpurSpacing1000","purpurSpacing1200","purpurSpacing1600","purpurSpacingGutterSm","purpurSpacingGutterMd","purpurSpacingGutterLg","purpurSpacingGutterXl","purpurSpacingPagePaddingSm","purpurSpacingPagePaddingMd","purpurSpacingPagePaddingLg","purpurSpacingPagePaddingXl","purpurTypographyFamilyDefault","purpurTypographyFamilyDisplay","purpurTypographyWeightNormal","purpurTypographyWeightMedium","purpurTypographyWeightBold","purpurTypographyLineHeightTight","purpurTypographyLineHeightSnug","purpurTypographyLineHeightDefault","purpurTypographyLineHeightLoose","purpurTypographyLineHeightLooser","purpurTypographyScale50","purpurTypographyScale75","purpurTypographyScale100","purpurTypographyScale150","purpurTypographyScale200","purpurTypographyScale300","purpurTypographyScale400","purpurTypographyScale500","purpurTypographyScale600","purpurTypographyScale650","purpurTypographyScale700","purpurTypographyScale800","purpurTypographyScale850","purpurTypographyScale900","purpurTypographyScale1000","purpurTypographyScale1100"],"mappings":"qMAAaA,EAAuB,MACvBC,EAAuB,MACvBC,EAAuB,MACvBC,EAAuB,OACvBC,EAAuB,OACvBC,EAAyB,QACzBC,EAAsB,MACtBC,EAAsB,MACtBC,EAAsB,MACtBC,EAAsB,MCTtBC,EAA0B,aCA1BC,EACX,qDACWC,EACX,qDACWC,EACX,qDACWC,EACX,qDACWC,EACX,mEACWC,EACX,gFACWC,EACX,gFACWC,EACX,qDACWC,EACX,qDCjBWC,EAAmB,yCACnBC,EAAiB,iDACjBC,EAAiB,+CACjBC,EAAiB,8CCHjBC,EAAiB,OACjBC,EAAkB,YAClBC,EAAkB,WAClBC,EAAkB,UAClBC,EAAmB,SACnBC,EAAmB,UACnBC,EAAmB,OACnBC,EAAmB,UACnBC,EAAmB,SACnBC,EAAmB,OACnBC,EAAmB,OACnBC,EAAmB,OACnBC,EAAoB,OACpBC,EAAoB,OACpBC,EAAoB,OACpBC,EAAwB,OACxBC,EAAwB,SACxBC,EAAwB,SACxBC,EAAwB,SACxBC,EAA6B,OAC7BC,EAA6B,SAC7BC,EAA6B,OAC7BC,EAA6B,OCtB7BC,EACX,2DACWC,EACX,kEACWC,EAA+B,MAC/BC,EAA+B,MAC/BC,GAA6B,MAC7BC,GAAkC,OAClCC,GAAiC,OACjCC,GAAoC,OACpCC,GAAkC,OAClCC,GAAmC,OACnCC,GAA0B,UAC1BC,GAA0B,WAC1BC,GAA2B,OAC3BC,GAA2B,WAC3BC,GAA2B,UAC3BC,GAA2B,WAC3BC,GAA2B,SAC3BC,GAA2B,UAC3BC,GAA2B,OAC3BC,GAA2B,UAC3BC,GAA2B,SAC3BC,GAA2B,OAC3BC,GAA2B,SAC3BC,GAA2B,OAC3BC,GAA4B,OAC5BC,GAA4B"}