@cloudscape-design/components 3.0.621 → 3.0.623

package/slider/styles.scoped.css

@@ -0,0 +1,411 @@
+/*
+ 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
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* Style used for links in slots/components that are text heavy, to help links stand out among 
+surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_root_pcgz5_glf7y_103:not(#\9) {
+  border-collapse: separate;
+  border-spacing: 0;
+  box-sizing: border-box;
+  caption-side: top;
+  cursor: auto;
+  direction: inherit;
+  empty-cells: show;
+  font-family: serif;
+  font-size: medium;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: 400;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-hyphens: none;
+          hyphens: none;
+  letter-spacing: normal;
+  list-style: disc outside none;
+  tab-size: 8;
+  text-align: start;
+  text-indent: 0;
+  text-shadow: none;
+  text-transform: none;
+  visibility: visible;
+  white-space: normal;
+  word-spacing: normal;
+  font-size: var(--font-size-body-m-x4okxb, 14px);
+  line-height: var(--line-height-body-m-30ar75, 20px);
+  color: var(--color-text-body-default-at06ol, #000716);
+  font-weight: 400;
+  font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
+  font-size: var(--font-size-body-s-asqx2i, 12px);
+  padding-block: var(--space-s-34lx8l, 12px);
+  position: relative;
+  max-inline-size: 800px;
+  margin-inline: calc(var(--space-m-udix3p, 16px) / 2);
+}
+
+.awsui_slider_pcgz5_glf7y_143:not(#\9) {
+  display: flex;
+  align-items: center;
+}
+.awsui_slider-track_pcgz5_glf7y_147:not(#\9), .awsui_slider-range_pcgz5_glf7y_147:not(#\9) {
+  position: absolute;
+  border-start-start-radius: 3px;
+  border-start-end-radius: 3px;
+  border-end-start-radius: 3px;
+  border-end-end-radius: 3px;
+  margin-block-start: var(--space-xs-zb16t3, 8px);
+  margin-inline: calc(var(--space-m-udix3p, 16px) / -2);
+}
+.awsui_slider-track_pcgz5_glf7y_147: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_glf7y_147.awsui_disabled_pcgz5_glf7y_162:not(#\9) {
+  cursor: default;
+  background-color: var(--color-background-control-disabled-pwkvgd, #d1d5db);
+}
+.awsui_slider-range_pcgz5_glf7y_147:not(#\9) {
+  background-color: var(--color-background-slider-handle-default-atrlod, #0972d3);
+  block-size: 4px;
+  inline-size: calc(var(--awsui-slider-range-inline-size-tkr9yl) + var(--space-m-udix3p, 16px));
+}
+.awsui_slider-range_pcgz5_glf7y_147.awsui_error_pcgz5_glf7y_171:not(#\9) {
+  background-color: var(--color-text-status-error-wdvepn, #d91515);
+}
+.awsui_slider-range_pcgz5_glf7y_147.awsui_active_pcgz5_glf7y_174:not(#\9) {
+  background-color: var(--color-background-slider-handle-active-ccegzg, #065299);
+}
+.awsui_slider-range_pcgz5_glf7y_147.awsui_error-active_pcgz5_glf7y_177:not(#\9) {
+  background-color: var(--color-background-slider-error-pressed-g7oqnt, #7c2718);
+}
+.awsui_slider-range_pcgz5_glf7y_147.awsui_disabled_pcgz5_glf7y_162:not(#\9) {
+  background-color: var(--color-background-control-disabled-pwkvgd, #d1d5db);
+}
+
+.awsui_labels_pcgz5_glf7y_184:not(#\9) {
+  display: grid;
+  grid-template-columns: 3fr repeat(calc((var(--awsui-slider-label-count-tkr9yl) - 2) / 2 + (var(--awsui-slider-label-count-tkr9yl) - 2) / 2 - 1), 2fr) 3fr;
+  grid-auto-rows: 100%;
+  padding-block-start: var(--space-m-udix3p, 16px);
+}
+.awsui_labels-noref_pcgz5_glf7y_190:not(#\9) {
+  grid-template-columns: 1fr 1fr;
+}
+.awsui_labels-reference_pcgz5_glf7y_193:not(#\9) {
+  grid-column-start: var(--awsui-slider-reference-column-tkr9yl);
+  grid-column-end: var(--awsui-slider-next-reference-column-tkr9yl);
+  grid-row: 1;
+  justify-self: center;
+  text-align: center;
+}
+.awsui_labels-min_pcgz5_glf7y_200:not(#\9) {
+  grid-column: 1;
+  grid-row: 1;
+  grid-column-end: var(--awsui-slider-min-end-tkr9yl);
+  margin-inline-start: calc(var(--space-m-udix3p, 16px) / -2);
+}
+.awsui_labels-max_pcgz5_glf7y_206:not(#\9) {
+  text-align: end;
+  justify-content: flex-end;
+  grid-row: 1;
+  grid-column-end: calc(var(--awsui-slider-label-count-tkr9yl) + 1);
+  grid-column-start: var(--awsui-slider-max-start-tkr9yl);
+  margin-inline-end: calc(var(--space-m-udix3p, 16px) / -2);
+}
+.awsui_labels-aria-description_pcgz5_glf7y_214:not(#\9) {
+  display: none;
+}
+@media (max-width: 576px) {
+  .awsui_labels_pcgz5_glf7y_184:not(#\9) {
+    grid-template-columns: 1fr 1fr;
+  }
+  .awsui_labels-min_pcgz5_glf7y_200:not(#\9) {
+    grid-column: 1;
+  }
+  .awsui_labels-max_pcgz5_glf7y_206:not(#\9) {
+    grid-column: 2;
+  }
+  .awsui_labels_pcgz5_glf7y_184 > .awsui_labels-reference_pcgz5_glf7y_193:not(#\9) {
+    display: none;
+  }
+}
+
+.awsui_ticks_pcgz5_glf7y_232:not(#\9) {
+  display: grid;
+  grid-template-columns: repeat(var(--awsui-slider-tick-count-tkr9yl), 1fr);
+  inline-size: calc(100% - var(--space-m-udix3p, 16px));
+  margin-inline: calc(var(--space-m-udix3p, 16px) / 2);
+}
+.awsui_ticks-wrapper_pcgz5_glf7y_238:not(#\9) {
+  block-size: 0;
+  display: flex;
+  margin-inline: calc(var(--space-m-udix3p, 16px) / -2);
+}
+
+.awsui_tick_pcgz5_glf7y_232:not(#\9) {
+  grid-row: 1;
+  block-size: var(--space-xs-zb16t3, 8px);
+  inline-size: var(--space-xxxs-zbmxqb, 2px);
+  padding-inline: 0;
+  padding-block: 0;
+  background: var(--color-background-slider-track-3m68rn, #7d8998);
+  inset-block-start: -4px;
+}
+.awsui_tick_pcgz5_glf7y_232.awsui_middle_pcgz5_glf7y_253:not(#\9):first-child, .awsui_tick_pcgz5_glf7y_232.awsui_middle_pcgz5_glf7y_253:not(#\9):last-child {
+  visibility: hidden;
+}
+.awsui_tick_pcgz5_glf7y_232.awsui_filled_pcgz5_glf7y_256:not(#\9) {
+  background: var(--color-background-slider-handle-default-atrlod, #0972d3);
+}
+.awsui_tick_pcgz5_glf7y_232.awsui_active_pcgz5_glf7y_174:not(#\9) {
+  background: var(--color-background-slider-handle-active-ccegzg, #065299);
+}
+.awsui_tick_pcgz5_glf7y_232.awsui_error_pcgz5_glf7y_171:not(#\9) {
+  background: var(--color-text-status-error-wdvepn, #d91515);
+}
+.awsui_tick_pcgz5_glf7y_232.awsui_error-active_pcgz5_glf7y_177:not(#\9) {
+  background-color: var(--color-background-slider-error-pressed-g7oqnt, #7c2718);
+}
+.awsui_tick_pcgz5_glf7y_232.awsui_disabled_pcgz5_glf7y_162:not(#\9) {
+  background: var(--color-background-control-disabled-pwkvgd, #d1d5db);
+}
+
+.awsui_tooltip-thumb_pcgz5_glf7y_272:not(#\9) {
+  position: absolute;
+  inline-size: var(--space-xxl-cu2m1r, 32px);
+  block-size: var(--space-xxl-cu2m1r, 32px);
+  margin-block-start: calc(var(--space-s-34lx8l, 12px) / -1);
+  inset-inline-start: var(--awsui-slider-tooltip-position-tkr9yl);
+}
+
+.awsui_thumb_pcgz5_glf7y_280:not(#\9) {
+  background: transparent;
+  -webkit-appearance: none;
+          appearance: none;
+  position: absolute;
+  block-size: 0;
+  inline-size: calc(100% + var(--space-m-udix3p, 16px));
+  margin-inline-start: calc(var(--space-m-udix3p, 16px) / -2);
+  outline: 0;
+  margin-block-start: var(--space-xxs-p8yyaw, 4px);
+  cursor: pointer;
+  touch-action: none;
+}
+.awsui_thumb_pcgz5_glf7y_280.awsui_disabled_pcgz5_glf7y_162:not(#\9) {
+  cursor: default;
+}
+.awsui_thumb_pcgz5_glf7y_280.awsui_min_pcgz5_glf7y_295:not(#\9) {
+  margin-inline-start: calc(-1px + var(--space-m-udix3p, 16px) / -2);
+}
+.awsui_thumb_pcgz5_glf7y_280.awsui_max_pcgz5_glf7y_298:not(#\9) {
+  margin-inline-start: calc(1px + var(--space-m-udix3p, 16px) / -2);
+}
+.awsui_thumb_pcgz5_glf7y_280:not(#\9)::-webkit-slider-thumb {
+  -webkit-appearance: none;
+          appearance: none;
+  appearance: none;
+  background: var(--color-background-slider-handle-default-atrlod, #0972d3);
+  border-color: var(--color-background-slider-handle-default-atrlod, #0972d3);
+  border-block-width: 2px;
+  border-inline-width: 2px;
+  border-start-start-radius: 50%;
+  border-start-end-radius: 50%;
+  border-end-start-radius: 50%;
+  border-end-end-radius: 50%;
+  box-shadow: none;
+  cursor: pointer;
+  block-size: var(--space-m-udix3p, 16px);
+  inline-size: var(--space-m-udix3p, 16px);
+  pointer-events: all;
+  position: relative;
+}
+.awsui_thumb_pcgz5_glf7y_280:not(#\9)::-moz-range-thumb {
+  appearance: none;
+  appearance: none;
+  background: var(--color-background-slider-handle-default-atrlod, #0972d3);
+  border-color: var(--color-background-slider-handle-default-atrlod, #0972d3);
+  border-block-width: 2px;
+  border-inline-width: 2px;
+  border-start-start-radius: 50%;
+  border-start-end-radius: 50%;
+  border-end-start-radius: 50%;
+  border-end-end-radius: 50%;
+  box-shadow: none;
+  cursor: pointer;
+  block-size: var(--space-m-udix3p, 16px);
+  inline-size: var(--space-m-udix3p, 16px);
+  pointer-events: all;
+  position: relative;
+}
+.awsui_thumb_pcgz5_glf7y_280: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_glf7y_280: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_glf7y_280:not(#\9):focus::-webkit-slider-thumb, .awsui_thumb_pcgz5_glf7y_280: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);
+  background: var(--color-background-slider-handle-active-ccegzg, #065299);
+  border-color: var(--color-background-slider-handle-active-ccegzg, #065299);
+  border-block-width: 2px;
+  border-inline-width: 2px;
+}
+.awsui_thumb_pcgz5_glf7y_280:not(#\9):focus::-moz-range-thumb, .awsui_thumb_pcgz5_glf7y_280: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);
+  background: var(--color-background-slider-handle-active-ccegzg, #065299);
+  border-color: var(--color-background-slider-handle-active-ccegzg, #065299);
+  border-block-width: 2px;
+  border-inline-width: 2px;
+}
+
+.awsui_error_pcgz5_glf7y_171: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_glf7y_171: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_glf7y_171: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_glf7y_171: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_glf7y_171:not(#\9):focus::-webkit-slider-thumb, .awsui_error_pcgz5_glf7y_171: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_glf7y_171:not(#\9):focus::-moz-range-thumb, .awsui_error_pcgz5_glf7y_171:not(#\9):active::-moz-range-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_disabled_pcgz5_glf7y_162:not(#\9)::-webkit-slider-thumb,
+.awsui_disabled_pcgz5_glf7y_162:not(#\9):hover::-webkit-slider-thumb,
+.awsui_disabled_pcgz5_glf7y_162: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_glf7y_162:not(#\9)::-moz-range-thumb,
+.awsui_disabled_pcgz5_glf7y_162:not(#\9):hover::-moz-range-thumb,
+.awsui_disabled_pcgz5_glf7y_162: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;
+  pointer-events: none;
+}

package/slider/styles.selectors.js

@@ -0,0 +1,29 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "root": "awsui_root_pcgz5_glf7y_103",
+  "slider": "awsui_slider_pcgz5_glf7y_143",
+  "slider-track": "awsui_slider-track_pcgz5_glf7y_147",
+  "slider-range": "awsui_slider-range_pcgz5_glf7y_147",
+  "disabled": "awsui_disabled_pcgz5_glf7y_162",
+  "error": "awsui_error_pcgz5_glf7y_171",
+  "active": "awsui_active_pcgz5_glf7y_174",
+  "error-active": "awsui_error-active_pcgz5_glf7y_177",
+  "labels": "awsui_labels_pcgz5_glf7y_184",
+  "labels-noref": "awsui_labels-noref_pcgz5_glf7y_190",
+  "labels-reference": "awsui_labels-reference_pcgz5_glf7y_193",
+  "labels-min": "awsui_labels-min_pcgz5_glf7y_200",
+  "labels-max": "awsui_labels-max_pcgz5_glf7y_206",
+  "labels-aria-description": "awsui_labels-aria-description_pcgz5_glf7y_214",
+  "ticks": "awsui_ticks_pcgz5_glf7y_232",
+  "ticks-wrapper": "awsui_ticks-wrapper_pcgz5_glf7y_238",
+  "tick": "awsui_tick_pcgz5_glf7y_232",
+  "middle": "awsui_middle_pcgz5_glf7y_253",
+  "filled": "awsui_filled_pcgz5_glf7y_256",
+  "tooltip-thumb": "awsui_tooltip-thumb_pcgz5_glf7y_272",
+  "thumb": "awsui_thumb_pcgz5_glf7y_280",
+  "min": "awsui_min_pcgz5_glf7y_295",
+  "max": "awsui_max_pcgz5_glf7y_298"
+};
+  

package/slider/tick-marks.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export interface SliderTicksProps {
+    hideFillLine?: boolean;
+    value: number;
+    isActive: boolean;
+    invalid?: boolean;
+    disabled?: boolean;
+    min: number;
+    max: number;
+    step: number;
+}
+export interface SliderTickMarkProps extends SliderTicksProps {
+    type: 'min' | 'max' | 'step';
+}
+export default function SliderTickMarks(props: SliderTicksProps): JSX.Element;
+//# sourceMappingURL=tick-marks.d.ts.map

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

@@ -0,0 +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,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;AA6BD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,gBAAgB,eAmB9D"}

package/slider/tick-marks.js

@@ -0,0 +1,37 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+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';
+function TickMark(props) {
+    const { hideFillLine, value, isActive, invalid, disabled, type, min, max, step } = props;
+    const getType = () => {
+        if (type === 'min') {
+            return min;
+        }
+        if (type === 'max') {
+            return max;
+        }
+        return step;
+    };
+    return (React.createElement("div", { className: clsx(styles.tick, {
+            [styles.filled]: !hideFillLine && value > getType(),
+            [styles.active]: !hideFillLine && isActive && value > getType(),
+            [styles.error]: invalid && !hideFillLine && value > getType(),
+            [styles['error-active']]: invalid && isActive && !hideFillLine && value > getType(),
+            [styles.disabled]: disabled,
+            [styles.middle]: type === 'step',
+        }) }));
+}
+export default function SliderTickMarks(props) {
+    const { min, max, step } = props;
+    return (React.createElement("div", { className: clsx(styles['ticks-wrapper']) },
+        React.createElement(TickMark, Object.assign({}, props, { type: "min" })),
+        React.createElement("div", { className: clsx(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" }))));
+}
+//# sourceMappingURL=tick-marks.js.map

package/slider/tick-marks.js.map

@@ -0,0 +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;AAiB1C,SAAS,QAAQ,CAAC,KAA0B;IAC1C,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEzF,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,cAAc,CAAC,CAAC,EAAE,OAAO,IAAI,QAAQ,IAAI,CAAC,YAAY,IAAI,KAAK,GAAG,OAAO,EAAE;YACnF,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  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, disabled, type, min, max, step } = props;\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['error-active']]: invalid && 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"]}

package/slider/utils.d.ts

@@ -0,0 +1,9 @@
+export declare function getPercent(value: number, range: [min: number, max: number]): number;
+export declare const getStepArray: (step: number, range: [min: number, max: number]) => number[];
+export declare const findLowerAndHigherValues: <T extends number>(array: readonly T[], value: T) => {
+    lower: T | undefined;
+    higher: T | undefined;
+};
+export declare const valuesAreValid: (referenceValues: ReadonlyArray<number>) => boolean;
+export declare const THUMB_SIZE = 16;
+//# sourceMappingURL=utils.d.ts.map

package/slider/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/slider/utils.ts"],"names":[],"mappings":"AAGA,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,UAE1E;AACD,eAAO,MAAM,YAAY,SAAU,MAAM,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,aAO3E,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;CAYpC,CAAC;AAEF,eAAO,MAAM,cAAc,oBAAqB,cAAc,MAAM,CAAC,YAIpE,CAAC;AAEF,eAAO,MAAM,UAAU,KAAK,CAAC"}

package/slider/utils.js

@@ -0,0 +1,26 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+export function getPercent(value, range) {
+    return ((value - range[0]) / (range[1] - range[0])) * 100;
+}
+export const getStepArray = (step, range) => {
+    const steps = [];
+    for (let i = range[0]; i <= range[1]; i = i + step) {
+        steps.push(i);
+    }
+    return steps;
+};
+export const findLowerAndHigherValues = (array, value) => {
+    let sortedArray = [...array];
+    sortedArray = sortedArray.sort((a, b) => a - b);
+    const index = sortedArray.indexOf(value) || 0;
+    const lower = sortedArray[index - 1] || undefined;
+    const higher = sortedArray[index + 1] || undefined;
+    return { lower, higher };
+};
+export const valuesAreValid = (referenceValues) => {
+    const valuesWithDecimals = referenceValues === null || referenceValues === void 0 ? void 0 : referenceValues.filter(value => !Number.isInteger(value));
+    return valuesWithDecimals.length === 0;
+};
+export const THUMB_SIZE = 16;
+//# sourceMappingURL=utils.js.map

package/slider/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/slider/utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,MAAM,UAAU,UAAU,CAAC,KAAa,EAAE,KAAiC;IACzE,OAAO,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AAC5D,CAAC;AACD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAY,EAAE,KAAiC,EAAE,EAAE;IAC9E,MAAM,KAAK,GAAG,EAAE,CAAC;IAEjB,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,IAAI,EAAE;QAClD,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;KACf;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,KAAuB,EACvB,KAAQ,EACyC,EAAE;IACnD,IAAI,WAAW,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;IAC7B,WAAW,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAEhD,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC9C,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,SAAS,CAAC;IAClD,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,SAAS,CAAC;IAEnD,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAC3B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,eAAsC,EAAE,EAAE;IACvE,MAAM,kBAAkB,GAAG,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;IAEtF,OAAO,kBAAkB,CAAC,MAAM,KAAK,CAAC,CAAC;AACzC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,EAAE,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport function getPercent(value: number, range: [min: number, max: number]) {\n  return ((value - range[0]) / (range[1] - range[0])) * 100;\n}\nexport const getStepArray = (step: number, range: [min: number, max: number]) => {\n  const steps = [];\n\n  for (let i = range[0]; i <= range[1]; i = i + step) {\n    steps.push(i);\n  }\n  return steps;\n};\n\nexport const findLowerAndHigherValues = <T extends number>(\n  array: ReadonlyArray<T>,\n  value: T\n): { lower: undefined | T; higher: undefined | T } => {\n  let sortedArray = [...array];\n  sortedArray = sortedArray.sort((a, b) => a - b);\n\n  const index = sortedArray.indexOf(value) || 0;\n  const lower = sortedArray[index - 1] || undefined;\n  const higher = sortedArray[index + 1] || undefined;\n\n  return { lower, higher };\n};\n\nexport const valuesAreValid = (referenceValues: ReadonlyArray<number>) => {\n  const valuesWithDecimals = referenceValues?.filter(value => !Number.isInteger(value));\n\n  return valuesWithDecimals.length === 0;\n};\n\nexport const THUMB_SIZE = 16;\n"]}

package/spinner/styles.css.js

@@ -1,18 +1,18 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1612d_oxpob_133",
-  "spinner-rotator": "awsui_spinner-rotator_1612d_oxpob_1",
-  "size-normal": "awsui_size-normal_1612d_oxpob_147",
-  "size-big": "awsui_size-big_1612d_oxpob_155",
-  "size-large": "awsui_size-large_1612d_oxpob_163",
-  "variant-normal": "awsui_variant-normal_1612d_oxpob_171",
-  "variant-disabled": "awsui_variant-disabled_1612d_oxpob_174",
-  "variant-inverted": "awsui_variant-inverted_1612d_oxpob_177",
-  "circle": "awsui_circle_1612d_oxpob_189",
-  "circle-left": "awsui_circle-left_1612d_oxpob_217",
-  "spinner-line-left": "awsui_spinner-line-left_1612d_oxpob_1",
-  "circle-right": "awsui_circle-right_1612d_oxpob_222",
-  "spinner-line-right": "awsui_spinner-line-right_1612d_oxpob_1"
+  "root": "awsui_root_1612d_rnd1k_133",
+  "spinner-rotator": "awsui_spinner-rotator_1612d_rnd1k_1",
+  "size-normal": "awsui_size-normal_1612d_rnd1k_147",
+  "size-big": "awsui_size-big_1612d_rnd1k_155",
+  "size-large": "awsui_size-large_1612d_rnd1k_163",
+  "variant-normal": "awsui_variant-normal_1612d_rnd1k_171",
+  "variant-disabled": "awsui_variant-disabled_1612d_rnd1k_174",
+  "variant-inverted": "awsui_variant-inverted_1612d_rnd1k_177",
+  "circle": "awsui_circle_1612d_rnd1k_189",
+  "circle-left": "awsui_circle-left_1612d_rnd1k_217",
+  "spinner-line-left": "awsui_spinner-line-left_1612d_rnd1k_1",
+  "circle-right": "awsui_circle-right_1612d_rnd1k_222",
+  "spinner-line-right": "awsui_spinner-line-right_1612d_rnd1k_1"
 };