@cloudscape-design/components 3.0.648 → 3.0.650

package/slider/slider-labels.js

@@ -71,6 +71,6 @@ export default function SliderLabels({ min, max, referenceValues, valueFormatter
             React.createElement("span", { role: "listitem", className: clsx(styles.label, styles['labels-max']), style: {
                     [customCssProps.sliderMaxStart]: !referenceValues ? 2 : getLabelPosition(0).max,
                 } }, valueFormatter ? valueFormatter(max) : max)),
-        ariaDescription && (React.createElement("div", { className: clsx(styles['labels-aria-description']), id: labelsId }, ariaDescription))));
+        ariaDescription && (React.createElement("div", { className: styles['labels-aria-description'], id: labelsId }, ariaDescription))));
 }
 //# sourceMappingURL=slider-labels.js.map

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={clsx(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 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"]}

package/slider/styles.css.js

@@ -1,30 +1,30 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_pcgz5_2p5ev_103",
-  "slider": "awsui_slider_pcgz5_2p5ev_143",
-  "slider-track": "awsui_slider-track_pcgz5_2p5ev_147",
-  "slider-range": "awsui_slider-range_pcgz5_2p5ev_147",
-  "disabled": "awsui_disabled_pcgz5_2p5ev_162",
-  "error": "awsui_error_pcgz5_2p5ev_171",
-  "warning": "awsui_warning_pcgz5_2p5ev_174",
-  "active": "awsui_active_pcgz5_2p5ev_177",
-  "error-active": "awsui_error-active_pcgz5_2p5ev_180",
-  "warning-active": "awsui_warning-active_pcgz5_2p5ev_183",
-  "labels": "awsui_labels_pcgz5_2p5ev_190",
-  "labels-noref": "awsui_labels-noref_pcgz5_2p5ev_196",
-  "labels-reference": "awsui_labels-reference_pcgz5_2p5ev_199",
-  "labels-min": "awsui_labels-min_pcgz5_2p5ev_206",
-  "labels-max": "awsui_labels-max_pcgz5_2p5ev_212",
-  "labels-aria-description": "awsui_labels-aria-description_pcgz5_2p5ev_220",
-  "ticks": "awsui_ticks_pcgz5_2p5ev_238",
-  "ticks-wrapper": "awsui_ticks-wrapper_pcgz5_2p5ev_244",
-  "tick": "awsui_tick_pcgz5_2p5ev_238",
-  "middle": "awsui_middle_pcgz5_2p5ev_259",
-  "filled": "awsui_filled_pcgz5_2p5ev_262",
-  "tooltip-thumb": "awsui_tooltip-thumb_pcgz5_2p5ev_284",
-  "thumb": "awsui_thumb_pcgz5_2p5ev_292",
-  "min": "awsui_min_pcgz5_2p5ev_307",
-  "max": "awsui_max_pcgz5_2p5ev_310"
+  "root": "awsui_root_pcgz5_1j48h_101",
+  "slider": "awsui_slider_pcgz5_1j48h_141",
+  "slider-track": "awsui_slider-track_pcgz5_1j48h_145",
+  "slider-range": "awsui_slider-range_pcgz5_1j48h_145",
+  "disabled": "awsui_disabled_pcgz5_1j48h_160",
+  "error": "awsui_error_pcgz5_1j48h_169",
+  "warning": "awsui_warning_pcgz5_1j48h_172",
+  "active": "awsui_active_pcgz5_1j48h_175",
+  "error-active": "awsui_error-active_pcgz5_1j48h_178",
+  "warning-active": "awsui_warning-active_pcgz5_1j48h_181",
+  "labels": "awsui_labels_pcgz5_1j48h_188",
+  "labels-noref": "awsui_labels-noref_pcgz5_1j48h_194",
+  "labels-reference": "awsui_labels-reference_pcgz5_1j48h_197",
+  "labels-min": "awsui_labels-min_pcgz5_1j48h_204",
+  "labels-max": "awsui_labels-max_pcgz5_1j48h_210",
+  "labels-aria-description": "awsui_labels-aria-description_pcgz5_1j48h_218",
+  "ticks": "awsui_ticks_pcgz5_1j48h_236",
+  "ticks-wrapper": "awsui_ticks-wrapper_pcgz5_1j48h_242",
+  "tick": "awsui_tick_pcgz5_1j48h_236",
+  "middle": "awsui_middle_pcgz5_1j48h_257",
+  "filled": "awsui_filled_pcgz5_1j48h_260",
+  "tooltip-thumb": "awsui_tooltip-thumb_pcgz5_1j48h_282",
+  "thumb": "awsui_thumb_pcgz5_1j48h_290",
+  "min": "awsui_min_pcgz5_1j48h_305",
+  "max": "awsui_max_pcgz5_1j48h_308"
 };
   

package/slider/styles.scoped.css

@@ -2,8 +2,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable plugin/no-unsupported-browser-features */
-/* stylelint-enable plugin/no-unsupported-browser-features */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -100,7 +98,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_pcgz5_2p5ev_103:not(#\9) {
+.awsui_root_pcgz5_1j48h_101:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -141,11 +139,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline: calc(var(--space-m-udix3p, 16px) / 2);
 }
 
-.awsui_slider_pcgz5_2p5ev_143:not(#\9) {
+.awsui_slider_pcgz5_1j48h_141:not(#\9) {
   display: flex;
   align-items: center;
 }
-.awsui_slider-track_pcgz5_2p5ev_147:not(#\9), .awsui_slider-range_pcgz5_2p5ev_147:not(#\9) {
+.awsui_slider-track_pcgz5_1j48h_145:not(#\9), .awsui_slider-range_pcgz5_1j48h_145:not(#\9) {
   position: absolute;
   border-start-start-radius: 3px;
   border-start-end-radius: 3px;
@@ -154,63 +152,63 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: var(--space-xs-zb16t3, 8px);
   margin-inline: calc(var(--space-m-udix3p, 16px) / -2);
 }
-.awsui_slider-track_pcgz5_2p5ev_147:not(#\9) {
+.awsui_slider-track_pcgz5_1j48h_145:not(#\9) {
   background-color: var(--color-background-slider-track-3m68rn, #7d8998);
   inline-size: calc(100% + var(--space-m-udix3p, 16px));
   block-size: 2px;
   cursor: pointer;
 }
-.awsui_slider-track_pcgz5_2p5ev_147.awsui_disabled_pcgz5_2p5ev_162:not(#\9) {
+.awsui_slider-track_pcgz5_1j48h_145.awsui_disabled_pcgz5_1j48h_160:not(#\9) {
   cursor: default;
   background-color: var(--color-background-control-disabled-pwkvgd, #d1d5db);
 }
-.awsui_slider-range_pcgz5_2p5ev_147:not(#\9) {
+.awsui_slider-range_pcgz5_1j48h_145:not(#\9) {
   background-color: var(--color-background-slider-handle-default-atrlod, #0972d3);
   block-size: 4px;
   inline-size: calc(var(--awsui-slider-range-inline-size-7t5ed6) + var(--space-m-udix3p, 16px));
 }
-.awsui_slider-range_pcgz5_2p5ev_147.awsui_error_pcgz5_2p5ev_171:not(#\9) {
+.awsui_slider-range_pcgz5_1j48h_145.awsui_error_pcgz5_1j48h_169:not(#\9) {
   background-color: var(--color-text-status-error-wdvepn, #d91515);
 }
-.awsui_slider-range_pcgz5_2p5ev_147.awsui_warning_pcgz5_2p5ev_174:not(#\9) {
+.awsui_slider-range_pcgz5_1j48h_145.awsui_warning_pcgz5_1j48h_172:not(#\9) {
   background-color: var(--color-text-status-warning-yik8vi, #8d6605);
 }
-.awsui_slider-range_pcgz5_2p5ev_147.awsui_active_pcgz5_2p5ev_177:not(#\9) {
+.awsui_slider-range_pcgz5_1j48h_145.awsui_active_pcgz5_1j48h_175:not(#\9) {
   background-color: var(--color-background-slider-handle-active-ccegzg, #065299);
 }
-.awsui_slider-range_pcgz5_2p5ev_147.awsui_error-active_pcgz5_2p5ev_180:not(#\9) {
+.awsui_slider-range_pcgz5_1j48h_145.awsui_error-active_pcgz5_1j48h_178:not(#\9) {
   background-color: var(--color-background-slider-error-pressed-g7oqnt, #7c2718);
 }
-.awsui_slider-range_pcgz5_2p5ev_147.awsui_warning-active_pcgz5_2p5ev_183:not(#\9) {
+.awsui_slider-range_pcgz5_1j48h_145.awsui_warning-active_pcgz5_1j48h_181:not(#\9) {
   background-color: var(--color-background-slider-warning-pressed-9xuhwf, #8d6605);
 }
-.awsui_slider-range_pcgz5_2p5ev_147.awsui_disabled_pcgz5_2p5ev_162:not(#\9) {
+.awsui_slider-range_pcgz5_1j48h_145.awsui_disabled_pcgz5_1j48h_160:not(#\9) {
   background-color: var(--color-background-control-disabled-pwkvgd, #d1d5db);
 }
 
-.awsui_labels_pcgz5_2p5ev_190:not(#\9) {
+.awsui_labels_pcgz5_1j48h_188:not(#\9) {
   display: grid;
   grid-template-columns: 3fr repeat(calc((var(--awsui-slider-label-count-7t5ed6) - 2) / 2 + (var(--awsui-slider-label-count-7t5ed6) - 2) / 2 - 1), 2fr) 3fr;
   grid-auto-rows: 100%;
   padding-block-start: var(--space-m-udix3p, 16px);
 }
-.awsui_labels-noref_pcgz5_2p5ev_196:not(#\9) {
+.awsui_labels-noref_pcgz5_1j48h_194:not(#\9) {
   grid-template-columns: 1fr 1fr;
 }
-.awsui_labels-reference_pcgz5_2p5ev_199:not(#\9) {
+.awsui_labels-reference_pcgz5_1j48h_197:not(#\9) {
   grid-column-start: var(--awsui-slider-reference-column-7t5ed6);
   grid-column-end: var(--awsui-slider-next-reference-column-7t5ed6);
   grid-row: 1;
   justify-self: center;
   text-align: center;
 }
-.awsui_labels-min_pcgz5_2p5ev_206:not(#\9) {
+.awsui_labels-min_pcgz5_1j48h_204:not(#\9) {
   grid-column: 1;
   grid-row: 1;
   grid-column-end: var(--awsui-slider-min-end-7t5ed6);
   margin-inline-start: calc(var(--space-m-udix3p, 16px) / -2);
 }
-.awsui_labels-max_pcgz5_2p5ev_212:not(#\9) {
+.awsui_labels-max_pcgz5_1j48h_210:not(#\9) {
   text-align: end;
   justify-content: flex-end;
   grid-row: 1;
@@ -218,37 +216,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-column-start: var(--awsui-slider-max-start-7t5ed6);
   margin-inline-end: calc(var(--space-m-udix3p, 16px) / -2);
 }
-.awsui_labels-aria-description_pcgz5_2p5ev_220:not(#\9) {
+.awsui_labels-aria-description_pcgz5_1j48h_218:not(#\9) {
   display: none;
 }
 @media (max-width: 576px) {
-  .awsui_labels_pcgz5_2p5ev_190:not(#\9) {
+  .awsui_labels_pcgz5_1j48h_188:not(#\9) {
     grid-template-columns: 1fr 1fr;
   }
-  .awsui_labels-min_pcgz5_2p5ev_206:not(#\9) {
+  .awsui_labels-min_pcgz5_1j48h_204:not(#\9) {
     grid-column: 1;
   }
-  .awsui_labels-max_pcgz5_2p5ev_212:not(#\9) {
+  .awsui_labels-max_pcgz5_1j48h_210:not(#\9) {
     grid-column: 2;
   }
-  .awsui_labels_pcgz5_2p5ev_190 > .awsui_labels-reference_pcgz5_2p5ev_199:not(#\9) {
+  .awsui_labels_pcgz5_1j48h_188 > .awsui_labels-reference_pcgz5_1j48h_197:not(#\9) {
     display: none;
   }
 }
 
-.awsui_ticks_pcgz5_2p5ev_238:not(#\9) {
+.awsui_ticks_pcgz5_1j48h_236:not(#\9) {
   display: grid;
   grid-template-columns: repeat(var(--awsui-slider-tick-count-7t5ed6), 1fr);
   inline-size: calc(100% - var(--space-m-udix3p, 16px));
   margin-inline: calc(var(--space-m-udix3p, 16px) / 2);
 }
-.awsui_ticks-wrapper_pcgz5_2p5ev_244:not(#\9) {
+.awsui_ticks-wrapper_pcgz5_1j48h_242:not(#\9) {
   block-size: 0;
   display: flex;
   margin-inline: calc(var(--space-m-udix3p, 16px) / -2);
 }
 
-.awsui_tick_pcgz5_2p5ev_238:not(#\9) {
+.awsui_tick_pcgz5_1j48h_236:not(#\9) {
   grid-row: 1;
   block-size: var(--space-xs-zb16t3, 8px);
   inline-size: var(--space-xxxs-zbmxqb, 2px);
@@ -257,32 +255,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: var(--color-background-slider-track-3m68rn, #7d8998);
   inset-block-start: -4px;
 }
-.awsui_tick_pcgz5_2p5ev_238.awsui_middle_pcgz5_2p5ev_259:not(#\9):first-child, .awsui_tick_pcgz5_2p5ev_238.awsui_middle_pcgz5_2p5ev_259:not(#\9):last-child {
+.awsui_tick_pcgz5_1j48h_236.awsui_middle_pcgz5_1j48h_257:not(#\9):first-child, .awsui_tick_pcgz5_1j48h_236.awsui_middle_pcgz5_1j48h_257:not(#\9):last-child {
   visibility: hidden;
 }
-.awsui_tick_pcgz5_2p5ev_238.awsui_filled_pcgz5_2p5ev_262:not(#\9) {
+.awsui_tick_pcgz5_1j48h_236.awsui_filled_pcgz5_1j48h_260:not(#\9) {
   background: var(--color-background-slider-handle-default-atrlod, #0972d3);
 }
-.awsui_tick_pcgz5_2p5ev_238.awsui_active_pcgz5_2p5ev_177:not(#\9) {
+.awsui_tick_pcgz5_1j48h_236.awsui_active_pcgz5_1j48h_175:not(#\9) {
   background: var(--color-background-slider-handle-active-ccegzg, #065299);
 }
-.awsui_tick_pcgz5_2p5ev_238.awsui_error_pcgz5_2p5ev_171:not(#\9) {
+.awsui_tick_pcgz5_1j48h_236.awsui_error_pcgz5_1j48h_169:not(#\9) {
   background: var(--color-text-status-error-wdvepn, #d91515);
 }
-.awsui_tick_pcgz5_2p5ev_238.awsui_warning_pcgz5_2p5ev_174:not(#\9) {
+.awsui_tick_pcgz5_1j48h_236.awsui_warning_pcgz5_1j48h_172:not(#\9) {
   background: var(--color-text-status-warning-yik8vi, #8d6605);
 }
-.awsui_tick_pcgz5_2p5ev_238.awsui_error-active_pcgz5_2p5ev_180:not(#\9) {
+.awsui_tick_pcgz5_1j48h_236.awsui_error-active_pcgz5_1j48h_178:not(#\9) {
   background-color: var(--color-background-slider-error-pressed-g7oqnt, #7c2718);
 }
-.awsui_tick_pcgz5_2p5ev_238.awsui_warning-active_pcgz5_2p5ev_183:not(#\9) {
+.awsui_tick_pcgz5_1j48h_236.awsui_warning-active_pcgz5_1j48h_181:not(#\9) {
   background-color: var(--color-background-slider-warning-pressed-9xuhwf, #8d6605);
 }
-.awsui_tick_pcgz5_2p5ev_238.awsui_disabled_pcgz5_2p5ev_162:not(#\9) {
+.awsui_tick_pcgz5_1j48h_236.awsui_disabled_pcgz5_1j48h_160:not(#\9) {
   background: var(--color-background-control-disabled-pwkvgd, #d1d5db);
 }
 
-.awsui_tooltip-thumb_pcgz5_2p5ev_284:not(#\9) {
+.awsui_tooltip-thumb_pcgz5_1j48h_282:not(#\9) {
   position: absolute;
   inline-size: var(--space-xxl-cu2m1r, 32px);
   block-size: var(--space-xxl-cu2m1r, 32px);
@@ -290,7 +288,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline-start: var(--awsui-slider-tooltip-position-7t5ed6);
 }
 
-.awsui_thumb_pcgz5_2p5ev_292:not(#\9) {
+.awsui_thumb_pcgz5_1j48h_290:not(#\9) {
   background: transparent;
   -webkit-appearance: none;
           appearance: none;
@@ -303,16 +301,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: pointer;
   touch-action: none;
 }
-.awsui_thumb_pcgz5_2p5ev_292.awsui_disabled_pcgz5_2p5ev_162:not(#\9) {
+.awsui_thumb_pcgz5_1j48h_290.awsui_disabled_pcgz5_1j48h_160:not(#\9) {
   cursor: default;
 }
-.awsui_thumb_pcgz5_2p5ev_292.awsui_min_pcgz5_2p5ev_307:not(#\9) {
+.awsui_thumb_pcgz5_1j48h_290.awsui_min_pcgz5_1j48h_305:not(#\9) {
   margin-inline-start: calc(-1px + var(--space-m-udix3p, 16px) / -2);
 }
-.awsui_thumb_pcgz5_2p5ev_292.awsui_max_pcgz5_2p5ev_310:not(#\9) {
+.awsui_thumb_pcgz5_1j48h_290.awsui_max_pcgz5_1j48h_308:not(#\9) {
   margin-inline-start: calc(1px + var(--space-m-udix3p, 16px) / -2);
 }
-.awsui_thumb_pcgz5_2p5ev_292:not(#\9)::-webkit-slider-thumb {
+.awsui_thumb_pcgz5_1j48h_290:not(#\9)::-webkit-slider-thumb {
   -webkit-appearance: none;
           appearance: none;
   appearance: none;
@@ -331,7 +329,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: all;
   position: relative;
 }
-.awsui_thumb_pcgz5_2p5ev_292:not(#\9)::-moz-range-thumb {
+.awsui_thumb_pcgz5_1j48h_290:not(#\9)::-moz-range-thumb {
   appearance: none;
   appearance: none;
   background: var(--color-background-slider-handle-default-atrlod, #0972d3);
@@ -349,13 +347,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: all;
   position: relative;
 }
-.awsui_thumb_pcgz5_2p5ev_292:not(#\9):hover::-webkit-slider-thumb {
+.awsui_thumb_pcgz5_1j48h_290:not(#\9):hover::-webkit-slider-thumb {
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-31445h, #ffffff), 0 0 0 4px var(--color-background-slider-handle-default-atrlod, #0972d3);
 }
-.awsui_thumb_pcgz5_2p5ev_292:not(#\9):hover::-moz-range-thumb {
+.awsui_thumb_pcgz5_1j48h_290:not(#\9):hover::-moz-range-thumb {
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-31445h, #ffffff), 0 0 0 4px var(--color-background-slider-handle-default-atrlod, #0972d3);
 }
-.awsui_thumb_pcgz5_2p5ev_292:not(#\9):focus::-webkit-slider-thumb, .awsui_thumb_pcgz5_2p5ev_292:not(#\9):active::-webkit-slider-thumb {
+.awsui_thumb_pcgz5_1j48h_290:not(#\9):focus::-webkit-slider-thumb, .awsui_thumb_pcgz5_1j48h_290:not(#\9):active::-webkit-slider-thumb {
   block-size: 20px;
   inline-size: 20px;
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-31445h, #ffffff), 0 0 0 4px var(--color-background-slider-handle-active-ccegzg, #065299);
@@ -364,7 +362,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-block-width: 2px;
   border-inline-width: 2px;
 }
-.awsui_thumb_pcgz5_2p5ev_292:not(#\9):focus::-moz-range-thumb, .awsui_thumb_pcgz5_2p5ev_292:not(#\9):active::-moz-range-thumb {
+.awsui_thumb_pcgz5_1j48h_290:not(#\9):focus::-moz-range-thumb, .awsui_thumb_pcgz5_1j48h_290:not(#\9):active::-moz-range-thumb {
   block-size: 20px;
   inline-size: 20px;
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-31445h, #ffffff), 0 0 0 4px var(--color-background-slider-handle-active-ccegzg, #065299);
@@ -374,30 +372,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-inline-width: 2px;
 }
 
-.awsui_error_pcgz5_2p5ev_171:not(#\9)::-webkit-slider-thumb {
+.awsui_error_pcgz5_1j48h_169:not(#\9)::-webkit-slider-thumb {
   background-color: var(--color-text-status-error-wdvepn, #d91515);
   border-color: var(--color-text-status-error-wdvepn, #d91515);
 }
-.awsui_error_pcgz5_2p5ev_171:not(#\9)::-moz-range-thumb {
+.awsui_error_pcgz5_1j48h_169:not(#\9)::-moz-range-thumb {
   background-color: var(--color-text-status-error-wdvepn, #d91515);
   border-color: var(--color-text-status-error-wdvepn, #d91515);
 }
-.awsui_error_pcgz5_2p5ev_171:not(#\9):hover::-webkit-slider-thumb {
+.awsui_error_pcgz5_1j48h_169:not(#\9):hover::-webkit-slider-thumb {
   background-color: var(--color-text-status-error-wdvepn, #d91515);
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-31445h, #ffffff), 0 0 0 4px var(--color-text-status-error-wdvepn, #d91515);
 }
-.awsui_error_pcgz5_2p5ev_171:not(#\9):hover::-moz-range-thumb {
+.awsui_error_pcgz5_1j48h_169:not(#\9):hover::-moz-range-thumb {
   background-color: var(--color-text-status-error-wdvepn, #d91515);
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-31445h, #ffffff), 0 0 0 4px var(--color-text-status-error-wdvepn, #d91515);
 }
-.awsui_error_pcgz5_2p5ev_171:not(#\9):focus::-webkit-slider-thumb, .awsui_error_pcgz5_2p5ev_171:not(#\9):active::-webkit-slider-thumb {
+.awsui_error_pcgz5_1j48h_169:not(#\9):focus::-webkit-slider-thumb, .awsui_error_pcgz5_1j48h_169:not(#\9):active::-webkit-slider-thumb {
   background-color: var(--color-background-slider-error-pressed-g7oqnt, #7c2718);
   border-block-width: 2px;
   border-inline-width: 2px;
   border-color: var(--color-background-slider-error-pressed-g7oqnt, #7c2718);
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-31445h, #ffffff), 0 0 0 4px var(--color-background-slider-error-pressed-g7oqnt, #7c2718);
 }
-.awsui_error_pcgz5_2p5ev_171:not(#\9):focus::-moz-range-thumb, .awsui_error_pcgz5_2p5ev_171:not(#\9):active::-moz-range-thumb {
+.awsui_error_pcgz5_1j48h_169:not(#\9):focus::-moz-range-thumb, .awsui_error_pcgz5_1j48h_169:not(#\9):active::-moz-range-thumb {
   background-color: var(--color-background-slider-error-pressed-g7oqnt, #7c2718);
   border-block-width: 2px;
   border-inline-width: 2px;
@@ -405,30 +403,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-31445h, #ffffff), 0 0 0 4px var(--color-background-slider-error-pressed-g7oqnt, #7c2718);
 }
 
-.awsui_warning_pcgz5_2p5ev_174:not(#\9)::-webkit-slider-thumb {
+.awsui_warning_pcgz5_1j48h_172:not(#\9)::-webkit-slider-thumb {
   background-color: var(--color-text-status-warning-yik8vi, #8d6605);
   border-color: var(--color-text-status-warning-yik8vi, #8d6605);
 }
-.awsui_warning_pcgz5_2p5ev_174:not(#\9)::-moz-range-thumb {
+.awsui_warning_pcgz5_1j48h_172:not(#\9)::-moz-range-thumb {
   background-color: var(--color-text-status-warning-yik8vi, #8d6605);
   border-color: var(--color-text-status-warning-yik8vi, #8d6605);
 }
-.awsui_warning_pcgz5_2p5ev_174:not(#\9):hover::-webkit-slider-thumb {
+.awsui_warning_pcgz5_1j48h_172:not(#\9):hover::-webkit-slider-thumb {
   background-color: var(--color-text-status-warning-yik8vi, #8d6605);
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-31445h, #ffffff), 0 0 0 4px var(--color-text-status-warning-yik8vi, #8d6605);
 }
-.awsui_warning_pcgz5_2p5ev_174:not(#\9):hover::-moz-range-thumb {
+.awsui_warning_pcgz5_1j48h_172:not(#\9):hover::-moz-range-thumb {
   background-color: var(--color-text-status-warning-yik8vi, #8d6605);
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-31445h, #ffffff), 0 0 0 4px var(--color-text-status-warning-yik8vi, #8d6605);
 }
-.awsui_warning_pcgz5_2p5ev_174:not(#\9):focus::-webkit-slider-thumb, .awsui_warning_pcgz5_2p5ev_174:not(#\9):active::-webkit-slider-thumb {
+.awsui_warning_pcgz5_1j48h_172:not(#\9):focus::-webkit-slider-thumb, .awsui_warning_pcgz5_1j48h_172:not(#\9):active::-webkit-slider-thumb {
   background-color: var(--color-background-slider-warning-pressed-9xuhwf, #8d6605);
   border-block-width: 2px;
   border-inline-width: 2px;
   border-color: var(--color-background-slider-warning-pressed-9xuhwf, #8d6605);
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-31445h, #ffffff), 0 0 0 4px var(--color-background-slider-warning-pressed-9xuhwf, #8d6605);
 }
-.awsui_warning_pcgz5_2p5ev_174:not(#\9):focus::-moz-range-thumb, .awsui_warning_pcgz5_2p5ev_174:not(#\9):active::-moz-range-thumb {
+.awsui_warning_pcgz5_1j48h_172:not(#\9):focus::-moz-range-thumb, .awsui_warning_pcgz5_1j48h_172:not(#\9):active::-moz-range-thumb {
   background-color: var(--color-background-slider-warning-pressed-9xuhwf, #8d6605);
   border-block-width: 2px;
   border-inline-width: 2px;
@@ -436,17 +434,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-31445h, #ffffff), 0 0 0 4px var(--color-background-slider-warning-pressed-9xuhwf, #8d6605);
 }
 
-.awsui_disabled_pcgz5_2p5ev_162:not(#\9)::-webkit-slider-thumb,
-.awsui_disabled_pcgz5_2p5ev_162:not(#\9):hover::-webkit-slider-thumb,
-.awsui_disabled_pcgz5_2p5ev_162:not(#\9):active::-webkit-slider-thumb {
+.awsui_disabled_pcgz5_1j48h_160:not(#\9)::-webkit-slider-thumb,
+.awsui_disabled_pcgz5_1j48h_160:not(#\9):hover::-webkit-slider-thumb,
+.awsui_disabled_pcgz5_1j48h_160:not(#\9):active::-webkit-slider-thumb {
   background-color: var(--color-background-control-disabled-pwkvgd, #d1d5db);
   border-color: var(--color-background-control-disabled-pwkvgd, #d1d5db);
   box-shadow: none;
   pointer-events: none;
 }
-.awsui_disabled_pcgz5_2p5ev_162:not(#\9)::-moz-range-thumb,
-.awsui_disabled_pcgz5_2p5ev_162:not(#\9):hover::-moz-range-thumb,
-.awsui_disabled_pcgz5_2p5ev_162:not(#\9):active::-moz-range-thumb {
+.awsui_disabled_pcgz5_1j48h_160:not(#\9)::-moz-range-thumb,
+.awsui_disabled_pcgz5_1j48h_160:not(#\9):hover::-moz-range-thumb,
+.awsui_disabled_pcgz5_1j48h_160:not(#\9):active::-moz-range-thumb {
   background-color: var(--color-background-control-disabled-pwkvgd, #d1d5db);
   border-color: var(--color-background-control-disabled-pwkvgd, #d1d5db);
   box-shadow: none;

package/slider/styles.selectors.js

@@ -2,30 +2,30 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_pcgz5_2p5ev_103",
-  "slider": "awsui_slider_pcgz5_2p5ev_143",
-  "slider-track": "awsui_slider-track_pcgz5_2p5ev_147",
-  "slider-range": "awsui_slider-range_pcgz5_2p5ev_147",
-  "disabled": "awsui_disabled_pcgz5_2p5ev_162",
-  "error": "awsui_error_pcgz5_2p5ev_171",
-  "warning": "awsui_warning_pcgz5_2p5ev_174",
-  "active": "awsui_active_pcgz5_2p5ev_177",
-  "error-active": "awsui_error-active_pcgz5_2p5ev_180",
-  "warning-active": "awsui_warning-active_pcgz5_2p5ev_183",
-  "labels": "awsui_labels_pcgz5_2p5ev_190",
-  "labels-noref": "awsui_labels-noref_pcgz5_2p5ev_196",
-  "labels-reference": "awsui_labels-reference_pcgz5_2p5ev_199",
-  "labels-min": "awsui_labels-min_pcgz5_2p5ev_206",
-  "labels-max": "awsui_labels-max_pcgz5_2p5ev_212",
-  "labels-aria-description": "awsui_labels-aria-description_pcgz5_2p5ev_220",
-  "ticks": "awsui_ticks_pcgz5_2p5ev_238",
-  "ticks-wrapper": "awsui_ticks-wrapper_pcgz5_2p5ev_244",
-  "tick": "awsui_tick_pcgz5_2p5ev_238",
-  "middle": "awsui_middle_pcgz5_2p5ev_259",
-  "filled": "awsui_filled_pcgz5_2p5ev_262",
-  "tooltip-thumb": "awsui_tooltip-thumb_pcgz5_2p5ev_284",
-  "thumb": "awsui_thumb_pcgz5_2p5ev_292",
-  "min": "awsui_min_pcgz5_2p5ev_307",
-  "max": "awsui_max_pcgz5_2p5ev_310"
+  "root": "awsui_root_pcgz5_1j48h_101",
+  "slider": "awsui_slider_pcgz5_1j48h_141",
+  "slider-track": "awsui_slider-track_pcgz5_1j48h_145",
+  "slider-range": "awsui_slider-range_pcgz5_1j48h_145",
+  "disabled": "awsui_disabled_pcgz5_1j48h_160",
+  "error": "awsui_error_pcgz5_1j48h_169",
+  "warning": "awsui_warning_pcgz5_1j48h_172",
+  "active": "awsui_active_pcgz5_1j48h_175",
+  "error-active": "awsui_error-active_pcgz5_1j48h_178",
+  "warning-active": "awsui_warning-active_pcgz5_1j48h_181",
+  "labels": "awsui_labels_pcgz5_1j48h_188",
+  "labels-noref": "awsui_labels-noref_pcgz5_1j48h_194",
+  "labels-reference": "awsui_labels-reference_pcgz5_1j48h_197",
+  "labels-min": "awsui_labels-min_pcgz5_1j48h_204",
+  "labels-max": "awsui_labels-max_pcgz5_1j48h_210",
+  "labels-aria-description": "awsui_labels-aria-description_pcgz5_1j48h_218",
+  "ticks": "awsui_ticks_pcgz5_1j48h_236",
+  "ticks-wrapper": "awsui_ticks-wrapper_pcgz5_1j48h_242",
+  "tick": "awsui_tick_pcgz5_1j48h_236",
+  "middle": "awsui_middle_pcgz5_1j48h_257",
+  "filled": "awsui_filled_pcgz5_1j48h_260",
+  "tooltip-thumb": "awsui_tooltip-thumb_pcgz5_1j48h_282",
+  "thumb": "awsui_thumb_pcgz5_1j48h_290",
+  "min": "awsui_min_pcgz5_1j48h_305",
+  "max": "awsui_max_pcgz5_1j48h_308"
 };
   

package/slider/tick-marks.js

@@ -30,9 +30,9 @@ function TickMark(props) {
 }
 export default function SliderTickMarks(props) {
     const { min, max, step } = props;
-    return (React.createElement("div", { className: clsx(styles['ticks-wrapper']) },
+    return (React.createElement("div", { className: styles['ticks-wrapper'] },
         React.createElement(TickMark, Object.assign({}, props, { type: "min" })),
-        React.createElement("div", { className: clsx(styles.ticks), style: {
+        React.createElement("div", { className: styles.ticks, style: {
                 [customCssProps.sliderTickCount]: Math.round((max - min) / step),
             } }, getStepArray(step, [min, max]).map((step, index) => (React.createElement(TickMark, Object.assign({}, props, { type: "step", step: step, key: `step-${index}` }))))),
         React.createElement(TickMark, Object.assign({}, props, { type: "max" }))));

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;AAkB1C,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,GAAG,KAAK,CAAC;IAElG,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,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,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;QAC3C,oBAAC,QAAQ,oBAAK,KAAK,IAAE,IAAI,EAAC,KAAK,IAAG;QAClC,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAC7B,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  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 } = 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.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={clsx(styles['ticks-wrapper'])}>\n      <TickMark {...props} type=\"min\" />\n      <div\n        className={clsx(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;AACxB,OAAO,cAAc,MAAM,sDAAsD,CAAC;AAClF,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAkB1C,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,GAAG,KAAK,CAAC;IAElG,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,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  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 } = 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.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/styles.css.js

@@ -1,28 +1,28 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_18582_z63vw_99",
-  "child": "awsui_child_18582_z63vw_103",
-  "horizontal": "awsui_horizontal_18582_z63vw_114",
-  "horizontal-xxxs": "awsui_horizontal-xxxs_18582_z63vw_118",
-  "horizontal-xxs": "awsui_horizontal-xxs_18582_z63vw_121",
-  "horizontal-xs": "awsui_horizontal-xs_18582_z63vw_124",
-  "horizontal-s": "awsui_horizontal-s_18582_z63vw_127",
-  "horizontal-m": "awsui_horizontal-m_18582_z63vw_130",
-  "horizontal-l": "awsui_horizontal-l_18582_z63vw_133",
-  "horizontal-xl": "awsui_horizontal-xl_18582_z63vw_136",
-  "horizontal-xxl": "awsui_horizontal-xxl_18582_z63vw_139",
-  "vertical": "awsui_vertical_18582_z63vw_146",
-  "vertical-xxxs": "awsui_vertical-xxxs_18582_z63vw_149",
-  "vertical-xxs": "awsui_vertical-xxs_18582_z63vw_152",
-  "vertical-xs": "awsui_vertical-xs_18582_z63vw_155",
-  "vertical-s": "awsui_vertical-s_18582_z63vw_158",
-  "vertical-m": "awsui_vertical-m_18582_z63vw_161",
-  "vertical-l": "awsui_vertical-l_18582_z63vw_164",
-  "vertical-xl": "awsui_vertical-xl_18582_z63vw_167",
-  "vertical-xxl": "awsui_vertical-xxl_18582_z63vw_170",
-  "align-center": "awsui_align-center_18582_z63vw_174",
-  "align-start": "awsui_align-start_18582_z63vw_178",
-  "align-end": "awsui_align-end_18582_z63vw_182"
+  "root": "awsui_root_18582_jftqg_97",
+  "child": "awsui_child_18582_jftqg_101",
+  "horizontal": "awsui_horizontal_18582_jftqg_112",
+  "horizontal-xxxs": "awsui_horizontal-xxxs_18582_jftqg_116",
+  "horizontal-xxs": "awsui_horizontal-xxs_18582_jftqg_119",
+  "horizontal-xs": "awsui_horizontal-xs_18582_jftqg_122",
+  "horizontal-s": "awsui_horizontal-s_18582_jftqg_125",
+  "horizontal-m": "awsui_horizontal-m_18582_jftqg_128",
+  "horizontal-l": "awsui_horizontal-l_18582_jftqg_131",
+  "horizontal-xl": "awsui_horizontal-xl_18582_jftqg_134",
+  "horizontal-xxl": "awsui_horizontal-xxl_18582_jftqg_137",
+  "vertical": "awsui_vertical_18582_jftqg_144",
+  "vertical-xxxs": "awsui_vertical-xxxs_18582_jftqg_147",
+  "vertical-xxs": "awsui_vertical-xxs_18582_jftqg_150",
+  "vertical-xs": "awsui_vertical-xs_18582_jftqg_153",
+  "vertical-s": "awsui_vertical-s_18582_jftqg_156",
+  "vertical-m": "awsui_vertical-m_18582_jftqg_159",
+  "vertical-l": "awsui_vertical-l_18582_jftqg_162",
+  "vertical-xl": "awsui_vertical-xl_18582_jftqg_165",
+  "vertical-xxl": "awsui_vertical-xxl_18582_jftqg_168",
+  "align-center": "awsui_align-center_18582_jftqg_172",
+  "align-start": "awsui_align-start_18582_jftqg_176",
+  "align-end": "awsui_align-end_18582_jftqg_180"
 };