@cloudscape-design/components-themeable 3.0.1101 → 3.0.1103

package/lib/internal/template/toggle-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/toggle-button/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAIlD,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACnC,CACE,EAoBoB,EACpB,GAAqC,EACrC,EAAE;QAtBF,EACE,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,OAAO,EACP,cAAc,EACd,OAAO,EACP,cAAc,EACd,OAAO,GAAG,QAAQ,EAClB,OAAO,GAAG,KAAK,EACf,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,cAAc,EACd,QAAQ,GAAG,IAAI,EACf,SAAS,EACT,eAAe,EACf,YAAY,EACZ,OAAO,GAAG,KAAK,EACf,QAAQ,OAEU,EADf,KAAK,cAnBV,2PAoBC,CADS;IAIV,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,cAAc,EAAE;QAC1D,KAAK,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE;QAChE,QAAQ,EAAE;YACR,iBAAiB,EAAE,OAAO,CAAC,cAAc,CAAC;SAC3C;KACF,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEtC,OAAO,CACL,oBAAC,oBAAoB,oBACf,SAAS,EACT,kBAAkB,IACtB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,KAEjB,QAAQ,CACY,CACxB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;AAC/C,eAAe,YAAY,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport { getBaseProps } from '../internal/base-component';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { ToggleButtonProps } from './interfaces';\nimport { InternalToggleButton } from './internal';\n\nexport { ToggleButtonProps };\n\nconst ToggleButton = React.forwardRef(\n  (\n    {\n      children,\n      iconName,\n      pressedIconName,\n      iconUrl,\n      pressedIconUrl,\n      iconSvg,\n      pressedIconSvg,\n      variant = 'normal',\n      loading = false,\n      loadingText,\n      disabled = false,\n      disabledReason,\n      wrapText = true,\n      ariaLabel,\n      ariaDescribedby,\n      ariaControls,\n      pressed = false,\n      onChange,\n      ...props\n    }: ToggleButtonProps,\n    ref: React.Ref<ToggleButtonProps.Ref>\n  ) => {\n    const baseComponentProps = useBaseComponent('ToggleButton', {\n      props: { iconName, pressedIconName, pressed, variant, wrapText },\n      metadata: {\n        hasDisabledReason: Boolean(disabledReason),\n      },\n    });\n    const baseProps = getBaseProps(props);\n\n    return (\n      <InternalToggleButton\n        {...baseProps}\n        {...baseComponentProps}\n        ref={ref}\n        iconName={iconName}\n        iconUrl={iconUrl}\n        iconSvg={iconSvg}\n        variant={variant}\n        loading={loading}\n        loadingText={loadingText}\n        disabled={disabled}\n        disabledReason={disabledReason}\n        wrapText={wrapText}\n        ariaLabel={ariaLabel}\n        ariaDescribedby={ariaDescribedby}\n        ariaControls={ariaControls}\n        pressedIconName={pressedIconName}\n        pressedIconUrl={pressedIconUrl}\n        pressedIconSvg={pressedIconSvg}\n        pressed={pressed}\n        onChange={onChange}\n      >\n        {children}\n      </InternalToggleButton>\n    );\n  }\n);\n\napplyDisplayName(ToggleButton, 'ToggleButton');\nexport default ToggleButton;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/toggle-button/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAIlD,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACnC,CACE,EAqBoB,EACpB,GAAqC,EACrC,EAAE;QAvBF,EACE,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,OAAO,EACP,cAAc,EACd,OAAO,EACP,cAAc,EACd,OAAO,GAAG,QAAQ,EAClB,OAAO,GAAG,KAAK,EACf,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,cAAc,EACd,QAAQ,GAAG,IAAI,EACf,SAAS,EACT,eAAe,EACf,YAAY,EACZ,OAAO,GAAG,KAAK,EACf,sBAAsB,EACtB,QAAQ,OAEU,EADf,KAAK,cApBV,qRAqBC,CADS;IAIV,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,cAAc,EAAE;QAC1D,KAAK,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE;QAChE,QAAQ,EAAE;YACR,iBAAiB,EAAE,OAAO,CAAC,cAAc,CAAC;SAC3C;KACF,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEtC,OAAO,CACL,oBAAC,oBAAoB,oBACf,SAAS,EACT,kBAAkB,IACtB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,sBAAsB,EAAE,sBAAsB,EAC9C,QAAQ,EAAE,QAAQ,KAEjB,QAAQ,CACY,CACxB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;AAC/C,eAAe,YAAY,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport { getBaseProps } from '../internal/base-component';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { ToggleButtonProps } from './interfaces';\nimport { InternalToggleButton } from './internal';\n\nexport { ToggleButtonProps };\n\nconst ToggleButton = React.forwardRef(\n  (\n    {\n      children,\n      iconName,\n      pressedIconName,\n      iconUrl,\n      pressedIconUrl,\n      iconSvg,\n      pressedIconSvg,\n      variant = 'normal',\n      loading = false,\n      loadingText,\n      disabled = false,\n      disabledReason,\n      wrapText = true,\n      ariaLabel,\n      ariaDescribedby,\n      ariaControls,\n      pressed = false,\n      nativeButtonAttributes,\n      onChange,\n      ...props\n    }: ToggleButtonProps,\n    ref: React.Ref<ToggleButtonProps.Ref>\n  ) => {\n    const baseComponentProps = useBaseComponent('ToggleButton', {\n      props: { iconName, pressedIconName, pressed, variant, wrapText },\n      metadata: {\n        hasDisabledReason: Boolean(disabledReason),\n      },\n    });\n    const baseProps = getBaseProps(props);\n\n    return (\n      <InternalToggleButton\n        {...baseProps}\n        {...baseComponentProps}\n        ref={ref}\n        iconName={iconName}\n        iconUrl={iconUrl}\n        iconSvg={iconSvg}\n        variant={variant}\n        loading={loading}\n        loadingText={loadingText}\n        disabled={disabled}\n        disabledReason={disabledReason}\n        wrapText={wrapText}\n        ariaLabel={ariaLabel}\n        ariaDescribedby={ariaDescribedby}\n        ariaControls={ariaControls}\n        pressedIconName={pressedIconName}\n        pressedIconUrl={pressedIconUrl}\n        pressedIconSvg={pressedIconSvg}\n        pressed={pressed}\n        nativeButtonAttributes={nativeButtonAttributes}\n        onChange={onChange}\n      >\n        {children}\n      </InternalToggleButton>\n    );\n  }\n);\n\napplyDisplayName(ToggleButton, 'ToggleButton');\nexport default ToggleButton;\n"]}

package/lib/internal/template/toggle-button/interfaces.d.ts

@@ -3,7 +3,7 @@ import { BaseButtonProps } from '../button/interfaces';
 import { IconProps } from '../icon/interfaces';
 import { BaseComponentProps } from '../internal/base-component';
 import { NonCancelableEventHandler } from '../internal/events';
-export interface ToggleButtonProps extends BaseComponentProps, BaseButtonProps {
+export interface ToggleButtonProps extends BaseComponentProps, Omit<BaseButtonProps, 'nativeAnchorAttributes'> {
     /** Determines the general styling of the toggle button as follows:
      * * `normal` for secondary buttons.
      * * `icon` to display an icon only (no text).

package/lib/internal/template/toggle-button/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/toggle-button/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,iBAAkB,SAAQ,kBAAkB,EAAE,eAAe;IAC5E;;;;;OAKG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC;IAEpC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAE1B;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAEjC;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEjC;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC;CACtE;AAED,yBAAiB,iBAAiB,CAAC;IACjC,KAAY,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAExC,UAAiB,YAAY;QAC3B,OAAO,EAAE,OAAO,CAAC;KAClB;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;KACrC;CACF"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/toggle-button/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,iBAAkB,SAAQ,kBAAkB,EAAE,IAAI,CAAC,eAAe,EAAE,wBAAwB,CAAC;IAC5G;;;;;OAKG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC;IAEpC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAE1B;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAEjC;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEjC;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC;CACtE;AAED,yBAAiB,iBAAiB,CAAC;IACjC,KAAY,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAExC,UAAiB,YAAY;QAC3B,OAAO,EAAE,OAAO,CAAC;KAClB;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;KACrC;CACF"}

package/lib/internal/template/toggle-button/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/toggle-button/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseButtonProps } from '../button/interfaces';\nimport { IconProps } from '../icon/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface ToggleButtonProps extends BaseComponentProps, BaseButtonProps {\n  /** Determines the general styling of the toggle button as follows:\n   * * `normal` for secondary buttons.\n   * * `icon` to display an icon only (no text).\n   *\n   * Defaults to `normal` if not specified.\n   */\n  variant?: ToggleButtonProps.Variant;\n\n  /**\n   * Displays an icon next to the text.\n   */\n  iconName?: IconProps.Name;\n\n  /**\n   * Displays an icon next to the text in pressed state.\n   */\n  pressedIconName?: IconProps.Name;\n\n  /**\n   * Specifies the URL of a custom icon in pressed state. Use this property if the icon needed for your use case isn't available.\n   *\n   * `pressedIconSvg` will take precedence if you set both `pressedIconUrl` and `pressedIconSvg`.\n   */\n  pressedIconUrl?: string;\n  /**\n   * Specifies the SVG of a custom icon in pressed state.\n   *\n   * Use this property if you want your custom icon to inherit colors dictated by variant or hover states.\n   * When this property is set, the component will be decorated with `aria-hidden=\"true\"`. Ensure that the `svg` element:\n   * - has attribute `focusable=\"false\"`\n   * - has `viewBox=\"0 0 16 16\"`\n   *\n   * If you set the `svg` element as the root node of the slot, the component will automatically:\n   * - set `stroke=\"currentColor\"`, `fill=\"none\"`, and `vertical-align=\"top\"`.\n   * - set the stroke width based on the size of the icon.\n   * - set the width and height of the SVG element based on the size of the icon.\n   *\n   * If you don't want these styles to be automatically set, wrap the `svg` element into a `span`.\n   * You can still set the stroke to `currentColor` to inherit the color of the surrounding elements.\n   *\n   * If you set both `pressedIconUrl` and `pressedIconSvg`, `pressedIconSvg` will take precedence.\n   *\n   * *Note:* Remember to remove any additional elements (for example: `defs`) and related CSS classes from SVG files exported from design software.\n   * In most cases, they aren't needed, as the `svg` element inherits styles from the icon component.\n   */\n  pressedIconSvg?: React.ReactNode;\n\n  /**\n   * Sets the toggle button to pressed state.\n   */\n  pressed: boolean;\n\n  /**\n   * Provides a reason why the button is disabled (only when `disabled` is `true`).\n   * If provided, the button becomes focusable.\n   * Applicable only for the normal variant.\n   */\n  disabledReason?: string;\n\n  /**\n   * Called when the user changes their selection.\n   * The event `detail` contains the current value for the `pressed` property.\n   */\n  onChange?: NonCancelableEventHandler<ToggleButtonProps.ChangeDetail>;\n}\n\nexport namespace ToggleButtonProps {\n  export type Variant = 'normal' | 'icon';\n\n  export interface ChangeDetail {\n    pressed: boolean;\n  }\n\n  export interface Ref {\n    /**\n     * Focuses the underlying native button.\n     */\n    focus(options?: FocusOptions): void;\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/toggle-button/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseButtonProps } from '../button/interfaces';\nimport { IconProps } from '../icon/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface ToggleButtonProps extends BaseComponentProps, Omit<BaseButtonProps, 'nativeAnchorAttributes'> {\n  /** Determines the general styling of the toggle button as follows:\n   * * `normal` for secondary buttons.\n   * * `icon` to display an icon only (no text).\n   *\n   * Defaults to `normal` if not specified.\n   */\n  variant?: ToggleButtonProps.Variant;\n\n  /**\n   * Displays an icon next to the text.\n   */\n  iconName?: IconProps.Name;\n\n  /**\n   * Displays an icon next to the text in pressed state.\n   */\n  pressedIconName?: IconProps.Name;\n\n  /**\n   * Specifies the URL of a custom icon in pressed state. Use this property if the icon needed for your use case isn't available.\n   *\n   * `pressedIconSvg` will take precedence if you set both `pressedIconUrl` and `pressedIconSvg`.\n   */\n  pressedIconUrl?: string;\n  /**\n   * Specifies the SVG of a custom icon in pressed state.\n   *\n   * Use this property if you want your custom icon to inherit colors dictated by variant or hover states.\n   * When this property is set, the component will be decorated with `aria-hidden=\"true\"`. Ensure that the `svg` element:\n   * - has attribute `focusable=\"false\"`\n   * - has `viewBox=\"0 0 16 16\"`\n   *\n   * If you set the `svg` element as the root node of the slot, the component will automatically:\n   * - set `stroke=\"currentColor\"`, `fill=\"none\"`, and `vertical-align=\"top\"`.\n   * - set the stroke width based on the size of the icon.\n   * - set the width and height of the SVG element based on the size of the icon.\n   *\n   * If you don't want these styles to be automatically set, wrap the `svg` element into a `span`.\n   * You can still set the stroke to `currentColor` to inherit the color of the surrounding elements.\n   *\n   * If you set both `pressedIconUrl` and `pressedIconSvg`, `pressedIconSvg` will take precedence.\n   *\n   * *Note:* Remember to remove any additional elements (for example: `defs`) and related CSS classes from SVG files exported from design software.\n   * In most cases, they aren't needed, as the `svg` element inherits styles from the icon component.\n   */\n  pressedIconSvg?: React.ReactNode;\n\n  /**\n   * Sets the toggle button to pressed state.\n   */\n  pressed: boolean;\n\n  /**\n   * Provides a reason why the button is disabled (only when `disabled` is `true`).\n   * If provided, the button becomes focusable.\n   * Applicable only for the normal variant.\n   */\n  disabledReason?: string;\n\n  /**\n   * Called when the user changes their selection.\n   * The event `detail` contains the current value for the `pressed` property.\n   */\n  onChange?: NonCancelableEventHandler<ToggleButtonProps.ChangeDetail>;\n}\n\nexport namespace ToggleButtonProps {\n  export type Variant = 'normal' | 'icon';\n\n  export interface ChangeDetail {\n    pressed: boolean;\n  }\n\n  export interface Ref {\n    /**\n     * Focuses the underlying native button.\n     */\n    focus(options?: FocusOptions): void;\n  }\n}\n"]}

package/lib/internal/template/toggle-button/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/toggle-button/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAKjD,eAAO,MAAM,oBAAoB;;+CAkDhC,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/toggle-button/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAKjD,eAAO,MAAM,oBAAoB;;+CAoDhC,CAAC"}

package/lib/internal/template/toggle-button/internal.js

@@ -10,7 +10,7 @@ import { isDevelopment } from '../internal/is-development';
 import { getToggleIcon } from './util';
 import styles from './styles.css.js';
 export const InternalToggleButton = React.forwardRef((_a, ref) => {
-    var { pressed, iconName: defaultIconName, pressedIconName, iconSvg: defaultIconSvg, pressedIconSvg, iconUrl: defaultIconUrl, pressedIconUrl, variant, onChange, className } = _a, rest = __rest(_a, ["pressed", "iconName", "pressedIconName", "iconSvg", "pressedIconSvg", "iconUrl", "pressedIconUrl", "variant", "onChange", "className"]);
+    var { pressed, iconName: defaultIconName, pressedIconName, iconSvg: defaultIconSvg, pressedIconSvg, iconUrl: defaultIconUrl, pressedIconUrl, variant, nativeButtonAttributes, onChange, className } = _a, rest = __rest(_a, ["pressed", "iconName", "pressedIconName", "iconSvg", "pressedIconSvg", "iconUrl", "pressedIconUrl", "variant", "nativeButtonAttributes", "onChange", "className"]);
     if (isDevelopment) {
         if (defaultIconName && !pressedIconName) {
             warnOnce('ToggleButton', '`pressedIconName` must be provided for `pressed` state.');
@@ -25,6 +25,6 @@ export const InternalToggleButton = React.forwardRef((_a, ref) => {
     return (React.createElement(InternalButton, Object.assign({ className: clsx(className, styles[`variant-${variant}`], { [styles.pressed]: pressed }), variant: variant, formAction: "none", iconName: getToggleIcon(pressed, defaultIconName, pressedIconName), iconUrl: getToggleIcon(pressed, defaultIconUrl, pressedIconUrl), iconSvg: getToggleIcon(pressed, defaultIconSvg, pressedIconSvg), "aria-pressed": pressed, onClick: event => {
             event.preventDefault();
             fireNonCancelableEvent(onChange, { pressed: !pressed });
-        } }, rest, { ref: ref })));
+        } }, rest, { ref: ref, nativeButtonAttributes: nativeButtonAttributes })));
 });
 //# sourceMappingURL=internal.js.map

package/lib/internal/template/toggle-button/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/toggle-button/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAEzE,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEvC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAClD,CACE,EAY2C,EAC3C,GAAqC,EACrC,EAAE;QAdF,EACE,OAAO,EACP,QAAQ,EAAE,eAAe,EACzB,eAAe,EACf,OAAO,EAAE,cAAc,EACvB,cAAc,EACd,OAAO,EAAE,cAAc,EACvB,cAAc,EACd,OAAO,EACP,QAAQ,EACR,SAAS,OAEgC,EADtC,IAAI,cAXT,wIAYC,CADQ;IAIT,IAAI,aAAa,EAAE;QACjB,IAAI,eAAe,IAAI,CAAC,eAAe,EAAE;YACvC,QAAQ,CAAC,cAAc,EAAE,yDAAyD,CAAC,CAAC;SACrF;QAED,IAAI,cAAc,IAAI,CAAC,cAAc,EAAE;YACrC,QAAQ,CAAC,cAAc,EAAE,wDAAwD,CAAC,CAAC;SACpF;QAED,IAAI,cAAc,IAAI,CAAC,cAAc,EAAE;YACrC,QAAQ,CAAC,cAAc,EAAE,wDAAwD,CAAC,CAAC;SACpF;KACF;IAED,OAAO,CACL,oBAAC,cAAc,kBACb,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,WAAW,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC,EACvF,OAAO,EAAE,OAAO,EAChB,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,aAAa,CAAC,OAAO,EAAE,eAAe,EAAE,eAAe,CAAC,EAClE,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,cAAc,EAAE,cAAc,CAAC,EAC/D,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,cAAc,EAAE,cAAc,CAAC,kBACjD,OAAO,EACrB,OAAO,EAAE,KAAK,CAAC,EAAE;YACf,KAAK,CAAC,cAAc,EAAE,CAAC;YAEvB,sBAAsB,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;QAC1D,CAAC,IACG,IAAI,IACR,GAAG,EAAE,GAAG,IACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalButton from '../button/internal';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { isDevelopment } from '../internal/is-development';\nimport { ToggleButtonProps } from './interfaces';\nimport { getToggleIcon } from './util';\n\nimport styles from './styles.css.js';\n\nexport const InternalToggleButton = React.forwardRef(\n  (\n    {\n      pressed,\n      iconName: defaultIconName,\n      pressedIconName,\n      iconSvg: defaultIconSvg,\n      pressedIconSvg,\n      iconUrl: defaultIconUrl,\n      pressedIconUrl,\n      variant,\n      onChange,\n      className,\n      ...rest\n    }: ToggleButtonProps & { __title?: string },\n    ref: React.Ref<ToggleButtonProps.Ref>\n  ) => {\n    if (isDevelopment) {\n      if (defaultIconName && !pressedIconName) {\n        warnOnce('ToggleButton', '`pressedIconName` must be provided for `pressed` state.');\n      }\n\n      if (defaultIconSvg && !pressedIconSvg) {\n        warnOnce('ToggleButton', '`pressedIconSvg` must be provided for `pressed` state.');\n      }\n\n      if (defaultIconUrl && !pressedIconUrl) {\n        warnOnce('ToggleButton', '`pressedIconUrl` must be provided for `pressed` state.');\n      }\n    }\n\n    return (\n      <InternalButton\n        className={clsx(className, styles[`variant-${variant}`], { [styles.pressed]: pressed })}\n        variant={variant}\n        formAction=\"none\"\n        iconName={getToggleIcon(pressed, defaultIconName, pressedIconName)}\n        iconUrl={getToggleIcon(pressed, defaultIconUrl, pressedIconUrl)}\n        iconSvg={getToggleIcon(pressed, defaultIconSvg, pressedIconSvg)}\n        aria-pressed={pressed}\n        onClick={event => {\n          event.preventDefault();\n\n          fireNonCancelableEvent(onChange, { pressed: !pressed });\n        }}\n        {...rest}\n        ref={ref}\n      />\n    );\n  }\n);\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/toggle-button/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAEzE,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEvC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAClD,CACE,EAa2C,EAC3C,GAAqC,EACrC,EAAE;QAfF,EACE,OAAO,EACP,QAAQ,EAAE,eAAe,EACzB,eAAe,EACf,OAAO,EAAE,cAAc,EACvB,cAAc,EACd,OAAO,EAAE,cAAc,EACvB,cAAc,EACd,OAAO,EACP,sBAAsB,EACtB,QAAQ,EACR,SAAS,OAEgC,EADtC,IAAI,cAZT,kKAaC,CADQ;IAIT,IAAI,aAAa,EAAE;QACjB,IAAI,eAAe,IAAI,CAAC,eAAe,EAAE;YACvC,QAAQ,CAAC,cAAc,EAAE,yDAAyD,CAAC,CAAC;SACrF;QAED,IAAI,cAAc,IAAI,CAAC,cAAc,EAAE;YACrC,QAAQ,CAAC,cAAc,EAAE,wDAAwD,CAAC,CAAC;SACpF;QAED,IAAI,cAAc,IAAI,CAAC,cAAc,EAAE;YACrC,QAAQ,CAAC,cAAc,EAAE,wDAAwD,CAAC,CAAC;SACpF;KACF;IAED,OAAO,CACL,oBAAC,cAAc,kBACb,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,WAAW,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC,EACvF,OAAO,EAAE,OAAO,EAChB,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,aAAa,CAAC,OAAO,EAAE,eAAe,EAAE,eAAe,CAAC,EAClE,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,cAAc,EAAE,cAAc,CAAC,EAC/D,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,cAAc,EAAE,cAAc,CAAC,kBACjD,OAAO,EACrB,OAAO,EAAE,KAAK,CAAC,EAAE;YACf,KAAK,CAAC,cAAc,EAAE,CAAC;YAEvB,sBAAsB,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;QAC1D,CAAC,IACG,IAAI,IACR,GAAG,EAAE,GAAG,EACR,sBAAsB,EAAE,sBAAsB,IAC9C,CACH,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalButton from '../button/internal';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { isDevelopment } from '../internal/is-development';\nimport { ToggleButtonProps } from './interfaces';\nimport { getToggleIcon } from './util';\n\nimport styles from './styles.css.js';\n\nexport const InternalToggleButton = React.forwardRef(\n  (\n    {\n      pressed,\n      iconName: defaultIconName,\n      pressedIconName,\n      iconSvg: defaultIconSvg,\n      pressedIconSvg,\n      iconUrl: defaultIconUrl,\n      pressedIconUrl,\n      variant,\n      nativeButtonAttributes,\n      onChange,\n      className,\n      ...rest\n    }: ToggleButtonProps & { __title?: string },\n    ref: React.Ref<ToggleButtonProps.Ref>\n  ) => {\n    if (isDevelopment) {\n      if (defaultIconName && !pressedIconName) {\n        warnOnce('ToggleButton', '`pressedIconName` must be provided for `pressed` state.');\n      }\n\n      if (defaultIconSvg && !pressedIconSvg) {\n        warnOnce('ToggleButton', '`pressedIconSvg` must be provided for `pressed` state.');\n      }\n\n      if (defaultIconUrl && !pressedIconUrl) {\n        warnOnce('ToggleButton', '`pressedIconUrl` must be provided for `pressed` state.');\n      }\n    }\n\n    return (\n      <InternalButton\n        className={clsx(className, styles[`variant-${variant}`], { [styles.pressed]: pressed })}\n        variant={variant}\n        formAction=\"none\"\n        iconName={getToggleIcon(pressed, defaultIconName, pressedIconName)}\n        iconUrl={getToggleIcon(pressed, defaultIconUrl, pressedIconUrl)}\n        iconSvg={getToggleIcon(pressed, defaultIconSvg, pressedIconSvg)}\n        aria-pressed={pressed}\n        onClick={event => {\n          event.preventDefault();\n\n          fireNonCancelableEvent(onChange, { pressed: !pressed });\n        }}\n        {...rest}\n        ref={ref}\n        nativeButtonAttributes={nativeButtonAttributes}\n      />\n    );\n  }\n);\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/components-themeable",
-  "version": "3.0.1101",
+  "version": "3.0.1103",
   "files": [
     "lib"
   ],