@primer/react-brand 0.77.1-rc.bd5b9efe → 0.78.0-rc.85e39cb4

package/esm/forms/TextInput/TextInput.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 import type { BaseProps } from '../../component-helpers';
-import type { FormInputSizes, FormValidationStatus } from '../form-types';
+import type { FormValidationStatus } from '../form-types';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css';
 import type { Icon } from '@primer/octicons-react';
 type VisualType = React.ReactElement | React.ReactNode | Icon;
+export declare const TextInputSizes: readonly ["small", "medium", "large"];
+export type TextInputSize = (typeof TextInputSizes)[number];
 export type TextInputProps = {
     /**
      * Applies full width styling.
@@ -28,7 +30,7 @@ export type TextInputProps = {
     /**
      * Applies alternative sizing to the input
      */
-    size?: FormInputSizes;
+    size?: TextInputSize;
     /**
      * Applies non-interactive text to end of input.
      */

package/esm/forms/TextInput/TextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/forms/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAIhD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAA;AACtD,OAAO,KAAK,EAAC,cAAc,EAAE,oBAAoB,EAAC,MAAM,eAAe,CAAA;AAGvE,OAAO,2GAA2G,CAAA;AAElH,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,wBAAwB,CAAA;AAEhD,KAAK,UAAU,GAAG,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,GAAG,IAAI,CAAA;AAE7D,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,aAAa,CAAC,EAAE,UAAU,CAAA;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,UAAU,CAAA;IAC3B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,CAAA;IAC/G;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;CACxC,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,GACpE,SAAS,CAAC,gBAAgB,CAAC,CAAA;AAkK7B,eAAO,MAAM,SAAS,6FAAgC,CAAA"}
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/forms/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAIhD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAA;AACtD,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,eAAe,CAAA;AAGvD,OAAO,2GAA2G,CAAA;AAElH,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,wBAAwB,CAAA;AAEhD,KAAK,UAAU,GAAG,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,GAAG,IAAI,CAAA;AAE7D,eAAO,MAAM,cAAc,uCAAwC,CAAA;AACnE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;AAE3D,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,aAAa,CAAC,EAAE,UAAU,CAAA;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,UAAU,CAAA;IAC3B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,CAAA;IAC/G;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;CACxC,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,GACpE,SAAS,CAAC,gBAAgB,CAAC,CAAA;AAkK7B,eAAO,MAAM,SAAS,6FAAgC,CAAA"}

package/esm/forms/TextInput/TextInput.js

@@ -5,7 +5,12 @@ import '../../packages/design-tokens/lib/design-tokens/css/tokens/functional/com
 import r from "./TextInput.module.js";
 import i, { forwardRef as a, useMemo as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
-var l = a(({ className: a, disabled: l, fullWidth: u = !1, invisible: d = !1, leadingText: f, leadingVisual: p, monospace: m, placeholder: h, size: g = "medium", trailingText: _, trailingVisual: v, validationStatus: y, ...b }, x) => {
+//#region src/forms/TextInput/TextInput.tsx
+var l = [
+	"small",
+	"medium",
+	"large"
+], u = a(({ className: a, disabled: l, fullWidth: u = !1, invisible: d = !1, leadingText: f, leadingVisual: p, monospace: m, placeholder: h, size: g = "medium", trailingText: _, trailingVisual: v, validationStatus: y, ...b }, x) => {
 	let S = t(), C = f && !p, w = p && !f, T = _ && !v, E = v && !_, D = `${S}-leading-text`, O = `${S}-leading-visual`, k = `${S}-trailing-visual`, A = `${S}-trailing-text`, j = o(() => [
 		{
 			condition: C,
@@ -87,8 +92,8 @@ var l = a(({ className: a, disabled: l, fullWidth: u = !1, invisible: d = !1, le
 		]
 	});
 });
-l.displayName = "TextInput";
+u.displayName = "TextInput";
 //#endregion
-export { l as TextInput };
+export { u as TextInput, l as TextInputSizes };
 
 //# sourceMappingURL=TextInput.js.map

package/esm/forms/TextInput/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","names":[],"sources":["../../../src/forms/TextInput/TextInput.tsx"],"sourcesContent":["import React, {forwardRef, useMemo} from 'react'\nimport {clsx} from 'clsx'\nimport {useId} from '../../hooks/useId'\n\nimport type {BaseProps} from '../../component-helpers'\nimport type {FormInputSizes, FormValidationStatus} from '../form-types'\nimport {Text} from '../../Text'\n\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css'\nimport styles from './TextInput.module.css'\nimport type {Icon} from '@primer/octicons-react'\n\ntype VisualType = React.ReactElement | React.ReactNode | Icon\n\nexport type TextInputProps = {\n  /**\n   * Applies full width styling.\n   */\n  fullWidth?: boolean\n  /**\n   * Removes border\n   */\n  invisible?: boolean\n  /**\n   * Applies non-interactive text to start of input.\n   */\n  leadingText?: string\n  /**\n   * Applies non-interactive iconography to start of input.\n   */\n  leadingVisual?: VisualType\n  /**\n   * Applies monospace styling.\n   */\n  monospace?: boolean\n  /**\n   * Applies alternative sizing to the input\n   */\n  size?: FormInputSizes\n  /**\n   * Applies non-interactive text to end of input.\n   */\n  trailingText?: string\n  /**\n   * Applies non-interactive iconography to end of input.\n   */\n  trailingVisual?: VisualType\n  /**\n   * Constrains the input type to single line inputs.\n   */\n  type?: 'text' | 'number' | 'email' | 'password' | 'search' | 'tel' | 'url' | 'date' | 'time' | 'datetime-local'\n  /**\n   * Applies a required attribute to the input\n   */\n  required?: boolean\n  /**\n   *\n   */\n  validationStatus?: FormValidationStatus\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> &\n  BaseProps<HTMLInputElement>\n\nconst TextInputInternal = (\n  {\n    className,\n    disabled,\n    fullWidth = false,\n    invisible = false,\n    leadingText,\n    leadingVisual: LeadingVisual,\n    monospace,\n    placeholder,\n    size = 'medium',\n    trailingText,\n    trailingVisual: TrailingVisual,\n    validationStatus,\n    ...rest\n  }: TextInputProps,\n  ref,\n) => {\n  const uniqueId = useId()\n\n  const showLeadingText = leadingText && !LeadingVisual\n  const showLeadingVisual = LeadingVisual && !leadingText\n  const showTrailingText = trailingText && !TrailingVisual\n  const showTrailingVisual = TrailingVisual && !trailingText\n\n  const leadingTextId = `${uniqueId}-leading-text`\n  const leadingVisualId = `${uniqueId}-leading-visual`\n  const trailingVisualId = `${uniqueId}-trailing-visual`\n  const trailingTextId = `${uniqueId}-trailing-text`\n\n  const describedBy = useMemo(() => {\n    const elements = [\n      {condition: showLeadingText, id: leadingTextId},\n      {condition: showLeadingVisual, id: leadingVisualId},\n      {condition: showTrailingVisual, id: trailingVisualId},\n      {condition: showTrailingText, id: trailingTextId},\n    ]\n\n    return elements\n      .filter(({condition}) => condition)\n      .map(({id}) => id)\n      .join(' ')\n  }, [\n    showLeadingText,\n    showLeadingVisual,\n    showTrailingVisual,\n    showTrailingText,\n    leadingTextId,\n    leadingVisualId,\n    trailingVisualId,\n    trailingTextId,\n  ])\n\n  return (\n    <span\n      className={clsx(\n        styles['TextInput-wrapper'],\n        styles[`TextInput-wrapper--${size}`],\n        fullWidth && styles['TextInput-wrapper--fullWidth'],\n        invisible && styles['TextInput-wrapper--invisible'],\n        disabled && styles['TextInput-wrapper--disabled'],\n        monospace && styles['TextInput-wrapper--monospace'],\n        validationStatus && styles[`TextInput-wrapper--${validationStatus}`],\n      )}\n    >\n      {showLeadingText && (\n        <span\n          className={clsx(\n            styles['TextInput-leading-text'],\n            styles[`TextInput-leading-text--${size}`],\n            disabled && styles['TextInput-leading-text--disabled'],\n            validationStatus && styles[`TextInput-leading-text--${validationStatus}`],\n          )}\n        >\n          <Text\n            size={size === 'large' ? '200' : '100'}\n            as=\"span\"\n            className={clsx(styles['TextInput-leading-text-inner'], styles[`TextInput-leading-text-inner--${size}`])}\n            id={leadingTextId}\n          >\n            {leadingText}\n          </Text>\n        </span>\n      )}\n      {showLeadingVisual && (\n        <span className={clsx(styles['TextInput-leading-visual'], styles[`TextInput-leading-visual--${size}`])}>\n          {LeadingVisual &&\n          React.isValidElement<{className?: string; width?: number; height?: number; id?: string}>(LeadingVisual)\n            ? React.cloneElement(LeadingVisual, {\n                className: clsx(\n                  styles['TextInput-leading-visual-icon'],\n                  styles[`TextInput-leading-visual-icon--${size}`],\n                ),\n                width: size === 'large' ? 20 : 16,\n                height: size === 'large' ? 20 : 16,\n                id: leadingVisualId,\n              })\n            : null}\n        </span>\n      )}\n      <input\n        type=\"text\"\n        ref={ref}\n        className={clsx(\n          styles.TextInput,\n          'TextInput',\n          styles[`TextInput--${size}`],\n          fullWidth && styles['TextInput--fullWidth'],\n          LeadingVisual && styles[`TextInput--has-leading-visual--${size}`],\n          TrailingVisual && styles[`TextInput--has-trailing-visual--${size}`],\n          validationStatus && styles[`TextInput--${validationStatus}`],\n          leadingText && !LeadingVisual && styles['TextInput--has-leading-text'],\n          trailingText && !TrailingVisual && styles['TextInput--has-trailing-text'],\n          className,\n        )}\n        placeholder={placeholder}\n        disabled={disabled}\n        aria-invalid={validationStatus === 'error'}\n        aria-describedby={describedBy || undefined}\n        {...rest}\n      />\n      {showTrailingVisual && (\n        <span className={clsx(styles['TextInput-trailing-visual'], styles[`TextInput-trailing-visual--${size}`])}>\n          {TrailingVisual &&\n          React.isValidElement<{className?: string; width?: number; height?: number; id?: string}>(TrailingVisual)\n            ? React.cloneElement(TrailingVisual, {\n                className: clsx(\n                  styles['TextInput-trailing-visual-icon'],\n                  styles[`TextInput-trailing-visual-icon--${size}`],\n                ),\n                width: size === 'large' ? 20 : 16,\n                height: size === 'large' ? 20 : 16,\n                id: trailingVisualId,\n              })\n            : null}\n        </span>\n      )}\n      {showTrailingText && (\n        <span\n          className={clsx(\n            styles['TextInput-trailing-text'],\n            styles[`TextInput-trailing-text--${size}`],\n            disabled && styles['TextInput-trailing-text--disabled'],\n            validationStatus && styles[`TextInput-trailing-text--${validationStatus}`],\n          )}\n        >\n          <Text\n            size={size === 'large' ? '200' : '100'}\n            as=\"span\"\n            className={clsx(styles['TextInput-trailing-text-inner'], styles[`TextInput-trailing-text-inner--${size}`])}\n            id={trailingTextId}\n          >\n            {trailingText}\n          </Text>\n        </span>\n      )}\n    </span>\n  )\n}\n\nexport const TextInput = forwardRef(TextInputInternal)\n\nTextInput.displayName = 'TextInput'\n"],"mappings":"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"}
+{"version":3,"file":"TextInput.js","names":[],"sources":["../../../src/forms/TextInput/TextInput.tsx"],"sourcesContent":["import React, {forwardRef, useMemo} from 'react'\nimport {clsx} from 'clsx'\nimport {useId} from '../../hooks/useId'\n\nimport type {BaseProps} from '../../component-helpers'\nimport type {FormValidationStatus} from '../form-types'\nimport {Text} from '../../Text'\n\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css'\nimport styles from './TextInput.module.css'\nimport type {Icon} from '@primer/octicons-react'\n\ntype VisualType = React.ReactElement | React.ReactNode | Icon\n\nexport const TextInputSizes = ['small', 'medium', 'large'] as const\nexport type TextInputSize = (typeof TextInputSizes)[number]\n\nexport type TextInputProps = {\n  /**\n   * Applies full width styling.\n   */\n  fullWidth?: boolean\n  /**\n   * Removes border\n   */\n  invisible?: boolean\n  /**\n   * Applies non-interactive text to start of input.\n   */\n  leadingText?: string\n  /**\n   * Applies non-interactive iconography to start of input.\n   */\n  leadingVisual?: VisualType\n  /**\n   * Applies monospace styling.\n   */\n  monospace?: boolean\n  /**\n   * Applies alternative sizing to the input\n   */\n  size?: TextInputSize\n  /**\n   * Applies non-interactive text to end of input.\n   */\n  trailingText?: string\n  /**\n   * Applies non-interactive iconography to end of input.\n   */\n  trailingVisual?: VisualType\n  /**\n   * Constrains the input type to single line inputs.\n   */\n  type?: 'text' | 'number' | 'email' | 'password' | 'search' | 'tel' | 'url' | 'date' | 'time' | 'datetime-local'\n  /**\n   * Applies a required attribute to the input\n   */\n  required?: boolean\n  /**\n   *\n   */\n  validationStatus?: FormValidationStatus\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> &\n  BaseProps<HTMLInputElement>\n\nconst TextInputInternal = (\n  {\n    className,\n    disabled,\n    fullWidth = false,\n    invisible = false,\n    leadingText,\n    leadingVisual: LeadingVisual,\n    monospace,\n    placeholder,\n    size = 'medium',\n    trailingText,\n    trailingVisual: TrailingVisual,\n    validationStatus,\n    ...rest\n  }: TextInputProps,\n  ref,\n) => {\n  const uniqueId = useId()\n\n  const showLeadingText = leadingText && !LeadingVisual\n  const showLeadingVisual = LeadingVisual && !leadingText\n  const showTrailingText = trailingText && !TrailingVisual\n  const showTrailingVisual = TrailingVisual && !trailingText\n\n  const leadingTextId = `${uniqueId}-leading-text`\n  const leadingVisualId = `${uniqueId}-leading-visual`\n  const trailingVisualId = `${uniqueId}-trailing-visual`\n  const trailingTextId = `${uniqueId}-trailing-text`\n\n  const describedBy = useMemo(() => {\n    const elements = [\n      {condition: showLeadingText, id: leadingTextId},\n      {condition: showLeadingVisual, id: leadingVisualId},\n      {condition: showTrailingVisual, id: trailingVisualId},\n      {condition: showTrailingText, id: trailingTextId},\n    ]\n\n    return elements\n      .filter(({condition}) => condition)\n      .map(({id}) => id)\n      .join(' ')\n  }, [\n    showLeadingText,\n    showLeadingVisual,\n    showTrailingVisual,\n    showTrailingText,\n    leadingTextId,\n    leadingVisualId,\n    trailingVisualId,\n    trailingTextId,\n  ])\n\n  return (\n    <span\n      className={clsx(\n        styles['TextInput-wrapper'],\n        styles[`TextInput-wrapper--${size}`],\n        fullWidth && styles['TextInput-wrapper--fullWidth'],\n        invisible && styles['TextInput-wrapper--invisible'],\n        disabled && styles['TextInput-wrapper--disabled'],\n        monospace && styles['TextInput-wrapper--monospace'],\n        validationStatus && styles[`TextInput-wrapper--${validationStatus}`],\n      )}\n    >\n      {showLeadingText && (\n        <span\n          className={clsx(\n            styles['TextInput-leading-text'],\n            styles[`TextInput-leading-text--${size}`],\n            disabled && styles['TextInput-leading-text--disabled'],\n            validationStatus && styles[`TextInput-leading-text--${validationStatus}`],\n          )}\n        >\n          <Text\n            size={size === 'large' ? '200' : '100'}\n            as=\"span\"\n            className={clsx(styles['TextInput-leading-text-inner'], styles[`TextInput-leading-text-inner--${size}`])}\n            id={leadingTextId}\n          >\n            {leadingText}\n          </Text>\n        </span>\n      )}\n      {showLeadingVisual && (\n        <span className={clsx(styles['TextInput-leading-visual'], styles[`TextInput-leading-visual--${size}`])}>\n          {LeadingVisual &&\n          React.isValidElement<{className?: string; width?: number; height?: number; id?: string}>(LeadingVisual)\n            ? React.cloneElement(LeadingVisual, {\n                className: clsx(\n                  styles['TextInput-leading-visual-icon'],\n                  styles[`TextInput-leading-visual-icon--${size}`],\n                ),\n                width: size === 'large' ? 20 : 16,\n                height: size === 'large' ? 20 : 16,\n                id: leadingVisualId,\n              })\n            : null}\n        </span>\n      )}\n      <input\n        type=\"text\"\n        ref={ref}\n        className={clsx(\n          styles.TextInput,\n          'TextInput',\n          styles[`TextInput--${size}`],\n          fullWidth && styles['TextInput--fullWidth'],\n          LeadingVisual && styles[`TextInput--has-leading-visual--${size}`],\n          TrailingVisual && styles[`TextInput--has-trailing-visual--${size}`],\n          validationStatus && styles[`TextInput--${validationStatus}`],\n          leadingText && !LeadingVisual && styles['TextInput--has-leading-text'],\n          trailingText && !TrailingVisual && styles['TextInput--has-trailing-text'],\n          className,\n        )}\n        placeholder={placeholder}\n        disabled={disabled}\n        aria-invalid={validationStatus === 'error'}\n        aria-describedby={describedBy || undefined}\n        {...rest}\n      />\n      {showTrailingVisual && (\n        <span className={clsx(styles['TextInput-trailing-visual'], styles[`TextInput-trailing-visual--${size}`])}>\n          {TrailingVisual &&\n          React.isValidElement<{className?: string; width?: number; height?: number; id?: string}>(TrailingVisual)\n            ? React.cloneElement(TrailingVisual, {\n                className: clsx(\n                  styles['TextInput-trailing-visual-icon'],\n                  styles[`TextInput-trailing-visual-icon--${size}`],\n                ),\n                width: size === 'large' ? 20 : 16,\n                height: size === 'large' ? 20 : 16,\n                id: trailingVisualId,\n              })\n            : null}\n        </span>\n      )}\n      {showTrailingText && (\n        <span\n          className={clsx(\n            styles['TextInput-trailing-text'],\n            styles[`TextInput-trailing-text--${size}`],\n            disabled && styles['TextInput-trailing-text--disabled'],\n            validationStatus && styles[`TextInput-trailing-text--${validationStatus}`],\n          )}\n        >\n          <Text\n            size={size === 'large' ? '200' : '100'}\n            as=\"span\"\n            className={clsx(styles['TextInput-trailing-text-inner'], styles[`TextInput-trailing-text-inner--${size}`])}\n            id={trailingTextId}\n          >\n            {trailingText}\n          </Text>\n        </span>\n      )}\n    </span>\n  )\n}\n\nexport const TextInput = forwardRef(TextInputInternal)\n\nTextInput.displayName = 'TextInput'\n"],"mappings":"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"}

package/esm/forms/TextInput/TextInput.module-CeOwKkHk.css

@@ -0,0 +1 @@
+.Primer_Brand__TextInput-module__TextInput___d6r3B{color:var(--brand-control-color-fg-default);background-color:var(--brand-color-canvas-default);border-radius:var(--brand-borderRadius-medium);line-height:var(--brand-text-lineHeight-100);transition:var(--brand-control-animation-duration) var(--brand-control-animation-easing);border:none;transition-property:color,background-color,box-shadow;display:flex}.Primer_Brand__TextInput-module__TextInput___d6r3B::placeholder{color:var(--brand-color-text-muted);opacity:1}.Primer_Brand__TextInput-module__TextInput___d6r3B[disabled]{-webkit-text-fill-color:var(--brand-control-color-fg-disabled);color:var(--brand-control-color-fg-disabled);cursor:not-allowed;background-color:var(--brand-control-color-canvas-disabled);opacity:1}.Primer_Brand__TextInput-module__TextInput___d6r3B:focus{outline:none}.Primer_Brand__TextInput-module__TextInput-wrapper--small___stgw8{height:var(--brand-control-small-size)}.Primer_Brand__TextInput-module__TextInput--small___kSAfx{font-weight:var(--brand-text-weight-100);font-size:var(--brand-text-size-100);padding:var(--brand-control-small-paddingBlock) var(--brand-control-small-paddingInline-condensed)}.Primer_Brand__TextInput-module__TextInput-wrapper--medium___MBN0V{height:var(--brand-control-medium-size)}.Primer_Brand__TextInput-module__TextInput--medium___fpyd0{font-weight:var(--brand-text-weight-100);font-size:var(--brand-text-size-100);padding:var(--brand-control-medium-paddingBlock-normal) var(--brand-control-medium-paddingInline-condensed)}.Primer_Brand__TextInput-module__TextInput--large___S8mM0{font-weight:var(--brand-text-weight-200);font-size:var(--brand-text-size-200);padding:var(--brand-control-large-paddingBlock-normal) var(--brand-control-large-paddingInline-condensed)}.Primer_Brand__TextInput-module__TextInput-wrapper--large___dAIbF{height:var(--brand-control-large-size)}.Primer_Brand__TextInput-module__TextInput--fullWidth___95umM{width:100%}.Primer_Brand__TextInput-module__TextInput-wrapper--disabled___tIAWj{border-color:var(--brand-control-color-border-disabled)}.Primer_Brand__TextInput-module__TextInput-wrapper___atqQQ{font-family:var(--brand-body-fontFamily);border:solid 1px var(--brand-control-color-border-default);border:solid var(--brand-borderWidth-thin,1px) var(--brand-control-color-border-default);border-radius:var(--brand-borderRadius-medium);transition:var(--brand-control-animation-duration) var(--brand-control-animation-easing);transition-property:border;display:inline-flex;position:relative}.Primer_Brand__TextInput-module__TextInput-wrapper--invisible___5R_bN{border-color:#0000}.Primer_Brand__TextInput-module__TextInput-wrapper--fullWidth___qZXkv{width:100%;display:flex}.Primer_Brand__TextInput-module__TextInput-wrapper___atqQQ:not(.Primer_Brand__TextInput-module__TextInput-wrapper--fullWidth___qZXkv){width:min-content}.Primer_Brand__TextInput-module__TextInput-wrapper--monospace___lZCyL{font-family:var(--brand-fontStack-monospace)}.Primer_Brand__TextInput-module__TextInput-wrapper___atqQQ:focus-within{border-color:var(--brand-control-color-focus);box-shadow:0 0 0 1px var(--brand-control-color-focus);outline:none}@media (forced-colors:active){.Primer_Brand__TextInput-module__TextInput-wrapper___atqQQ:focus-within{outline:var(--brand-borderWidth-thick) solid Highlight;outline-offset:var(--base-size-2)}}.Primer_Brand__TextInput-module__TextInput-wrapper--success___T0cdn,.Primer_Brand__TextInput-module__TextInput-wrapper--success___T0cdn.Primer_Brand__TextInput-module__TextInput-wrapper--disabled___tIAWj{border-color:var(--brand-color-success-fg)}.Primer_Brand__TextInput-module__TextInput-wrapper--error___P_A__,.Primer_Brand__TextInput-module__TextInput-wrapper--error___P_A__.Primer_Brand__TextInput-module__TextInput-wrapper--disabled___tIAWj{border-color:var(--brand-color-danger-fg)}.Primer_Brand__TextInput-module__TextInput--has-leading-visual--small___LJ4kp{padding-inline-start:calc(var(--brand-control-small-paddingInline-condensed) + var(--base-size-16) + var(--brand-control-small-gap))}.Primer_Brand__TextInput-module__TextInput--has-leading-visual--medium___FofyW{padding-inline-start:calc(var(--brand-control-medium-paddingInline-condensed) + var(--base-size-16) + var(--brand-control-medium-gap))}.Primer_Brand__TextInput-module__TextInput--has-leading-visual--large___m_yq4{padding-inline-start:calc(var(--brand-control-large-paddingInline-condensed) + var(--base-size-20) + var(--brand-control-large-gap))}.Primer_Brand__TextInput-module__TextInput--has-trailing-visual--small___2RNSF{padding-inline-end:calc(var(--brand-control-small-paddingInline-condensed) + var(--base-size-16) + var(--brand-control-small-gap))}.Primer_Brand__TextInput-module__TextInput--has-trailing-visual--medium___i_tux{padding-inline-end:calc(var(--brand-control-medium-paddingInline-condensed) + var(--base-size-16) + var(--brand-control-medium-gap))}.Primer_Brand__TextInput-module__TextInput--has-trailing-visual--large___9LFb4{padding-inline-end:calc(var(--brand-control-medium-paddingInline-condensed) + var(--base-size-20) + var(--brand-control-medium-gap))}.Primer_Brand__TextInput-module__TextInput-leading-visual___pCl6H,.Primer_Brand__TextInput-module__TextInput-trailing-visual___uMm5J{width:var(--base-size-16);height:100%;color:var(--brand-color-text-default);pointer-events:none;align-items:center;display:flex;position:absolute;top:0}.Primer_Brand__TextInput-module__TextInput-leading-visual--medium___J1m0x{left:var(--brand-control-medium-paddingInline-condensed)}.Primer_Brand__TextInput-module__TextInput-trailing-visual--medium___42l_Q{right:var(--brand-control-medium-paddingInline-condensed)}.Primer_Brand__TextInput-module__TextInput-leading-visual--small___fER_a{left:var(--brand-control-small-paddingInline-condensed)}.Primer_Brand__TextInput-module__TextInput-trailing-visual--small___iP2u4{right:var(--brand-control-small-paddingInline-condensed)}.Primer_Brand__TextInput-module__TextInput-leading-visual--large___FfFfu{left:var(--brand-control-large-paddingInline-condensed)}.Primer_Brand__TextInput-module__TextInput-trailing-visual--large___6qKcW{right:var(--brand-control-large-paddingInline-condensed)}.Primer_Brand__TextInput-module__TextInput-leading-visual-icon--medium___SGqdF,.Primer_Brand__TextInput-module__TextInput-leading-visual-icon--small___AKlUK{width:var(--base-size-16);height:var(--base-size-16)}.Primer_Brand__TextInput-module__TextInput-leading-visual-icon--large___tEaFR{width:var(--base-size-20);height:var(--base-size-20)}.Primer_Brand__TextInput-module__TextInput-leading-text___KJH7i,.Primer_Brand__TextInput-module__TextInput-trailing-text___9OMo1{color:var(--brand-color-text-muted);pointer-events:none;white-space:nowrap;align-items:center;display:flex}.Primer_Brand__TextInput-module__TextInput-leading-text--disabled___mkec2,.Primer_Brand__TextInput-module__TextInput-trailing-text--disabled___HXuFW{color:var(--brand-control-color-fg-disabled);background-color:var(--brand-control-color-canvas-disabled)}.Primer_Brand__TextInput-module__TextInput-leading-text___KJH7i{border-top-left-radius:6px;border-top-left-radius:var(--brand-borderRadius-medium,6px);border-bottom-left-radius:6px;border-bottom-left-radius:var(--brand-borderRadius-medium,6px);border-right:0}.Primer_Brand__TextInput-module__TextInput-trailing-text___9OMo1{border-top-right-radius:6px;border-top-right-radius:var(--brand-borderRadius-medium,6px);border-bottom-right-radius:6px;border-bottom-right-radius:var(--brand-borderRadius-medium,6px);border-left:0}.Primer_Brand__TextInput-module__TextInput-leading-text-inner___xYm04,.Primer_Brand__TextInput-module__TextInput-trailing-text-inner___dLGj9{color:var(--brand-color-text-muted);display:inline-flex}.Primer_Brand__TextInput-module__TextInput-leading-text-inner--medium___yh500,.Primer_Brand__TextInput-module__TextInput-trailing-text-inner--medium___H8Wax{padding-inline:var(--brand-control-medium-paddingInline-condensed)}.Primer_Brand__TextInput-module__TextInput-leading-text-inner--small___dPVPe,.Primer_Brand__TextInput-module__TextInput-trailing-text-inner--small___3Vxff{padding-inline:var(--brand-control-small-paddingInline-condensed)}.Primer_Brand__TextInput-module__TextInput-leading-text-inner--large___LLej6,.Primer_Brand__TextInput-module__TextInput-trailing-text-inner--large___1Qudx{padding-inline:var(--brand-control-large-paddingInline-condensed)}.Primer_Brand__TextInput-module__TextInput-leading-text-inner___xYm04{border-right:1px solid var(--brand-color-border-default)}.Primer_Brand__TextInput-module__TextInput-trailing-text-inner___dLGj9{border-left:1px solid var(--brand-color-border-default)}.Primer_Brand__TextInput-module__TextInput--has-leading-text___yXCjP{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.Primer_Brand__TextInput-module__TextInput--has-trailing-text___bPsRQ{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.Primer_Brand__TextInput-module__TextInput-leading-text--success____KS_D,.Primer_Brand__TextInput-module__TextInput-trailing-text--success___WCi_J{border-color:var(--brand-color-success-fg)}.Primer_Brand__TextInput-module__TextInput-leading-text--error___WAcZB,.Primer_Brand__TextInput-module__TextInput-trailing-text--error____yUSw{border-color:var(--brand-color-danger-fg)}@media (prefers-reduced-motion:reduce){.Primer_Brand__TextInput-module__TextInput___d6r3B,.Primer_Brand__TextInput-module__Checkbox___NeBpg:before,.Primer_Brand__TextInput-module__Checkbox___NeBpg:after,.Primer_Brand__TextInput-module__Checkbox___NeBpg *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

package/esm/forms/TextInput/TextInput.module.js

@@ -1,6 +1,8 @@
-import './TextInput.module-CrmcmO_m.css';//#region src/forms/TextInput/TextInput.module.css
+import './TextInput.module-CeOwKkHk.css';//#region src/forms/TextInput/TextInput.module.css
 var e = "Primer_Brand__TextInput-module__TextInput___d6r3B", t = "Primer_Brand__TextInput-module__Checkbox___NeBpg", n = {
 	TextInput: e,
+	"TextInput-wrapper--small": "Primer_Brand__TextInput-module__TextInput-wrapper--small___stgw8",
+	"TextInput--small": "Primer_Brand__TextInput-module__TextInput--small___kSAfx",
 	"TextInput-wrapper--medium": "Primer_Brand__TextInput-module__TextInput-wrapper--medium___MBN0V",
 	"TextInput--medium": "Primer_Brand__TextInput-module__TextInput--medium___fpyd0",
 	"TextInput--large": "Primer_Brand__TextInput-module__TextInput--large___S8mM0",
@@ -13,17 +15,22 @@ var e = "Primer_Brand__TextInput-module__TextInput___d6r3B", t = "Primer_Brand__
 	"TextInput-wrapper--monospace": "Primer_Brand__TextInput-module__TextInput-wrapper--monospace___lZCyL",
 	"TextInput-wrapper--success": "Primer_Brand__TextInput-module__TextInput-wrapper--success___T0cdn",
 	"TextInput-wrapper--error": "Primer_Brand__TextInput-module__TextInput-wrapper--error___P_A__",
+	"TextInput--has-leading-visual--small": "Primer_Brand__TextInput-module__TextInput--has-leading-visual--small___LJ4kp",
 	"TextInput--has-leading-visual--medium": "Primer_Brand__TextInput-module__TextInput--has-leading-visual--medium___FofyW",
 	"TextInput--has-leading-visual--large": "Primer_Brand__TextInput-module__TextInput--has-leading-visual--large___m_yq4",
+	"TextInput--has-trailing-visual--small": "Primer_Brand__TextInput-module__TextInput--has-trailing-visual--small___2RNSF",
 	"TextInput--has-trailing-visual--medium": "Primer_Brand__TextInput-module__TextInput--has-trailing-visual--medium___i_tux",
 	"TextInput--has-trailing-visual--large": "Primer_Brand__TextInput-module__TextInput--has-trailing-visual--large___9LFb4",
 	"TextInput-leading-visual": "Primer_Brand__TextInput-module__TextInput-leading-visual___pCl6H",
 	"TextInput-trailing-visual": "Primer_Brand__TextInput-module__TextInput-trailing-visual___uMm5J",
 	"TextInput-leading-visual--medium": "Primer_Brand__TextInput-module__TextInput-leading-visual--medium___J1m0x",
 	"TextInput-trailing-visual--medium": "Primer_Brand__TextInput-module__TextInput-trailing-visual--medium___42l_Q",
+	"TextInput-leading-visual--small": "Primer_Brand__TextInput-module__TextInput-leading-visual--small___fER_a",
+	"TextInput-trailing-visual--small": "Primer_Brand__TextInput-module__TextInput-trailing-visual--small___iP2u4",
 	"TextInput-leading-visual--large": "Primer_Brand__TextInput-module__TextInput-leading-visual--large___FfFfu",
 	"TextInput-trailing-visual--large": "Primer_Brand__TextInput-module__TextInput-trailing-visual--large___6qKcW",
 	"TextInput-leading-visual-icon--medium": "Primer_Brand__TextInput-module__TextInput-leading-visual-icon--medium___SGqdF",
+	"TextInput-leading-visual-icon--small": "Primer_Brand__TextInput-module__TextInput-leading-visual-icon--small___AKlUK",
 	"TextInput-leading-visual-icon--large": "Primer_Brand__TextInput-module__TextInput-leading-visual-icon--large___tEaFR",
 	"TextInput-leading-text": "Primer_Brand__TextInput-module__TextInput-leading-text___KJH7i",
 	"TextInput-trailing-text": "Primer_Brand__TextInput-module__TextInput-trailing-text___9OMo1",
@@ -33,6 +40,8 @@ var e = "Primer_Brand__TextInput-module__TextInput___d6r3B", t = "Primer_Brand__
 	"TextInput-trailing-text-inner": "Primer_Brand__TextInput-module__TextInput-trailing-text-inner___dLGj9",
 	"TextInput-leading-text-inner--medium": "Primer_Brand__TextInput-module__TextInput-leading-text-inner--medium___yh500",
 	"TextInput-trailing-text-inner--medium": "Primer_Brand__TextInput-module__TextInput-trailing-text-inner--medium___H8Wax",
+	"TextInput-leading-text-inner--small": "Primer_Brand__TextInput-module__TextInput-leading-text-inner--small___dPVPe",
+	"TextInput-trailing-text-inner--small": "Primer_Brand__TextInput-module__TextInput-trailing-text-inner--small___3Vxff",
 	"TextInput-leading-text-inner--large": "Primer_Brand__TextInput-module__TextInput-leading-text-inner--large___LLej6",
 	"TextInput-trailing-text-inner--large": "Primer_Brand__TextInput-module__TextInput-trailing-text-inner--large___1Qudx",
 	"TextInput--has-leading-text": "Primer_Brand__TextInput-module__TextInput--has-leading-text___yXCjP",

package/esm/forms/TextInput/TextInput.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.module.js","names":[],"sources":["../../../src/forms/TextInput/TextInput.module.css"],"sourcesContent":["/*\n * Default TextInput styles\n */\n.TextInput {\n  display: flex;\n  color: var(--brand-control-color-fg-default);\n  background-color: var(--brand-color-canvas-default);\n  border: none;\n  border-radius: var(--brand-borderRadius-medium);\n  line-height: var(--brand-text-lineHeight-100);\n  transition: var(--brand-control-animation-duration) var(--brand-control-animation-easing);\n  transition-property: color, background-color, box-shadow;\n}\n\n.TextInput::placeholder {\n  color: var(--brand-color-text-muted);\n  opacity: 1;\n}\n\n.TextInput[disabled] {\n  -webkit-text-fill-color: var(--brand-control-color-fg-disabled);\n  color: var(--brand-control-color-fg-disabled);\n  cursor: not-allowed;\n  background-color: var(--brand-control-color-canvas-disabled);\n  opacity: 1;\n}\n\n.TextInput:focus {\n  outline: none;\n}\n\n/*\n * Sizes\n */\n\n.TextInput-wrapper--medium {\n  height: var(--brand-control-medium-size);\n}\n\n.TextInput--medium {\n  font-weight: var(--brand-text-weight-100);\n  font-size: var(--brand-text-size-100);\n  padding: var(--brand-control-medium-paddingBlock-normal) var(--brand-control-medium-paddingInline-condensed);\n}\n\n.TextInput--large {\n  font-weight: var(--brand-text-weight-200);\n  font-size: var(--brand-text-size-200);\n  padding: var(--brand-control-large-paddingBlock-normal) var(--brand-control-large-paddingInline-condensed);\n}\n\n.TextInput-wrapper--large {\n  height: var(--brand-control-large-size);\n}\n\n/*\n * Visual states\n */\n.TextInput--fullWidth {\n  width: 100%;\n}\n\n/*\n * TextInput wrapper\n */\n\n.TextInput-wrapper--disabled {\n  border-color: var(--brand-control-color-border-disabled);\n}\n\n.TextInput-wrapper {\n  font-family: var(--brand-body-fontFamily);\n  display: inline-flex;\n  position: relative;\n  border: solid var(--brand-borderWidth-thin, 1px) var(--brand-control-color-border-default);\n  border-radius: var(--brand-borderRadius-medium);\n  transition: var(--brand-control-animation-duration) var(--brand-control-animation-easing);\n  transition-property: border;\n}\n\n.TextInput-wrapper--invisible {\n  border-color: transparent;\n}\n\n.TextInput-wrapper--fullWidth {\n  width: 100%;\n  display: flex;\n}\n\n.TextInput-wrapper:not(.TextInput-wrapper--fullWidth) {\n  width: min-content;\n}\n\n.TextInput-wrapper--monospace {\n  font-family: var(--brand-fontStack-monospace);\n}\n\n.TextInput-wrapper:focus-within {\n  border-color: var(--brand-control-color-focus);\n  box-shadow: 0 0 0 1px var(--brand-control-color-focus);\n  outline: none;\n}\n\n@media (forced-colors: active) {\n  .TextInput-wrapper:focus-within {\n    outline: var(--brand-borderWidth-thick) solid Highlight;\n    outline-offset: var(--base-size-2);\n  }\n}\n\n/*\n * Validation\n */\n\n.TextInput-wrapper--success,\n.TextInput-wrapper--success.TextInput-wrapper--disabled {\n  border-color: var(--brand-color-success-fg);\n}\n\n.TextInput-wrapper--error,\n.TextInput-wrapper--error.TextInput-wrapper--disabled {\n  border-color: var(--brand-color-danger-fg);\n}\n\n/*\n * TextInput visuals\n */\n.TextInput--has-leading-visual--medium {\n  padding-inline-start: calc(\n    var(--brand-control-medium-paddingInline-condensed) + var(--base-size-16) + var(--brand-control-medium-gap)\n  );\n}\n\n.TextInput--has-leading-visual--large {\n  padding-inline-start: calc(\n    var(--brand-control-large-paddingInline-condensed) + var(--base-size-20) + var(--brand-control-large-gap)\n  );\n}\n\n.TextInput--has-trailing-visual--medium {\n  padding-inline-end: calc(\n    var(--brand-control-medium-paddingInline-condensed) + var(--base-size-16) + var(--brand-control-medium-gap)\n  );\n}\n\n.TextInput--has-trailing-visual--large {\n  padding-inline-end: calc(\n    var(--brand-control-medium-paddingInline-condensed) + var(--base-size-20) + var(--brand-control-medium-gap)\n  );\n}\n\n.TextInput-leading-visual,\n.TextInput-trailing-visual {\n  display: grid;\n  position: absolute;\n  top: 0;\n  display: flex;\n  width: var(--base-size-16);\n  height: 100%;\n  align-items: center;\n  color: var(--color-fg-muted);\n  pointer-events: none;\n  color: var(--brand-color-text-default);\n}\n\n.TextInput-leading-visual--medium {\n  left: var(--brand-control-medium-paddingInline-condensed);\n}\n\n.TextInput-trailing-visual--medium {\n  right: var(--brand-control-medium-paddingInline-condensed);\n}\n\n.TextInput-leading-visual--large {\n  left: var(--brand-control-large-paddingInline-condensed);\n}\n\n.TextInput-trailing-visual--large {\n  right: var(--brand-control-large-paddingInline-condensed);\n}\n\n.TextInput-leading-visual-icon--medium {\n  width: var(--base-size-16);\n  height: var(--base-size-16);\n}\n\n.TextInput-leading-visual-icon--large {\n  width: var(--base-size-20);\n  height: var(--base-size-20);\n}\n\n/*\n * TextInput leading and trailing text\n */\n\n.TextInput-leading-text,\n.TextInput-trailing-text {\n  display: flex;\n  align-items: center;\n  color: var(--brand-color-text-muted);\n  pointer-events: none;\n  white-space: nowrap;\n}\n\n.TextInput-leading-text--disabled,\n.TextInput-trailing-text--disabled {\n  color: var(--brand-control-color-fg-disabled);\n  background-color: var(--brand-control-color-canvas-disabled);\n}\n\n.TextInput-leading-text {\n  border-top-left-radius: var(--brand-borderRadius-medium, 6px);\n  border-bottom-left-radius: var(--brand-borderRadius-medium, 6px);\n  border-right: 0;\n}\n\n.TextInput-trailing-text {\n  border-top-right-radius: var(--brand-borderRadius-medium, 6px);\n  border-bottom-right-radius: var(--brand-borderRadius-medium, 6px);\n  border-left: 0;\n}\n\n.TextInput-leading-text-inner,\n.TextInput-trailing-text-inner {\n  display: inline-flex;\n  color: var(--brand-color-text-muted);\n}\n\n.TextInput-leading-text-inner--medium,\n.TextInput-trailing-text-inner--medium {\n  padding-inline: var(--brand-control-medium-paddingInline-condensed);\n}\n\n.TextInput-leading-text-inner--large,\n.TextInput-trailing-text-inner--large {\n  padding-inline: var(--brand-control-large-paddingInline-condensed);\n}\n\n.TextInput-leading-text-inner {\n  border-right: 1px solid var(--brand-color-border-default);\n}\n\n.TextInput-trailing-text-inner {\n  border-left: 1px solid var(--brand-color-border-default);\n}\n\n.TextInput--has-leading-text {\n  border-left: 0;\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.TextInput--has-trailing-text {\n  border-right: 0;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.TextInput-leading-text--success,\n.TextInput-trailing-text--success {\n  border-color: var(--brand-color-success-fg);\n}\n\n.TextInput-leading-text--error,\n.TextInput-trailing-text--error {\n  border-color: var(--brand-color-danger-fg);\n}\n\n/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n  .TextInput,\n  .Checkbox::before,\n  .Checkbox::after,\n  .Checkbox * {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"TextInput.module.js","names":[],"sources":["../../../src/forms/TextInput/TextInput.module.css"],"sourcesContent":["/*\n * Default TextInput styles\n */\n.TextInput {\n  display: flex;\n  color: var(--brand-control-color-fg-default);\n  background-color: var(--brand-color-canvas-default);\n  border: none;\n  border-radius: var(--brand-borderRadius-medium);\n  line-height: var(--brand-text-lineHeight-100);\n  transition: var(--brand-control-animation-duration) var(--brand-control-animation-easing);\n  transition-property: color, background-color, box-shadow;\n}\n\n.TextInput::placeholder {\n  color: var(--brand-color-text-muted);\n  opacity: 1;\n}\n\n.TextInput[disabled] {\n  -webkit-text-fill-color: var(--brand-control-color-fg-disabled);\n  color: var(--brand-control-color-fg-disabled);\n  cursor: not-allowed;\n  background-color: var(--brand-control-color-canvas-disabled);\n  opacity: 1;\n}\n\n.TextInput:focus {\n  outline: none;\n}\n\n/*\n * Sizes\n */\n\n.TextInput-wrapper--small {\n  height: var(--brand-control-small-size);\n}\n\n.TextInput--small {\n  font-weight: var(--brand-text-weight-100);\n  font-size: var(--brand-text-size-100);\n  padding: var(--brand-control-small-paddingBlock) var(--brand-control-small-paddingInline-condensed);\n}\n\n.TextInput-wrapper--medium {\n  height: var(--brand-control-medium-size);\n}\n\n.TextInput--medium {\n  font-weight: var(--brand-text-weight-100);\n  font-size: var(--brand-text-size-100);\n  padding: var(--brand-control-medium-paddingBlock-normal) var(--brand-control-medium-paddingInline-condensed);\n}\n\n.TextInput--large {\n  font-weight: var(--brand-text-weight-200);\n  font-size: var(--brand-text-size-200);\n  padding: var(--brand-control-large-paddingBlock-normal) var(--brand-control-large-paddingInline-condensed);\n}\n\n.TextInput-wrapper--large {\n  height: var(--brand-control-large-size);\n}\n\n/*\n * Visual states\n */\n.TextInput--fullWidth {\n  width: 100%;\n}\n\n/*\n * TextInput wrapper\n */\n\n.TextInput-wrapper--disabled {\n  border-color: var(--brand-control-color-border-disabled);\n}\n\n.TextInput-wrapper {\n  font-family: var(--brand-body-fontFamily);\n  display: inline-flex;\n  position: relative;\n  border: solid var(--brand-borderWidth-thin, 1px) var(--brand-control-color-border-default);\n  border-radius: var(--brand-borderRadius-medium);\n  transition: var(--brand-control-animation-duration) var(--brand-control-animation-easing);\n  transition-property: border;\n}\n\n.TextInput-wrapper--invisible {\n  border-color: transparent;\n}\n\n.TextInput-wrapper--fullWidth {\n  width: 100%;\n  display: flex;\n}\n\n.TextInput-wrapper:not(.TextInput-wrapper--fullWidth) {\n  width: min-content;\n}\n\n.TextInput-wrapper--monospace {\n  font-family: var(--brand-fontStack-monospace);\n}\n\n.TextInput-wrapper:focus-within {\n  border-color: var(--brand-control-color-focus);\n  box-shadow: 0 0 0 1px var(--brand-control-color-focus);\n  outline: none;\n}\n\n@media (forced-colors: active) {\n  .TextInput-wrapper:focus-within {\n    outline: var(--brand-borderWidth-thick) solid Highlight;\n    outline-offset: var(--base-size-2);\n  }\n}\n\n/*\n * Validation\n */\n\n.TextInput-wrapper--success,\n.TextInput-wrapper--success.TextInput-wrapper--disabled {\n  border-color: var(--brand-color-success-fg);\n}\n\n.TextInput-wrapper--error,\n.TextInput-wrapper--error.TextInput-wrapper--disabled {\n  border-color: var(--brand-color-danger-fg);\n}\n\n/*\n * TextInput visuals\n */\n.TextInput--has-leading-visual--small {\n  padding-inline-start: calc(\n    var(--brand-control-small-paddingInline-condensed) + var(--base-size-16) + var(--brand-control-small-gap)\n  );\n}\n\n.TextInput--has-leading-visual--medium {\n  padding-inline-start: calc(\n    var(--brand-control-medium-paddingInline-condensed) + var(--base-size-16) + var(--brand-control-medium-gap)\n  );\n}\n\n.TextInput--has-leading-visual--large {\n  padding-inline-start: calc(\n    var(--brand-control-large-paddingInline-condensed) + var(--base-size-20) + var(--brand-control-large-gap)\n  );\n}\n\n.TextInput--has-trailing-visual--small {\n  padding-inline-end: calc(\n    var(--brand-control-small-paddingInline-condensed) + var(--base-size-16) + var(--brand-control-small-gap)\n  );\n}\n\n.TextInput--has-trailing-visual--medium {\n  padding-inline-end: calc(\n    var(--brand-control-medium-paddingInline-condensed) + var(--base-size-16) + var(--brand-control-medium-gap)\n  );\n}\n\n.TextInput--has-trailing-visual--large {\n  padding-inline-end: calc(\n    var(--brand-control-medium-paddingInline-condensed) + var(--base-size-20) + var(--brand-control-medium-gap)\n  );\n}\n\n.TextInput-leading-visual,\n.TextInput-trailing-visual {\n  display: grid;\n  position: absolute;\n  top: 0;\n  display: flex;\n  width: var(--base-size-16);\n  height: 100%;\n  align-items: center;\n  color: var(--color-fg-muted);\n  pointer-events: none;\n  color: var(--brand-color-text-default);\n}\n\n.TextInput-leading-visual--medium {\n  left: var(--brand-control-medium-paddingInline-condensed);\n}\n\n.TextInput-trailing-visual--medium {\n  right: var(--brand-control-medium-paddingInline-condensed);\n}\n\n.TextInput-leading-visual--small {\n  left: var(--brand-control-small-paddingInline-condensed);\n}\n\n.TextInput-trailing-visual--small {\n  right: var(--brand-control-small-paddingInline-condensed);\n}\n\n.TextInput-leading-visual--large {\n  left: var(--brand-control-large-paddingInline-condensed);\n}\n\n.TextInput-trailing-visual--large {\n  right: var(--brand-control-large-paddingInline-condensed);\n}\n\n.TextInput-leading-visual-icon--medium {\n  width: var(--base-size-16);\n  height: var(--base-size-16);\n}\n\n.TextInput-leading-visual-icon--small {\n  width: var(--base-size-16);\n  height: var(--base-size-16);\n}\n\n.TextInput-leading-visual-icon--large {\n  width: var(--base-size-20);\n  height: var(--base-size-20);\n}\n\n/*\n * TextInput leading and trailing text\n */\n\n.TextInput-leading-text,\n.TextInput-trailing-text {\n  display: flex;\n  align-items: center;\n  color: var(--brand-color-text-muted);\n  pointer-events: none;\n  white-space: nowrap;\n}\n\n.TextInput-leading-text--disabled,\n.TextInput-trailing-text--disabled {\n  color: var(--brand-control-color-fg-disabled);\n  background-color: var(--brand-control-color-canvas-disabled);\n}\n\n.TextInput-leading-text {\n  border-top-left-radius: var(--brand-borderRadius-medium, 6px);\n  border-bottom-left-radius: var(--brand-borderRadius-medium, 6px);\n  border-right: 0;\n}\n\n.TextInput-trailing-text {\n  border-top-right-radius: var(--brand-borderRadius-medium, 6px);\n  border-bottom-right-radius: var(--brand-borderRadius-medium, 6px);\n  border-left: 0;\n}\n\n.TextInput-leading-text-inner,\n.TextInput-trailing-text-inner {\n  display: inline-flex;\n  color: var(--brand-color-text-muted);\n}\n\n.TextInput-leading-text-inner--medium,\n.TextInput-trailing-text-inner--medium {\n  padding-inline: var(--brand-control-medium-paddingInline-condensed);\n}\n\n.TextInput-leading-text-inner--small,\n.TextInput-trailing-text-inner--small {\n  padding-inline: var(--brand-control-small-paddingInline-condensed);\n}\n\n.TextInput-leading-text-inner--large,\n.TextInput-trailing-text-inner--large {\n  padding-inline: var(--brand-control-large-paddingInline-condensed);\n}\n\n.TextInput-leading-text-inner {\n  border-right: 1px solid var(--brand-color-border-default);\n}\n\n.TextInput-trailing-text-inner {\n  border-left: 1px solid var(--brand-color-border-default);\n}\n\n.TextInput--has-leading-text {\n  border-left: 0;\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.TextInput--has-trailing-text {\n  border-right: 0;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.TextInput-leading-text--success,\n.TextInput-trailing-text--success {\n  border-color: var(--brand-color-success-fg);\n}\n\n.TextInput-leading-text--error,\n.TextInput-trailing-text--error {\n  border-color: var(--brand-color-danger-fg);\n}\n\n/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n  .TextInput,\n  .Checkbox::before,\n  .Checkbox::after,\n  .Checkbox * {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n"],"mappings":""}

package/esm/index.d.ts

@@ -4,6 +4,7 @@ export * from './Text';
 export * from './Heading';
 export * from './ThemeProvider';
 export * from './Button';
+export * from './IconButton';
 export * from './ButtonGroup';
 export * from './river';
 export * from './MediaPlaylist';

package/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AAEjC,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,QAAQ,CAAA;AACtB,cAAc,uBAAuB,CAAA;AACrC,cAAc,SAAS,CAAA;AAGvB,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AAEjC,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,QAAQ,CAAA;AACtB,cAAc,uBAAuB,CAAA;AACrC,cAAc,SAAS,CAAA;AAGvB,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA"}

package/esm/index.esm.js

@@ -11,71 +11,73 @@ import { EyebrowText as M, EyebrowTextVariants as N } from "./EyebrowText/Eyebro
 import { TextCursorAnimation as P, testIds as F } from "./TextCursorAnimation/TextCursorAnimation.js";
 import { Heading as I, HeadingFontVariants as L, HeadingLetterSpacing as R, HeadingSizes as z, HeadingStretch as B, HeadingTags as V, HeadingWeights as H, classMap as U, defaultHeadingFont as W, defaultHeadingTag as G } from "./Heading/Heading.js";
 import { Button as K, ButtonSizes as q, ButtonVariants as J, _Button as Y, defaultButtonSize as X, defaultButtonVariant as Z } from "./Button/Button.js";
-import { ColorModesEnum as Q, ThemeContext as $, ThemeProvider as ee } from "./ThemeProvider/ThemeProvider.js";
-import { useTheme as te } from "./ThemeProvider/useTheme.js";
-import { ActionMenu as ne, ActionMenuButtonModes as re, ActionMenuProvider as ie, ActionMenuSizes as ae, actionMenuOverlaySides as oe, useActionMenuContext as se } from "./ActionMenu/ActionMenu.js";
-import { ButtonGroup as ce } from "./ButtonGroup/ButtonGroup.js";
-import { Image as le, ImageBorderRadiusOptions as ue } from "./Image/Image.js";
-import { Hero as de } from "./Hero/Hero.js";
-import { RiverAccordion as fe, RiverAccordionVariants as pe } from "./river/RiverAccordion/RiverAccordion.js";
-import { Link as me, LinkArrowDirections as he, LinkSizes as ge, LinkVariants as _e } from "./Link/Link.js";
-import { Label as ve, LabelColors as ye, LabelSizes as be, defaultLabelColor as xe, defaultLabelSize as Se } from "./Label/Label.js";
-import { River as Ce, RiverVisualPaddingOptions as we, RiverVisualPositionOptions as Te, defaultRiverAlign as Ee, defaultRiverImageTextRatio as De, defaultRiverVariant as Oe } from "./river/River/River.js";
-import { RiverBreakout as ke, RiverBreakoutVariants as Ae } from "./river/RiverBreakout/RiverBreakout.js";
-import { Icon as je, defaultIconColor as Me, defaultIconSize as Ne, iconColors as Pe, iconSizeMap as Fe, iconSizes as Ie, namedIconSizes as Le, numericIconSizes as Re } from "./Icon/Icon.js";
-import { BreakpointSize as ze, useWindowSize as Be } from "./hooks/useWindowSize.js";
-import { RiverBreakoutTabs as Ve } from "./river/RiverBreakoutTabs/RiverBreakoutTabs.js";
-import { RiverStoryScroll as He } from "./river/RiverStoryScroll/RiverStoryScroll.js";
-import { Pagination as Ue } from "./Pagination/Pagination.js";
-import { MediaPlaylist as We } from "./MediaPlaylist/MediaPlaylist.js";
-import { useFocusTrap as Ge } from "./hooks/useFocusTrap.js";
-import { SubdomainNavBar as Ke } from "./SubdomainNavBar/SubdomainNavBar.js";
-import { InlineLink as qe } from "./InlineLink/InlineLink.js";
-import { InlineCode as Je } from "./InlineCode/InlineCode.js";
-import { Token as Ye, TokenVariants as Xe, defaultTokenVariant as Ze } from "./Token/Token.js";
-import { Accordion as Qe, AccordionContent as $e, AccordionHeading as et, AccordionRoot as tt, AccordionToggleColors as nt } from "./Accordion/Accordion.js";
-import { FAQ as rt } from "./FAQ/FAQ.js";
-import { FAQGroup as it } from "./FAQ/FAQGroup.js";
-import { Checkbox as at } from "./forms/Checkbox/Checkbox.js";
-import { DEFAULT_TEXTAREA_COLS as ot, DEFAULT_TEXTAREA_RESIZE as st, DEFAULT_TEXTAREA_ROWS as ct, Textarea as lt } from "./forms/Textarea/Textarea.js";
-import { TextInput as ut } from "./forms/TextInput/TextInput.js";
-import { Select as dt } from "./forms/Select/Select.js";
-import { Radio as ft } from "./forms/Radio/Radio.js";
-import { FormControl as pt } from "./forms/FormControl/FormControl.js";
-import { CheckboxGroup as mt } from "./forms/CheckboxGroup/CheckboxGroup.js";
-import { RadioGroup as ht } from "./forms/RadioGroup/RadioGroup.js";
-import { Avatar as gt, AvatarShapes as _t, AvatarSizes as vt } from "./Avatar/Avatar.js";
-import { Testimonial as yt, TestimonialQuoteMarkColors as bt, TestimonialVariants as xt, defaultQuoteMarkColor as St, defaultTestimonialVariant as Ct } from "./Testimonial/Testimonial.js";
-import { ComparisonTable as wt, _ComparisonTable as Tt } from "./ComparisonTable/ComparisonTable.js";
-import { AnchorNav as Et } from "./AnchorNav/AnchorNav.js";
-import { CTABanner as Dt, CTABannerBackgroundColors as Ot } from "./CTABanner/CTABanner.js";
-import { UnorderedList as kt } from "./list/UnorderedList/UnorderedList.js";
-import { OrderedList as At } from "./list/OrderedList/OrderedList.js";
-import { CTAForm as jt } from "./CTAForm/CTAForm.js";
-import { MinimalFooter as Mt } from "./MinimalFooter/MinimalFooter.js";
-import { Pillar as Nt, defaultPillarIconColor as Pt, defaultPillarIconSize as Ft } from "./Pillar/Pillar.js";
-import { Card as It, CardBackgroundColors as Lt, CardCTAVariants as Rt, CardIconColors as zt, CardImagePaddingOptions as Bt, CardLabelVariants as Vt, CardTokenPositions as Ht, CardVariants as Ut, defaultCardCTAVariant as Wt, defaultCardIconColor as Gt, defaultCardLabelVariant as Kt } from "./Card/Card.js";
-import { SectionIntro as qt } from "./SectionIntro/SectionIntro.js";
-import { Prose as Jt } from "./Prose/Prose.js";
-import { useVideo as Yt } from "./VideoPlayer/hooks/useVideo.js";
-import { VideoPlayer as Xt } from "./VideoPlayer/VideoPlayer.js";
-import { MinimalVideoPlayer as Zt, _MinimalVideoPlayer as Qt } from "./MinimalVideoPlayer/MinimalVideoPlayer.js";
-import { LogoSuite as $t } from "./LogoSuite/LogoSuite.js";
-import { Timeline as en } from "./Timeline/Timeline.js";
-import { Bento as tn } from "./Bento/Bento.js";
-import { EyebrowBanner as nn, EyebrowBannerIconColors as rn, EyebrowBannerLabelColors as an, defaultEyebrowBannerIconColor as on } from "./EyebrowBanner/EyebrowBanner.js";
-import { Tooltip as sn, TooltipContext as cn } from "./Tooltip/Tooltip.js";
-import { PricingOptions as ln } from "./PricingOptions/PricingOptions.js";
-import { SubNav as un, SubNavSubMenuVariants as dn, useSubNavContext as fn } from "./SubNav/SubNav.js";
-import { NavList as pn } from "./NavList/NavList.js";
-import { IDE as mn, IDEDefaultIconMap as hn, IDEFileExtensions as gn } from "./IDE/IDE.js";
-import { BreadcrumbVariants as _n, Breadcrumbs as vn } from "./Breadcrumbs/Breadcrumbs.js";
-import { Section as yn, SectionBackgroundColors as bn, SectionPaddingVariants as xn, SectionVariants as Sn } from "./Section/Section.js";
-import { Statistic as Cn, StatisticSizes as wn, StatisticSpacingValues as Tn } from "./Statistic/Statistic.js";
-import { BreakoutBanner as En, BreakoutBannerBackgroundColors as Dn } from "./BreakoutBanner/BreakoutBanner.js";
-import { Footnotes as On, FootnotesItemTags as kn, FootnotesTags as An } from "./Footnotes/Footnotes.js";
-import { FrostedGlassVFX as jn, FrostedGlassVFXIntensity as Mn, defaultFrostedGlassVFXIntensity as Nn } from "./FrostedGlassVFX/FrostedGlassVFX.js";
-import { SectionIntroStacked as Pn, SectionIntroStackedVariants as Fn } from "./SectionIntroStacked/SectionIntroStacked.js";
-import { Tabs as In } from "./Tabs/Tabs.js";
-import { Tiles as Ln } from "./Tiles/Tiles.js";
-export { Qe as Accordion, $e as AccordionContent, et as AccordionHeading, tt as AccordionRoot, nt as AccordionToggleColors, ne as ActionMenu, re as ActionMenuButtonModes, ie as ActionMenuProvider, ae as ActionMenuSizes, Et as AnchorNav, a as Animate, n as AnimationContext, r as AnimationProvider, i as AnimationVariants, gt as Avatar, _t as AvatarShapes, vt as AvatarSizes, tn as Bento, g as Box, _ as BoxBackgroundColors, v as BoxBorderColorOptions, y as BoxBorderRadiusOptions, b as BoxBorderWidthOptions, x as BoxSpacingValues, _n as BreadcrumbVariants, vn as Breadcrumbs, En as BreakoutBanner, Dn as BreakoutBannerBackgroundColors, ze as BreakpointSize, K as Button, ce as ButtonGroup, q as ButtonSizes, J as ButtonVariants, Dt as CTABanner, Ot as CTABannerBackgroundColors, jt as CTAForm, It as Card, Lt as CardBackgroundColors, Rt as CardCTAVariants, zt as CardIconColors, Bt as CardImagePaddingOptions, Vt as CardLabelVariants, Ht as CardTokenPositions, Ut as CardVariants, at as Checkbox, mt as CheckboxGroup, Q as ColorModesEnum, wt as ComparisonTable, ot as DEFAULT_TEXTAREA_COLS, st as DEFAULT_TEXTAREA_RESIZE, ct as DEFAULT_TEXTAREA_ROWS, nn as EyebrowBanner, rn as EyebrowBannerIconColors, an as EyebrowBannerLabelColors, M as EyebrowText, N as EyebrowTextVariants, rt as FAQ, it as FAQGroup, On as Footnotes, kn as FootnotesItemTags, An as FootnotesTags, pt as FormControl, jn as FrostedGlassVFX, Mn as FrostedGlassVFXIntensity, t as Grid, I as Heading, L as HeadingFontVariants, R as HeadingLetterSpacing, z as HeadingSizes, B as HeadingStretch, V as HeadingTags, H as HeadingWeights, de as Hero, mn as IDE, hn as IDEDefaultIconMap, gn as IDEFileExtensions, je as Icon, le as Image, ue as ImageBorderRadiusOptions, Je as InlineCode, qe as InlineLink, ve as Label, ye as LabelColors, be as LabelSizes, me as Link, he as LinkArrowDirections, ge as LinkSizes, _e as LinkVariants, $t as LogoSuite, We as MediaPlaylist, Mt as MinimalFooter, Zt as MinimalVideoPlayer, pn as NavList, At as OrderedList, Ue as Pagination, Nt as Pillar, ln as PricingOptions, Jt as Prose, ft as Radio, ht as RadioGroup, Ce as River, fe as RiverAccordion, pe as RiverAccordionVariants, ke as RiverBreakout, Ve as RiverBreakoutTabs, Ae as RiverBreakoutVariants, He as RiverStoryScroll, we as RiverVisualPaddingOptions, Te as RiverVisualPositionOptions, yn as Section, bn as SectionBackgroundColors, qt as SectionIntro, Pn as SectionIntroStacked, Fn as SectionIntroStackedVariants, xn as SectionPaddingVariants, Sn as SectionVariants, dt as Select, c as Stack, l as StackAlignItemVariants, u as StackDirectionVariants, d as StackFlexWrapVariants, f as StackJustifyContentVariants, p as StackSpacingVariants, Cn as Statistic, wn as StatisticSizes, Tn as StatisticSpacingValues, un as SubNav, dn as SubNavSubMenuVariants, Ke as SubdomainNavBar, In as Tabs, yt as Testimonial, bt as TestimonialQuoteMarkColors, xt as TestimonialVariants, S as Text, P as TextCursorAnimation, C as TextFontVariants, ut as TextInput, s as TextRevealAnimation, w as TextSizes, T as TextTags, E as TextVariants, D as TextWeights, lt as Textarea, $ as ThemeContext, ee as ThemeProvider, Ln as Tiles, en as Timeline, Ye as Token, Xe as TokenVariants, sn as Tooltip, cn as TooltipContext, kt as UnorderedList, Xt as VideoPlayer, Y as _Button, Tt as _ComparisonTable, e as _GLOBAL_STYLES, Qt as _MinimalVideoPlayer, oe as actionMenuOverlaySides, U as classMap, X as defaultButtonSize, Z as defaultButtonVariant, Wt as defaultCardCTAVariant, Gt as defaultCardIconColor, Kt as defaultCardLabelVariant, on as defaultEyebrowBannerIconColor, O as defaultFontVariant, Nn as defaultFrostedGlassVFXIntensity, W as defaultHeadingFont, G as defaultHeadingTag, Me as defaultIconColor, Ne as defaultIconSize, xe as defaultLabelColor, Se as defaultLabelSize, Pt as defaultPillarIconColor, Ft as defaultPillarIconSize, St as defaultQuoteMarkColor, Ee as defaultRiverAlign, De as defaultRiverImageTextRatio, Oe as defaultRiverVariant, m as defaultStackDirection, h as defaultStackSpacing, Ct as defaultTestimonialVariant, k as defaultTextSize, A as defaultTextTag, j as defaultTextVariant, Ze as defaultTokenVariant, Pe as iconColors, Fe as iconSizeMap, Ie as iconSizes, Le as namedIconSizes, Re as numericIconSizes, F as testIds, se as useActionMenuContext, o as useAnimation, Ge as useFocusTrap, fn as useSubNavContext, te as useTheme, Yt as useVideo, Be as useWindowSize };
+import { Tooltip as Q, TooltipContext as $, TooltipDelays as ee, TooltipDirections as te } from "./Tooltip/Tooltip.js";
+import { IconButton as ne, IconButtonSizes as re, IconButtonVariants as ie, defaultIconButtonSize as ae, defaultIconButtonVariant as oe } from "./IconButton/IconButton.js";
+import { ColorModesEnum as se, ThemeContext as ce, ThemeProvider as le } from "./ThemeProvider/ThemeProvider.js";
+import { useTheme as ue } from "./ThemeProvider/useTheme.js";
+import { ActionMenuButtonModes as de, ActionMenuProvider as fe, ActionMenuSizes as pe, useActionMenuContext as me } from "./ActionMenu/ActionMenuContext.js";
+import { ActionMenu as he, actionMenuOverlaySides as ge } from "./ActionMenu/ActionMenu.js";
+import { ButtonGroup as _e, ButtonGroupVariants as ve, defaultButtonGroupVariant as ye } from "./ButtonGroup/ButtonGroup.js";
+import { Image as be, ImageBorderRadiusOptions as xe } from "./Image/Image.js";
+import { Hero as Se } from "./Hero/Hero.js";
+import { RiverAccordion as Ce, RiverAccordionVariants as we } from "./river/RiverAccordion/RiverAccordion.js";
+import { Link as Te, LinkArrowDirections as Ee, LinkSizes as De, LinkVariants as Oe } from "./Link/Link.js";
+import { Label as ke, LabelColors as Ae, LabelSizes as je, defaultLabelColor as Me, defaultLabelSize as Ne } from "./Label/Label.js";
+import { River as Pe, RiverVisualPaddingOptions as Fe, RiverVisualPositionOptions as Ie, defaultRiverAlign as Le, defaultRiverImageTextRatio as Re, defaultRiverVariant as ze } from "./river/River/River.js";
+import { RiverBreakout as Be, RiverBreakoutVariants as Ve } from "./river/RiverBreakout/RiverBreakout.js";
+import { Icon as He, defaultIconColor as Ue, defaultIconSize as We, iconColors as Ge, iconSizeMap as Ke, iconSizes as qe, namedIconSizes as Je, numericIconSizes as Ye } from "./Icon/Icon.js";
+import { BreakpointSize as Xe, useWindowSize as Ze } from "./hooks/useWindowSize.js";
+import { RiverBreakoutTabs as Qe } from "./river/RiverBreakoutTabs/RiverBreakoutTabs.js";
+import { RiverStoryScroll as $e } from "./river/RiverStoryScroll/RiverStoryScroll.js";
+import { Pagination as et } from "./Pagination/Pagination.js";
+import { MediaPlaylist as tt } from "./MediaPlaylist/MediaPlaylist.js";
+import { useFocusTrap as nt } from "./hooks/useFocusTrap.js";
+import { SubdomainNavBar as rt } from "./SubdomainNavBar/SubdomainNavBar.js";
+import { InlineLink as it } from "./InlineLink/InlineLink.js";
+import { InlineCode as at } from "./InlineCode/InlineCode.js";
+import { Token as ot, TokenVariants as st, defaultTokenVariant as ct } from "./Token/Token.js";
+import { Accordion as lt, AccordionContent as ut, AccordionHeading as dt, AccordionRoot as ft, AccordionToggleColors as pt } from "./Accordion/Accordion.js";
+import { FAQ as mt } from "./FAQ/FAQ.js";
+import { FAQGroup as ht } from "./FAQ/FAQGroup.js";
+import { Checkbox as gt } from "./forms/Checkbox/Checkbox.js";
+import { DEFAULT_TEXTAREA_COLS as _t, DEFAULT_TEXTAREA_RESIZE as vt, DEFAULT_TEXTAREA_ROWS as yt, Textarea as bt } from "./forms/Textarea/Textarea.js";
+import { TextInput as xt, TextInputSizes as St } from "./forms/TextInput/TextInput.js";
+import { Select as Ct } from "./forms/Select/Select.js";
+import { Radio as wt } from "./forms/Radio/Radio.js";
+import { FormControl as Tt } from "./forms/FormControl/FormControl.js";
+import { CheckboxGroup as Et } from "./forms/CheckboxGroup/CheckboxGroup.js";
+import { RadioGroup as Dt } from "./forms/RadioGroup/RadioGroup.js";
+import { Avatar as Ot, AvatarShapes as kt, AvatarSizes as At } from "./Avatar/Avatar.js";
+import { Testimonial as jt, TestimonialQuoteMarkColors as Mt, TestimonialVariants as Nt, defaultQuoteMarkColor as Pt, defaultTestimonialVariant as Ft } from "./Testimonial/Testimonial.js";
+import { ComparisonTable as It, _ComparisonTable as Lt } from "./ComparisonTable/ComparisonTable.js";
+import { AnchorNav as Rt } from "./AnchorNav/AnchorNav.js";
+import { CTABanner as zt, CTABannerBackgroundColors as Bt } from "./CTABanner/CTABanner.js";
+import { UnorderedList as Vt } from "./list/UnorderedList/UnorderedList.js";
+import { OrderedList as Ht } from "./list/OrderedList/OrderedList.js";
+import { CTAForm as Ut } from "./CTAForm/CTAForm.js";
+import { MinimalFooter as Wt } from "./MinimalFooter/MinimalFooter.js";
+import { Pillar as Gt, defaultPillarIconColor as Kt, defaultPillarIconSize as qt } from "./Pillar/Pillar.js";
+import { Card as Jt, CardBackgroundColors as Yt, CardCTAVariants as Xt, CardIconColors as Zt, CardImagePaddingOptions as Qt, CardLabelVariants as $t, CardTokenPositions as en, CardVariants as tn, defaultCardCTAVariant as nn, defaultCardIconColor as rn, defaultCardLabelVariant as an } from "./Card/Card.js";
+import { SectionIntro as on } from "./SectionIntro/SectionIntro.js";
+import { Prose as sn } from "./Prose/Prose.js";
+import { useVideo as cn } from "./VideoPlayer/hooks/useVideo.js";
+import { VideoPlayer as ln } from "./VideoPlayer/VideoPlayer.js";
+import { MinimalVideoPlayer as un, _MinimalVideoPlayer as dn } from "./MinimalVideoPlayer/MinimalVideoPlayer.js";
+import { LogoSuite as fn } from "./LogoSuite/LogoSuite.js";
+import { Timeline as pn } from "./Timeline/Timeline.js";
+import { Bento as mn } from "./Bento/Bento.js";
+import { EyebrowBanner as hn, EyebrowBannerIconColors as gn, EyebrowBannerLabelColors as _n, defaultEyebrowBannerIconColor as vn } from "./EyebrowBanner/EyebrowBanner.js";
+import { PricingOptions as yn } from "./PricingOptions/PricingOptions.js";
+import { SubNav as bn, SubNavSubMenuVariants as xn, useSubNavContext as Sn } from "./SubNav/SubNav.js";
+import { NavList as Cn } from "./NavList/NavList.js";
+import { IDE as wn, IDEDefaultIconMap as Tn, IDEFileExtensions as En } from "./IDE/IDE.js";
+import { BreadcrumbVariants as Dn, Breadcrumbs as On } from "./Breadcrumbs/Breadcrumbs.js";
+import { Section as kn, SectionBackgroundColors as An, SectionPaddingVariants as jn, SectionVariants as Mn } from "./Section/Section.js";
+import { Statistic as Nn, StatisticSizes as Pn, StatisticSpacingValues as Fn } from "./Statistic/Statistic.js";
+import { BreakoutBanner as In, BreakoutBannerBackgroundColors as Ln } from "./BreakoutBanner/BreakoutBanner.js";
+import { Footnotes as Rn, FootnotesItemTags as zn, FootnotesTags as Bn } from "./Footnotes/Footnotes.js";
+import { FrostedGlassVFX as Vn, FrostedGlassVFXIntensity as Hn, defaultFrostedGlassVFXIntensity as Un } from "./FrostedGlassVFX/FrostedGlassVFX.js";
+import { SectionIntroStacked as Wn, SectionIntroStackedVariants as Gn } from "./SectionIntroStacked/SectionIntroStacked.js";
+import { Tabs as Kn } from "./Tabs/Tabs.js";
+import { Tiles as qn } from "./Tiles/Tiles.js";
+export { lt as Accordion, ut as AccordionContent, dt as AccordionHeading, ft as AccordionRoot, pt as AccordionToggleColors, he as ActionMenu, de as ActionMenuButtonModes, fe as ActionMenuProvider, pe as ActionMenuSizes, Rt as AnchorNav, a as Animate, n as AnimationContext, r as AnimationProvider, i as AnimationVariants, Ot as Avatar, kt as AvatarShapes, At as AvatarSizes, mn as Bento, g as Box, _ as BoxBackgroundColors, v as BoxBorderColorOptions, y as BoxBorderRadiusOptions, b as BoxBorderWidthOptions, x as BoxSpacingValues, Dn as BreadcrumbVariants, On as Breadcrumbs, In as BreakoutBanner, Ln as BreakoutBannerBackgroundColors, Xe as BreakpointSize, K as Button, _e as ButtonGroup, ve as ButtonGroupVariants, q as ButtonSizes, J as ButtonVariants, zt as CTABanner, Bt as CTABannerBackgroundColors, Ut as CTAForm, Jt as Card, Yt as CardBackgroundColors, Xt as CardCTAVariants, Zt as CardIconColors, Qt as CardImagePaddingOptions, $t as CardLabelVariants, en as CardTokenPositions, tn as CardVariants, gt as Checkbox, Et as CheckboxGroup, se as ColorModesEnum, It as ComparisonTable, _t as DEFAULT_TEXTAREA_COLS, vt as DEFAULT_TEXTAREA_RESIZE, yt as DEFAULT_TEXTAREA_ROWS, hn as EyebrowBanner, gn as EyebrowBannerIconColors, _n as EyebrowBannerLabelColors, M as EyebrowText, N as EyebrowTextVariants, mt as FAQ, ht as FAQGroup, Rn as Footnotes, zn as FootnotesItemTags, Bn as FootnotesTags, Tt as FormControl, Vn as FrostedGlassVFX, Hn as FrostedGlassVFXIntensity, t as Grid, I as Heading, L as HeadingFontVariants, R as HeadingLetterSpacing, z as HeadingSizes, B as HeadingStretch, V as HeadingTags, H as HeadingWeights, Se as Hero, wn as IDE, Tn as IDEDefaultIconMap, En as IDEFileExtensions, He as Icon, ne as IconButton, re as IconButtonSizes, ie as IconButtonVariants, be as Image, xe as ImageBorderRadiusOptions, at as InlineCode, it as InlineLink, ke as Label, Ae as LabelColors, je as LabelSizes, Te as Link, Ee as LinkArrowDirections, De as LinkSizes, Oe as LinkVariants, fn as LogoSuite, tt as MediaPlaylist, Wt as MinimalFooter, un as MinimalVideoPlayer, Cn as NavList, Ht as OrderedList, et as Pagination, Gt as Pillar, yn as PricingOptions, sn as Prose, wt as Radio, Dt as RadioGroup, Pe as River, Ce as RiverAccordion, we as RiverAccordionVariants, Be as RiverBreakout, Qe as RiverBreakoutTabs, Ve as RiverBreakoutVariants, $e as RiverStoryScroll, Fe as RiverVisualPaddingOptions, Ie as RiverVisualPositionOptions, kn as Section, An as SectionBackgroundColors, on as SectionIntro, Wn as SectionIntroStacked, Gn as SectionIntroStackedVariants, jn as SectionPaddingVariants, Mn as SectionVariants, Ct as Select, c as Stack, l as StackAlignItemVariants, u as StackDirectionVariants, d as StackFlexWrapVariants, f as StackJustifyContentVariants, p as StackSpacingVariants, Nn as Statistic, Pn as StatisticSizes, Fn as StatisticSpacingValues, bn as SubNav, xn as SubNavSubMenuVariants, rt as SubdomainNavBar, Kn as Tabs, jt as Testimonial, Mt as TestimonialQuoteMarkColors, Nt as TestimonialVariants, S as Text, P as TextCursorAnimation, C as TextFontVariants, xt as TextInput, St as TextInputSizes, s as TextRevealAnimation, w as TextSizes, T as TextTags, E as TextVariants, D as TextWeights, bt as Textarea, ce as ThemeContext, le as ThemeProvider, qn as Tiles, pn as Timeline, ot as Token, st as TokenVariants, Q as Tooltip, $ as TooltipContext, ee as TooltipDelays, te as TooltipDirections, Vt as UnorderedList, ln as VideoPlayer, Y as _Button, Lt as _ComparisonTable, e as _GLOBAL_STYLES, dn as _MinimalVideoPlayer, ge as actionMenuOverlaySides, U as classMap, ye as defaultButtonGroupVariant, X as defaultButtonSize, Z as defaultButtonVariant, nn as defaultCardCTAVariant, rn as defaultCardIconColor, an as defaultCardLabelVariant, vn as defaultEyebrowBannerIconColor, O as defaultFontVariant, Un as defaultFrostedGlassVFXIntensity, W as defaultHeadingFont, G as defaultHeadingTag, ae as defaultIconButtonSize, oe as defaultIconButtonVariant, Ue as defaultIconColor, We as defaultIconSize, Me as defaultLabelColor, Ne as defaultLabelSize, Kt as defaultPillarIconColor, qt as defaultPillarIconSize, Pt as defaultQuoteMarkColor, Le as defaultRiverAlign, Re as defaultRiverImageTextRatio, ze as defaultRiverVariant, m as defaultStackDirection, h as defaultStackSpacing, Ft as defaultTestimonialVariant, k as defaultTextSize, A as defaultTextTag, j as defaultTextVariant, ct as defaultTokenVariant, Ge as iconColors, Ke as iconSizeMap, qe as iconSizes, Je as namedIconSizes, Ye as numericIconSizes, F as testIds, me as useActionMenuContext, o as useAnimation, nt as useFocusTrap, Sn as useSubNavContext, ue as useTheme, cn as useVideo, Ze as useWindowSize };

package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes-mgXFtgvP.css

@@ -0,0 +1 @@
+:root,[data-color-mode=light]{--brand-ActionMenu-color-splitButton-divider-default:var(--brand-color-border-muted);--brand-ActionMenu-color-splitButton-divider-primary:var(--base-color-scale-green-7);--brand-ActionMenu-color-item-hover:var(--base-color-scale-gray-1);--brand-ActionMenu-color-scrollbar-thumb-bg:var(--base-color-scale-gray-0)}[data-color-mode=dark]{--brand-ActionMenu-color-splitButton-divider-default:var(--brand-color-border-muted);--brand-ActionMenu-color-splitButton-divider-primary:var(--brand-color-border-muted);--brand-ActionMenu-color-item-hover:var(--base-color-scale-gray-6);--brand-ActionMenu-color-scrollbar-thumb-bg:var(--base-color-scale-gray-3)}

package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/button/base-DhkVnZYz.css

@@ -0,0 +1 @@
+:root{--brand-Button-icon-size-large:var(--base-size-20);--brand-Button-icon-size-medium:var(--base-size-16);--brand-Button-icon-size-small:var(--base-size-16);--brand-Button-control-size-large:var(--brand-control-large-size);--brand-Button-control-size-medium:var(--brand-control-medium-size);--brand-Button-control-size-small:var(--brand-control-small-size)}

package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/icon-button/base-DLPw97mz.css

@@ -0,0 +1 @@
+:root{--brand-IconButton-loadingIndicator-animationDuration-reducedMotion:1.6s;--brand-IconButton-loadingIndicator-animationDuration-default:.8s;--brand-IconButton-icon-size-large:var(--brand-Button-icon-size-large);--brand-IconButton-icon-size-medium:var(--brand-Button-icon-size-large);--brand-IconButton-icon-size-small:var(--brand-Button-icon-size-small);--brand-IconButton-control-size-large:var(--brand-Button-control-size-large);--brand-IconButton-control-size-medium:var(--brand-Button-control-size-medium);--brand-IconButton-control-size-small:var(--brand-Button-control-size-small)}

package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/icon-button/colors-with-modes-D7iaptsa.css

@@ -0,0 +1 @@
+:root,[data-color-mode=light],[data-color-mode=dark]{--brand-IconButton-danger-fgColor-rest:var(--brand-color-danger-fg);--brand-IconButton-danger-fgColor-hover:var(--base-color-scale-white-0);--brand-IconButton-danger-fgColor-active:var(--base-color-scale-white-0);--brand-IconButton-danger-bgColor-rest:var(--brand-button-secondary-bgColor-rest);--brand-IconButton-danger-bgColor-hover:var(--brand-color-danger-emphasis);--brand-IconButton-danger-bgColor-active:var(--brand-color-danger-emphasis);--brand-IconButton-danger-borderColor-rest:var(--brand-button-secondary-borderColor-rest);--brand-IconButton-danger-borderColor-hover:var(--brand-color-danger-emphasis);--brand-IconButton-danger-borderColor-active:var(--brand-color-danger-emphasis);--brand-IconButton-inactive-fgColor:var(--brand-color-text-muted);--brand-IconButton-inactive-bgColor:var(--brand-color-canvas-subtle);--brand-IconButton-inactive-borderColor:var(--brand-color-canvas-subtle);--brand-IconButton-invisible-bgColor-rest:transparent;--brand-IconButton-invisible-borderColor-rest:transparent}

package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/sub-nav/base-Dl5rLq0_.css

@@ -0,0 +1 @@
+:root{--brand-SubNav-offset-overflowMenu:.25rem;--brand-SubNav-height-overflowMenuItemMin:2.5rem;--brand-SubNav-height-overflowMenuInset:8rem;--brand-SubNav-width-overflowMenuMin:10rem;--brand-SubNav-width-overflowMenuInset:2rem;--brand-SubNav-width-subMenu:18.75rem}

package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/sub-nav/colors-with-modes-Bna3nyXf.css

@@ -0,0 +1 @@
+:root,[data-color-mode=light]{--brand-SubNav-bgColor:var(--brand-color-canvas-default);--brand-SubNav-overflowMenu-bgColor-rest:var(--brand-color-canvas-default);--brand-SubNav-overflowMenu-bgColor-hover:var(--brand-color-canvas-subtle);--brand-SubNav-overflowMenu-fgColor-rest:var(--brand-color-text-muted);--brand-SubNav-overflowMenu-fgColor-hover:var(--brand-color-text-default);--brand-SubNav-overflowMenu-toggle-bgColor-rest:transparent;--brand-SubNav-overflowMenu-toggle-bgColor-hover:var(--base-color-scale-gray-1);--brand-SubNav-overflowMenu-toggle-bgColor-active:var(--base-color-scale-gray-1);--brand-SubNav-color-link-rest:var(--brand-color-text-default);--brand-SubNav-color-link-active:var(--brand-color-text-default);--brand-SubNav-color-link-bgColor:#e4ebe6;--brand-SubNav-shadow:0px 100px 80px #00000003, 0px 41px 33px #00000005, 0px 22px 17px #00000005, 0px 12px 10px #00000008, 0px 6px 5px #0000000a, 0px 2px 2px #00000012}[data-color-mode=dark]{--brand-SubNav-bgColor:var(--brand-color-canvas-default);--brand-SubNav-overflowMenu-bgColor-rest:var(--brand-color-canvas-default);--brand-SubNav-overflowMenu-bgColor-hover:var(--brand-color-canvas-subtle);--brand-SubNav-overflowMenu-fgColor-rest:var(--brand-color-text-muted);--brand-SubNav-overflowMenu-fgColor-hover:var(--brand-color-text-default);--brand-SubNav-overflowMenu-toggle-bgColor-rest:transparent;--brand-SubNav-overflowMenu-toggle-bgColor-hover:var(--base-color-scale-gray-6);--brand-SubNav-overflowMenu-toggle-bgColor-active:var(--base-color-scale-gray-6);--brand-SubNav-color-link-rest:var(--brand-color-text-default);--brand-SubNav-color-link-active:var(--brand-color-text-default);--brand-SubNav-color-link-bgColor:#323834;--brand-SubNav-shadow:0px 100px 80px #00000003, 0px 41px 33px #00000005, 0px 22px 17px #00000005, 0px 12px 10px #00000008, 0px 6px 5px #0000000a, 0px 2px 2px #00000012}

package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes-C_lnz8M6.css

@@ -0,0 +1 @@
+:root,[data-color-mode=light]{--brand-SubdomainNavBar-canvas-default:#ffffff80;--brand-SubdomainNavBar-canvas-search:var(--base-color-scale-white-0);--brand-SubdomainNavBar-canvas-overflow-default:var(--base-color-scale-white-0);--brand-SubdomainNavBar-canvas-overflow-hover:var(--base-color-scale-gray-0);--brand-SubdomainNavBar-fg-overflow-default:var(--brand-color-text-default);--brand-SubdomainNavBar-color-link-bgColor:var(--base-color-scale-gray-1);--brand-SubdomainNavBar-searchDialog-shadowColor:#0000001a;--brand-SubdomainNavBar-searchDialog-backdropColor:#0003;--brand-SubdomainNavBar-border-nav-default:var(--base-color-scale-green-6);--brand-SubdomainNavBar-border-nav-pressed:var(--base-color-scale-black-0);--brand-SubdomainNavBar-border-button-hover:var(--base-color-scale-black-0)}[data-color-mode=dark]{--brand-SubdomainNavBar-canvas-default:#0d111780;--brand-SubdomainNavBar-canvas-search:var(--base-color-scale-black-0);--brand-SubdomainNavBar-canvas-overflow-default:var(--base-color-scale-white-0);--brand-SubdomainNavBar-canvas-overflow-hover:var(--base-color-scale-gray-0);--brand-SubdomainNavBar-fg-overflow-default:var(--brand-color-text-onEmphasis);--brand-SubdomainNavBar-color-link-bgColor:var(--base-color-scale-gray-6);--brand-SubdomainNavBar-searchDialog-shadowColor:#0000001a;--brand-SubdomainNavBar-searchDialog-backdropColor:#0003;--brand-SubdomainNavBar-border-nav-default:var(--base-color-scale-green-3);--brand-SubdomainNavBar-border-nav-pressed:var(--base-color-scale-white-0);--brand-SubdomainNavBar-border-button-hover:var(--base-color-scale-white-0)}

package/esm/river/RiverBreakoutTabs/RiverBreakoutTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RiverBreakoutTabs.d.ts","sourceRoot":"","sources":["../../../src/river/RiverBreakoutTabs/RiverBreakoutTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoF,MAAM,OAAO,CAAA;AAGxG,OAAO,EAAiC,KAAK,YAAY,EAAC,MAAM,OAAO,CAAA;AACvE,OAAO,EAAO,KAAK,SAAS,EAAC,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAkB,KAAK,oBAAoB,EAAC,MAAM,gBAAgB,CAAA;AAOzE;;GAEG;AACH,OAAO,4FAA4F,CAAA;AACnG,OAAO,6FAA6F,CAAA;AAUpG,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC3D,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C;;;OAGG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;IACtC;;OAEG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAA;CACpC,CAAC,GACA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,CAAA;AAErD,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;AAEF,MAAM,MAAM,iCAAiC,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACtE,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAChB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAC,CAAA;AAEF,MAAM,MAAM,6BAA6B,GAAG,YAAY,CAAA;AAExD,MAAM,MAAM,6BAA6B,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAEhF,MAAM,MAAM,0BAA0B,GAAG,SAAS,CAAA;AAElD,MAAM,MAAM,4BAA4B,GAAG,oBAAoB,CAAA;AAmc/D;;GAEG;AACH,eAAO,MAAM,iBAAiB;2BAxeL,MAAM;oBACb,MAAM;eACX,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI;IAC1C;;;OAGG;uBACgB,KAAK,CAAC,SAAS;IAClC;;OAEG;oBACa,QAAQ,GAAG,WAAW;IACtC;;OAEG;gCACyB,OAAO;;;;wCA0C4B,iCAAiC;iDA6B/B,6BAA6B;mEAZ7F,6BAA6B;gCAX4B,0BAA0B;yBAR3C,0BAA0B;;CAwbnE,CAAA"}
+{"version":3,"file":"RiverBreakoutTabs.d.ts","sourceRoot":"","sources":["../../../src/river/RiverBreakoutTabs/RiverBreakoutTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoF,MAAM,OAAO,CAAA;AAGxG,OAAO,EAAiC,KAAK,YAAY,EAAC,MAAM,OAAO,CAAA;AACvE,OAAO,EAAO,KAAK,SAAS,EAAC,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAkB,KAAK,oBAAoB,EAAC,MAAM,gBAAgB,CAAA;AAOzE;;GAEG;AACH,OAAO,4FAA4F,CAAA;AACnG,OAAO,6FAA6F,CAAA;AAUpG,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC3D,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C;;;OAGG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;IACtC;;OAEG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAA;CACpC,CAAC,GACA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,CAAA;AAErD,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;AAEF,MAAM,MAAM,iCAAiC,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACtE,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAChB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAC,CAAA;AAEF,MAAM,MAAM,6BAA6B,GAAG,YAAY,CAAA;AAExD,MAAM,MAAM,6BAA6B,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAEhF,MAAM,MAAM,0BAA0B,GAAG,SAAS,CAAA;AAElD,MAAM,MAAM,4BAA4B,GAAG,oBAAoB,CAAA;AA4c/D;;GAEG;AACH,eAAO,MAAM,iBAAiB;2BAjfL,MAAM;oBACb,MAAM;eACX,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI;IAC1C;;;OAGG;uBACgB,KAAK,CAAC,SAAS;IAClC;;OAEG;oBACa,QAAQ,GAAG,WAAW;IACtC;;OAEG;gCACyB,OAAO;;;;wCA0C4B,iCAAiC;iDA6B/B,6BAA6B;mEAZ7F,6BAA6B;gCAX4B,0BAA0B;yBAR3C,0BAA0B;;CAicnE,CAAA"}

package/esm/river/RiverBreakoutTabs/RiverBreakoutTabs.js

@@ -45,10 +45,11 @@ var w = (e) => (t) => p.isValidElement(t) && t.type === e, T = ({ children: e })
 		...r,
 		children: i
 	});
-}, A = h(({ className: e, ...t }, n) => /* @__PURE__ */ S(s, {
-	ref: n,
-	className: e,
-	...t
+}, A = h(({ className: t, rounded: n = !0, ...r }, i) => /* @__PURE__ */ S(s, {
+	ref: i,
+	className: e(n && d["RiverBreakoutTabs__visual--rounded"], t),
+	rounded: n,
+	...r
 })), j = w(T), M = w(E), N = w(D), P = w(O), F = w(k), I = w(A), L = (e) => p.isValidElement(e) && e.type === n, R = (e) => p.isValidElement(e) && e.type === a, z = (e) => p.Children.toArray(e.props.children).reduce((e, t) => (N(t) && (e.icon = t), P(t) && (e.heading = t), F(t) && (e.content = t), I(t) && (e.visual = t), e), {
 	icon: null,
 	heading: null,
@@ -160,7 +161,10 @@ var w = (e) => (t) => p.isValidElement(t) && t.type === e, T = ({ children: e })
 			className: d.RiverBreakoutTabs__accordion,
 			children: [X >= 0 && N[X]?.visual && /* @__PURE__ */ C("div", {
 				className: d.RiverBreakoutTabs__accordionSharedVisuals,
-				children: [$, m(N[X].visual, { className: e(N[X].visual.props.className, d.RiverBreakoutTabs__accordionSharedVisual) })]
+				children: [$, m(N[X].visual, {
+					key: String(X),
+					className: e(N[X].visual.props.className, d.RiverBreakoutTabs__accordionSharedVisual)
+				})]
 			}), N.map((t, n) => /* @__PURE__ */ C(f, {
 				"data-index": n,
 				className: e(d.RiverBreakoutTabs__accordionItem, n === X && d["RiverBreakoutTabs__item--selected"], t.className),