@cloudscape-design/components 3.0.0

package/cards/styles.scoped.css

@@ -0,0 +1,384 @@
+/*
+ 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
+*/
+/*
+ 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_card-inner_p8a6i_1h2xf_97:not(#\9) {
+  transition-property: background-color, border-top-color, border-bottom-color, border-left-color, border-right-color;
+  transition-duration: 180ms;
+  transition-duration: var(--motion-duration-transition-show-paced-ai4wlf, 180ms);
+  transition-timing-function: ease-out;
+  transition-timing-function: var(--motion-easing-transition-show-paced-bg1hyg, ease-out);
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_card-inner_p8a6i_1h2xf_97:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_card-inner_p8a6i_1h2xf_97:not(#\9), .awsui-mode-entering .awsui_card-inner_p8a6i_1h2xf_97:not(#\9) {
+  animation: none;
+  transition: none;
+}
+
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_root_p8a6i_1h2xf_117:not(#\9) {
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  border-collapse: separate;
+  border-spacing: 0;
+  caption-side: top;
+  cursor: auto;
+  direction: ltr;
+  empty-cells: show;
+  font-family: serif;
+  font-size: medium;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-hyphens: none;
+      -ms-hyphens: none;
+          hyphens: none;
+  letter-spacing: normal;
+  list-style: disc outside none;
+  tab-size: 8;
+  text-align: left;
+  text-align-last: auto;
+  text-indent: 0;
+  text-shadow: none;
+  text-transform: none;
+  visibility: visible;
+  white-space: normal;
+  widows: 2;
+  word-spacing: normal;
+  box-sizing: border-box;
+  font-size: 14px;
+  font-size: var(--font-body-m-size-sregvd, 14px);
+  line-height: 22px;
+  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
+  color: #000716;
+  color: var(--color-text-body-default-ajf1h5, #000716);
+  font-weight: 400;
+  font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
+  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-size: 14px;
+  font-size: var(--font-body-m-size-sregvd, 14px);
+  line-height: 22px;
+  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
+  color: #000716;
+  color: var(--color-text-body-default-ajf1h5, #000716);
+  font-weight: 400;
+  font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
+  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+}
+
+.awsui_header-variant-full-page_p8a6i_1h2xf_133.awsui_header-refresh_p8a6i_1h2xf_133:not(#\9) {
+  box-shadow: 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12);
+  box-shadow: var(--shadow-container-7nblnj, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
+  border-top: 0px solid transparent;
+  border-top: var(--border-container-top-width-jk6fhm, 0px) solid var(--color-border-container-top-srcvx4, transparent);
+  border-radius: 16px;
+  border-radius: var(--border-container-radius-8dqnwf, 16px);
+  box-sizing: border-box;
+  padding-top: 12px;
+  padding-top: var(--space-container-header-vertical-zsjhel, 12px);
+  padding-left: 0;
+  padding-right: 0;
+  padding-bottom: calc(12px + 4px);
+  padding-bottom: calc(var(--space-container-header-vertical-zsjhel, 12px) + var(--space-scaled-xxs-95dhkm, 4px));
+}
+@media screen and (-ms-high-contrast: active) {
+  .awsui_header-variant-full-page_p8a6i_1h2xf_133.awsui_header-refresh_p8a6i_1h2xf_133:not(#\9) {
+    border: 2px solid transparent;
+    border: var(--border-field-width-idlekx, 2px) solid var(--color-border-container-top-srcvx4, transparent);
+  }
+}
+
+.awsui_list_p8a6i_1h2xf_149:not(#\9) {
+  display: flex;
+  flex-wrap: wrap;
+  box-sizing: border-box;
+  padding: 0;
+  list-style: none;
+  margin: 0 0 0 calc(20px * -1);
+  margin: 0 0 0 calc(var(--space-grid-gutter-0subky, 20px) * -1);
+}
+.awsui_list_p8a6i_1h2xf_149.awsui_list-grid-1_p8a6i_1h2xf_157 > .awsui_card_p8a6i_1h2xf_97:not(#\9) {
+  width: 100%;
+}
+.awsui_list_p8a6i_1h2xf_149.awsui_list-grid-2_p8a6i_1h2xf_160 > .awsui_card_p8a6i_1h2xf_97:not(#\9) {
+  width: 50%;
+}
+.awsui_list_p8a6i_1h2xf_149.awsui_list-grid-3_p8a6i_1h2xf_163 > .awsui_card_p8a6i_1h2xf_97:not(#\9) {
+  width: 33.3333333333%;
+}
+.awsui_list_p8a6i_1h2xf_149.awsui_list-grid-4_p8a6i_1h2xf_166 > .awsui_card_p8a6i_1h2xf_97:not(#\9) {
+  width: 25%;
+}
+.awsui_list_p8a6i_1h2xf_149.awsui_list-grid-5_p8a6i_1h2xf_169 > .awsui_card_p8a6i_1h2xf_97:not(#\9) {
+  width: 20%;
+}
+.awsui_list_p8a6i_1h2xf_149.awsui_list-grid-6_p8a6i_1h2xf_172 > .awsui_card_p8a6i_1h2xf_97:not(#\9) {
+  width: 16.6666666667%;
+}
+.awsui_list_p8a6i_1h2xf_149.awsui_list-grid-7_p8a6i_1h2xf_175 > .awsui_card_p8a6i_1h2xf_97:not(#\9) {
+  width: 14.2857142857%;
+}
+.awsui_list_p8a6i_1h2xf_149.awsui_list-grid-8_p8a6i_1h2xf_178 > .awsui_card_p8a6i_1h2xf_97:not(#\9) {
+  width: 12.5%;
+}
+.awsui_list_p8a6i_1h2xf_149.awsui_list-grid-9_p8a6i_1h2xf_181 > .awsui_card_p8a6i_1h2xf_97:not(#\9) {
+  width: 11.1111111111%;
+}
+.awsui_list_p8a6i_1h2xf_149.awsui_list-grid-10_p8a6i_1h2xf_184 > .awsui_card_p8a6i_1h2xf_97:not(#\9) {
+  width: 10%;
+}
+.awsui_list_p8a6i_1h2xf_149.awsui_list-grid-11_p8a6i_1h2xf_187 > .awsui_card_p8a6i_1h2xf_97:not(#\9) {
+  width: 9.0909090909%;
+}
+.awsui_list_p8a6i_1h2xf_149.awsui_list-grid-12_p8a6i_1h2xf_190 > .awsui_card_p8a6i_1h2xf_97:not(#\9) {
+  width: 8.3333333333%;
+}
+.awsui_list_p8a6i_1h2xf_149.awsui_list-grid-13_p8a6i_1h2xf_193 > .awsui_card_p8a6i_1h2xf_97:not(#\9) {
+  width: 7.6923076923%;
+}
+.awsui_list_p8a6i_1h2xf_149.awsui_list-grid-14_p8a6i_1h2xf_196 > .awsui_card_p8a6i_1h2xf_97:not(#\9) {
+  width: 7.1428571429%;
+}
+.awsui_list_p8a6i_1h2xf_149.awsui_list-grid-15_p8a6i_1h2xf_199 > .awsui_card_p8a6i_1h2xf_97:not(#\9) {
+  width: 6.6666666667%;
+}
+.awsui_list_p8a6i_1h2xf_149.awsui_list-grid-16_p8a6i_1h2xf_202 > .awsui_card_p8a6i_1h2xf_97:not(#\9) {
+  width: 6.25%;
+}
+.awsui_list_p8a6i_1h2xf_149.awsui_list-grid-17_p8a6i_1h2xf_205 > .awsui_card_p8a6i_1h2xf_97:not(#\9) {
+  width: 5.8823529412%;
+}
+.awsui_list_p8a6i_1h2xf_149.awsui_list-grid-18_p8a6i_1h2xf_208 > .awsui_card_p8a6i_1h2xf_97:not(#\9) {
+  width: 5.5555555556%;
+}
+.awsui_list_p8a6i_1h2xf_149.awsui_list-grid-19_p8a6i_1h2xf_211 > .awsui_card_p8a6i_1h2xf_97:not(#\9) {
+  width: 5.2631578947%;
+}
+.awsui_list_p8a6i_1h2xf_149.awsui_list-grid-20_p8a6i_1h2xf_214 > .awsui_card_p8a6i_1h2xf_97:not(#\9) {
+  width: 5%;
+}
+
+.awsui_selection-control_p8a6i_1h2xf_218:not(#\9) {
+  position: absolute;
+  box-sizing: border-box;
+  width: calc(16px + (2 * 24px));
+  width: calc(var(--size-control-n9i4yo, 16px) + (2 * var(--space-card-horizontal-dkvuen, 24px)));
+  top: 0;
+  right: 0;
+  padding: 20px 24px;
+  padding: var(--space-scaled-l-t03y3z, 20px) var(--space-card-horizontal-dkvuen, 24px);
+}
+
+.awsui_loading_p8a6i_1h2xf_227:not(#\9),
+.awsui_empty_p8a6i_1h2xf_228:not(#\9) {
+  overflow: hidden;
+  text-align: center;
+  color: #5f6b7a;
+  color: var(--color-text-empty-fjv325, #5f6b7a);
+  margin-bottom: 20px;
+  margin-bottom: var(--space-scaled-l-t03y3z, 20px);
+}
+
+.awsui_has-header_p8a6i_1h2xf_235:not(#\9) {
+  margin-top: 20px;
+  margin-top: var(--space-grid-gutter-0subky, 20px);
+}
+
+.awsui_card_p8a6i_1h2xf_97:not(#\9) {
+  display: flex;
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.awsui_card-inner_p8a6i_1h2xf_97:not(#\9) {
+  position: relative;
+  background-color: #ffffff;
+  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
+  margin: 0 0 20px 20px;
+  margin: 0 0 var(--space-grid-gutter-0subky, 20px) var(--space-grid-gutter-0subky, 20px);
+  padding: 20px 24px 20px;
+  padding: var(--space-scaled-l-t03y3z, 20px) var(--space-card-horizontal-dkvuen, 24px) var(--space-scaled-l-t03y3z, 20px);
+  border-color: transparent;
+  box-shadow: 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12);
+  box-shadow: var(--shadow-container-7nblnj, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
+  border-top: 0px solid transparent;
+  border-top: var(--border-container-top-width-jk6fhm, 0px) solid var(--color-border-container-top-srcvx4, transparent);
+  border-radius: 16px;
+  border-radius: var(--border-container-radius-8dqnwf, 16px);
+  box-sizing: border-box;
+  border-width: 2px;
+  border-width: var(--border-item-width-qbbbsa, 2px);
+  width: 100%;
+  min-width: 0;
+  box-sizing: border-box;
+}
+@media screen and (-ms-high-contrast: active) {
+  .awsui_card-inner_p8a6i_1h2xf_97:not(#\9) {
+    padding: calc(20px - 2px) calc(24px - 2px) calc(20px - 2px);
+    padding: calc(var(--space-scaled-l-t03y3z, 20px) - var(--border-item-width-qbbbsa, 2px)) calc(var(--space-card-horizontal-dkvuen, 24px) - var(--border-item-width-qbbbsa, 2px)) calc(var(--space-scaled-l-t03y3z, 20px) - var(--border-item-width-qbbbsa, 2px));
+  }
+}
+@media screen and (-ms-high-contrast: active) {
+  .awsui_card-inner_p8a6i_1h2xf_97:not(#\9) {
+    border: 2px solid transparent;
+    border: var(--border-field-width-idlekx, 2px) solid var(--color-border-container-top-srcvx4, transparent);
+  }
+}
+.awsui_card-header_p8a6i_1h2xf_272:not(#\9) {
+  font-size: 20px;
+  font-size: var(--font-heading-m-size-6e3jmg, 20px);
+  line-height: 24px;
+  line-height: var(--font-heading-m-line-height-u3t54f, 24px);
+  letter-spacing: -0.01em;
+  letter-spacing: var(--font-heading-m-letter-spacing-r00pg3, -0.01em);
+  font-weight: 800;
+  font-weight: var(--font-heading-m-weight-hi5n0j, 800);
+}
+.awsui_card-header-inner_p8a6i_1h2xf_278:not(#\9) {
+  width: 100%;
+  display: inline-block;
+}
+.awsui_card-selectable_p8a6i_1h2xf_282 > .awsui_card-inner_p8a6i_1h2xf_97 > .awsui_card-header_p8a6i_1h2xf_272:not(#\9) {
+  width: 90%;
+}
+.awsui_card-selected_p8a6i_1h2xf_285 > .awsui_card-inner_p8a6i_1h2xf_97:not(#\9) {
+  border: 2px solid #0972d3;
+  border: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-item-selected-ppkssz, #0972d3);
+  background-color: #f2f8fd;
+  background-color: var(--color-background-item-selected-ebt4bi, #f2f8fd);
+  padding: 20px calc(24px - 2px) calc(20px - 2px);
+  padding: var(--space-scaled-l-t03y3z, 20px) calc(var(--space-card-horizontal-dkvuen, 24px) - var(--border-item-width-qbbbsa, 2px)) calc(var(--space-scaled-l-t03y3z, 20px) - var(--border-item-width-qbbbsa, 2px));
+}
+.awsui_card-selected_p8a6i_1h2xf_285 > .awsui_card-inner_p8a6i_1h2xf_97 > .awsui_card-header_p8a6i_1h2xf_272 > .awsui_selection-control_p8a6i_1h2xf_218:not(#\9) {
+  margin-right: calc(-1 * 2px);
+  margin-right: calc(-1 * var(--border-item-width-qbbbsa, 2px));
+}
+
+.awsui_section_p8a6i_1h2xf_294:not(#\9) {
+  display: inline-block;
+  box-sizing: border-box;
+  padding: 8px 0 8px 0;
+  padding: var(--space-xs-rsr2qu, 8px) 0 var(--space-scaled-xs-6859qs, 8px) 0;
+  vertical-align: top;
+}
+.awsui_section-header_p8a6i_1h2xf_300:not(#\9) {
+  font-size: 14px;
+  font-size: var(--font-body-m-size-sregvd, 14px);
+  line-height: 22px;
+  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
+  font-weight: 700;
+  font-weight: var(--font-display-label-weight-m18hjh, 700);
+  color: #000716;
+  color: var(--color-text-label-gxskdy, #000716);
+}
+.awsui_section-content_p8a6i_1h2xf_306:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_section_p8a6i_1h2xf_294:not(#\9):last-child {
+  padding: 8px 0 0 0;
+  padding: var(--space-xs-rsr2qu, 8px) 0 0 0;
+}

package/cards/styles.selectors.js

@@ -0,0 +1,43 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "card-inner": "awsui_card-inner_p8a6i_1h2xf_97",
+  "root": "awsui_root_p8a6i_1h2xf_117",
+  "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_1h2xf_133",
+  "header-refresh": "awsui_header-refresh_p8a6i_1h2xf_133",
+  "list": "awsui_list_p8a6i_1h2xf_149",
+  "list-grid-1": "awsui_list-grid-1_p8a6i_1h2xf_157",
+  "card": "awsui_card_p8a6i_1h2xf_97",
+  "list-grid-2": "awsui_list-grid-2_p8a6i_1h2xf_160",
+  "list-grid-3": "awsui_list-grid-3_p8a6i_1h2xf_163",
+  "list-grid-4": "awsui_list-grid-4_p8a6i_1h2xf_166",
+  "list-grid-5": "awsui_list-grid-5_p8a6i_1h2xf_169",
+  "list-grid-6": "awsui_list-grid-6_p8a6i_1h2xf_172",
+  "list-grid-7": "awsui_list-grid-7_p8a6i_1h2xf_175",
+  "list-grid-8": "awsui_list-grid-8_p8a6i_1h2xf_178",
+  "list-grid-9": "awsui_list-grid-9_p8a6i_1h2xf_181",
+  "list-grid-10": "awsui_list-grid-10_p8a6i_1h2xf_184",
+  "list-grid-11": "awsui_list-grid-11_p8a6i_1h2xf_187",
+  "list-grid-12": "awsui_list-grid-12_p8a6i_1h2xf_190",
+  "list-grid-13": "awsui_list-grid-13_p8a6i_1h2xf_193",
+  "list-grid-14": "awsui_list-grid-14_p8a6i_1h2xf_196",
+  "list-grid-15": "awsui_list-grid-15_p8a6i_1h2xf_199",
+  "list-grid-16": "awsui_list-grid-16_p8a6i_1h2xf_202",
+  "list-grid-17": "awsui_list-grid-17_p8a6i_1h2xf_205",
+  "list-grid-18": "awsui_list-grid-18_p8a6i_1h2xf_208",
+  "list-grid-19": "awsui_list-grid-19_p8a6i_1h2xf_211",
+  "list-grid-20": "awsui_list-grid-20_p8a6i_1h2xf_214",
+  "selection-control": "awsui_selection-control_p8a6i_1h2xf_218",
+  "loading": "awsui_loading_p8a6i_1h2xf_227",
+  "empty": "awsui_empty_p8a6i_1h2xf_228",
+  "has-header": "awsui_has-header_p8a6i_1h2xf_235",
+  "card-header": "awsui_card-header_p8a6i_1h2xf_272",
+  "card-header-inner": "awsui_card-header-inner_p8a6i_1h2xf_278",
+  "card-selectable": "awsui_card-selectable_p8a6i_1h2xf_282",
+  "card-selected": "awsui_card-selected_p8a6i_1h2xf_285",
+  "section": "awsui_section_p8a6i_1h2xf_294",
+  "section-header": "awsui_section-header_p8a6i_1h2xf_300",
+  "section-content": "awsui_section-content_p8a6i_1h2xf_306"
+};
+  

package/checkbox/base-checkbox.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import { BaseComponentProps } from '../internal/base-component';
+import { NonCancelableEventHandler } from '../internal/events';
+import { FormFieldControlProps } from '../internal/context/form-field-context';
+export interface BaseCheckboxProps extends BaseComponentProps, FormFieldControlProps {
+    /**
+     * Specifies if the component is selected.
+     */
+    checked: boolean;
+    /**
+     * Specifies the name of the control used in HTML forms.
+     */
+    name?: string;
+    /**
+     * Specifies if the control is disabled, which prevents the
+     * user from modifying the value and prevents the value from
+     * being included in a form submission. A disabled control can't
+     * receive focus.
+     */
+    disabled?: boolean;
+    /**
+     * Specifies the ID of the native form element. You can use it to relate
+     * a label element's `for` attribute to this control.
+     *
+     * It defaults to an automatically generated ID that
+     * is provided by its parent form field component.
+     */
+    controlId?: string;
+    /**
+     * Adds an `aria-label` to the native control.
+     *
+     * Use this if you don't have a visible label for this control.
+     */
+    ariaLabel?: string;
+    /**
+     * Called when input focus is moved to the UI control.
+     */
+    onFocus?: NonCancelableEventHandler;
+    /**
+     * Called when input focus is removed from the UI control.
+     */
+    onBlur?: NonCancelableEventHandler;
+    children?: React.ReactNode;
+    /**
+     * Description that appears below the label.
+     */
+    description?: React.ReactNode;
+}
+//# sourceMappingURL=base-checkbox.d.ts.map

package/checkbox/base-checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-checkbox.d.ts","sourceRoot":"","sources":["../../../src/checkbox/base-checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAE/E,MAAM,WAAW,iBAAkB,SAAQ,kBAAkB,EAAE,qBAAqB;IAClF;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,yBAAyB,CAAC;IAEpC;;OAEG;IACH,MAAM,CAAC,EAAE,yBAAyB,CAAC;IAEnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B"}

package/checkbox/base-checkbox.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=base-checkbox.js.map

package/checkbox/base-checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-checkbox.js","sourceRoot":"","sources":["../../../src/checkbox/base-checkbox.tsx"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { FormFieldControlProps } from '../internal/context/form-field-context';\n\nexport interface BaseCheckboxProps extends BaseComponentProps, FormFieldControlProps {\n  /**\n   * Specifies if the component is selected.\n   */\n  checked: boolean;\n\n  /**\n   * Specifies the name of the control used in HTML forms.\n   */\n  name?: string;\n\n  /**\n   * Specifies if the control is disabled, which prevents the\n   * user from modifying the value and prevents the value from\n   * being included in a form submission. A disabled control can't\n   * receive focus.\n   */\n  disabled?: boolean;\n\n  /**\n   * Specifies the ID of the native form element. You can use it to relate\n   * a label element's `for` attribute to this control.\n   *\n   * It defaults to an automatically generated ID that\n   * is provided by its parent form field component.\n   */\n  controlId?: string;\n\n  /**\n   * Adds an `aria-label` to the native control.\n   *\n   * Use this if you don't have a visible label for this control.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Called when input focus is moved to the UI control.\n   */\n  onFocus?: NonCancelableEventHandler;\n\n  /**\n   * Called when input focus is removed from the UI control.\n   */\n  onBlur?: NonCancelableEventHandler;\n\n  children?: React.ReactNode;\n\n  /**\n   * Description that appears below the label.\n   */\n  description?: React.ReactNode;\n}\n"]}

package/checkbox/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { CheckboxProps } from './interfaces';
+export { CheckboxProps };
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<CheckboxProps.Ref>>;
+export default Checkbox;
+//# sourceMappingURL=index.d.ts.map

package/checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/checkbox/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAK7C,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB,QAAA,MAAM,QAAQ,yFAGZ,CAAC;AAGH,eAAe,QAAQ,CAAC"}

package/checkbox/index.js

@@ -0,0 +1,15 @@
+import { __assign, __rest } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import InternalCheckbox from './internal';
+import { applyDisplayName } from '../internal/utils/apply-display-name';
+import useBaseComponent from '../internal/hooks/use-base-component';
+var Checkbox = React.forwardRef(function (_a, ref) {
+    var props = __rest(_a, []);
+    var baseComponentProps = useBaseComponent('Checkbox');
+    return React.createElement(InternalCheckbox, __assign({}, props, baseComponentProps, { ref: ref }));
+});
+applyDisplayName(Checkbox, 'Checkbox');
+export default Checkbox;
+//# sourceMappingURL=index.js.map

package/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/checkbox/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAIpE,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,UAAC,EAA2B,EAAE,GAAiC;QAAzD,KAAK,cAAV,EAAY,CAAF;IAC3C,IAAM,kBAAkB,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxD,OAAO,oBAAC,gBAAgB,eAAK,KAAK,EAAM,kBAAkB,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAC3E,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AACvC,eAAe,QAAQ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { CheckboxProps } from './interfaces';\nimport InternalCheckbox from './internal';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\n\nexport { CheckboxProps };\n\nconst Checkbox = React.forwardRef(({ ...props }: CheckboxProps, ref: React.Ref<CheckboxProps.Ref>) => {\n  const baseComponentProps = useBaseComponent('Checkbox');\n  return <InternalCheckbox {...props} {...baseComponentProps} ref={ref} />;\n});\n\napplyDisplayName(Checkbox, 'Checkbox');\nexport default Checkbox;\n"]}

package/checkbox/interfaces.d.ts

@@ -0,0 +1,33 @@
+import { BaseCheckboxProps } from './base-checkbox';
+import React from 'react';
+import { NonCancelableEventHandler } from '../internal/events';
+export interface CheckboxProps extends BaseCheckboxProps {
+    /**
+     * The control's label that's displayed next to the checkbox. A state change occurs when a user clicks on it.
+     * @displayname label
+     */
+    children?: React.ReactNode;
+    /**
+     * Specifies that the component is in an indeterminate state. The behavior of this property replicates
+     * the behavior of [the respective property](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#Indeterminate_state_checkboxes)
+     * in the native control.
+     */
+    indeterminate?: boolean;
+    /**
+     * Called when the user changes the component state. The event `detail` contains the current value for the `checked` property.
+     */
+    onChange?: NonCancelableEventHandler<CheckboxProps.ChangeDetail>;
+}
+export declare namespace CheckboxProps {
+    interface Ref {
+        /**
+         * Sets input focus onto the UI control.
+         */
+        focus(): void;
+    }
+    interface ChangeDetail {
+        checked: boolean;
+        indeterminate: false;
+    }
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/checkbox/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/checkbox/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;CAClE;AAED,yBAAiB,aAAa,CAAC;IAC7B,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;IAED,UAAiB,YAAY;QAC3B,OAAO,EAAE,OAAO,CAAC;QACjB,aAAa,EAAE,KAAK,CAAC;KACtB;CACF"}

package/checkbox/interfaces.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=interfaces.js.map

package/checkbox/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/checkbox/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseCheckboxProps } from './base-checkbox';\nimport React from 'react';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface CheckboxProps extends BaseCheckboxProps {\n  /**\n   * The control's label that's displayed next to the checkbox. A state change occurs when a user clicks on it.\n   * @displayname label\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Specifies that the component is in an indeterminate state. The behavior of this property replicates\n   * the behavior of [the respective property](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#Indeterminate_state_checkboxes)\n   * in the native control.\n   */\n  indeterminate?: boolean;\n\n  /**\n   * Called when the user changes the component state. The event `detail` contains the current value for the `checked` property.\n   */\n  onChange?: NonCancelableEventHandler<CheckboxProps.ChangeDetail>;\n}\n\nexport namespace CheckboxProps {\n  export interface Ref {\n    /**\n     * Sets input focus onto the UI control.\n     */\n    focus(): void;\n  }\n\n  export interface ChangeDetail {\n    checked: boolean;\n    indeterminate: false;\n  }\n}\n"]}

package/checkbox/internal.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { CheckboxProps } from './interfaces';
+import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
+interface InternalProps extends CheckboxProps, InternalBaseComponentProps {
+    withoutLabel?: boolean;
+    tabIndex?: -1;
+}
+declare const InternalCheckbox: React.ForwardRefExoticComponent<InternalProps & React.RefAttributes<CheckboxProps.Ref>>;
+export default InternalCheckbox;
+//# sourceMappingURL=internal.d.ts.map

package/checkbox/internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/checkbox/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAG7C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,UAAU,aAAc,SAAQ,aAAa,EAAE,0BAA0B;IACvE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;CACf;AAED,QAAA,MAAM,gBAAgB,yFA4ErB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/checkbox/internal.js

@@ -0,0 +1,35 @@
+import { __assign, __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, { useEffect, useRef } from 'react';
+import { fireNonCancelableEvent } from '../internal/events';
+import useForwardFocus from '../internal/hooks/forward-focus';
+import { getBaseProps } from '../internal/base-component';
+import AbstractSwitch from '../internal/components/abstract-switch';
+import styles from './styles.css.js';
+import CheckboxIcon from '../internal/components/checkbox-icon';
+var InternalCheckbox = React.forwardRef(function (_a, ref) {
+    var controlId = _a.controlId, name = _a.name, checked = _a.checked, disabled = _a.disabled, indeterminate = _a.indeterminate, children = _a.children, description = _a.description, ariaLabel = _a.ariaLabel, ariaLabelledby = _a.ariaLabelledby, ariaDescribedby = _a.ariaDescribedby, onFocus = _a.onFocus, onBlur = _a.onBlur, onChange = _a.onChange, withoutLabel = _a.withoutLabel, tabIndex = _a.tabIndex, __internalRootRef = _a.__internalRootRef, rest = __rest(_a, ["controlId", "name", "checked", "disabled", "indeterminate", "children", "description", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "onFocus", "onBlur", "onChange", "withoutLabel", "tabIndex", "__internalRootRef"]);
+    var baseProps = getBaseProps(rest);
+    var checkboxRef = useRef(null);
+    useForwardFocus(ref, checkboxRef);
+    useEffect(function () {
+        if (checkboxRef.current) {
+            checkboxRef.current.indeterminate = Boolean(indeterminate);
+        }
+    });
+    return (React.createElement(AbstractSwitch, __assign({}, baseProps, { className: clsx(styles.root, baseProps.className), controlClassName: styles['checkbox-control'], controlId: controlId, disabled: disabled, label: children, description: description, descriptionBottomPadding: true, ariaLabel: ariaLabel, ariaLabelledby: ariaLabelledby, ariaDescribedby: ariaDescribedby, nativeControl: function (nativeControlProps) { return (React.createElement("input", __assign({}, nativeControlProps, { ref: checkboxRef, className: styles.input, type: "checkbox", checked: checked, name: name, tabIndex: tabIndex, onFocus: onFocus && (function () { return fireNonCancelableEvent(onFocus); }), onBlur: onBlur && (function () { return fireNonCancelableEvent(onBlur); }), 
+            // empty handler to suppress React controllability warning
+            onChange: function () { }, onClick: 
+            // Using onClick because onChange does not fire in indeterminate state in Internet Explorer and Legacy Edge
+            // https://stackoverflow.com/questions/33523130/ie-does-not-fire-change-event-on-indeterminate-checkbox-when-you-click-on-it
+            onChange &&
+                (function () {
+                    return fireNonCancelableEvent(onChange, 
+                    // for deterministic transitions "indeterminate" -> "checked" -> "unchecked"
+                    indeterminate ? { checked: true, indeterminate: false } : { checked: !checked, indeterminate: false });
+                }) }))); }, styledControl: React.createElement(CheckboxIcon, { checked: checked, indeterminate: indeterminate, disabled: disabled }), withoutLabel: withoutLabel, __internalRootRef: __internalRootRef })));
+});
+export default InternalCheckbox;
+//# sourceMappingURL=internal.js.map

package/checkbox/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/checkbox/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 clsx from 'clsx';\nimport React, { useEffect, useRef } from 'react';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { getBaseProps } from '../internal/base-component';\nimport AbstractSwitch from '../internal/components/abstract-switch';\nimport { CheckboxProps } from './interfaces';\nimport styles from './styles.css.js';\nimport CheckboxIcon from '../internal/components/checkbox-icon';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\ninterface InternalProps extends CheckboxProps, InternalBaseComponentProps {\n  withoutLabel?: boolean;\n  tabIndex?: -1;\n}\n\nconst InternalCheckbox = React.forwardRef<CheckboxProps.Ref, InternalProps>(\n  (\n    {\n      controlId,\n      name,\n      checked,\n      disabled,\n      indeterminate,\n      children,\n      description,\n      ariaLabel,\n      ariaLabelledby,\n      ariaDescribedby,\n      onFocus,\n      onBlur,\n      onChange,\n      withoutLabel,\n      tabIndex,\n      __internalRootRef,\n      ...rest\n    },\n    ref\n  ) => {\n    const baseProps = getBaseProps(rest);\n    const checkboxRef = useRef<HTMLInputElement>(null);\n    useForwardFocus(ref, checkboxRef);\n    useEffect(() => {\n      if (checkboxRef.current) {\n        checkboxRef.current.indeterminate = Boolean(indeterminate);\n      }\n    });\n    return (\n      <AbstractSwitch\n        {...baseProps}\n        className={clsx(styles.root, baseProps.className)}\n        controlClassName={styles['checkbox-control']}\n        controlId={controlId}\n        disabled={disabled}\n        label={children}\n        description={description}\n        descriptionBottomPadding={true}\n        ariaLabel={ariaLabel}\n        ariaLabelledby={ariaLabelledby}\n        ariaDescribedby={ariaDescribedby}\n        nativeControl={nativeControlProps => (\n          <input\n            {...nativeControlProps}\n            ref={checkboxRef}\n            className={styles.input}\n            type=\"checkbox\"\n            checked={checked}\n            name={name}\n            tabIndex={tabIndex}\n            onFocus={onFocus && (() => fireNonCancelableEvent(onFocus))}\n            onBlur={onBlur && (() => fireNonCancelableEvent(onBlur))}\n            // empty handler to suppress React controllability warning\n            onChange={() => {}}\n            onClick={\n              // Using onClick because onChange does not fire in indeterminate state in Internet Explorer and Legacy Edge\n              // https://stackoverflow.com/questions/33523130/ie-does-not-fire-change-event-on-indeterminate-checkbox-when-you-click-on-it\n              onChange &&\n              (() =>\n                fireNonCancelableEvent(\n                  onChange,\n                  // for deterministic transitions \"indeterminate\" -> \"checked\" -> \"unchecked\"\n                  indeterminate ? { checked: true, indeterminate: false } : { checked: !checked, indeterminate: false }\n                ))\n            }\n          />\n        )}\n        styledControl={<CheckboxIcon checked={checked} indeterminate={indeterminate} disabled={disabled} />}\n        withoutLabel={withoutLabel}\n        __internalRootRef={__internalRootRef}\n      />\n    );\n  }\n);\n\nexport default InternalCheckbox;\n"]}

package/checkbox/styles.css.js

@@ -0,0 +1,8 @@
+
+    import './styles.scoped.css';
+    export default {
+  "root": "awsui_root_k2y2q_1i1vk_93",
+  "checkbox-control": "awsui_checkbox-control_k2y2q_1i1vk_105",
+  "input": "awsui_input_k2y2q_1i1vk_113"
+};
+