@cloudscape-design/components-themeable 3.0.266 → 3.0.268

package/lib/internal/template/token-group/styles.selectors.js

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_dm8gx_12gn7_97",
-  "has-items": "awsui_has-items_dm8gx_12gn7_109",
-  "dismiss-button": "awsui_dismiss-button_dm8gx_12gn7_113",
-  "token": "awsui_token_dm8gx_12gn7_147",
-  "token-box": "awsui_token-box_dm8gx_12gn7_154",
-  "token-box-error": "awsui_token-box-error_dm8gx_12gn7_166",
-  "token-box-disabled": "awsui_token-box-disabled_dm8gx_12gn7_177"
+  "root": "awsui_root_dm8gx_qre78_97",
+  "has-items": "awsui_has-items_dm8gx_qre78_109",
+  "dismiss-button": "awsui_dismiss-button_dm8gx_qre78_113",
+  "token": "awsui_token_dm8gx_qre78_147",
+  "token-box": "awsui_token-box_dm8gx_qre78_154",
+  "token-box-error": "awsui_token-box-error_dm8gx_qre78_166",
+  "token-box-disabled": "awsui_token-box-disabled_dm8gx_qre78_177"
 };
   

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/components-themeable",
-  "version": "3.0.266",
+  "version": "3.0.268",
   "files": [
     "lib",
     "package.json",

package/lib/internal/scss/table/header-cell/styles.scss

@@ -1,160 +0,0 @@
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-
-@use '../../internal/hooks/focus-visible' as focus-visible;
-@use '../../internal/styles/tokens' as awsui;
-@use '../../internal/styles' as styles;
-
-.header-cell {
-  position: relative;
-  text-align: left;
-  box-sizing: border-box;
-  border-bottom: awsui.$border-divider-section-width solid awsui.$color-border-divider-default;
-  background: awsui.$color-background-table-header;
-  color: awsui.$color-text-column-header;
-  font-weight: awsui.$font-heading-s-weight;
-  @include styles.font-smoothing;
-  padding: awsui.$space-scaled-xxs awsui.$space-scaled-xs;
-  &-sticky {
-    border-bottom: awsui.$border-table-sticky-width solid awsui.$color-border-divider-default;
-  }
-  &-stuck:not(.header-cell-variant-full-page) {
-    border-bottom-color: transparent;
-  }
-  &-variant-full-page.header-cell-hidden {
-    border-bottom-color: transparent;
-  }
-  &:last-child,
-  &.header-cell-sortable {
-    padding-right: awsui.$space-xs;
-  }
-
-  &:not(:last-child):before {
-    $gap: calc(2 * #{awsui.$space-xs} + #{awsui.$space-xxxs});
-
-    content: '';
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    top: 0;
-    min-height: awsui.$font-heading-xs-line-height;
-    max-height: calc(100% - #{$gap});
-    margin: auto;
-    border-left: awsui.$border-divider-section-width solid awsui.$color-border-divider-default;
-    box-sizing: border-box;
-  }
-
-  &-resizable:not(:last-child):before {
-    border-left-color: awsui.$color-border-divider-interactive-default;
-  }
-}
-
-.sorting-icon {
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  right: awsui.$space-xxs;
-  color: awsui.$color-text-column-sorting-icon;
-}
-
-.edit-icon {
-  margin-left: awsui.$space-xxs;
-  margin-top: awsui.$space-scaled-xxs;
-  color: inherit;
-}
-
-.header-cell-content {
-  position: relative;
-
-  padding: awsui.$space-scaled-xxs awsui.$space-s;
-  .header-cell-sortable > & {
-    padding-right: calc(#{awsui.$space-xl} + #{awsui.$space-xxs});
-  }
-  &:focus {
-    outline: none;
-    text-decoration: none;
-  }
-
-  @include focus-visible.when-visible {
-    @include styles.focus-highlight(awsui.$space-table-header-focus-outline-gutter);
-  }
-
-  // stylelint-disable-next-line selector-combinator-disallowed-list
-  body[data-awsui-focus-visible='true'] &.header-cell-fake-focus {
-    @include styles.focus-highlight(awsui.$space-table-header-focus-outline-gutter);
-  }
-
-  .header-cell-disabled.header-cell-sorted > & {
-    & > .sorting-icon {
-      color: awsui.$color-text-interactive-disabled;
-    }
-  }
-}
-
-.header-cell-sortable:not(.header-cell-disabled) {
-  & > .header-cell-content {
-    cursor: pointer;
-  }
-  & > .header-cell-content:hover,
-  &.header-cell-sorted > .header-cell-content {
-    color: awsui.$color-text-interactive-active;
-    & > .sorting-icon {
-      color: awsui.$color-text-interactive-active;
-    }
-  }
-}
-
-.header-cell-text {
-  line-height: awsui.$font-heading-xs-line-height;
-
-  padding-top: calc(#{awsui.$space-xxxs} / 2);
-  padding-bottom: calc(#{awsui.$space-xxxs} / 2);
-
-  &:not(.header-cell-text-wrap) {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-}
-
-.header-cell-ascending,
-.header-cell-descending {
-  /* used in test-utils */
-}
-
-/*
-In Visual Refresh the first cell in the header should align
-with the left edge of the table as closely as possible. If the
-last header cell is sortable the sort icon should align with the
-settings icon in the pagination slot.
-*/
-.header-cell:not(.is-visual-refresh) {
-  &:first-child {
-    padding-left: awsui.$space-xs;
-  }
-}
-
-.header-cell.is-visual-refresh {
-  &:first-child:not(.has-striped-rows) {
-    padding-left: awsui.$space-xxxs;
-  }
-
-  /*
-  Striped rows requires additional left padding because the
-  shaded background makes the child content appear too close
-  to the table edge.
-  */
-  &:first-child.has-striped-rows {
-    padding-left: awsui.$space-xxs;
-  }
-
-  &:first-child > .header-cell-content {
-    padding-left: 0;
-  }
-
-  &:last-child.header-cell-sortable {
-    padding-right: awsui.$space-xxxs;
-  }
-}

package/lib/internal/template/table/header-cell/styles.css.js

@@ -1,24 +0,0 @@
-
-    import './styles.scoped.css';
-    export default {
-  "header-cell": "awsui_header-cell_1spae_1951e_93",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_1951e_105",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_1951e_108",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1951e_108",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_1951e_111",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_1951e_114",
-  "header-cell-resizable": "awsui_header-cell-resizable_1spae_1951e_129",
-  "sorting-icon": "awsui_sorting-icon_1spae_1951e_133",
-  "edit-icon": "awsui_edit-icon_1spae_1951e_141",
-  "header-cell-content": "awsui_header-cell-content_1spae_1951e_147",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1951e_176",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_1951e_194",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_1951e_194",
-  "header-cell-text": "awsui_header-cell-text_1spae_1951e_208",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1951e_213",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_1951e_219",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_1951e_220",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_1951e_230",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_1951e_241"
-};
-  

package/lib/internal/template/table/header-cell/styles.scoped.css

@@ -1,252 +0,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
-*/
-/*
- 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
-*/
-/* 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
-*/
-.awsui_header-cell_1spae_1951e_93:not(#\9) {
-  position: relative;
-  text-align: left;
-  box-sizing: border-box;
-  border-bottom: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
-  background: var(--color-background-table-header-mryayf, #fafafa);
-  color: var(--color-text-column-header-nsvxtb, #545b64);
-  font-weight: var(--font-heading-s-weight-1ygwuy, 700);
-  -webkit-font-smoothing: var(--font-smoothing-webkit-aglr0j, auto);
-  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-f5m4xg, auto);
-  padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-scaled-xs-6859qs, 8px);
-}
-.awsui_header-cell-sticky_1spae_1951e_105:not(#\9) {
-  border-bottom: var(--border-table-sticky-width-52djt5, 0px) solid var(--color-border-divider-default-k96bks, #eaeded);
-}
-.awsui_header-cell-stuck_1spae_1951e_108:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_1951e_108) {
-  border-bottom-color: transparent;
-}
-.awsui_header-cell-variant-full-page_1spae_1951e_108.awsui_header-cell-hidden_1spae_1951e_111:not(#\9) {
-  border-bottom-color: transparent;
-}
-.awsui_header-cell_1spae_1951e_93:not(#\9):last-child, .awsui_header-cell_1spae_1951e_93.awsui_header-cell-sortable_1spae_1951e_114:not(#\9) {
-  padding-right: var(--space-xs-rsr2qu, 8px);
-}
-.awsui_header-cell_1spae_1951e_93:not(#\9):not(:last-child):before {
-  content: "";
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  top: 0;
-  min-height: var(--font-heading-xs-line-height-tf278d, 20px);
-  max-height: calc(100% - calc(2 * var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)));
-  margin: auto;
-  border-left: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
-  box-sizing: border-box;
-}
-.awsui_header-cell-resizable_1spae_1951e_129:not(#\9):not(:last-child):before {
-  border-left-color: var(--color-border-divider-interactive-default-mrpwro, #687078);
-}
-
-.awsui_sorting-icon_1spae_1951e_133:not(#\9) {
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  right: var(--space-xxs-ynfts5, 4px);
-  color: var(--color-text-column-sorting-icon-u1a3xj, #687078);
-}
-
-.awsui_edit-icon_1spae_1951e_141:not(#\9) {
-  margin-left: var(--space-xxs-ynfts5, 4px);
-  margin-top: var(--space-scaled-xxs-95dhkm, 4px);
-  color: inherit;
-}
-
-.awsui_header-cell-content_1spae_1951e_147:not(#\9) {
-  position: relative;
-  padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-s-hv8c1d, 12px);
-}
-.awsui_header-cell-sortable_1spae_1951e_114 > .awsui_header-cell-content_1spae_1951e_147:not(#\9) {
-  padding-right: calc(var(--space-xl-a39hup, 24px) + var(--space-xxs-ynfts5, 4px));
-}
-.awsui_header-cell-content_1spae_1951e_147:not(#\9):focus {
-  outline: none;
-  text-decoration: none;
-}
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1951e_147:not(#\9):focus {
-  position: relative;
-}
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1951e_147:not(#\9):focus {
-  outline: 2px dotted transparent;
-  outline-offset: calc(var(--space-table-header-focus-outline-gutter-uqywlq, 0px) - 1px);
-}
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1951e_147:not(#\9):focus::before {
-  content: " ";
-  display: block;
-  position: absolute;
-  left: calc(-1 * var(--space-table-header-focus-outline-gutter-uqywlq, 0px));
-  top: calc(-1 * var(--space-table-header-focus-outline-gutter-uqywlq, 0px));
-  width: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-uqywlq, 0px));
-  height: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-uqywlq, 0px));
-  border-radius: var(--border-radius-control-default-focus-ring-hekmgc, 2px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
-}
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1951e_147.awsui_header-cell-fake-focus_1spae_1951e_176:not(#\9) {
-  position: relative;
-}
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1951e_147.awsui_header-cell-fake-focus_1spae_1951e_176:not(#\9) {
-  outline: 2px dotted transparent;
-  outline-offset: calc(var(--space-table-header-focus-outline-gutter-uqywlq, 0px) - 1px);
-}
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1951e_147.awsui_header-cell-fake-focus_1spae_1951e_176:not(#\9)::before {
-  content: " ";
-  display: block;
-  position: absolute;
-  left: calc(-1 * var(--space-table-header-focus-outline-gutter-uqywlq, 0px));
-  top: calc(-1 * var(--space-table-header-focus-outline-gutter-uqywlq, 0px));
-  width: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-uqywlq, 0px));
-  height: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-uqywlq, 0px));
-  border-radius: var(--border-radius-control-default-focus-ring-hekmgc, 2px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
-}
-.awsui_header-cell-disabled_1spae_1951e_194.awsui_header-cell-sorted_1spae_1951e_194 > .awsui_header-cell-content_1spae_1951e_147 > .awsui_sorting-icon_1spae_1951e_133:not(#\9) {
-  color: var(--color-text-interactive-disabled-jcikk2, #aab7b8);
-}
-
-.awsui_header-cell-sortable_1spae_1951e_114:not(#\9):not(.awsui_header-cell-disabled_1spae_1951e_194) > .awsui_header-cell-content_1spae_1951e_147 {
-  cursor: pointer;
-}
-.awsui_header-cell-sortable_1spae_1951e_114:not(#\9):not(.awsui_header-cell-disabled_1spae_1951e_194) > .awsui_header-cell-content_1spae_1951e_147:hover, .awsui_header-cell-sortable_1spae_1951e_114:not(#\9):not(.awsui_header-cell-disabled_1spae_1951e_194).awsui_header-cell-sorted_1spae_1951e_194 > .awsui_header-cell-content_1spae_1951e_147 {
-  color: var(--color-text-interactive-active-i5elzx, #16191f);
-}
-.awsui_header-cell-sortable_1spae_1951e_114:not(#\9):not(.awsui_header-cell-disabled_1spae_1951e_194) > .awsui_header-cell-content_1spae_1951e_147:hover > .awsui_sorting-icon_1spae_1951e_133, .awsui_header-cell-sortable_1spae_1951e_114:not(#\9):not(.awsui_header-cell-disabled_1spae_1951e_194).awsui_header-cell-sorted_1spae_1951e_194 > .awsui_header-cell-content_1spae_1951e_147 > .awsui_sorting-icon_1spae_1951e_133 {
-  color: var(--color-text-interactive-active-i5elzx, #16191f);
-}
-
-.awsui_header-cell-text_1spae_1951e_208:not(#\9) {
-  line-height: var(--font-heading-xs-line-height-tf278d, 20px);
-  padding-top: calc(var(--space-xxxs-k2w98v, 2px) / 2);
-  padding-bottom: calc(var(--space-xxxs-k2w98v, 2px) / 2);
-}
-.awsui_header-cell-text_1spae_1951e_208:not(#\9):not(.awsui_header-cell-text-wrap_1spae_1951e_213) {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.awsui_header-cell-ascending_1spae_1951e_219:not(#\9),
-.awsui_header-cell-descending_1spae_1951e_220:not(#\9) {
-  /* used in test-utils */
-}
-
-/*
-In Visual Refresh the first cell in the header should align
-with the left edge of the table as closely as possible. If the
-last header cell is sortable the sort icon should align with the
-settings icon in the pagination slot.
-*/
-.awsui_header-cell_1spae_1951e_93:not(#\9):not(.awsui_is-visual-refresh_1spae_1951e_230):first-child {
-  padding-left: var(--space-xs-rsr2qu, 8px);
-}
-
-.awsui_header-cell_1spae_1951e_93.awsui_is-visual-refresh_1spae_1951e_230:not(#\9) {
-  /*
-  Striped rows requires additional left padding because the
-  shaded background makes the child content appear too close
-  to the table edge.
-  */
-}
-.awsui_header-cell_1spae_1951e_93.awsui_is-visual-refresh_1spae_1951e_230:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1951e_241) {
-  padding-left: var(--space-xxxs-k2w98v, 2px);
-}
-.awsui_header-cell_1spae_1951e_93.awsui_is-visual-refresh_1spae_1951e_230:not(#\9):first-child.awsui_has-striped-rows_1spae_1951e_241 {
-  padding-left: var(--space-xxs-ynfts5, 4px);
-}
-.awsui_header-cell_1spae_1951e_93.awsui_is-visual-refresh_1spae_1951e_230:not(#\9):first-child > .awsui_header-cell-content_1spae_1951e_147 {
-  padding-left: 0;
-}
-.awsui_header-cell_1spae_1951e_93.awsui_is-visual-refresh_1spae_1951e_230:not(#\9):last-child.awsui_header-cell-sortable_1spae_1951e_114 {
-  padding-right: var(--space-xxxs-k2w98v, 2px);
-}

package/lib/internal/template/table/header-cell/styles.selectors.js

@@ -1,25 +0,0 @@
-
-    // es-module interop with Babel and Typescript
-    Object.defineProperty(exports, "__esModule", { value: true });
-    module.exports.default = {
-  "header-cell": "awsui_header-cell_1spae_1951e_93",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_1951e_105",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_1951e_108",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1951e_108",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_1951e_111",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_1951e_114",
-  "header-cell-resizable": "awsui_header-cell-resizable_1spae_1951e_129",
-  "sorting-icon": "awsui_sorting-icon_1spae_1951e_133",
-  "edit-icon": "awsui_edit-icon_1spae_1951e_141",
-  "header-cell-content": "awsui_header-cell-content_1spae_1951e_147",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1951e_176",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_1951e_194",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_1951e_194",
-  "header-cell-text": "awsui_header-cell-text_1spae_1951e_208",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1951e_213",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_1951e_219",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_1951e_220",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_1951e_230",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_1951e_241"
-};
-