npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.17 → 3.0.20 - Mend

@cloudscape-design/components-themeable 3.0.17 → 3.0.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (30) hide show

package/lib/internal/scss/code-editor/ace-editor.scss CHANGED Viewed

@@ -198,10 +198,10 @@
 .code-editor-refresh :global .ace_editor {
   .ace_gutter {
-    border-top-left-radius: calc(awsui.$border-radius-item - awsui.$border-item-width);
+    border-top-left-radius: calc(awsui.$border-radius-code-editor - awsui.$border-item-width);
   }
   .ace_scroller {
-    border-top-right-radius: calc(awsui.$border-radius-item - awsui.$border-item-width);
+    border-top-right-radius: calc(awsui.$border-radius-code-editor - awsui.$border-item-width);
   }
 }

package/lib/internal/scss/code-editor/pane.scss CHANGED Viewed

@@ -33,8 +33,8 @@
   flex: 1;
   border-top: awsui.$border-item-width solid awsui.$color-border-code-editor-default;
-  border-bottom-left-radius: awsui.$border-radius-item;
-  border-bottom-right-radius: awsui.$border-radius-item;
+  border-bottom-left-radius: awsui.$border-radius-code-editor;
+  border-bottom-right-radius: awsui.$border-radius-code-editor;
   background: awsui.$color-background-code-editor-status-bar;
   color: awsui.$color-text-body-default;

package/lib/internal/scss/code-editor/styles.scss CHANGED Viewed

@@ -15,7 +15,7 @@
   @include styles.styles-reset;
   display: inline-block;
   border: awsui.$border-item-width solid awsui.$color-border-code-editor-default;
-  border-radius: awsui.$border-radius-item;
+  border-radius: awsui.$border-radius-code-editor;
   width: 100%;
 }
@@ -61,8 +61,8 @@
 }
 .code-editor-refresh > .resizable-box > .editor {
-  border-top-left-radius: calc(awsui.$border-radius-item - awsui.$border-item-width);
-  border-top-right-radius: calc(awsui.$border-radius-item - awsui.$border-item-width);
+  border-top-left-radius: calc(awsui.$border-radius-code-editor - awsui.$border-item-width);
+  border-top-right-radius: calc(awsui.$border-radius-code-editor - awsui.$border-item-width);
 }
 .status-bar {
@@ -72,8 +72,8 @@
   border-top: awsui.$border-item-width solid awsui.$color-border-code-editor-default;
   background-color: awsui.$color-background-code-editor-status-bar;
   &-with-hidden-pane {
-    border-bottom-left-radius: awsui.$border-radius-item;
-    border-bottom-right-radius: awsui.$border-radius-item;
+    border-bottom-left-radius: awsui.$border-radius-code-editor;
+    border-bottom-right-radius: awsui.$border-radius-code-editor;
   }
   @include styles.text-wrapping;
@@ -200,7 +200,7 @@ $default-height: 480px;
   color: awsui.$color-text-body-secondary;
   background: awsui.$color-background-code-editor-loading;
-  border-radius: awsui.$border-radius-item;
+  border-radius: awsui.$border-radius-code-editor;
 }
 .error-screen {

package/lib/internal/scss/date-picker/styles.scss CHANGED Viewed

@@ -165,7 +165,7 @@ $calendar-grid-border: 1px solid $calendar-grid-border-color;
       outline: none;
       @include styles.focus-highlight(
         awsui.$space-calendar-grid-focus-outline-gutter,
-        awsui.$border-radius-calendar-day-focused
+        awsui.$border-radius-calendar-day-focus-ring
       );
       &::before {
         z-index: 2;

package/lib/internal/scss/date-range-picker/calendar/grids/day/styles.scss CHANGED Viewed

@@ -85,7 +85,7 @@ $calendar-grid-width: 234px;
     z-index: 2;
     @include styles.focus-highlight(
       awsui.$space-calendar-grid-focus-outline-gutter,
-      awsui.$border-radius-calendar-day-focused
+      awsui.$border-radius-calendar-day-focus-ring
     );
   }
 }
@@ -148,7 +148,7 @@ $calendar-grid-width: 234px;
   @include focus-visible.when-visible {
     @include styles.focus-highlight(
       awsui.$space-calendar-grid-selected-focus-outline-gutter,
-      awsui.$border-radius-calendar-day-focused,
+      awsui.$border-radius-calendar-day-focus-ring,
       $calendar-grid-selected-focused-box-shadow
     );
     &::before {

package/lib/internal/scss/popover/body.scss CHANGED Viewed

@@ -12,7 +12,7 @@
   @include styles.text-flex-wrapping;
   box-sizing: border-box;
-  border-radius: awsui.$border-radius-control;
+  border-radius: awsui.$border-radius-popover;
   padding: awsui.$space-s awsui.$space-m;
   background-color: awsui.$color-background-popover;

package/lib/internal/scss/tutorial-panel/components/tutorial-list/styles.scss CHANGED Viewed

@@ -19,7 +19,7 @@
   @include styles.styles-reset;
   list-style: none;
   border: awsui.$border-divider-section-width solid awsui.$color-border-tutorial;
-  border-radius: awsui.$border-radius-control;
+  border-radius: awsui.$border-radius-tutorial-panel-item;
   padding: awsui.$space-m;
   &:not(:first-child) {

package/lib/internal/template/code-editor/styles.css.js CHANGED Viewed

@@ -1,38 +1,38 @@
     import './styles.scoped.css';
     export default {
-  "code-editor": "awsui_code-editor_1gl9c_1yt9i_98",
-  "code-editor-refresh": "awsui_code-editor-refresh_1gl9c_1yt9i_534",
-  "pane": "awsui_pane_1gl9c_1yt9i_546",
-  "pane__close-container": "awsui_pane__close-container_1gl9c_1yt9i_557",
-  "pane__list": "awsui_pane__list_1gl9c_1yt9i_562",
-  "pane__table": "awsui_pane__table_1gl9c_1yt9i_569",
-  "pane__item": "awsui_pane__item_1gl9c_1yt9i_574",
-  "pane__cell": "awsui_pane__cell_1gl9c_1yt9i_574",
-  "pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_1yt9i_588",
-  "pane__location": "awsui_pane__location_1gl9c_1yt9i_609",
-  "pane__description": "awsui_pane__description_1gl9c_1yt9i_609",
-  "focus-lock": "awsui_focus-lock_1gl9c_1yt9i_624",
-  "resizable-box": "awsui_resizable-box_1gl9c_1yt9i_647",
-  "resizable-box-handle": "awsui_resizable-box-handle_1gl9c_1yt9i_652",
-  "editor": "awsui_editor_1gl9c_1yt9i_689",
-  "status-bar": "awsui_status-bar_1gl9c_1yt9i_722",
-  "status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_1yt9i_731",
-  "status-bar__left": "awsui_status-bar__left_1gl9c_1yt9i_735",
-  "status-bar__left-virtual": "awsui_status-bar__left-virtual_1gl9c_1yt9i_742",
-  "status-bar__right": "awsui_status-bar__right_1gl9c_1yt9i_746",
-  "status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_1yt9i_750",
-  "status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_1yt9i_750",
-  "status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_1yt9i_755",
-  "status-bar-virtual": "awsui_status-bar-virtual_1gl9c_1yt9i_759",
-  "tab-button": "awsui_tab-button_1gl9c_1yt9i_765",
-  "tab-button--refresh": "awsui_tab-button--refresh_1gl9c_1yt9i_778",
-  "tab-button--active": "awsui_tab-button--active_1gl9c_1yt9i_792",
-  "tab-button--disabled": "awsui_tab-button--disabled_1gl9c_1yt9i_812",
-  "tab-button--divider": "awsui_tab-button--divider_1gl9c_1yt9i_842",
-  "tab-button--errors": "awsui_tab-button--errors_1gl9c_1yt9i_849",
-  "tab-button--warnings": "awsui_tab-button--warnings_1gl9c_1yt9i_849",
-  "loading-screen": "awsui_loading-screen_1gl9c_1yt9i_853",
-  "error-screen": "awsui_error-screen_1gl9c_1yt9i_854"
+  "code-editor": "awsui_code-editor_1gl9c_1etk1_98",
+  "code-editor-refresh": "awsui_code-editor-refresh_1gl9c_1etk1_534",
+  "pane": "awsui_pane_1gl9c_1etk1_546",
+  "pane__close-container": "awsui_pane__close-container_1gl9c_1etk1_557",
+  "pane__list": "awsui_pane__list_1gl9c_1etk1_562",
+  "pane__table": "awsui_pane__table_1gl9c_1etk1_569",
+  "pane__item": "awsui_pane__item_1gl9c_1etk1_574",
+  "pane__cell": "awsui_pane__cell_1gl9c_1etk1_574",
+  "pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_1etk1_588",
+  "pane__location": "awsui_pane__location_1gl9c_1etk1_609",
+  "pane__description": "awsui_pane__description_1gl9c_1etk1_609",
+  "focus-lock": "awsui_focus-lock_1gl9c_1etk1_624",
+  "resizable-box": "awsui_resizable-box_1gl9c_1etk1_647",
+  "resizable-box-handle": "awsui_resizable-box-handle_1gl9c_1etk1_652",
+  "editor": "awsui_editor_1gl9c_1etk1_689",
+  "status-bar": "awsui_status-bar_1gl9c_1etk1_722",
+  "status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_1etk1_731",
+  "status-bar__left": "awsui_status-bar__left_1gl9c_1etk1_735",
+  "status-bar__left-virtual": "awsui_status-bar__left-virtual_1gl9c_1etk1_742",
+  "status-bar__right": "awsui_status-bar__right_1gl9c_1etk1_746",
+  "status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_1etk1_750",
+  "status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_1etk1_750",
+  "status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_1etk1_755",
+  "status-bar-virtual": "awsui_status-bar-virtual_1gl9c_1etk1_759",
+  "tab-button": "awsui_tab-button_1gl9c_1etk1_765",
+  "tab-button--refresh": "awsui_tab-button--refresh_1gl9c_1etk1_778",
+  "tab-button--active": "awsui_tab-button--active_1gl9c_1etk1_792",
+  "tab-button--disabled": "awsui_tab-button--disabled_1gl9c_1etk1_812",
+  "tab-button--divider": "awsui_tab-button--divider_1gl9c_1etk1_842",
+  "tab-button--errors": "awsui_tab-button--errors_1gl9c_1etk1_849",
+  "tab-button--warnings": "awsui_tab-button--warnings_1gl9c_1etk1_849",
+  "loading-screen": "awsui_loading-screen_1gl9c_1etk1_853",
+  "error-screen": "awsui_error-screen_1gl9c_1etk1_854"
 };