@cloudscape-design/components 3.0.689 → 3.0.691

package/slider/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/slider/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useState, useRef } from 'react';\nimport clsx from 'clsx';\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBaseProps } from '../internal/base-component/index.js';\nimport { fireNonCancelableEvent } from '../internal/events/index.js';\nimport { useFormFieldContext } from '../internal/context/form-field-context.js';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useUniqueId } from '../internal/hooks/use-unique-id/index.js';\nimport Tooltip from '../internal/components/tooltip/index.js';\nimport customCssProps from '../internal/generated/custom-css-properties/index.js';\nimport { useInternalI18n } from '../i18n/context';\n\nimport styles from './styles.css.js';\nimport { SliderProps } from './interfaces.js';\nimport SliderLabels from './slider-labels.js';\nimport SliderTickMarks from './tick-marks.js';\nimport {\n  getPercent,\n  getStepArray,\n  findLowerAndHigherValues,\n  valuesAreValid,\n  THUMB_SIZE,\n  THUMB_READONLY_SIZE,\n} from './utils.js';\n\nexport interface InternalSliderProps extends SliderProps, InternalBaseComponentProps {}\n\nexport default function InternalSlider({\n  value,\n  min,\n  max,\n  onChange,\n  step,\n  disabled,\n  readOnly,\n  ariaLabel,\n  ariaDescription,\n  referenceValues,\n  tickMarks,\n  hideFillLine,\n  valueFormatter,\n  i18nStrings,\n  __internalRootRef = null,\n  ...rest\n}: InternalSliderProps) {\n  const baseProps = getBaseProps(rest);\n  const i18n = useInternalI18n('slider');\n\n  const handleRef = useRef<HTMLDivElement>(null);\n  const [showTooltip, setShowTooltip] = useState(false);\n  const [isActive, setIsActive] = useState(false);\n  const labelsId = useUniqueId('labels');\n  const { ariaLabelledby, ariaDescribedby, controlId, invalid, warning } = useFormFieldContext(rest);\n\n  const showWarning = warning && !invalid;\n\n  if (referenceValues && valuesAreValid(referenceValues) === false) {\n    warnOnce('Slider', 'All reference values must be integers. Non-integer values will not be displayed.');\n  }\n\n  if (min >= max) {\n    warnOnce('Slider', 'The min value cannot be greater than the max value.');\n  }\n\n  if (step && step > max - min) {\n    warnOnce('Slider', 'The step value cannot be greater than the difference between the min and max.');\n  }\n\n  if (step && value !== undefined && (value - min) % step !== 0) {\n    warnOnce('Slider', 'Slider value must be a multiple of the step. The value will round to the nearest step value.');\n  }\n\n  const getValue = () => {\n    const stepIsValid = step && step < max - min && step > min;\n\n    if (value === undefined) {\n      // this is the default html input's fallback value\n      return max < min ? min : min + (max - min) / 2;\n    }\n\n    if (!step) {\n      return value;\n    }\n\n    // if the value is not a multiple of the step, then find the closest step\n    // and make that the value (this is also the native input behavior)\n    if (step && stepIsValid && (value - min) % step !== 0) {\n      const closest = getStepArray(step, [min, max]).reduce(function (prev, curr) {\n        return Math.abs(curr - value) < Math.abs(prev - value) ? curr : prev;\n      });\n\n      return closest;\n    }\n\n    return value;\n  };\n\n  const sliderValue = getValue();\n  const percent = getPercent(Math.max(Math.min(sliderValue, max), min), [min, max]);\n\n  const getAriaValueText = () => {\n    if (valueFormatter && valueFormatter(sliderValue)) {\n      return valueFormatter(sliderValue);\n    }\n\n    if (valueFormatter && !valueFormatter(sliderValue)) {\n      const middleValues = referenceValues ? referenceValues : [];\n      const valueArray = [min, ...middleValues, sliderValue, max];\n      const prevAndNext = findLowerAndHigherValues(valueArray, sliderValue);\n      const previousValue = prevAndNext.lower ? valueFormatter(prevAndNext.lower) : valueFormatter(min);\n      const nextValue = prevAndNext.higher ? valueFormatter(prevAndNext.higher) : valueFormatter(max);\n      const value = sliderValue;\n\n      return i18n('i18nStrings.valueTextRange', i18nStrings?.valueTextRange(previousValue, value, nextValue), format =>\n        format({ value, previousValue, nextValue })\n      );\n    }\n\n    return undefined;\n  };\n\n  const thumbSize = readOnly ? THUMB_READONLY_SIZE : THUMB_SIZE;\n\n  return (\n    <div {...baseProps} ref={__internalRootRef} className={clsx(baseProps.className, styles.root)}>\n      {showTooltip && (\n        <Tooltip value={valueFormatter ? valueFormatter(sliderValue) : sliderValue} trackRef={handleRef} />\n      )}\n      <div\n        ref={handleRef}\n        className={clsx(styles['tooltip-thumb'], {\n          [styles.readonly]: readOnly,\n        })}\n        style={{\n          [customCssProps.sliderTooltipPosition]: `calc(${percent}% - ${thumbSize}px)`,\n        }}\n      />\n      <div className={styles.slider}>\n        <div\n          className={clsx(styles['slider-track'], {\n            [styles.disabled]: disabled,\n            [styles.readonly]: readOnly,\n          })}\n        />\n\n        {!hideFillLine && (\n          <div\n            className={clsx(styles['slider-range'], {\n              [styles.error]: invalid,\n              [styles.warning]: showWarning,\n              [styles.active]: isActive,\n              [styles['error-active']]: invalid && isActive,\n              [styles['warning-active']]: showWarning && isActive,\n              [styles.disabled]: disabled,\n              [styles.readonly]: readOnly,\n            })}\n            style={{ [customCssProps.sliderRangeInlineSize]: `${percent}%` }}\n          />\n        )}\n      </div>\n      {!!step && tickMarks && (\n        <SliderTickMarks\n          hideFillLine={hideFillLine}\n          disabled={disabled}\n          readOnly={readOnly}\n          invalid={invalid}\n          warning={warning}\n          isActive={isActive}\n          step={step}\n          min={min}\n          max={max}\n          value={sliderValue}\n        />\n      )}\n\n      <input\n        // we need to add this because input[type=range] isn't natively focusable in Safari.\n        tabIndex={0}\n        aria-label={ariaLabel}\n        // aria-labelledby has precedence over aria-label in accessible name calculation.\n        // When aria-label is provided for Input, it should override aria-labelledBy from form-field context.\n        // If both aria-label and aria-labelledby come from Input props, aria-labelledby will be used in accessible name\n        aria-labelledby={ariaLabel && !rest.ariaLabelledby ? undefined : ariaLabelledby}\n        // Slider labels, if present and something other than numbers, should be associated to the input with aria-describedby\n        aria-describedby={\n          valueFormatter ? (ariaDescribedby ? `${labelsId} ${ariaDescribedby}` : labelsId) : ariaDescribedby\n        }\n        aria-valuetext={getAriaValueText()}\n        aria-invalid={invalid ? 'true' : undefined}\n        aria-disabled={readOnly && !disabled ? 'true' : undefined}\n        id={controlId}\n        type=\"range\"\n        min={min}\n        max={max}\n        disabled={disabled}\n        onFocus={() => {\n          setShowTooltip(true);\n          setIsActive(true);\n        }}\n        onBlur={() => {\n          setShowTooltip(false);\n          setIsActive(false);\n        }}\n        onMouseEnter={() => {\n          setShowTooltip(true);\n        }}\n        onMouseLeave={() => {\n          setShowTooltip(false);\n        }}\n        onTouchStart={() => {\n          setShowTooltip(true);\n          setIsActive(true);\n        }}\n        onTouchEnd={() => {\n          setShowTooltip(false);\n          setIsActive(false);\n        }}\n        step={step}\n        value={sliderValue}\n        onChange={event => {\n          if (readOnly) {\n            return;\n          }\n\n          onChange && fireNonCancelableEvent(onChange, { value: Number(event.target.value) });\n        }}\n        className={clsx(styles.thumb, {\n          [styles.error]: invalid,\n          [styles.warning]: showWarning,\n          [styles.disabled]: disabled,\n          [styles.readonly]: readOnly,\n          [styles.min]: sliderValue <= min || max < min,\n          [styles.max]: sliderValue >= max && min < max,\n        })}\n      />\n\n      <SliderLabels\n        min={min}\n        max={max}\n        referenceValues={referenceValues}\n        valueFormatter={valueFormatter}\n        labelsId={labelsId}\n        ariaDescription={ariaDescription}\n      />\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/slider/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component/index.js';\nimport Tooltip from '../internal/components/tooltip/index.js';\nimport { useFormFieldContext } from '../internal/context/form-field-context.js';\nimport { fireNonCancelableEvent } from '../internal/events/index.js';\nimport customCssProps from '../internal/generated/custom-css-properties/index.js';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useUniqueId } from '../internal/hooks/use-unique-id/index.js';\nimport { SliderProps } from './interfaces.js';\nimport SliderLabels from './slider-labels.js';\nimport SliderTickMarks from './tick-marks.js';\nimport {\n  findLowerAndHigherValues,\n  getPercent,\n  getStepArray,\n  THUMB_READONLY_SIZE,\n  THUMB_SIZE,\n  valuesAreValid,\n} from './utils.js';\n\nimport styles from './styles.css.js';\n\nexport interface InternalSliderProps extends SliderProps, InternalBaseComponentProps {}\n\nexport default function InternalSlider({\n  value,\n  min,\n  max,\n  onChange,\n  step,\n  disabled,\n  readOnly,\n  ariaLabel,\n  ariaDescription,\n  referenceValues,\n  tickMarks,\n  hideFillLine,\n  valueFormatter,\n  i18nStrings,\n  __internalRootRef = null,\n  ...rest\n}: InternalSliderProps) {\n  const baseProps = getBaseProps(rest);\n  const i18n = useInternalI18n('slider');\n\n  const handleRef = useRef<HTMLDivElement>(null);\n  const [showTooltip, setShowTooltip] = useState(false);\n  const [isActive, setIsActive] = useState(false);\n  const labelsId = useUniqueId('labels');\n  const { ariaLabelledby, ariaDescribedby, controlId, invalid, warning } = useFormFieldContext(rest);\n\n  const showWarning = warning && !invalid;\n\n  if (referenceValues && valuesAreValid(referenceValues) === false) {\n    warnOnce('Slider', 'All reference values must be integers. Non-integer values will not be displayed.');\n  }\n\n  if (min >= max) {\n    warnOnce('Slider', 'The min value cannot be greater than the max value.');\n  }\n\n  if (step && step > max - min) {\n    warnOnce('Slider', 'The step value cannot be greater than the difference between the min and max.');\n  }\n\n  if (step && value !== undefined && (value - min) % step !== 0) {\n    warnOnce('Slider', 'Slider value must be a multiple of the step. The value will round to the nearest step value.');\n  }\n\n  const getValue = () => {\n    const stepIsValid = step && step < max - min && step > min;\n\n    if (value === undefined) {\n      // this is the default html input's fallback value\n      return max < min ? min : min + (max - min) / 2;\n    }\n\n    if (!step) {\n      return value;\n    }\n\n    // if the value is not a multiple of the step, then find the closest step\n    // and make that the value (this is also the native input behavior)\n    if (step && stepIsValid && (value - min) % step !== 0) {\n      const closest = getStepArray(step, [min, max]).reduce(function (prev, curr) {\n        return Math.abs(curr - value) < Math.abs(prev - value) ? curr : prev;\n      });\n\n      return closest;\n    }\n\n    return value;\n  };\n\n  const sliderValue = getValue();\n  const percent = getPercent(Math.max(Math.min(sliderValue, max), min), [min, max]);\n\n  const getAriaValueText = () => {\n    if (valueFormatter && valueFormatter(sliderValue)) {\n      return valueFormatter(sliderValue);\n    }\n\n    if (valueFormatter && !valueFormatter(sliderValue)) {\n      const middleValues = referenceValues ? referenceValues : [];\n      const valueArray = [min, ...middleValues, sliderValue, max];\n      const prevAndNext = findLowerAndHigherValues(valueArray, sliderValue);\n      const previousValue = prevAndNext.lower ? valueFormatter(prevAndNext.lower) : valueFormatter(min);\n      const nextValue = prevAndNext.higher ? valueFormatter(prevAndNext.higher) : valueFormatter(max);\n      const value = sliderValue;\n\n      return i18n('i18nStrings.valueTextRange', i18nStrings?.valueTextRange(previousValue, value, nextValue), format =>\n        format({ value, previousValue, nextValue })\n      );\n    }\n\n    return undefined;\n  };\n\n  const thumbSize = readOnly ? THUMB_READONLY_SIZE : THUMB_SIZE;\n\n  return (\n    <div {...baseProps} ref={__internalRootRef} className={clsx(baseProps.className, styles.root)}>\n      {showTooltip && (\n        <Tooltip value={valueFormatter ? valueFormatter(sliderValue) : sliderValue} trackRef={handleRef} />\n      )}\n      <div\n        ref={handleRef}\n        className={clsx(styles['tooltip-thumb'], {\n          [styles.readonly]: readOnly,\n        })}\n        style={{\n          [customCssProps.sliderTooltipPosition]: `calc(${percent}% - ${thumbSize}px)`,\n        }}\n      />\n      <div className={styles.slider}>\n        <div\n          className={clsx(styles['slider-track'], {\n            [styles.disabled]: disabled,\n            [styles.readonly]: readOnly,\n          })}\n        />\n\n        {!hideFillLine && (\n          <div\n            className={clsx(styles['slider-range'], {\n              [styles.error]: invalid,\n              [styles.warning]: showWarning,\n              [styles.active]: isActive,\n              [styles['error-active']]: invalid && isActive,\n              [styles['warning-active']]: showWarning && isActive,\n              [styles.disabled]: disabled,\n              [styles.readonly]: readOnly,\n            })}\n            style={{ [customCssProps.sliderRangeInlineSize]: `${percent}%` }}\n          />\n        )}\n      </div>\n      {!!step && tickMarks && (\n        <SliderTickMarks\n          hideFillLine={hideFillLine}\n          disabled={disabled}\n          readOnly={readOnly}\n          invalid={invalid}\n          warning={warning}\n          isActive={isActive}\n          step={step}\n          min={min}\n          max={max}\n          value={sliderValue}\n        />\n      )}\n\n      <input\n        // we need to add this because input[type=range] isn't natively focusable in Safari.\n        tabIndex={0}\n        aria-label={ariaLabel}\n        // aria-labelledby has precedence over aria-label in accessible name calculation.\n        // When aria-label is provided for Input, it should override aria-labelledBy from form-field context.\n        // If both aria-label and aria-labelledby come from Input props, aria-labelledby will be used in accessible name\n        aria-labelledby={ariaLabel && !rest.ariaLabelledby ? undefined : ariaLabelledby}\n        // Slider labels, if present and something other than numbers, should be associated to the input with aria-describedby\n        aria-describedby={\n          valueFormatter ? (ariaDescribedby ? `${labelsId} ${ariaDescribedby}` : labelsId) : ariaDescribedby\n        }\n        aria-valuetext={getAriaValueText()}\n        aria-invalid={invalid ? 'true' : undefined}\n        aria-disabled={readOnly && !disabled ? 'true' : undefined}\n        id={controlId}\n        type=\"range\"\n        min={min}\n        max={max}\n        disabled={disabled}\n        onFocus={() => {\n          setShowTooltip(true);\n          setIsActive(true);\n        }}\n        onBlur={() => {\n          setShowTooltip(false);\n          setIsActive(false);\n        }}\n        onMouseEnter={() => {\n          setShowTooltip(true);\n        }}\n        onMouseLeave={() => {\n          setShowTooltip(false);\n        }}\n        onTouchStart={() => {\n          setShowTooltip(true);\n          setIsActive(true);\n        }}\n        onTouchEnd={() => {\n          setShowTooltip(false);\n          setIsActive(false);\n        }}\n        step={step}\n        value={sliderValue}\n        onChange={event => {\n          if (readOnly) {\n            return;\n          }\n\n          onChange && fireNonCancelableEvent(onChange, { value: Number(event.target.value) });\n        }}\n        className={clsx(styles.thumb, {\n          [styles.error]: invalid,\n          [styles.warning]: showWarning,\n          [styles.disabled]: disabled,\n          [styles.readonly]: readOnly,\n          [styles.min]: sliderValue <= min || max < min,\n          [styles.max]: sliderValue >= max && min < max,\n        })}\n      />\n\n      <SliderLabels\n        min={min}\n        max={max}\n        referenceValues={referenceValues}\n        valueFormatter={valueFormatter}\n        labelsId={labelsId}\n        ariaDescription={ariaDescription}\n      />\n    </div>\n  );\n}\n"]}

package/slider/slider-labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider-labels.d.ts","sourceRoot":"","sources":["../../../src/slider/slider-labels.tsx"],"names":[],"mappings":";AASA,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,eAAe,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACxC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AACD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,GAAG,EACH,GAAG,EACH,eAAe,EACf,cAAc,EACd,QAAQ,EACR,eAAe,GAChB,EAAE,gBAAgB,eAgHlB"}
+{"version":3,"file":"slider-labels.d.ts","sourceRoot":"","sources":["../../../src/slider/slider-labels.tsx"],"names":[],"mappings":";AAUA,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,eAAe,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACxC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AACD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,GAAG,EACH,GAAG,EACH,eAAe,EACf,cAAc,EACd,QAAQ,EACR,eAAe,GAChB,EAAE,gBAAgB,eAgHlB"}

package/slider/slider-labels.js

@@ -2,9 +2,9 @@
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
 import clsx from 'clsx';
-import styles from './styles.css.js';
-import { useMobile } from '../internal/hooks/use-mobile/index.js';
 import customCssProps from '../internal/generated/custom-css-properties/index.js';
+import { useMobile } from '../internal/hooks/use-mobile/index.js';
+import styles from './styles.css.js';
 export default function SliderLabels({ min, max, referenceValues, valueFormatter, labelsId, ariaDescription, }) {
     const isMobile = useMobile();
     const MAX_LABEL_COUNT = isMobile ? 4 : 10;

package/slider/slider-labels.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider-labels.js","sourceRoot":"","sources":["../../../src/slider/slider-labels.tsx"],"names":[],"mappings":"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","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 styles from './styles.css.js';\nimport { useMobile } from '../internal/hooks/use-mobile/index.js';\nimport customCssProps from '../internal/generated/custom-css-properties/index.js';\n\nexport interface SliderLabelProps {\n  min: number;\n  max: number;\n  referenceValues?: ReadonlyArray<number>;\n  valueFormatter?: (value: number) => string;\n  labelsId: string;\n  ariaDescription?: string;\n}\nexport default function SliderLabels({\n  min,\n  max,\n  referenceValues,\n  valueFormatter,\n  labelsId,\n  ariaDescription,\n}: SliderLabelProps) {\n  const isMobile = useMobile();\n  const MAX_LABEL_COUNT = isMobile ? 4 : 10;\n  const minDistance = (max - min) / MAX_LABEL_COUNT;\n\n  // Returns only values that have enough distance between them to show properly.\n  // We also remove non-integer values and any values outside of the slider range.\n  const getVisibleReferenceValues = () => {\n    if (!referenceValues || referenceValues.length === 0) {\n      return [];\n    }\n\n    const values: Array<number> = [];\n\n    let lastValue = min;\n    for (let i = 0; i <= referenceValues.length; i++) {\n      if (\n        referenceValues[i] > min &&\n        referenceValues[i] < max &&\n        Math.abs(referenceValues[i] - lastValue) >= minDistance &&\n        Math.abs(max - referenceValues[i]) >= minDistance &&\n        Number.isInteger(referenceValues[i])\n      ) {\n        values.push(referenceValues[i]);\n        lastValue = referenceValues[i];\n      }\n    }\n    return values;\n  };\n\n  function getLabelPosition(index: number) {\n    const colSpan = Math.floor(minDistance / 2);\n    const positionStart = index - colSpan;\n    const positionEnd = index + colSpan;\n\n    // We simplify label treatment if the range is less than the max label count.\n    // This is because we don't need to add extra grid columns for necessary width.\n    const hasSmallRange = max - min <= MAX_LABEL_COUNT;\n\n    if (hasSmallRange) {\n      return {\n        min: 1,\n        max: (max - min) * 2 - 1,\n        posStart: (index - min) * 2,\n        posEnd: (index - min) * 2,\n      };\n    }\n    const roundedHalfCol = Math.round(colSpan / 2);\n\n    return {\n      min: colSpan * 2 + roundedHalfCol,\n      max: (max - min - colSpan) * 2 - roundedHalfCol + 1,\n      // add one to center the label\n      posStart: (positionStart - min) * 2 + 1 + roundedHalfCol,\n      posEnd: (positionEnd - min) * 2 - roundedHalfCol,\n    };\n  }\n\n  return (\n    <>\n      <div\n        role=\"list\"\n        aria-hidden={!valueFormatter && !referenceValues ? 'true' : undefined}\n        className={clsx(styles.labels, {\n          [styles['labels-noref']]: getVisibleReferenceValues().length === 0,\n        })}\n        style={{\n          [customCssProps.sliderLabelCount]: getVisibleReferenceValues().length === 0 ? 2 : (max - min) * 2,\n        }}\n        id={!ariaDescription ? labelsId : undefined}\n      >\n        <span\n          role=\"listitem\"\n          className={clsx(styles.label, styles['labels-min'])}\n          style={{\n            [customCssProps.sliderMinEnd]: getLabelPosition(0).min,\n          }}\n        >\n          {valueFormatter ? valueFormatter(min) : min}\n        </span>\n        {getVisibleReferenceValues().map(step => {\n          return (\n            <span\n              role=\"listitem\"\n              key={step}\n              style={{\n                [customCssProps.sliderReferenceColumn]: getLabelPosition(step).posStart,\n                [customCssProps.sliderNextReferenceColumn]: getLabelPosition(step).posEnd,\n              }}\n              className={clsx(styles.label, styles['labels-reference'])}\n            >\n              {valueFormatter ? valueFormatter(step) : step}\n            </span>\n          );\n        })}\n        <span\n          role=\"listitem\"\n          className={clsx(styles.label, styles['labels-max'])}\n          style={{\n            [customCssProps.sliderMaxStart]: !referenceValues ? 2 : getLabelPosition(0).max,\n          }}\n        >\n          {valueFormatter ? valueFormatter(max) : max}\n        </span>\n      </div>\n      {ariaDescription && (\n        <div className={styles['labels-aria-description']} id={labelsId}>\n          {ariaDescription}\n        </div>\n      )}\n    </>\n  );\n}\n"]}
+{"version":3,"file":"slider-labels.js","sourceRoot":"","sources":["../../../src/slider/slider-labels.tsx"],"names":[],"mappings":"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","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 customCssProps from '../internal/generated/custom-css-properties/index.js';\nimport { useMobile } from '../internal/hooks/use-mobile/index.js';\n\nimport styles from './styles.css.js';\n\nexport interface SliderLabelProps {\n  min: number;\n  max: number;\n  referenceValues?: ReadonlyArray<number>;\n  valueFormatter?: (value: number) => string;\n  labelsId: string;\n  ariaDescription?: string;\n}\nexport default function SliderLabels({\n  min,\n  max,\n  referenceValues,\n  valueFormatter,\n  labelsId,\n  ariaDescription,\n}: SliderLabelProps) {\n  const isMobile = useMobile();\n  const MAX_LABEL_COUNT = isMobile ? 4 : 10;\n  const minDistance = (max - min) / MAX_LABEL_COUNT;\n\n  // Returns only values that have enough distance between them to show properly.\n  // We also remove non-integer values and any values outside of the slider range.\n  const getVisibleReferenceValues = () => {\n    if (!referenceValues || referenceValues.length === 0) {\n      return [];\n    }\n\n    const values: Array<number> = [];\n\n    let lastValue = min;\n    for (let i = 0; i <= referenceValues.length; i++) {\n      if (\n        referenceValues[i] > min &&\n        referenceValues[i] < max &&\n        Math.abs(referenceValues[i] - lastValue) >= minDistance &&\n        Math.abs(max - referenceValues[i]) >= minDistance &&\n        Number.isInteger(referenceValues[i])\n      ) {\n        values.push(referenceValues[i]);\n        lastValue = referenceValues[i];\n      }\n    }\n    return values;\n  };\n\n  function getLabelPosition(index: number) {\n    const colSpan = Math.floor(minDistance / 2);\n    const positionStart = index - colSpan;\n    const positionEnd = index + colSpan;\n\n    // We simplify label treatment if the range is less than the max label count.\n    // This is because we don't need to add extra grid columns for necessary width.\n    const hasSmallRange = max - min <= MAX_LABEL_COUNT;\n\n    if (hasSmallRange) {\n      return {\n        min: 1,\n        max: (max - min) * 2 - 1,\n        posStart: (index - min) * 2,\n        posEnd: (index - min) * 2,\n      };\n    }\n    const roundedHalfCol = Math.round(colSpan / 2);\n\n    return {\n      min: colSpan * 2 + roundedHalfCol,\n      max: (max - min - colSpan) * 2 - roundedHalfCol + 1,\n      // add one to center the label\n      posStart: (positionStart - min) * 2 + 1 + roundedHalfCol,\n      posEnd: (positionEnd - min) * 2 - roundedHalfCol,\n    };\n  }\n\n  return (\n    <>\n      <div\n        role=\"list\"\n        aria-hidden={!valueFormatter && !referenceValues ? 'true' : undefined}\n        className={clsx(styles.labels, {\n          [styles['labels-noref']]: getVisibleReferenceValues().length === 0,\n        })}\n        style={{\n          [customCssProps.sliderLabelCount]: getVisibleReferenceValues().length === 0 ? 2 : (max - min) * 2,\n        }}\n        id={!ariaDescription ? labelsId : undefined}\n      >\n        <span\n          role=\"listitem\"\n          className={clsx(styles.label, styles['labels-min'])}\n          style={{\n            [customCssProps.sliderMinEnd]: getLabelPosition(0).min,\n          }}\n        >\n          {valueFormatter ? valueFormatter(min) : min}\n        </span>\n        {getVisibleReferenceValues().map(step => {\n          return (\n            <span\n              role=\"listitem\"\n              key={step}\n              style={{\n                [customCssProps.sliderReferenceColumn]: getLabelPosition(step).posStart,\n                [customCssProps.sliderNextReferenceColumn]: getLabelPosition(step).posEnd,\n              }}\n              className={clsx(styles.label, styles['labels-reference'])}\n            >\n              {valueFormatter ? valueFormatter(step) : step}\n            </span>\n          );\n        })}\n        <span\n          role=\"listitem\"\n          className={clsx(styles.label, styles['labels-max'])}\n          style={{\n            [customCssProps.sliderMaxStart]: !referenceValues ? 2 : getLabelPosition(0).max,\n          }}\n        >\n          {valueFormatter ? valueFormatter(max) : max}\n        </span>\n      </div>\n      {ariaDescription && (\n        <div className={styles['labels-aria-description']} id={labelsId}>\n          {ariaDescription}\n        </div>\n      )}\n    </>\n  );\n}\n"]}

package/slider/tick-marks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tick-marks.d.ts","sourceRoot":"","sources":["../../../src/slider/tick-marks.tsx"],"names":[],"mappings":";AAQA,MAAM,WAAW,gBAAgB;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB;IAC3D,IAAI,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;CAC9B;AAkCD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,gBAAgB,eAmB9D"}
+{"version":3,"file":"tick-marks.d.ts","sourceRoot":"","sources":["../../../src/slider/tick-marks.tsx"],"names":[],"mappings":";AAUA,MAAM,WAAW,gBAAgB;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB;IAC3D,IAAI,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;CAC9B;AAkCD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,gBAAgB,eAmB9D"}

package/slider/tick-marks.js

@@ -3,8 +3,8 @@
 import React from 'react';
 import clsx from 'clsx';
 import customCssProps from '../internal/generated/custom-css-properties/index.js';
-import styles from './styles.css.js';
 import { getStepArray } from './utils.js';
+import styles from './styles.css.js';
 function TickMark(props) {
     const { hideFillLine, value, isActive, invalid, warning, disabled, type, min, max, step, readOnly } = props;
     const showWarning = warning && !invalid;

package/slider/tick-marks.js.map

@@ -1 +1 @@
-{"version":3,"file":"tick-marks.js","sourceRoot":"","sources":["../../../src/slider/tick-marks.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,cAAc,MAAM,sDAAsD,CAAC;AAClF,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAmB1C,SAAS,QAAQ,CAAC,KAA0B;IAC1C,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE5G,MAAM,WAAW,GAAG,OAAO,IAAI,CAAC,OAAO,CAAC;IAExC,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,IAAI,IAAI,KAAK,KAAK,EAAE;YAClB,OAAO,GAAG,CAAC;SACZ;QACD,IAAI,IAAI,KAAK,KAAK,EAAE;YAClB,OAAO,GAAG,CAAC;SACZ;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;YAC3B,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,YAAY,IAAI,KAAK,GAAG,OAAO,EAAE;YACnD,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,YAAY,IAAI,QAAQ,IAAI,KAAK,GAAG,OAAO,EAAE;YAC/D,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO,IAAI,CAAC,YAAY,IAAI,KAAK,GAAG,OAAO,EAAE;YAC7D,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,WAAW,IAAI,CAAC,YAAY,IAAI,KAAK,GAAG,OAAO,EAAE;YACnE,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,OAAO,IAAI,QAAQ,IAAI,CAAC,YAAY,IAAI,KAAK,GAAG,OAAO,EAAE;YACnF,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,WAAW,IAAI,QAAQ,IAAI,CAAC,YAAY,IAAI,KAAK,GAAG,OAAO,EAAE;YACzF,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;YAC3B,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;YAC3B,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,KAAK,MAAM;SACjC,CAAC,GACF,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAuB;IAC7D,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEjC,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC;QACrC,oBAAC,QAAQ,oBAAK,KAAK,IAAE,IAAI,EAAC,KAAK,IAAG;QAClC,6BACE,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,KAAK,EAAE;gBACL,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC;aACjE,IAEA,YAAY,CAAC,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACnD,oBAAC,QAAQ,oBAAK,KAAK,IAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,KAAK,EAAE,IAAI,CACtE,CAAC,CACE;QACN,oBAAC,QAAQ,oBAAK,KAAK,IAAE,IAAI,EAAC,KAAK,IAAG,CAC9B,CACP,CAAC;AACJ,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';\nimport customCssProps from '../internal/generated/custom-css-properties/index.js';\nimport styles from './styles.css.js';\nimport { getStepArray } from './utils.js';\n\nexport interface SliderTicksProps {\n  hideFillLine?: boolean;\n  value: number;\n  isActive: boolean;\n  invalid?: boolean;\n  warning?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  min: number;\n  max: number;\n  step: number;\n}\n\nexport interface SliderTickMarkProps extends SliderTicksProps {\n  type: 'min' | 'max' | 'step';\n}\n\nfunction TickMark(props: SliderTickMarkProps) {\n  const { hideFillLine, value, isActive, invalid, warning, disabled, type, min, max, step, readOnly } = props;\n\n  const showWarning = warning && !invalid;\n\n  const getType = () => {\n    if (type === 'min') {\n      return min;\n    }\n    if (type === 'max') {\n      return max;\n    }\n    return step;\n  };\n\n  return (\n    <div\n      className={clsx(styles.tick, {\n        [styles.filled]: !hideFillLine && value > getType(),\n        [styles.active]: !hideFillLine && isActive && value > getType(),\n        [styles.error]: invalid && !hideFillLine && value > getType(),\n        [styles.warning]: showWarning && !hideFillLine && value > getType(),\n        [styles['error-active']]: invalid && isActive && !hideFillLine && value > getType(),\n        [styles['warning-active']]: showWarning && isActive && !hideFillLine && value > getType(),\n        [styles.disabled]: disabled,\n        [styles.readonly]: readOnly,\n        [styles.middle]: type === 'step',\n      })}\n    />\n  );\n}\n\nexport default function SliderTickMarks(props: SliderTicksProps) {\n  const { min, max, step } = props;\n\n  return (\n    <div className={styles['ticks-wrapper']}>\n      <TickMark {...props} type=\"min\" />\n      <div\n        className={styles.ticks}\n        style={{\n          [customCssProps.sliderTickCount]: Math.round((max - min) / step),\n        }}\n      >\n        {getStepArray(step, [min, max]).map((step, index) => (\n          <TickMark {...props} type=\"step\" step={step} key={`step-${index}`} />\n        ))}\n      </div>\n      <TickMark {...props} type=\"max\" />\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"tick-marks.js","sourceRoot":"","sources":["../../../src/slider/tick-marks.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,cAAc,MAAM,sDAAsD,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAmBrC,SAAS,QAAQ,CAAC,KAA0B;IAC1C,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE5G,MAAM,WAAW,GAAG,OAAO,IAAI,CAAC,OAAO,CAAC;IAExC,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,IAAI,IAAI,KAAK,KAAK,EAAE;YAClB,OAAO,GAAG,CAAC;SACZ;QACD,IAAI,IAAI,KAAK,KAAK,EAAE;YAClB,OAAO,GAAG,CAAC;SACZ;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;YAC3B,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,YAAY,IAAI,KAAK,GAAG,OAAO,EAAE;YACnD,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,YAAY,IAAI,QAAQ,IAAI,KAAK,GAAG,OAAO,EAAE;YAC/D,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO,IAAI,CAAC,YAAY,IAAI,KAAK,GAAG,OAAO,EAAE;YAC7D,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,WAAW,IAAI,CAAC,YAAY,IAAI,KAAK,GAAG,OAAO,EAAE;YACnE,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,OAAO,IAAI,QAAQ,IAAI,CAAC,YAAY,IAAI,KAAK,GAAG,OAAO,EAAE;YACnF,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,WAAW,IAAI,QAAQ,IAAI,CAAC,YAAY,IAAI,KAAK,GAAG,OAAO,EAAE;YACzF,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;YAC3B,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;YAC3B,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,KAAK,MAAM;SACjC,CAAC,GACF,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAuB;IAC7D,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEjC,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC;QACrC,oBAAC,QAAQ,oBAAK,KAAK,IAAE,IAAI,EAAC,KAAK,IAAG;QAClC,6BACE,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,KAAK,EAAE;gBACL,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC;aACjE,IAEA,YAAY,CAAC,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACnD,oBAAC,QAAQ,oBAAK,KAAK,IAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,KAAK,EAAE,IAAI,CACtE,CAAC,CACE;QACN,oBAAC,QAAQ,oBAAK,KAAK,IAAE,IAAI,EAAC,KAAK,IAAG,CAC9B,CACP,CAAC;AACJ,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 customCssProps from '../internal/generated/custom-css-properties/index.js';\nimport { getStepArray } from './utils.js';\n\nimport styles from './styles.css.js';\n\nexport interface SliderTicksProps {\n  hideFillLine?: boolean;\n  value: number;\n  isActive: boolean;\n  invalid?: boolean;\n  warning?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  min: number;\n  max: number;\n  step: number;\n}\n\nexport interface SliderTickMarkProps extends SliderTicksProps {\n  type: 'min' | 'max' | 'step';\n}\n\nfunction TickMark(props: SliderTickMarkProps) {\n  const { hideFillLine, value, isActive, invalid, warning, disabled, type, min, max, step, readOnly } = props;\n\n  const showWarning = warning && !invalid;\n\n  const getType = () => {\n    if (type === 'min') {\n      return min;\n    }\n    if (type === 'max') {\n      return max;\n    }\n    return step;\n  };\n\n  return (\n    <div\n      className={clsx(styles.tick, {\n        [styles.filled]: !hideFillLine && value > getType(),\n        [styles.active]: !hideFillLine && isActive && value > getType(),\n        [styles.error]: invalid && !hideFillLine && value > getType(),\n        [styles.warning]: showWarning && !hideFillLine && value > getType(),\n        [styles['error-active']]: invalid && isActive && !hideFillLine && value > getType(),\n        [styles['warning-active']]: showWarning && isActive && !hideFillLine && value > getType(),\n        [styles.disabled]: disabled,\n        [styles.readonly]: readOnly,\n        [styles.middle]: type === 'step',\n      })}\n    />\n  );\n}\n\nexport default function SliderTickMarks(props: SliderTicksProps) {\n  const { min, max, step } = props;\n\n  return (\n    <div className={styles['ticks-wrapper']}>\n      <TickMark {...props} type=\"min\" />\n      <div\n        className={styles.ticks}\n        style={{\n          [customCssProps.sliderTickCount]: Math.round((max - min) / step),\n        }}\n      >\n        {getStepArray(step, [min, max]).map((step, index) => (\n          <TickMark {...props} type=\"step\" step={step} key={`step-${index}`} />\n        ))}\n      </div>\n      <TickMark {...props} type=\"max\" />\n    </div>\n  );\n}\n"]}

package/space-between/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/space-between/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGjD,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAE7B,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,SAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,eAK3F"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/space-between/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGjD,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAE7B,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,SAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,eAK3F"}

package/space-between/index.js

@@ -2,9 +2,9 @@ import { __rest } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
+import useBaseComponent from '../internal/hooks/use-base-component';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
 import InternalSpaceBetween from './internal';
-import useBaseComponent from '../internal/hooks/use-base-component';
 export default function SpaceBetween(_a) {
     var { direction = 'vertical' } = _a, props = __rest(_a, ["direction"]);
     const baseComponentProps = useBaseComponent('SpaceBetween', {

package/space-between/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/space-between/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,oBAAoB,MAAM,YAAY,CAAC;AAE9C,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAIpE,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAuD;QAAvD,EAAE,SAAS,GAAG,UAAU,OAA+B,EAA1B,KAAK,cAAlC,aAAoC,CAAF;IACrE,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,cAAc,EAAE;QAC1D,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE;KACrE,CAAC,CAAC;IACH,OAAO,oBAAC,oBAAoB,kBAAC,SAAS,EAAE,SAAS,IAAM,KAAK,EAAM,kBAAkB,EAAI,CAAC;AAC3F,CAAC;AAED,gBAAgB,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport InternalSpaceBetween from './internal';\nimport { SpaceBetweenProps } from './interfaces';\nimport useBaseComponent from '../internal/hooks/use-base-component';\n\nexport { SpaceBetweenProps };\n\nexport default function SpaceBetween({ direction = 'vertical', ...props }: SpaceBetweenProps) {\n  const baseComponentProps = useBaseComponent('SpaceBetween', {\n    props: { alignItems: props.alignItems, direction, size: props.size },\n  });\n  return <InternalSpaceBetween direction={direction} {...props} {...baseComponentProps} />;\n}\n\napplyDisplayName(SpaceBetween, 'SpaceBetween');\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/space-between/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,oBAAoB,MAAM,YAAY,CAAC;AAI9C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAuD;QAAvD,EAAE,SAAS,GAAG,UAAU,OAA+B,EAA1B,KAAK,cAAlC,aAAoC,CAAF;IACrE,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,cAAc,EAAE;QAC1D,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE;KACrE,CAAC,CAAC;IACH,OAAO,oBAAC,oBAAoB,kBAAC,SAAS,EAAE,SAAS,IAAM,KAAK,EAAM,kBAAkB,EAAI,CAAC;AAC3F,CAAC;AAED,gBAAgB,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { SpaceBetweenProps } from './interfaces';\nimport InternalSpaceBetween from './internal';\n\nexport { SpaceBetweenProps };\n\nexport default function SpaceBetween({ direction = 'vertical', ...props }: SpaceBetweenProps) {\n  const baseComponentProps = useBaseComponent('SpaceBetween', {\n    props: { alignItems: props.alignItems, direction, size: props.size },\n  });\n  return <InternalSpaceBetween direction={direction} {...props} {...baseComponentProps} />;\n}\n\napplyDisplayName(SpaceBetween, 'SpaceBetween');\n"]}

package/space-between/internal.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { SpaceBetweenProps } from './interfaces';
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
+import { SpaceBetweenProps } from './interfaces';
 type InternalSpaceBetweenProps = SpaceBetweenProps & InternalBaseComponentProps;
 export default function InternalSpaceBetween({ direction, size, children, alignItems, __internalRootRef, ...props }: InternalSpaceBetweenProps): JSX.Element;
 export {};

package/space-between/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/space-between/internal.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,KAAK,yBAAyB,GAAG,iBAAiB,GAAG,0BAA0B,CAAC;AAEhF,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,SAAsB,EACtB,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,yBAAyB,eA+B3B"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/space-between/internal.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAIjD,KAAK,yBAAyB,GAAG,iBAAiB,GAAG,0BAA0B,CAAC;AAEhF,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,SAAsB,EACtB,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,yBAAyB,eA+B3B"}

package/space-between/internal.js

@@ -1,11 +1,11 @@
 import { __rest } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import clsx from 'clsx';
 import React from 'react';
+import flattenChildren from 'react-keyed-flatten-children';
+import clsx from 'clsx';
 import { getBaseProps } from '../internal/base-component';
 import styles from './styles.css.js';
-import flattenChildren from 'react-keyed-flatten-children';
 export default function InternalSpaceBetween(_a) {
     var { direction = 'vertical', size, children, alignItems, __internalRootRef } = _a, props = __rest(_a, ["direction", "size", "children", "alignItems", "__internalRootRef"]);
     const baseProps = getBaseProps(props);

package/space-between/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/space-between/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAM3D,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAOjB;QAPiB,EAC3C,SAAS,GAAG,UAAU,EACtB,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,iBAAiB,OAES,EADvB,KAAK,cANmC,oEAO5C,CADS;IAER,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEtC;;OAEG;IACH,MAAM,iBAAiB,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IAEpD,OAAO,CACL,6CACM,SAAS,IACb,SAAS,EAAE,IAAI,CACb,SAAS,CAAC,SAAS,EACnB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,SAAS,CAAC,EACjB,MAAM,CAAC,GAAG,SAAS,IAAI,IAAI,EAAE,CAAC,EAC9B,UAAU,IAAI,MAAM,CAAC,SAAS,UAAU,EAAE,CAAC,CAC5C,EACD,GAAG,EAAE,iBAAiB,KAErB,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;QAC7B,MAAM,GAAG,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;QAE9D,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,IACnC,KAAK,CACF,CACP,CAAC;IACJ,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport styles from './styles.css.js';\nimport flattenChildren from 'react-keyed-flatten-children';\nimport { SpaceBetweenProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\ntype InternalSpaceBetweenProps = SpaceBetweenProps & InternalBaseComponentProps;\n\nexport default function InternalSpaceBetween({\n  direction = 'vertical',\n  size,\n  children,\n  alignItems,\n  __internalRootRef,\n  ...props\n}: InternalSpaceBetweenProps) {\n  const baseProps = getBaseProps(props);\n\n  /*\n   Flattening the children allows us to \"see through\" React Fragments and nested arrays.\n   */\n  const flattenedChildren = flattenChildren(children);\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(\n        baseProps.className,\n        styles.root,\n        styles[direction],\n        styles[`${direction}-${size}`],\n        alignItems && styles[`align-${alignItems}`]\n      )}\n      ref={__internalRootRef}\n    >\n      {flattenedChildren.map(child => {\n        const key = typeof child === 'object' ? child.key : undefined;\n\n        return (\n          <div key={key} className={styles.child}>\n            {child}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/space-between/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAI1D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAOjB;QAPiB,EAC3C,SAAS,GAAG,UAAU,EACtB,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,iBAAiB,OAES,EADvB,KAAK,cANmC,oEAO5C,CADS;IAER,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEtC;;OAEG;IACH,MAAM,iBAAiB,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IAEpD,OAAO,CACL,6CACM,SAAS,IACb,SAAS,EAAE,IAAI,CACb,SAAS,CAAC,SAAS,EACnB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,SAAS,CAAC,EACjB,MAAM,CAAC,GAAG,SAAS,IAAI,IAAI,EAAE,CAAC,EAC9B,UAAU,IAAI,MAAM,CAAC,SAAS,UAAU,EAAE,CAAC,CAC5C,EACD,GAAG,EAAE,iBAAiB,KAErB,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;QAC7B,MAAM,GAAG,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;QAE9D,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,IACnC,KAAK,CACF,CACP,CAAC;IACJ,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport flattenChildren from 'react-keyed-flatten-children';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { SpaceBetweenProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\ntype InternalSpaceBetweenProps = SpaceBetweenProps & InternalBaseComponentProps;\n\nexport default function InternalSpaceBetween({\n  direction = 'vertical',\n  size,\n  children,\n  alignItems,\n  __internalRootRef,\n  ...props\n}: InternalSpaceBetweenProps) {\n  const baseProps = getBaseProps(props);\n\n  /*\n   Flattening the children allows us to \"see through\" React Fragments and nested arrays.\n   */\n  const flattenedChildren = flattenChildren(children);\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(\n        baseProps.className,\n        styles.root,\n        styles[direction],\n        styles[`${direction}-${size}`],\n        alignItems && styles[`align-${alignItems}`]\n      )}\n      ref={__internalRootRef}\n    >\n      {flattenedChildren.map(child => {\n        const key = typeof child === 'object' ? child.key : undefined;\n\n        return (\n          <div key={key} className={styles.child}>\n            {child}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"]}

package/spinner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/spinner/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAI5C,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,IAAe,EAAE,OAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,eAK9F"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/spinner/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG5C,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,IAAe,EAAE,OAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,eAK9F"}

package/spinner/index.js

@@ -2,9 +2,9 @@ import { __rest } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
+import useBaseComponent from '../internal/hooks/use-base-component';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
 import InternalSpinner from './internal';
-import useBaseComponent from '../internal/hooks/use-base-component';
 export default function Spinner(_a) {
     var { size = 'normal', variant = 'normal' } = _a, props = __rest(_a, ["size", "variant"]);
     const baseComponentProps = useBaseComponent('Spinner', {

package/spinner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/spinner/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,eAAe,MAAM,YAAY,CAAC;AACzC,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAIpE,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAA+D;QAA/D,EAAE,IAAI,GAAG,QAAQ,EAAE,OAAO,GAAG,QAAQ,OAA0B,EAArB,KAAK,cAA/C,mBAAiD,CAAF;IAC7E,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,SAAS,EAAE;QACrD,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;KACzB,CAAC,CAAC;IACH,OAAO,oBAAC,eAAe,kBAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,EAAM,kBAAkB,EAAI,CAAC;AAC9F,CAAC;AAED,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { SpinnerProps } from './interfaces';\nimport InternalSpinner from './internal';\nimport useBaseComponent from '../internal/hooks/use-base-component';\n\nexport { SpinnerProps };\n\nexport default function Spinner({ size = 'normal', variant = 'normal', ...props }: SpinnerProps) {\n  const baseComponentProps = useBaseComponent('Spinner', {\n    props: { size, variant },\n  });\n  return <InternalSpinner size={size} variant={variant} {...props} {...baseComponentProps} />;\n}\n\napplyDisplayName(Spinner, 'Spinner');\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/spinner/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,eAAe,MAAM,YAAY,CAAC;AAIzC,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAA+D;QAA/D,EAAE,IAAI,GAAG,QAAQ,EAAE,OAAO,GAAG,QAAQ,OAA0B,EAArB,KAAK,cAA/C,mBAAiD,CAAF;IAC7E,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,SAAS,EAAE;QACrD,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;KACzB,CAAC,CAAC;IACH,OAAO,oBAAC,eAAe,kBAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,EAAM,kBAAkB,EAAI,CAAC;AAC9F,CAAC;AAED,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { SpinnerProps } from './interfaces';\nimport InternalSpinner from './internal';\n\nexport { SpinnerProps };\n\nexport default function Spinner({ size = 'normal', variant = 'normal', ...props }: SpinnerProps) {\n  const baseComponentProps = useBaseComponent('Spinner', {\n    props: { size, variant },\n  });\n  return <InternalSpinner size={size} variant={variant} {...props} {...baseComponentProps} />;\n}\n\napplyDisplayName(Spinner, 'Spinner');\n"]}

package/spinner/internal.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { SpinnerProps } from './interfaces';
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
+import { SpinnerProps } from './interfaces';
 interface InternalSpinnerProps extends SpinnerProps, InternalBaseComponentProps {
 }
 export default function InternalSpinner({ size, variant, __internalRootRef, ...props }: InternalSpinnerProps): JSX.Element;

package/spinner/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/spinner/internal.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,UAAU,oBAAqB,SAAQ,YAAY,EAAE,0BAA0B;CAAG;AAElF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAe,EACf,OAAkB,EAClB,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,oBAAoB,eAatB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/spinner/internal.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAI5C,UAAU,oBAAqB,SAAQ,YAAY,EAAE,0BAA0B;CAAG;AAElF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAe,EACf,OAAkB,EAClB,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,oBAAoB,eAatB"}

package/spinner/internal.js

@@ -1,8 +1,8 @@
 import { __rest } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import clsx from 'clsx';
 import React from 'react';
+import clsx from 'clsx';
 import { getBaseProps } from '../internal/base-component';
 import styles from './styles.css.js';
 export default function InternalSpinner(_a) {

package/spinner/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/spinner/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAKjB;QALiB,EACtC,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,QAAQ,EAClB,iBAAiB,OAEI,EADlB,KAAK,cAJ8B,wCAKvC,CADS;IAER,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEtC,OAAO,CACL,8CACM,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAC,EAAE,MAAM,CAAC,WAAW,OAAO,EAAE,CAAC,CAAC,EACvG,GAAG,EAAE,iBAAiB;QAEtB,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC,GAAI;QAC/D,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC,GAAI,CAC3D,CACR,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport styles from './styles.css.js';\nimport { SpinnerProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\ninterface InternalSpinnerProps extends SpinnerProps, InternalBaseComponentProps {}\n\nexport default function InternalSpinner({\n  size = 'normal',\n  variant = 'normal',\n  __internalRootRef,\n  ...props\n}: InternalSpinnerProps) {\n  const baseProps = getBaseProps(props);\n\n  return (\n    <span\n      {...baseProps}\n      className={clsx(baseProps.className, styles.root, styles[`size-${size}`], styles[`variant-${variant}`])}\n      ref={__internalRootRef}\n    >\n      <span className={clsx(styles.circle, styles['circle-left'])} />\n      <span className={clsx(styles.circle, styles['circle-right'])} />\n    </span>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/spinner/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAI1D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAKjB;QALiB,EACtC,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,QAAQ,EAClB,iBAAiB,OAEI,EADlB,KAAK,cAJ8B,wCAKvC,CADS;IAER,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEtC,OAAO,CACL,8CACM,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAC,EAAE,MAAM,CAAC,WAAW,OAAO,EAAE,CAAC,CAAC,EACvG,GAAG,EAAE,iBAAiB;QAEtB,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC,GAAI;QAC/D,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC,GAAI,CAC3D,CACR,CAAC;AACJ,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 { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { SpinnerProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\ninterface InternalSpinnerProps extends SpinnerProps, InternalBaseComponentProps {}\n\nexport default function InternalSpinner({\n  size = 'normal',\n  variant = 'normal',\n  __internalRootRef,\n  ...props\n}: InternalSpinnerProps) {\n  const baseProps = getBaseProps(props);\n\n  return (\n    <span\n      {...baseProps}\n      className={clsx(baseProps.className, styles.root, styles[`size-${size}`], styles[`variant-${variant}`])}\n      ref={__internalRootRef}\n    >\n      <span className={clsx(styles.circle, styles['circle-left'])} />\n      <span className={clsx(styles.circle, styles['circle-right'])} />\n    </span>\n  );\n}\n"]}

package/split-panel/bottom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bottom.d.ts","sourceRoot":"","sources":["../../../src/split-panel/bottom.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAQtD,UAAU,4BAA6B,SAAQ,sBAAsB;IACnE,KAAK,EAAE,gBAAgB,CAAC;IACxB,uBAAuB,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxC,iBAAiB,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAC;CACpD;AAED,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,MAAM,EACN,KAAK,EACL,uBAAuB,EACvB,aAAa,EACb,UAAU,EACV,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,QAAQ,GACT,EAAE,4BAA4B,eAwD9B"}
+{"version":3,"file":"bottom.d.ts","sourceRoot":"","sources":["../../../src/split-panel/bottom.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAMrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAKtD,UAAU,4BAA6B,SAAQ,sBAAsB;IACnE,KAAK,EAAE,gBAAgB,CAAC;IACxB,uBAAuB,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxC,iBAAiB,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAC;CACpD;AAED,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,MAAM,EACN,KAAK,EACL,uBAAuB,EACvB,aAAa,EACb,UAAU,EACV,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,QAAQ,GACT,EAAE,4BAA4B,eAwD9B"}

package/split-panel/bottom.js

@@ -1,15 +1,15 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import clsx from 'clsx';
 import React, { useEffect, useRef } from 'react';
+import clsx from 'clsx';
+import { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';
+import { useSplitPanelContext } from '../internal/context/split-panel-context';
 import { useMergeRefs } from '../internal/hooks/use-merge-refs';
 import { useMobile } from '../internal/hooks/use-mobile';
-import { useSplitPanelContext } from '../internal/context/split-panel-context';
 import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
-import { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';
+import { getGlobalFlag } from '../internal/utils/global-flags';
 import styles from './styles.css.js';
 import testUtilStyles from './test-classes/styles.css.js';
-import { getGlobalFlag } from '../internal/utils/global-flags';
 export function SplitPanelContentBottom({ baseProps, isOpen, state, transitioningElementRef, splitPanelRef, cappedSize, header, resizeHandle, children, appLayoutMaxWidth, panelHeaderId, onToggle, }) {
     const isRefresh = useVisualRefresh();
     const hasToolbar = getGlobalFlag('appLayoutWidget');

package/split-panel/bottom.js.map

@@ -1 +1 @@
-{"version":3,"file":"bottom.js","sourceRoot":"","sources":["../../../src/split-panel/bottom.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useEffect, useRef } from 'react';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { TransitionStatus } from '../internal/components/transition';\nimport { SplitPanelContentProps } from './interfaces';\nimport { useSplitPanelContext } from '../internal/context/split-panel-context';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\nimport { getGlobalFlag } from '../internal/utils/global-flags';\n\ninterface SplitPanelContentBottomProps extends SplitPanelContentProps {\n  state: TransitionStatus;\n  transitioningElementRef: React.Ref<any>;\n  appLayoutMaxWidth: React.CSSProperties | undefined;\n}\n\nexport function SplitPanelContentBottom({\n  baseProps,\n  isOpen,\n  state,\n  transitioningElementRef,\n  splitPanelRef,\n  cappedSize,\n  header,\n  resizeHandle,\n  children,\n  appLayoutMaxWidth,\n  panelHeaderId,\n  onToggle,\n}: SplitPanelContentBottomProps) {\n  const isRefresh = useVisualRefresh();\n  const hasToolbar = getGlobalFlag('appLayoutWidget');\n  const { bottomOffset, leftOffset, rightOffset, disableContentPaddings, contentWrapperPaddings, reportHeaderHeight } =\n    useSplitPanelContext();\n  const transitionContentBottomRef = useMergeRefs(splitPanelRef || null, transitioningElementRef);\n  const isMobile = useMobile();\n\n  const headerRef = useRef<HTMLDivElement>(null);\n  useResizeObserver(headerRef, entry => reportHeaderHeight(entry.borderBoxHeight));\n  useEffect(() => {\n    // report empty height when unmounting the panel\n    return () => reportHeaderHeight(0);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const centeredMaxWidthClasses = clsx({\n    [styles['pane-bottom-center-align']]: isRefresh,\n    [styles['pane-bottom-content-nav-padding']]: contentWrapperPaddings?.closedNav,\n    [styles['pane-bottom-content-tools-padding']]: contentWrapperPaddings?.closedTools,\n  });\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(baseProps.className, styles.drawer, styles['position-bottom'], testUtilStyles.root, {\n        [testUtilStyles['open-position-bottom']]: isOpen,\n        [styles['drawer-closed']]: !isOpen,\n        [styles['drawer-mobile']]: isMobile,\n        [styles['drawer-disable-content-paddings']]: disableContentPaddings,\n        [styles.animating]: isRefresh && (state === 'entering' || state === 'exiting'),\n        [styles.refresh]: isRefresh,\n        [styles['with-toolbar']]: hasToolbar,\n      })}\n      onClick={() => !isOpen && onToggle()}\n      style={{\n        insetBlockEnd: bottomOffset,\n        insetInlineStart: leftOffset,\n        insetInlineEnd: rightOffset,\n        blockSize: isOpen ? cappedSize : undefined,\n      }}\n      ref={transitionContentBottomRef}\n    >\n      {isOpen && <div className={styles['slider-wrapper-bottom']}>{resizeHandle}</div>}\n      <div className={styles['drawer-content-bottom']} aria-labelledby={panelHeaderId} role=\"region\">\n        <div className={clsx(styles['pane-header-wrapper-bottom'], centeredMaxWidthClasses)} ref={headerRef}>\n          {header}\n        </div>\n        <div className={clsx(styles['content-bottom'], centeredMaxWidthClasses)} aria-hidden={!isOpen}>\n          <div className={clsx({ [styles['content-bottom-max-width']]: isRefresh })} style={appLayoutMaxWidth}>\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"bottom.js","sourceRoot":"","sources":["../../../src/split-panel/bottom.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nimport { TransitionStatus } from '../internal/components/transition';\nimport { useSplitPanelContext } from '../internal/context/split-panel-context';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { getGlobalFlag } from '../internal/utils/global-flags';\nimport { SplitPanelContentProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\ninterface SplitPanelContentBottomProps extends SplitPanelContentProps {\n  state: TransitionStatus;\n  transitioningElementRef: React.Ref<any>;\n  appLayoutMaxWidth: React.CSSProperties | undefined;\n}\n\nexport function SplitPanelContentBottom({\n  baseProps,\n  isOpen,\n  state,\n  transitioningElementRef,\n  splitPanelRef,\n  cappedSize,\n  header,\n  resizeHandle,\n  children,\n  appLayoutMaxWidth,\n  panelHeaderId,\n  onToggle,\n}: SplitPanelContentBottomProps) {\n  const isRefresh = useVisualRefresh();\n  const hasToolbar = getGlobalFlag('appLayoutWidget');\n  const { bottomOffset, leftOffset, rightOffset, disableContentPaddings, contentWrapperPaddings, reportHeaderHeight } =\n    useSplitPanelContext();\n  const transitionContentBottomRef = useMergeRefs(splitPanelRef || null, transitioningElementRef);\n  const isMobile = useMobile();\n\n  const headerRef = useRef<HTMLDivElement>(null);\n  useResizeObserver(headerRef, entry => reportHeaderHeight(entry.borderBoxHeight));\n  useEffect(() => {\n    // report empty height when unmounting the panel\n    return () => reportHeaderHeight(0);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const centeredMaxWidthClasses = clsx({\n    [styles['pane-bottom-center-align']]: isRefresh,\n    [styles['pane-bottom-content-nav-padding']]: contentWrapperPaddings?.closedNav,\n    [styles['pane-bottom-content-tools-padding']]: contentWrapperPaddings?.closedTools,\n  });\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(baseProps.className, styles.drawer, styles['position-bottom'], testUtilStyles.root, {\n        [testUtilStyles['open-position-bottom']]: isOpen,\n        [styles['drawer-closed']]: !isOpen,\n        [styles['drawer-mobile']]: isMobile,\n        [styles['drawer-disable-content-paddings']]: disableContentPaddings,\n        [styles.animating]: isRefresh && (state === 'entering' || state === 'exiting'),\n        [styles.refresh]: isRefresh,\n        [styles['with-toolbar']]: hasToolbar,\n      })}\n      onClick={() => !isOpen && onToggle()}\n      style={{\n        insetBlockEnd: bottomOffset,\n        insetInlineStart: leftOffset,\n        insetInlineEnd: rightOffset,\n        blockSize: isOpen ? cappedSize : undefined,\n      }}\n      ref={transitionContentBottomRef}\n    >\n      {isOpen && <div className={styles['slider-wrapper-bottom']}>{resizeHandle}</div>}\n      <div className={styles['drawer-content-bottom']} aria-labelledby={panelHeaderId} role=\"region\">\n        <div className={clsx(styles['pane-header-wrapper-bottom'], centeredMaxWidthClasses)} ref={headerRef}>\n          {header}\n        </div>\n        <div className={clsx(styles['content-bottom'], centeredMaxWidthClasses)} aria-hidden={!isOpen}>\n          <div className={clsx({ [styles['content-bottom-max-width']]: isRefresh })} style={appLayoutMaxWidth}>\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/split-panel/icons/bottom-icon-refresh.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bottom-icon-refresh.d.ts","sourceRoot":"","sources":["../../../../src/split-panel/icons/bottom-icon-refresh.tsx"],"names":[],"mappings":";AAiCA,QAAA,MAAM,kBAAkB,aAoDvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"bottom-icon-refresh.d.ts","sourceRoot":"","sources":["../../../../src/split-panel/icons/bottom-icon-refresh.tsx"],"names":[],"mappings":";AAkCA,QAAA,MAAM,kBAAkB,aAoDvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/split-panel/icons/bottom-icon-refresh.js.map

@@ -1 +1 @@
-{"version":3,"file":"bottom-icon-refresh.js","sourceRoot":"","sources":["../../../../src/split-panel/icons/bottom-icon-refresh.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAoB,MAAM,yBAAyB,CAAC;AAEzE,MAAM,QAAQ,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAoB,EAAE,EAAE;IAC1D,MAAM,SAAS,GAAG,MAAM,CAAC;IACzB,MAAM,YAAY,GAAG,MAAM,CAAC;IAC5B,OAAO,CACL,2BAAG,SAAS,EAAE,gBAAgB,MAAM,GAAG,EAAE,SAAS,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC;QACvG,8BAAM,CAAC,EAAE,OAAO,SAAS,OAAO,YAAY,OAAO,SAAS,GAAG,GAAI;QACnE,8BACE,CAAC,EAAE,OAAO,SAAS,OAAO,YAAY,OAAO,SAAS,GAAG,EACzD,SAAS,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,GAC5D;QACF,8BAAM,CAAC,EAAE,QAAQ,SAAS,QAAQ,YAAY,QAAQ,SAAS,GAAG,GAAI;QACtE,8BAAM,CAAC,EAAE,QAAQ,SAAS,QAAQ,YAAY,QAAQ,SAAS,GAAG,GAAI;QACtE,8BAAM,CAAC,EAAC,eAAe,EAAC,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC,EAAE,aAAa,EAAC,QAAQ,GAAG,CACrF,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAoB,EAAE,EAAE;IACpD,OAAO,CACL,2BAAG,SAAS,EAAE,gBAAgB,MAAM,GAAG,EAAE,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC;QAC3E,8BAAM,CAAC,EAAC,kBAAkB,GAAG;QAC7B,8BAAM,CAAC,EAAC,mBAAmB,GAAG;QAC9B,8BAAM,CAAC,EAAC,qBAAqB,GAAG;QAChC,8BAAM,CAAC,EAAC,qBAAqB,GAAG,CAC9B,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CACzB,6BACE,SAAS,EAAE,YAAY,CAAC,KAAK,CAAC,EAC9B,SAAS,EAAE,KAAK,EAChB,OAAO,EAAC,aAAa,EACrB,OAAO,EAAC,KAAK,EACb,KAAK,EAAC,4BAA4B,EAClC,UAAU,EAAC,8BAA8B,iBAC7B,MAAM;IAElB,8BACE,CAAC,EAAC,mIAAmI,EACrI,SAAS,EAAE,YAAY,CAAC,QAAQ,CAAC,EACjC,WAAW,EAAC,GAAG,GACf;IACF,2BAAG,SAAS,EAAC,8BAA8B;QACzC,8BAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,GAAG,EAAC,SAAS,EAAE,YAAY,CAAC,YAAY,CAAC,GAAI,CAChF;IACJ;QACE,8BAAM,CAAC,EAAC,kBAAkB,EAAC,SAAS,EAAE,YAAY,CAAC,aAAa,CAAC,GAAI;QACrE,2BAAG,SAAS,EAAE,YAAY,CAAC,SAAS,CAAC;YACnC,8BACE,CAAC,EAAC,0HAA0H,EAC5H,SAAS,EAAE,YAAY,CAAC,UAAU,CAAC,GACnC;YACF,8BAAM,CAAC,EAAC,0BAA0B,GAAG;YACrC,8BAAM,CAAC,EAAC,+JAA+J,GAAG;YAC1K,8BAAM,CAAC,EAAC,+JAA+J,GAAG;YAC1K,8BACE,CAAC,EAAC,+JAA+J,EACjK,SAAS,EAAE,YAAY,CAAC,SAAS,CAAC,GAClC;YACF,gCAAQ,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,MAAM,EAAC,CAAC,EAAC,KAAK,EAAC,SAAS,EAAE,YAAY,CAAC,UAAU,CAAC,GAAI,CAC1E,CACF;IACJ,oBAAC,QAAQ,IAAC,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,GAAI;IACxC,oBAAC,QAAQ,IAAC,MAAM,EAAE,EAAE,GAAI;IACxB,oBAAC,QAAQ,IAAC,MAAM,EAAE,EAAE,GAAI;IACxB,oBAAC,QAAQ,IAAC,MAAM,EAAE,EAAE,GAAI;IAExB,8BAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,YAAY,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAC,GAAG,GAAG;IACvG,8BAAM,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAE,YAAY,CAAC,eAAe,CAAC,GAAI;IAC/F,8BAAM,CAAC,EAAC,qBAAqB,EAAC,SAAS,EAAE,YAAY,CAAC,SAAS,CAAC,GAAI;IACpE,2BAAG,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC;QACrC,8BAAM,CAAC,EAAC,wBAAwB,GAAG;QACnC,8BAAM,CAAC,EAAC,wBAAwB,GAAG,CACjC;IAEJ,oBAAC,YAAY,IAAC,MAAM,EAAE,EAAE,GAAI;IAC5B,oBAAC,YAAY,IAAC,MAAM,EAAE,GAAG,GAAI;IAC7B,oBAAC,YAAY,IAAC,MAAM,EAAE,GAAG,GAAI,CACzB,CACP,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { getClassName, SVGTableRowProps } from './side-position-refresh';\n\nconst TableRow = ({ offset, isHeader }: SVGTableRowProps) => {\n  const offsetTop = 0.4482;\n  const offsetBottom = 3.4482;\n  return (\n    <g transform={`translate(0, ${offset})`} className={getClassName(isHeader ? 'column-header' : 'disabled')}>\n      <path d={`M31 ${offsetTop}H34V${offsetBottom}H31V${offsetTop}Z`} />\n      <path\n        d={`M39 ${offsetTop}H63V${offsetBottom}H39V${offsetTop}Z`}\n        className={!isHeader ? getClassName('secondary') : undefined}\n      />\n      <path d={`M135 ${offsetTop}H155V${offsetBottom}H135V${offsetTop}Z`} />\n      <path d={`M158 ${offsetTop}H202V${offsetBottom}H158V${offsetTop}Z`} />\n      <path d=\"M26 8H204.388\" className={getClassName('separator')} strokeLinecap=\"square\" />\n    </g>\n  );\n};\n\nconst SidePanelRow = ({ offset }: SVGTableRowProps) => {\n  return (\n    <g transform={`translate(0, ${offset})`} className={getClassName('secondary')}>\n      <path d=\"M27 0H59V3H27V0Z\" />\n      <path d=\"M75 0H107V3H75V0Z\" />\n      <path d=\"M123 0H155V3H123V0Z\" />\n      <path d=\"M171 0H203V3H171V0Z\" />\n    </g>\n  );\n};\n\nconst bottomPositionIcon = (\n  <svg\n    className={getClassName('svg')}\n    focusable={false}\n    viewBox=\"0 0 230 128\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    aria-hidden=\"true\"\n  >\n    <path\n      d=\"M2 1H228C228.552 1 229 1.44772 229 2V117C229 117.552 228.552 118 228 118H2C1.44772 118 1 117.552 1 117V2C1 1.44772 1.44772 1 2 1Z\"\n      className={getClassName('window')}\n      strokeWidth=\"2\"\n    />\n    <g className=\"awsui-context-top-navigation\">\n      <rect x=\"2\" y=\"2\" width=\"226\" height=\"6\" className={getClassName('layout-top')} />\n    </g>\n    <g>\n      <path d=\"M2 8H228V23H2V8Z\" className={getClassName('layout-main')} />\n      <g className={getClassName('default')}>\n        <path\n          d=\"M9 15.5C9 16.8807 7.88071 18 6.5 18C5.11929 18 4 16.8807 4 15.5C4 14.1193 5.11929 13 6.5 13C7.88071 13 9 14.1193 9 15.5Z\"\n          className={getClassName('disabled')}\n        />\n        <path d=\"M26 14H56.1484V17H26V14Z\" />\n        <path d=\"M139 15.5C139 13.567 140.567 12 142.5 12H155.86C157.793 12 159.36 13.567 159.36 15.5C159.36 17.433 157.793 19 155.86 19H142.5C140.567 19 139 17.433 139 15.5Z\" />\n        <path d=\"M163 15.5C163 13.567 164.567 12 166.5 12H179.86C181.793 12 183.36 13.567 183.36 15.5C183.36 17.433 181.793 19 179.86 19H166.5C164.567 19 163 17.433 163 15.5Z\" />\n        <path\n          d=\"M186 15.5C186 13.567 187.567 12 189.5 12H202.86C204.793 12 206.36 13.567 206.36 15.5C206.36 17.433 204.793 19 202.86 19H189.5C187.567 19 186 17.433 186 15.5Z\"\n          className={getClassName('primary')}\n        />\n        <circle cx=\"223.5\" cy=\"15.5\" r=\"2.5\" className={getClassName('disabled')} />\n      </g>\n    </g>\n    <TableRow offset={27} isHeader={true} />\n    <TableRow offset={39} />\n    <TableRow offset={51} />\n    <TableRow offset={63} />\n\n    <rect x=\"8\" y=\"75\" width=\"214\" height=\"52\" rx=\"5\" className={getClassName('window')} strokeWidth=\"2\" />\n    <rect x=\"111\" y=\"79\" width=\"8\" height=\"3\" rx=\"1.5\" className={getClassName('input-default')} />\n    <path d=\"M27 87H57V92H27V87Z\" className={getClassName('heading')} />\n    <g className={getClassName('secondary')}>\n      <path d=\"M198 87H203V92H198V87Z\" />\n      <path d=\"M190 87H195V92H190V87Z\" />\n    </g>\n\n    <SidePanelRow offset={99} />\n    <SidePanelRow offset={106} />\n    <SidePanelRow offset={113} />\n  </svg>\n);\n\nexport default bottomPositionIcon;\n"]}
+{"version":3,"file":"bottom-icon-refresh.js","sourceRoot":"","sources":["../../../../src/split-panel/icons/bottom-icon-refresh.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { getClassName, SVGTableRowProps } from './side-position-refresh';\n\nconst TableRow = ({ offset, isHeader }: SVGTableRowProps) => {\n  const offsetTop = 0.4482;\n  const offsetBottom = 3.4482;\n  return (\n    <g transform={`translate(0, ${offset})`} className={getClassName(isHeader ? 'column-header' : 'disabled')}>\n      <path d={`M31 ${offsetTop}H34V${offsetBottom}H31V${offsetTop}Z`} />\n      <path\n        d={`M39 ${offsetTop}H63V${offsetBottom}H39V${offsetTop}Z`}\n        className={!isHeader ? getClassName('secondary') : undefined}\n      />\n      <path d={`M135 ${offsetTop}H155V${offsetBottom}H135V${offsetTop}Z`} />\n      <path d={`M158 ${offsetTop}H202V${offsetBottom}H158V${offsetTop}Z`} />\n      <path d=\"M26 8H204.388\" className={getClassName('separator')} strokeLinecap=\"square\" />\n    </g>\n  );\n};\n\nconst SidePanelRow = ({ offset }: SVGTableRowProps) => {\n  return (\n    <g transform={`translate(0, ${offset})`} className={getClassName('secondary')}>\n      <path d=\"M27 0H59V3H27V0Z\" />\n      <path d=\"M75 0H107V3H75V0Z\" />\n      <path d=\"M123 0H155V3H123V0Z\" />\n      <path d=\"M171 0H203V3H171V0Z\" />\n    </g>\n  );\n};\n\nconst bottomPositionIcon = (\n  <svg\n    className={getClassName('svg')}\n    focusable={false}\n    viewBox=\"0 0 230 128\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    aria-hidden=\"true\"\n  >\n    <path\n      d=\"M2 1H228C228.552 1 229 1.44772 229 2V117C229 117.552 228.552 118 228 118H2C1.44772 118 1 117.552 1 117V2C1 1.44772 1.44772 1 2 1Z\"\n      className={getClassName('window')}\n      strokeWidth=\"2\"\n    />\n    <g className=\"awsui-context-top-navigation\">\n      <rect x=\"2\" y=\"2\" width=\"226\" height=\"6\" className={getClassName('layout-top')} />\n    </g>\n    <g>\n      <path d=\"M2 8H228V23H2V8Z\" className={getClassName('layout-main')} />\n      <g className={getClassName('default')}>\n        <path\n          d=\"M9 15.5C9 16.8807 7.88071 18 6.5 18C5.11929 18 4 16.8807 4 15.5C4 14.1193 5.11929 13 6.5 13C7.88071 13 9 14.1193 9 15.5Z\"\n          className={getClassName('disabled')}\n        />\n        <path d=\"M26 14H56.1484V17H26V14Z\" />\n        <path d=\"M139 15.5C139 13.567 140.567 12 142.5 12H155.86C157.793 12 159.36 13.567 159.36 15.5C159.36 17.433 157.793 19 155.86 19H142.5C140.567 19 139 17.433 139 15.5Z\" />\n        <path d=\"M163 15.5C163 13.567 164.567 12 166.5 12H179.86C181.793 12 183.36 13.567 183.36 15.5C183.36 17.433 181.793 19 179.86 19H166.5C164.567 19 163 17.433 163 15.5Z\" />\n        <path\n          d=\"M186 15.5C186 13.567 187.567 12 189.5 12H202.86C204.793 12 206.36 13.567 206.36 15.5C206.36 17.433 204.793 19 202.86 19H189.5C187.567 19 186 17.433 186 15.5Z\"\n          className={getClassName('primary')}\n        />\n        <circle cx=\"223.5\" cy=\"15.5\" r=\"2.5\" className={getClassName('disabled')} />\n      </g>\n    </g>\n    <TableRow offset={27} isHeader={true} />\n    <TableRow offset={39} />\n    <TableRow offset={51} />\n    <TableRow offset={63} />\n\n    <rect x=\"8\" y=\"75\" width=\"214\" height=\"52\" rx=\"5\" className={getClassName('window')} strokeWidth=\"2\" />\n    <rect x=\"111\" y=\"79\" width=\"8\" height=\"3\" rx=\"1.5\" className={getClassName('input-default')} />\n    <path d=\"M27 87H57V92H27V87Z\" className={getClassName('heading')} />\n    <g className={getClassName('secondary')}>\n      <path d=\"M198 87H203V92H198V87Z\" />\n      <path d=\"M190 87H195V92H190V87Z\" />\n    </g>\n\n    <SidePanelRow offset={99} />\n    <SidePanelRow offset={106} />\n    <SidePanelRow offset={113} />\n  </svg>\n);\n\nexport default bottomPositionIcon;\n"]}

package/split-panel/icons/bottom-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bottom-icon.d.ts","sourceRoot":"","sources":["../../../../src/split-panel/icons/bottom-icon.tsx"],"names":[],"mappings":";AAKA,QAAA,MAAM,kBAAkB,aAuGvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"bottom-icon.d.ts","sourceRoot":"","sources":["../../../../src/split-panel/icons/bottom-icon.tsx"],"names":[],"mappings":";AAMA,QAAA,MAAM,kBAAkB,aAuGvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/split-panel/icons/bottom-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"bottom-icon.js","sourceRoot":"","sources":["../../../../src/split-panel/icons/bottom-icon.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport styles from './styles.css.js';\n\nconst bottomPositionIcon = (\n  <svg\n    className={styles['preference-icon--svg']}\n    focusable={false}\n    viewBox=\"0 0 240 134\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    aria-hidden=\"true\"\n  >\n    <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n      <g>\n        <g>\n          <rect\n            className={styles['preference-icon--layout-border']}\n            strokeWidth=\"2\"\n            x=\"1\"\n            y=\"1\"\n            width=\"238\"\n            height=\"125\"\n            rx=\"2\"\n          ></rect>\n          <rect className={styles['preference-icon--layout-background']} x=\"12\" y=\"0\" width=\"217\" height=\"126\"></rect>\n          <path\n            className={styles['preference-icon--layout-header']}\n            d=\"M2,0 L238,0 C239.104569,-1.58997828e-14 240,0.8954305 240,2 L240,10 L240,10 L0,10 L0,2 C-1.3527075e-16,0.8954305 0.8954305,2.02906125e-16 2,0 Z\"\n          ></path>\n        </g>\n        <g transform=\"translate(28.000000, 22.000000)\">\n          <rect\n            className={styles['preference-icon--border']}\n            strokeWidth=\"2\"\n            x=\"1\"\n            y=\"1\"\n            width=\"182\"\n            height=\"110\"\n            rx=\"2\"\n          ></rect>\n          <rect className={styles['preference-icon--primary-button']} x=\"152\" y=\"6\" width=\"26\" height=\"10\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"122\" y=\"6\" width=\"26\" height=\"10\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"92\" y=\"6\" width=\"26\" height=\"10\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"122\" y=\"29\" width=\"55\" height=\"3\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"92\" y=\"29\" width=\"26\" height=\"3\"></rect>\n          <polygon className={styles['preference-icon--focus-text']} points=\"19 29 49 29 49 32 19 32\"></polygon>\n          <polygon className={styles['preference-icon--focus-text']} points=\"10 10 40 10 40 13 10 13\"></polygon>\n          <polygon className={styles['preference-icon--disabled-element']} points=\"10 29 13 29 13 32 10 32\"></polygon>\n          <line\n            className={styles['preference-icon--separator']}\n            x1=\"3\"\n            y1=\"22.7619048\"\n            x2=\"181\"\n            y2=\"22.7619048\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"square\"\n          ></line>\n          <g transform=\"translate(3.000000, 37.285714)\">\n            <rect className={styles['preference-icon--disabled-element']} x=\"119\" y=\"6\" width=\"55\" height=\"3\"></rect>\n            <rect className={styles['preference-icon--disabled-element']} x=\"89\" y=\"6\" width=\"26\" height=\"3\"></rect>\n            <polygon className={styles['preference-icon--focus-text']} points=\"16 6 46 6 46 9 16 9\"></polygon>\n            <polygon className={styles['preference-icon--disabled-element']} points=\"7 6 10 6 10 9 7 9\"></polygon>\n            <line\n              className={styles['preference-icon--separator']}\n              x1=\"0\"\n              y1=\"0.666666667\"\n              x2=\"178\"\n              y2=\"0.666666667\"\n              strokeLinecap=\"square\"\n            ></line>\n          </g>\n        </g>\n        <g transform=\"translate(12.000000, 74.000000)\">\n          <g>\n            <rect\n              className={styles['preference-icon--border']}\n              strokeWidth=\"2\"\n              x=\"1\"\n              y=\"1\"\n              width=\"215\"\n              height=\"58\"\n              rx=\"2\"\n            ></rect>\n            <rect className={styles['preference-icon--secondary']} x=\"177\" y=\"8\" width=\"30.6630435\" height=\"10\"></rect>\n            <polygon\n              className={styles['preference-icon--focus-text']}\n              points=\"10 12 45.3804348 12 45.3804348 15 10 15\"\n            ></polygon>\n          </g>\n          <g className={styles['preference-icon--secondary']} transform=\"translate(9.000000, 40.000000)\">\n            <polygon points=\"-3.55271368e-15 0 39 0 39 3 -3.55271368e-15 3\"></polygon>\n            <polygon points=\"53 0 92 0 92 3 53 3\"></polygon>\n            <polygon points=\"107 0 146 0 146 3 107 3\"></polygon>\n            <polygon points=\"160 0 199 0 199 3 160 3\"></polygon>\n            <polygon points=\"-3.55271368e-15 9 39 9 39 12 -3.55271368e-15 12\"></polygon>\n            <polygon points=\"53 9 92 9 92 12 53 12\"></polygon>\n            <polygon points=\"107 9 146 9 146 12 107 12\"></polygon>\n            <polygon points=\"160 9 199 9 199 12 160 12\"></polygon>\n          </g>\n          <polygon className={styles['preference-icon--focus-text']} points=\"10 23 32 23 32 26 10 26\"></polygon>\n          <polygon className={styles['preference-icon--secondary']} points=\"40 23 62 23 62 26 40 26\"></polygon>\n        </g>\n      </g>\n    </g>\n  </svg>\n);\n\nexport default bottomPositionIcon;\n"]}
+{"version":3,"file":"bottom-icon.js","sourceRoot":"","sources":["../../../../src/split-panel/icons/bottom-icon.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport styles from './styles.css.js';\n\nconst bottomPositionIcon = (\n  <svg\n    className={styles['preference-icon--svg']}\n    focusable={false}\n    viewBox=\"0 0 240 134\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    aria-hidden=\"true\"\n  >\n    <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n      <g>\n        <g>\n          <rect\n            className={styles['preference-icon--layout-border']}\n            strokeWidth=\"2\"\n            x=\"1\"\n            y=\"1\"\n            width=\"238\"\n            height=\"125\"\n            rx=\"2\"\n          ></rect>\n          <rect className={styles['preference-icon--layout-background']} x=\"12\" y=\"0\" width=\"217\" height=\"126\"></rect>\n          <path\n            className={styles['preference-icon--layout-header']}\n            d=\"M2,0 L238,0 C239.104569,-1.58997828e-14 240,0.8954305 240,2 L240,10 L240,10 L0,10 L0,2 C-1.3527075e-16,0.8954305 0.8954305,2.02906125e-16 2,0 Z\"\n          ></path>\n        </g>\n        <g transform=\"translate(28.000000, 22.000000)\">\n          <rect\n            className={styles['preference-icon--border']}\n            strokeWidth=\"2\"\n            x=\"1\"\n            y=\"1\"\n            width=\"182\"\n            height=\"110\"\n            rx=\"2\"\n          ></rect>\n          <rect className={styles['preference-icon--primary-button']} x=\"152\" y=\"6\" width=\"26\" height=\"10\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"122\" y=\"6\" width=\"26\" height=\"10\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"92\" y=\"6\" width=\"26\" height=\"10\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"122\" y=\"29\" width=\"55\" height=\"3\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"92\" y=\"29\" width=\"26\" height=\"3\"></rect>\n          <polygon className={styles['preference-icon--focus-text']} points=\"19 29 49 29 49 32 19 32\"></polygon>\n          <polygon className={styles['preference-icon--focus-text']} points=\"10 10 40 10 40 13 10 13\"></polygon>\n          <polygon className={styles['preference-icon--disabled-element']} points=\"10 29 13 29 13 32 10 32\"></polygon>\n          <line\n            className={styles['preference-icon--separator']}\n            x1=\"3\"\n            y1=\"22.7619048\"\n            x2=\"181\"\n            y2=\"22.7619048\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"square\"\n          ></line>\n          <g transform=\"translate(3.000000, 37.285714)\">\n            <rect className={styles['preference-icon--disabled-element']} x=\"119\" y=\"6\" width=\"55\" height=\"3\"></rect>\n            <rect className={styles['preference-icon--disabled-element']} x=\"89\" y=\"6\" width=\"26\" height=\"3\"></rect>\n            <polygon className={styles['preference-icon--focus-text']} points=\"16 6 46 6 46 9 16 9\"></polygon>\n            <polygon className={styles['preference-icon--disabled-element']} points=\"7 6 10 6 10 9 7 9\"></polygon>\n            <line\n              className={styles['preference-icon--separator']}\n              x1=\"0\"\n              y1=\"0.666666667\"\n              x2=\"178\"\n              y2=\"0.666666667\"\n              strokeLinecap=\"square\"\n            ></line>\n          </g>\n        </g>\n        <g transform=\"translate(12.000000, 74.000000)\">\n          <g>\n            <rect\n              className={styles['preference-icon--border']}\n              strokeWidth=\"2\"\n              x=\"1\"\n              y=\"1\"\n              width=\"215\"\n              height=\"58\"\n              rx=\"2\"\n            ></rect>\n            <rect className={styles['preference-icon--secondary']} x=\"177\" y=\"8\" width=\"30.6630435\" height=\"10\"></rect>\n            <polygon\n              className={styles['preference-icon--focus-text']}\n              points=\"10 12 45.3804348 12 45.3804348 15 10 15\"\n            ></polygon>\n          </g>\n          <g className={styles['preference-icon--secondary']} transform=\"translate(9.000000, 40.000000)\">\n            <polygon points=\"-3.55271368e-15 0 39 0 39 3 -3.55271368e-15 3\"></polygon>\n            <polygon points=\"53 0 92 0 92 3 53 3\"></polygon>\n            <polygon points=\"107 0 146 0 146 3 107 3\"></polygon>\n            <polygon points=\"160 0 199 0 199 3 160 3\"></polygon>\n            <polygon points=\"-3.55271368e-15 9 39 9 39 12 -3.55271368e-15 12\"></polygon>\n            <polygon points=\"53 9 92 9 92 12 53 12\"></polygon>\n            <polygon points=\"107 9 146 9 146 12 107 12\"></polygon>\n            <polygon points=\"160 9 199 9 199 12 160 12\"></polygon>\n          </g>\n          <polygon className={styles['preference-icon--focus-text']} points=\"10 23 32 23 32 26 10 26\"></polygon>\n          <polygon className={styles['preference-icon--secondary']} points=\"40 23 62 23 62 26 40 26\"></polygon>\n        </g>\n      </g>\n    </g>\n  </svg>\n);\n\nexport default bottomPositionIcon;\n"]}

package/split-panel/icons/side-position-refresh.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"side-position-refresh.d.ts","sourceRoot":"","sources":["../../../../src/split-panel/icons/side-position-refresh.tsx"],"names":[],"mappings":";AAKA,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,WAAY,MAAM,WAAiD,CAAC;AA4B7F,QAAA,MAAM,kBAAkB,aA4DvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"side-position-refresh.d.ts","sourceRoot":"","sources":["../../../../src/split-panel/icons/side-position-refresh.tsx"],"names":[],"mappings":";AAMA,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,WAAY,MAAM,WAAiD,CAAC;AA4B7F,QAAA,MAAM,kBAAkB,aA4DvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/split-panel/icons/side-position-refresh.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-position-refresh.js","sourceRoot":"","sources":["../../../../src/split-panel/icons/side-position-refresh.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAc,EAAE,EAAE,CAAC,MAAM,CAAC,4BAA4B,MAAM,EAAE,CAAC,CAAC;AAE7F,MAAM,QAAQ,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,GAAG,IAAI,EAAE,QAAQ,EAAoB,EAAE,EAAE;IAC5E,MAAM,SAAS,GAAG,MAAM,CAAC;IACzB,MAAM,YAAY,GAAG,MAAM,CAAC;IAC5B,OAAO,CACL,2BAAG,SAAS,EAAE,gBAAgB,MAAM,GAAG,EAAE,SAAS,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC;QACvG,8BAAM,CAAC,EAAE,OAAO,SAAS,QAAQ,YAAY,OAAO,SAAS,GAAG,GAAI;QACpE,8BACE,CAAC,EAAE,OAAO,SAAS,OAAO,YAAY,OAAO,SAAS,GAAG,EACzD,SAAS,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,GAC5D;QACF,8BAAM,CAAC,EAAE,OAAO,SAAS,QAAQ,YAAY,OAAO,SAAS,GAAG,GAAI;QACpE,8BAAM,CAAC,EAAE,QAAQ,SAAS,QAAQ,YAAY,QAAQ,SAAS,GAAG,GAAI;QACrE,SAAS,IAAI,8BAAM,CAAC,EAAC,eAAe,EAAC,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC,EAAE,aAAa,EAAC,QAAQ,GAAG,CACnG,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAoB,EAAE,EAAE;IACpD,OAAO,CACL,2BAAG,SAAS,EAAE,gBAAgB,MAAM,GAAG,EAAE,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC;QAC3E,8BAAM,CAAC,EAAC,qBAAqB,GAAG;QAChC,8BAAM,CAAC,EAAC,qBAAqB,GAAG,CAC9B,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CACzB,6BACE,SAAS,EAAE,YAAY,CAAC,KAAK,CAAC,EAC9B,SAAS,EAAE,KAAK,EAChB,OAAO,EAAC,aAAa,EACrB,OAAO,EAAC,KAAK,EACb,KAAK,EAAC,4BAA4B,EAClC,UAAU,EAAC,8BAA8B,iBAC7B,MAAM;IAElB,8BACE,CAAC,EAAC,yIAAyI,EAC3I,SAAS,EAAE,YAAY,CAAC,QAAQ,CAAC,EACjC,WAAW,EAAC,GAAG,GACf;IACF,2BAAG,SAAS,EAAC,8BAA8B;QACzC,8BAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,GAAG,EAAC,SAAS,EAAE,YAAY,CAAC,YAAY,CAAC,GAAI,CAChF;IACJ;QACE,8BAAM,CAAC,EAAC,kBAAkB,EAAC,SAAS,EAAE,YAAY,CAAC,aAAa,CAAC,GAAI;QACrE,2BAAG,SAAS,EAAE,YAAY,CAAC,SAAS,CAAC;YACnC,8BACE,CAAC,EAAC,0HAA0H,EAC5H,SAAS,EAAE,YAAY,CAAC,UAAU,CAAC,GACnC;YACF,8BAAM,CAAC,EAAC,0BAA0B,GAAG;YACrC,8BAAM,CAAC,EAAC,uJAAuJ,GAAG;YAClK,8BAAM,CAAC,EAAC,+JAA+J,GAAG;YAC1K,8BACE,CAAC,EAAC,+JAA+J,EACjK,SAAS,EAAE,YAAY,CAAC,SAAS,CAAC,GAClC,CACA,CACF;IACJ,oBAAC,QAAQ,IAAC,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,GAAI;IACxC,oBAAC,QAAQ,IAAC,MAAM,EAAE,EAAE,GAAI;IACxB,oBAAC,QAAQ,IAAC,MAAM,EAAE,EAAE,GAAI;IACxB,oBAAC,QAAQ,IAAC,MAAM,EAAE,EAAE,GAAI;IACxB,oBAAC,QAAQ,IAAC,MAAM,EAAE,EAAE,GAAI;IACxB,oBAAC,QAAQ,IAAC,MAAM,EAAE,EAAE,GAAI;IACxB,oBAAC,QAAQ,IAAC,MAAM,EAAE,EAAE,GAAI;IACxB,oBAAC,QAAQ,IAAC,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,GAAI;IAE3C,8BAAM,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,YAAY,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAC,GAAG,GAAG;IACzG,8BAAM,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAE,YAAY,CAAC,eAAe,CAAC,GAAI;IAC/F,8BAAM,CAAC,EAAC,aAAa,EAAC,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC,GAAI;IAC9D,2BAAG,SAAS,EAAE,YAAY,CAAC,UAAU,CAAC;QACpC,8BAAM,CAAC,EAAC,4IAA4I,GAAG;QACvJ,8BAAM,CAAC,EAAC,4IAA4I,GAAG,CACrJ;IACJ,8BAAM,CAAC,EAAC,wBAAwB,EAAC,SAAS,EAAE,YAAY,CAAC,SAAS,CAAC,GAAI;IACvE,2BAAG,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC;QACrC,8BAAM,CAAC,EAAC,wBAAwB,GAAG;QACnC,8BAAM,CAAC,EAAC,wBAAwB,GAAG,CACjC;IACJ,oBAAC,YAAY,IAAC,MAAM,EAAE,EAAE,GAAI;IAC5B,oBAAC,YAAY,IAAC,MAAM,EAAE,EAAE,GAAI;IAC5B,oBAAC,YAAY,IAAC,MAAM,EAAE,EAAE,GAAI;IAC5B,oBAAC,YAAY,IAAC,MAAM,EAAE,EAAE,GAAI,CACxB,CACP,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport styles from './styles.css.js';\n\nexport interface SVGTableRowProps {\n  offset: number;\n  separator?: boolean;\n  isHeader?: boolean;\n}\n\nexport const getClassName = (suffix: string) => styles[`preference-icon-refresh--${suffix}`];\n\nconst TableRow = ({ offset, separator = true, isHeader }: SVGTableRowProps) => {\n  const offsetTop = 0.4482;\n  const offsetBottom = 3.4482;\n  return (\n    <g transform={`translate(0, ${offset})`} className={getClassName(isHeader ? 'column-header' : 'disabled')}>\n      <path d={`M19 ${offsetTop}2H22V${offsetBottom}H19V${offsetTop}Z`} />\n      <path\n        d={`M27 ${offsetTop}H51V${offsetBottom}H27V${offsetTop}Z`}\n        className={!isHeader ? getClassName('secondary') : undefined}\n      />\n      <path d={`M90 ${offsetTop}H110V${offsetBottom}H90V${offsetTop}Z`} />\n      <path d={`M113 ${offsetTop}H157V${offsetBottom}H113V${offsetTop}Z`} />\n      {separator && <path d=\"M14 8H159.387\" className={getClassName('separator')} strokeLinecap=\"square\" />}\n    </g>\n  );\n};\n\nconst SidePanelRow = ({ offset }: SVGTableRowProps) => {\n  return (\n    <g transform={`translate(0, ${offset})`} className={getClassName('secondary')}>\n      <path d=\"M177 0H190V3H177V0Z\" />\n      <path d=\"M195 0H208V3H195V0Z\" />\n    </g>\n  );\n};\n\nconst bottomPositionIcon = (\n  <svg\n    className={getClassName('svg')}\n    focusable={false}\n    viewBox=\"0 0 230 128\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    aria-hidden=\"true\"\n  >\n    <path\n      d=\"M2 1H214C214.552 1 215 1.44772 215 2V126C215 126.552 214.552 127 214 127H2.00001C1.44772 127 1 126.552 1 126V2C1 1.44772 1.44772 1 2 1Z\"\n      className={getClassName('window')}\n      strokeWidth=\"2\"\n    />\n    <g className=\"awsui-context-top-navigation\">\n      <rect x=\"2\" y=\"2\" width=\"212\" height=\"6\" className={getClassName('layout-top')} />\n    </g>\n    <g>\n      <path d=\"M2 8H214V23H2V8Z\" className={getClassName('layout-main')} />\n      <g className={getClassName('default')}>\n        <path\n          d=\"M9 15.5C9 16.8807 7.88071 18 6.5 18C5.11929 18 4 16.8807 4 15.5C4 14.1193 5.11929 13 6.5 13C7.88071 13 9 14.1193 9 15.5Z\"\n          className={getClassName('disabled')}\n        />\n        <path d=\"M16 14H46.1484V17H16V14Z\" />\n        <path d=\"M92 15.5C92 13.567 93.567 12 95.5 12H108.86C110.793 12 112.36 13.567 112.36 15.5C112.36 17.433 110.793 19 108.86 19H95.5C93.567 19 92 17.433 92 15.5Z\" />\n        <path d=\"M116 15.5C116 13.567 117.567 12 119.5 12H132.86C134.793 12 136.36 13.567 136.36 15.5C136.36 17.433 134.793 19 132.86 19H119.5C117.567 19 116 17.433 116 15.5Z\" />\n        <path\n          d=\"M139 15.5C139 13.567 140.567 12 142.5 12H155.86C157.793 12 159.36 13.567 159.36 15.5C159.36 17.433 157.793 19 155.86 19H142.5C140.567 19 139 17.433 139 15.5Z\"\n          className={getClassName('primary')}\n        />\n      </g>\n    </g>\n    <TableRow offset={27} isHeader={true} />\n    <TableRow offset={39} />\n    <TableRow offset={51} />\n    <TableRow offset={63} />\n    <TableRow offset={75} />\n    <TableRow offset={87} />\n    <TableRow offset={99} />\n    <TableRow offset={111} separator={false} />\n\n    <rect x=\"166\" y=\"13\" width=\"62\" height=\"108\" rx=\"5\" className={getClassName('window')} strokeWidth=\"2\" />\n    <rect x=\"169\" y=\"62\" width=\"3\" height=\"8\" rx=\"1.5\" className={getClassName('input-default')} />\n    <path d=\"M216 14V120\" className={getClassName('separator')} />\n    <g className={getClassName('disabled')}>\n      <path d=\"M224 19.5C224 20.8807 222.881 22 221.5 22C220.119 22 219 20.8807 219 19.5C219 18.1193 220.119 17 221.5 17C222.881 17 224 18.1193 224 19.5Z\" />\n      <path d=\"M224 27.5C224 28.8807 222.881 30 221.5 30C220.119 30 219 28.8807 219 27.5C219 26.1193 220.119 25 221.5 25C222.881 25 224 26.1193 224 27.5Z\" />\n    </g>\n    <path d=\"M177 23H191V28H177V23Z\" className={getClassName('heading')} />\n    <g className={getClassName('secondary')}>\n      <path d=\"M207 23H212V28H207V23Z\" />\n      <path d=\"M199 23H204V28H199V23Z\" />\n    </g>\n    <SidePanelRow offset={36} />\n    <SidePanelRow offset={48} />\n    <SidePanelRow offset={60} />\n    <SidePanelRow offset={72} />\n  </svg>\n);\n\nexport default bottomPositionIcon;\n"]}
+{"version":3,"file":"side-position-refresh.js","sourceRoot":"","sources":["../../../../src/split-panel/icons/side-position-refresh.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport styles from './styles.css.js';\n\nexport interface SVGTableRowProps {\n  offset: number;\n  separator?: boolean;\n  isHeader?: boolean;\n}\n\nexport const getClassName = (suffix: string) => styles[`preference-icon-refresh--${suffix}`];\n\nconst TableRow = ({ offset, separator = true, isHeader }: SVGTableRowProps) => {\n  const offsetTop = 0.4482;\n  const offsetBottom = 3.4482;\n  return (\n    <g transform={`translate(0, ${offset})`} className={getClassName(isHeader ? 'column-header' : 'disabled')}>\n      <path d={`M19 ${offsetTop}2H22V${offsetBottom}H19V${offsetTop}Z`} />\n      <path\n        d={`M27 ${offsetTop}H51V${offsetBottom}H27V${offsetTop}Z`}\n        className={!isHeader ? getClassName('secondary') : undefined}\n      />\n      <path d={`M90 ${offsetTop}H110V${offsetBottom}H90V${offsetTop}Z`} />\n      <path d={`M113 ${offsetTop}H157V${offsetBottom}H113V${offsetTop}Z`} />\n      {separator && <path d=\"M14 8H159.387\" className={getClassName('separator')} strokeLinecap=\"square\" />}\n    </g>\n  );\n};\n\nconst SidePanelRow = ({ offset }: SVGTableRowProps) => {\n  return (\n    <g transform={`translate(0, ${offset})`} className={getClassName('secondary')}>\n      <path d=\"M177 0H190V3H177V0Z\" />\n      <path d=\"M195 0H208V3H195V0Z\" />\n    </g>\n  );\n};\n\nconst bottomPositionIcon = (\n  <svg\n    className={getClassName('svg')}\n    focusable={false}\n    viewBox=\"0 0 230 128\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    aria-hidden=\"true\"\n  >\n    <path\n      d=\"M2 1H214C214.552 1 215 1.44772 215 2V126C215 126.552 214.552 127 214 127H2.00001C1.44772 127 1 126.552 1 126V2C1 1.44772 1.44772 1 2 1Z\"\n      className={getClassName('window')}\n      strokeWidth=\"2\"\n    />\n    <g className=\"awsui-context-top-navigation\">\n      <rect x=\"2\" y=\"2\" width=\"212\" height=\"6\" className={getClassName('layout-top')} />\n    </g>\n    <g>\n      <path d=\"M2 8H214V23H2V8Z\" className={getClassName('layout-main')} />\n      <g className={getClassName('default')}>\n        <path\n          d=\"M9 15.5C9 16.8807 7.88071 18 6.5 18C5.11929 18 4 16.8807 4 15.5C4 14.1193 5.11929 13 6.5 13C7.88071 13 9 14.1193 9 15.5Z\"\n          className={getClassName('disabled')}\n        />\n        <path d=\"M16 14H46.1484V17H16V14Z\" />\n        <path d=\"M92 15.5C92 13.567 93.567 12 95.5 12H108.86C110.793 12 112.36 13.567 112.36 15.5C112.36 17.433 110.793 19 108.86 19H95.5C93.567 19 92 17.433 92 15.5Z\" />\n        <path d=\"M116 15.5C116 13.567 117.567 12 119.5 12H132.86C134.793 12 136.36 13.567 136.36 15.5C136.36 17.433 134.793 19 132.86 19H119.5C117.567 19 116 17.433 116 15.5Z\" />\n        <path\n          d=\"M139 15.5C139 13.567 140.567 12 142.5 12H155.86C157.793 12 159.36 13.567 159.36 15.5C159.36 17.433 157.793 19 155.86 19H142.5C140.567 19 139 17.433 139 15.5Z\"\n          className={getClassName('primary')}\n        />\n      </g>\n    </g>\n    <TableRow offset={27} isHeader={true} />\n    <TableRow offset={39} />\n    <TableRow offset={51} />\n    <TableRow offset={63} />\n    <TableRow offset={75} />\n    <TableRow offset={87} />\n    <TableRow offset={99} />\n    <TableRow offset={111} separator={false} />\n\n    <rect x=\"166\" y=\"13\" width=\"62\" height=\"108\" rx=\"5\" className={getClassName('window')} strokeWidth=\"2\" />\n    <rect x=\"169\" y=\"62\" width=\"3\" height=\"8\" rx=\"1.5\" className={getClassName('input-default')} />\n    <path d=\"M216 14V120\" className={getClassName('separator')} />\n    <g className={getClassName('disabled')}>\n      <path d=\"M224 19.5C224 20.8807 222.881 22 221.5 22C220.119 22 219 20.8807 219 19.5C219 18.1193 220.119 17 221.5 17C222.881 17 224 18.1193 224 19.5Z\" />\n      <path d=\"M224 27.5C224 28.8807 222.881 30 221.5 30C220.119 30 219 28.8807 219 27.5C219 26.1193 220.119 25 221.5 25C222.881 25 224 26.1193 224 27.5Z\" />\n    </g>\n    <path d=\"M177 23H191V28H177V23Z\" className={getClassName('heading')} />\n    <g className={getClassName('secondary')}>\n      <path d=\"M207 23H212V28H207V23Z\" />\n      <path d=\"M199 23H204V28H199V23Z\" />\n    </g>\n    <SidePanelRow offset={36} />\n    <SidePanelRow offset={48} />\n    <SidePanelRow offset={60} />\n    <SidePanelRow offset={72} />\n  </svg>\n);\n\nexport default bottomPositionIcon;\n"]}

package/split-panel/icons/side-position.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"side-position.d.ts","sourceRoot":"","sources":["../../../../src/split-panel/icons/side-position.tsx"],"names":[],"mappings":";AAKA,QAAA,MAAM,gBAAgB,aA6KrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"side-position.d.ts","sourceRoot":"","sources":["../../../../src/split-panel/icons/side-position.tsx"],"names":[],"mappings":";AAMA,QAAA,MAAM,gBAAgB,aA6KrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}