[DPEDE-1929] Prepare Chi 5.66.0 release (#1233)

* [DPEDE-1929] Prepare Chi 5.66.0 release * [DPEDE-1929] Fixed toolbar tests
CenturyLink · May 25, 2024 · 4fc0072 · 4fc0072
1 parent 3b994f3
commit 4fc0072
Show file tree

Hide file tree

Showing 33 changed files with 285 additions and 235 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,12 +1,20 @@
 # CHANGELOG
 
+## 5.66.0 (May 24, 2024)
+
+### Components
+
+#### Added
+
+- Added: Transfer list Vue component to enable the user to move one or more list items between lists.
+
 ## 5.65.0 (May 21, 2024)
 
 ### Components
 
 #### Added
 
-- Added: Added: Dropdown web component now supports `select-mode` attribute with `multi` and `single` types.
+- Added: Dropdown web component now supports `select-mode` attribute with `multi` and `single` types.
 
 ### Documentation
 

diff --git a/...op_data/bitmaps_reference/non_responsive/toolbar_test-toolbar-base_viewport.png b/...op_data/bitmaps_reference/non_responsive/toolbar_test-toolbar-base_viewport.png
diff --git a/...tmaps_reference/non_responsive/toolbar_test-toolbar-save-view-base_viewport.png b/...tmaps_reference/non_responsive/toolbar_test-toolbar-save-view-base_viewport.png
diff --git a/...eference/non_responsive/toolbar_test-toolbar-save-view-edit-delete_viewport.png b/...eference/non_responsive/toolbar_test-toolbar-save-view-edit-delete_viewport.png
diff --git a/...tmaps_reference/non_responsive/toolbar_test-toolbar-save-view-edit_viewport.png b/...tmaps_reference/non_responsive/toolbar_test-toolbar-save-view-edit_viewport.png
diff --git a/...maps_reference/non_responsive/toolbar_test-toolbar-save-view-saved_viewport.png b/...maps_reference/non_responsive/toolbar_test-toolbar-save-view-saved_viewport.png
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@centurylink/chi",
-  "version": "5.65.0",
+  "version": "5.66.0",
   "description": "Chi is Lumen's design system for building consistent digital products and experiences.",
   "license": "MIT",
   "main": "bin/chi.js",

diff --git a/src/boilerplates/stencil/chi-stencil-boilerplate/src/index.html b/src/boilerplates/stencil/chi-stencil-boilerplate/src/index.html
@@ -14,7 +14,7 @@
     <link href="/build/app.css" rel="stylesheet" />
 
     <link rel="apple-touch-icon" href="/assets/icon/icon.png" />
-    <link rel="stylesheet" href="https://lib.lumen.com/chi/5.65.0/chi.css" integrity="sha256-KPKw3JMVWayK8J37tr7ls/mCHOUZRChTFzb9GdVn67U=" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://lib.lumen.com/chi/5.66.0/chi.css" integrity="sha256-O5MKo+jAPKYp5AMcQ2gGOJkvOiaLATu4oSMTwsb/NK0=" crossorigin="anonymous">
     <link
       rel="icon"
       type="image/svg+xml"
@@ -28,7 +28,7 @@
       integrity="sha256-EkKmbH+i/VIQAtUl7NF4bPVaaJZCeBc5xWx8LTcMJp0="
       crossorigin="anonymous"
     />
-    <script src="https://lib.lumen.com/chi/5.65.0/js/chi.js" integrity="sha256-Qyk85r9sIsP8AQ9hGlV+bkIFp/MQw0cWNtRrjHcZlCU=" crossorigin="anonymous"></script>
+    <script src="https://lib.lumen.com/chi/5.66.0/js/chi.js" integrity="sha256-uqbt2ytqYZvhidqZvvFKo+jpet5SmxkTDFRvoiPUjf8=" crossorigin="anonymous"></script>
     <script
       type="module"
       src="https://lib.lumen.com/chi/5.50.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"

diff --git a/src/chi-vue/index.html b/src/chi-vue/index.html
@@ -5,11 +5,11 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width,initial-scale=1.0" />
     <title>Chi Vue</title>
-    <link rel="stylesheet" href="https://lib.lumen.com/chi/5.65.0/chi-portal.css" />
-    <link rel="icon" type="image/svg+xml" href="https://lib.lumen.com/chi/5.65.0/assets/images/favicon.svg" />
-    <link rel="alternate icon" href="https://lib.lumen.com/chi/5.65.0/assets/images/favicon.ico" />
-    <script src="https://lib.lumen.com/chi/5.65.0/js/chi.js"></script>
-    <script type="module" src="https://lib.lumen.com/chi/5.65.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
+    <link rel="stylesheet" href="https://lib.lumen.com/chi/5.66.0/chi-portal.css" />
+    <link rel="icon" type="image/svg+xml" href="https://lib.lumen.com/chi/5.66.0/assets/images/favicon.svg" />
+    <link rel="alternate icon" href="https://lib.lumen.com/chi/5.66.0/assets/images/favicon.ico" />
+    <script src="https://lib.lumen.com/chi/5.66.0/js/chi.js"></script>
+    <script type="module" src="https://lib.lumen.com/chi/5.66.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js"></script>
   </head>
   <body>
     <noscript>

diff --git a/src/chi-vue/package-lock.json b/src/chi-vue/package-lock.json
diff --git a/src/chi-vue/src/build/plugin/constants.ts b/src/chi-vue/src/build/plugin/constants.ts
@@ -1,2 +1,2 @@
-export const CHI_VERSION = '5.65.0';
+export const CHI_VERSION = '5.66.0';
 export const CHI_LIB_LUMEN = 'https://lib.lumen.com/chi';
diff --git a/src/chi/components/data-table/data-table.scss b/src/chi/components/data-table/data-table.scss
@@ -378,6 +378,18 @@ $sizes: (
       color: $color-icon-base;
     }
 
+    .chi-button {
+      &.-flat {
+        &:not(.-light):not(.-dark):not(.-danger):not(.-primary):not(.-secondary) {
+          &.-icon {
+            .chi-icon {
+              color: $color-icon-base;
+            }
+          }
+        }
+      }
+    }
+
     @include respond-to(md) {
       align-items: center;
       flex-basis: 0%;
@@ -688,6 +700,12 @@ $sizes: (
                     background-color: transparent;
                     border: 0.0625rem solid transparent;
                   }
+
+                  &:not(.-light):not(.-dark):not(.-danger):not(.-primary):not(.-secondary) {
+                    .chi-icon {
+                      color: $color-icon-base;
+                    }
+                  }
                 }
               }
             }

diff --git a/src/chi/components/toolbar/toolbar.scss b/src/chi/components/toolbar/toolbar.scss
@@ -64,6 +64,18 @@
   &__end {
     align-items: center;
     display: flex;
+
+    .chi-button {
+      &.-flat {
+        &:not(.-light):not(.-dark):not(.-danger):not(.-primary):not(.-secondary) {
+          &.-icon {
+            .chi-icon {
+              color: $color-icon-base;
+            }
+          }
+        }
+      }
+    }
   }
 
   &__results {

diff --git a/src/custom-elements/docs/docs.json b/src/custom-elements/docs/docs.json
@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-05-23T15:46:18",
+  "timestamp": "2024-05-24T12:25:50",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.18.2",

diff --git a/src/custom-elements/package-lock.json b/src/custom-elements/package-lock.json
diff --git a/src/custom-elements/src/index.html b/src/custom-elements/src/index.html
@@ -6,11 +6,11 @@
     <link
       rel="icon"
       type="image/svg+xml"
-      href="https://lib.lumen.com/chi/5.65.0/assets/themes/lumen/images/favicon.svg"
+      href="https://lib.lumen.com/chi/5.66.0/assets/themes/lumen/images/favicon.svg"
     />
-    <link rel="alternate icon" href="https://lib.lumen.com/chi/5.65.0/assets/themes/lumen/images/favicon.ico" />
-    <link rel="stylesheet" href="https://lib.lumen.com/chi/5.65.0/chi-portal.css" />
-    <script src="https://lib.lumen.com/chi/5.65.0/js/chi.js"></script>
+    <link rel="alternate icon" href="https://lib.lumen.com/chi/5.66.0/assets/themes/lumen/images/favicon.ico" />
+    <link rel="stylesheet" href="https://lib.lumen.com/chi/5.66.0/chi-portal.css" />
+    <script src="https://lib.lumen.com/chi/5.66.0/js/chi.js"></script>
     <link rel="icon" href="assets/favicon.ico" />
     <title>Chi - Custom elements</title>
     <script type="module" src="/build/ux-chi-ce.esm.js"></script>

diff --git a/src/documentation/constants/configs.ts b/src/documentation/constants/configs.ts
@@ -1,2 +1,2 @@
 export const DEFAULT_THEME = 'lumen';
-export const CHI_VERSION = '5.65.0';
+export const CHI_VERSION = '5.66.0';
diff --git a/src/documentation/constants/constants.ts b/src/documentation/constants/constants.ts
@@ -401,6 +401,7 @@ export const NAVIGATION_FOUNDATIONS = [
 ];
 
 export const CHI_VISIBLE_VERSION = [
+  '5.66.0',
   '5.65.0',
   '5.64.0',
   '5.63.0',

diff --git a/src/website/assets/scripts/globalConfigs.js b/src/website/assets/scripts/globalConfigs.js
@@ -1 +1 @@
-window.chiCurrentVersion="5.65.0";
+window.chiCurrentVersion="5.66.0";
diff --git a/src/website/layouts/default.pug b/src/website/layouts/default.pug
@@ -35,7 +35,7 @@ html.chi(lang="en")
         const pageURL = window.location.href;
 
         if (pageURL.includes('latest')) {
-            const redirectionURL = pageURL.split('latest').join('5.65.0');
+            const redirectionURL = pageURL.split('latest').join('5.66.0');
 
             window.location.href = redirectionURL;
         }

diff --git a/src/website/layouts/partials/header.pug b/src/website/layouts/partials/header.pug
@@ -298,9 +298,10 @@ header.chi-header.docs-header.-z--20
       #docsearch.-chi-search
     .chi-header__end
       .chi-dropdown
-        button.chi-button.-flat.-px--1.chi-dropdown__trigger.-animate(data-position='bottom-end', id='version-dropdown', aria-label="Toggle Chi version") v5.65.0
+        button.chi-button.-flat.-px--1.chi-dropdown__trigger.-animate(data-position='bottom-end', id='version-dropdown', aria-label="Toggle Chi version") v5.66.0
         .chi-dropdown__menu(style='width:10rem;')#versionDropdown
-          a.chi-dropdown__menu-item.-active(href='https://lib.lumen.com/chi/5.65.0') v5.65.0
+          a.chi-dropdown__menu-item.-active(href='https://lib.lumen.com/chi/5.66.0') v5.66.0
+          a.chi-dropdown__menu-item(href='https://lib.lumen.com/chi/5.65.0') v5.65.0
           a.chi-dropdown__menu-item(href='https://lib.lumen.com/chi/5.64.0') v5.64.0
           a.chi-dropdown__menu-item(href='https://lib.lumen.com/chi/5.63.0') v5.63.0
           a.chi-dropdown__menu-item(href='https://lib.lumen.com/chi/5.62.0') v5.62.0

diff --git a/src/website/layouts/partials/sriDoc.pug b/src/website/layouts/partials/sriDoc.pug
@@ -15,7 +15,7 @@ if name === 'css-lumen'
         span.token.attr-value
           span.token.punctuation.attr-equals =
           span.token.punctuation &quot;
-          | https://lib.lumen.com/chi/5.65.0/chi.css
+          | https://lib.lumen.com/chi/5.66.0/chi.css
           span.token.punctuation &quot; 
           span.token.attr-name integrity
         span.token.attr-value
@@ -48,7 +48,7 @@ if name === 'css-centurylink'
         span.token.attr-value
           span.token.punctuation.attr-equals =
           span.token.punctuation &quot;
-          | https://lib.lumen.com/chi/5.65.0/chi-centurylink.css
+          | https://lib.lumen.com/chi/5.66.0/chi-centurylink.css
           span.token.punctuation &quot; 
           span.token.attr-name integrity
         span.token.attr-value
@@ -81,7 +81,7 @@ if name === 'css-portal'
         span.token.attr-value
           span.token.punctuation.attr-equals =
           span.token.punctuation &quot;
-          | https://lib.lumen.com/chi/5.65.0/chi-portal.css
+          | https://lib.lumen.com/chi/5.66.0/chi-portal.css
           span.token.punctuation &quot; 
           span.token.attr-name integrity
         span.token.attr-value
@@ -108,7 +108,7 @@ if name === 'js'
         span.token.attr-value
           span.token.punctuation.attr-equals =
           span.token.punctuation &quot;
-          | https://lib.lumen.com/chi/5.65.0/js/chi.js
+          | https://lib.lumen.com/chi/5.66.0/js/chi.js
           span.token.punctuation &quot; 
         span.token.attr-name integrity
         span.token.attr-value
@@ -153,7 +153,7 @@ if name === 'favicon-lumen'
         span.token.attr-value
           span.token.punctuation.attr-equals =
           span.token.punctuation &quot;
-          | https://lib.lumen.com/chi/5.65.0/assets/themes/lumen/images/favicon.svg
+          | https://lib.lumen.com/chi/5.66.0/assets/themes/lumen/images/favicon.svg
           span.token.punctuation &quot; 
           span.token.attr-name integrity
           span.token.attr-value
@@ -182,7 +182,7 @@ if name === 'favicon-lumen'
         span.token.attr-value
           span.token.punctuation.attr-equals =
           span.token.punctuation &quot;
-          | https://lib.lumen.com/chi/5.65.0/assets/themes/lumen/images/favicon.ico
+          | https://lib.lumen.com/chi/5.66.0/assets/themes/lumen/images/favicon.ico
           span.token.punctuation &quot; 
           span.token.attr-name integrity
           span.token.attr-value
@@ -221,7 +221,7 @@ if name === 'favicon-centurylink'
         span.token.attr-value
           span.token.punctuation.attr-equals =
           span.token.punctuation &quot;
-          | https://lib.lumen.com/chi/5.65.0/assets/themes/centurylink/images/favicon.svg
+          | https://lib.lumen.com/chi/5.66.0/assets/themes/centurylink/images/favicon.svg
           span.token.punctuation &quot; 
           span.token.attr-name integrity
           span.token.attr-value
@@ -250,7 +250,7 @@ if name === 'favicon-centurylink'
         span.token.attr-value
           span.token.punctuation.attr-equals =
           span.token.punctuation &quot;
-          | https://lib.lumen.com/chi/5.65.0/assets/themes/centurylink/images/favicon.ico
+          | https://lib.lumen.com/chi/5.66.0/assets/themes/centurylink/images/favicon.ico
           span.token.punctuation &quot; 
           span.token.attr-name integrity
           span.token.attr-value
@@ -283,7 +283,7 @@ if name === 'web-components'
         span.token.attr-value
           span.token.punctuation.attr-equals =
           span.token.punctuation &quot;
-          | https://lib.lumen.com/chi/5.65.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js
+          | https://lib.lumen.com/chi/5.66.0/js/ce/ux-chi-ce/ux-chi-ce.esm.js
           span.token.punctuation &quot; 
           span.token.attr-name integrity
           span.token.attr-value
@@ -317,7 +317,7 @@ if name === 'web-components'
         span.token.attr-value
           span.token.punctuation.attr-equals =
           span.token.punctuation &quot;
-          | https://lib.lumen.com/chi/5.65.0/js/ce/ux-chi-ce/ux-chi-ce.js
+          | https://lib.lumen.com/chi/5.66.0/js/ce/ux-chi-ce/ux-chi-ce.js
           span.token.punctuation &quot; 
           span.token.attr-name integrity
           span.token.attr-value

diff --git a/src/website/layouts/partials/titlebar.pug b/src/website/layouts/partials/titlebar.pug
@@ -15,7 +15,7 @@ if introduction
                     h2.docs-titlebar__description=introductionSubtitle
                 .docs-titlebar__buttons
                     a.chi-button.-primary.-lg.-uppercase.-px--4.-mb--2.-mb-sm--0(href='../getting-started/installation') Install Chi
-                    a.chi-button.-dark.-outline.-lg.-uppercase.-px--4.-ml-sm--2.-mb--2.-mb-sm--0(href='../getting-started/whats-new') See What's New In v5.65.0
+                    a.chi-button.-dark.-outline.-lg.-uppercase.-px--4.-ml-sm--2.-mb--2.-mb-sm--0(href='../getting-started/whats-new') See What's New In v5.66.0
 else
     .chi-grid__container
         h1.docs-titlebar__title=title

diff --git a/src/website/views/components/forms/checkbox/_accessibility.pug b/src/website/views/components/forms/checkbox/_accessibility.pug
@@ -16,7 +16,7 @@ table.chi-table
       td <code>Space</code>
       td Toggles checkbox between checked and unchecked states
 p.-text
-  | For comprehensive details on keyboard support for input fields, refer to our <a href="https://lib.lumen.com/chi/5.65.0/foundations/accessibility/using-keyboard/" target="_blank">Keyboard Control Guide.</a>
+  | For comprehensive details on keyboard support for input fields, refer to our <a href="https://lib.lumen.com/chi/5.66.0/foundations/accessibility/using-keyboard/" target="_blank">Keyboard Control Guide.</a>
 p.-text
   | Visit <a href="https://webaim.org/techniques/keyboard/" target="_blank">WebAIM</a> for keyboard techniques.
 
@@ -84,7 +84,7 @@ ul.-text
 
 h3 Other recommendations
 p.-text
-  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/5.65.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
+  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/5.66.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
 
 h3 WCAG 2.2 Guidelines
 ul.-text

diff --git a/src/website/views/components/forms/radio-button/_accessibility.pug b/src/website/views/components/forms/radio-button/_accessibility.pug
@@ -16,7 +16,7 @@ table.chi-table
       td <code>Space</code>
       td Toggles the selection state of the radio button between checked and unchecked
 p.-text
-  | For comprehensive details on keyboard support for input fields, refer to our <a href="https://lib.lumen.com/chi/5.65.0/foundations/accessibility/using-keyboard/" target="_blank">Keyboard Control Guide.</a>
+  | For comprehensive details on keyboard support for input fields, refer to our <a href="https://lib.lumen.com/chi/5.66.0/foundations/accessibility/using-keyboard/" target="_blank">Keyboard Control Guide.</a>
 p.-text
   | Visit <a href="https://webaim.org/techniques/keyboard/" target="_blank">WebAIM</a> for keyboard techniques.
 
@@ -81,7 +81,7 @@ ul.-text
 
 h3 Other recommendations
 p.-text
-  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/5.65.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
+  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/5.66.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
 
 h3 WCAG 2.2 Guidelines
 ul.-text

diff --git a/src/website/views/components/forms/select/_accessibility.pug b/src/website/views/components/forms/select/_accessibility.pug
@@ -27,7 +27,7 @@ table.chi-table
 
 
 p.-text
-  | For comprehensive details on keyboard support, refer to our <a href="https://lib.lumen.com/chi/5.65.0/foundations/accessibility/using-keyboard/" target="_blank">Keyboard Control Guide.</a>
+  | For comprehensive details on keyboard support, refer to our <a href="https://lib.lumen.com/chi/5.66.0/foundations/accessibility/using-keyboard/" target="_blank">Keyboard Control Guide.</a>
 p.-text
   | Visit <a href="https://webaim.org/techniques/keyboard/" target="_blank">WebAIM</a> for keyboard techniques.
 
@@ -92,7 +92,7 @@ ul.-text
 
 h3 Other recommendations
 p.-text
-  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/5.65.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
+  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/5.66.0/foundations/accessibility/overview" target="_blank">Accessibility Guide.</a>
 
 h3 WCAG 2.2 Guidelines
 ul.-text

diff --git a/src/website/views/components/forms/text-input/_accessibility.pug b/src/website/views/components/forms/text-input/_accessibility.pug
@@ -17,7 +17,7 @@ table.chi-table
       td Activates the button             
 
 p.-text
-  | For comprehensive details on keyboard support for input fields, refer to our <a href="https://lib.lumen.com/chi/5.65.0/foundations/accessibility/using-keyboard/" target="_blank">Keyboard Control Guide.</a>
+  | For comprehensive details on keyboard support for input fields, refer to our <a href="https://lib.lumen.com/chi/5.66.0/foundations/accessibility/using-keyboard/" target="_blank">Keyboard Control Guide.</a>
 p.-text
   | Visit <a href="https://webaim.org/techniques/keyboard/" target="_blank">WebAIM</a> for keyboard techniques.
 
@@ -69,7 +69,7 @@ ul.-text
 
 h3 Other recommendations
 p.-text
-  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/5.65.0/foundations/accessibility/links-and-forms/" target="_blank">Accessibility Guide.</a>
+  | Explore additional accessibility tips in the general <a href="https://lib.lumen.com/chi/5.66.0/foundations/accessibility/links-and-forms/" target="_blank">Accessibility Guide.</a>
 
 h3 WCAG 2.2 Guidelines
 ul.-text