fix(tests): fix unit test snapshots and misc fixes (#11203)

* chore/wc-fix-style-import * chore(cwc): add to rollup includePaths to include root node_modules * chore(style): update all packages * fix(web-components): updated web-components tests * chore(jest): update snapshots * fix(accordion): resolve merge conflict * fix(footer): styles and add react-icons back * fix(icons-react): bump down * fix(filter-panel): accordion --------- Co-authored-by: Anna Wen <[email protected]> Co-authored-by: ariellalgilmore <[email protected]> Co-authored-by: Jeff Chew <[email protected]>
carbon-design-system · Dec 7, 2023 · 766682c · 766682c
1 parent 9817995
commit 766682c
Show file tree

Hide file tree

Showing 126 changed files with 1,332 additions and 1,022 deletions.
diff --git a/...data-npm-7.23.3-3dfda6d38a-a3d6c72815.zip → ...data-npm-7.23.5-d79bbb1184-088f14f646.zip b/...data-npm-7.23.3-3dfda6d38a-a3d6c72815.zip → ...data-npm-7.23.5-d79bbb1184-088f14f646.zip
diff --git a/.yarn/cache/@babel-generator-npm-7.23.5-6cb0af9aef-094af79c2e.zip b/.yarn/cache/@babel-generator-npm-7.23.5-6cb0af9aef-094af79c2e.zip
diff --git a/.yarn/cache/@babel-helper-create-class-features-plugin-npm-7.23.5-8ef9fe9a4a-cd951e81b6.zip b/.yarn/cache/@babel-helper-create-class-features-plugin-npm-7.23.5-8ef9fe9a4a-cd951e81b6.zip
diff --git a/.yarn/cache/@babel-helper-string-parser-npm-7.23.4-b1f0d030c3-c352082474.zip b/.yarn/cache/@babel-helper-string-parser-npm-7.23.4-b1f0d030c3-c352082474.zip
diff --git a/...ion-npm-7.22.15-29aa330042-68da52b1e1.zip → ...tion-npm-7.23.5-d83bbfe738-537cde2330.zip b/...ion-npm-7.22.15-29aa330042-68da52b1e1.zip → ...tion-npm-7.23.5-d83bbfe738-537cde2330.zip
diff --git a/.yarn/cache/@babel-parser-npm-7.23.5-6bd8ea402a-828c250ace.zip b/.yarn/cache/@babel-parser-npm-7.23.5-6bd8ea402a-828c250ace.zip
diff --git a/.yarn/cache/@babel-plugin-transform-block-scoping-npm-7.23.4-f593115a07-bbb965a3ac.zip b/.yarn/cache/@babel-plugin-transform-block-scoping-npm-7.23.4-f593115a07-bbb965a3ac.zip
diff --git a/.yarn/cache/@babel-plugin-transform-classes-npm-7.23.5-a4b0f4f686-f6c4fed2f4.zip b/.yarn/cache/@babel-plugin-transform-classes-npm-7.23.5-a4b0f4f686-f6c4fed2f4.zip
diff --git a/.yarn/cache/@babel-plugin-transform-parameters-npm-7.22.5-0388236044-86bec14b1a.zip b/.yarn/cache/@babel-plugin-transform-parameters-npm-7.22.5-0388236044-86bec14b1a.zip
diff --git a/.yarn/cache/@babel-runtime-npm-7.23.5-6e68b78aa3-0f1669f639.zip b/.yarn/cache/@babel-runtime-npm-7.23.5-6e68b78aa3-0f1669f639.zip
diff --git a/.yarn/cache/@babel-types-npm-7.23.5-17488c6408-a623a4e7f3.zip b/.yarn/cache/@babel-types-npm-7.23.5-17488c6408-a623a4e7f3.zip
diff --git a/.yarn/cache/@carbon-colors-npm-11.19.0-8150ea9803-3596e377be.zip b/.yarn/cache/@carbon-colors-npm-11.19.0-8150ea9803-3596e377be.zip
diff --git a/.yarn/cache/@carbon-grid-npm-11.18.0-f33efbb849-038fa279ff.zip b/.yarn/cache/@carbon-grid-npm-11.18.0-f33efbb849-038fa279ff.zip
diff --git a/.yarn/cache/@carbon-icon-helpers-npm-10.44.0-159592a2ec-39416c9851.zip b/.yarn/cache/@carbon-icon-helpers-npm-10.44.0-159592a2ec-39416c9851.zip
diff --git a/.yarn/cache/@carbon-icons-npm-11.24.0-f2300b72c0-368422ff42.zip b/.yarn/cache/@carbon-icons-npm-11.24.0-f2300b72c0-368422ff42.zip
diff --git a/.yarn/cache/@carbon-icons-react-npm-11.23.1-6c94871e22-73622aafbe.zip b/.yarn/cache/@carbon-icons-react-npm-11.23.1-6c94871e22-73622aafbe.zip
diff --git a/...act-npm-11.30.0-dced31f1b4-efaa859629.zip → ...act-npm-11.31.0-58b3122388-9fbd64956b.zip b/...act-npm-11.30.0-dced31f1b4-efaa859629.zip → ...act-npm-11.31.0-58b3122388-9fbd64956b.zip
diff --git a/.yarn/cache/@carbon-layout-npm-11.18.0-e8afd7d6c0-e8a801cd0a.zip b/.yarn/cache/@carbon-layout-npm-11.18.0-e8afd7d6c0-e8a801cd0a.zip
diff --git a/.yarn/cache/@carbon-motion-npm-11.15.0-1f597eb298-b2b85ca949.zip b/.yarn/cache/@carbon-motion-npm-11.15.0-1f597eb298-b2b85ca949.zip
diff --git a/.yarn/cache/@carbon-pictograms-react-npm-11.45.2-8ae0dc7f50-60321e88cb.zip b/.yarn/cache/@carbon-pictograms-react-npm-11.45.2-8ae0dc7f50-60321e88cb.zip
diff --git a/.yarn/cache/@carbon-pictograms-react-npm-11.54.0-2957a79e4d-a0fdaaf522.zip b/.yarn/cache/@carbon-pictograms-react-npm-11.54.0-2957a79e4d-a0fdaaf522.zip
diff --git a/...eact-npm-1.42.0-9d31d84374-fe47eee3ee.zip → ...eact-npm-1.44.0-fd4a4ce3a9-1de7346b30.zip b/...eact-npm-1.42.0-9d31d84374-fe47eee3ee.zip → ...eact-npm-1.44.0-fd4a4ce3a9-1de7346b30.zip
diff --git a/.yarn/cache/@carbon-styles-npm-1.41.2-8a5e142b0d-17a40e688c.zip b/.yarn/cache/@carbon-styles-npm-1.41.2-8a5e142b0d-17a40e688c.zip
diff --git a/.yarn/cache/@carbon-styles-npm-1.42.0-69cb3890fd-beaf7bd8ae.zip b/.yarn/cache/@carbon-styles-npm-1.42.0-69cb3890fd-beaf7bd8ae.zip
diff --git a/.yarn/cache/@carbon-themes-npm-11.23.0-7239fb048b-1e4bdf6bab.zip b/.yarn/cache/@carbon-themes-npm-11.23.0-7239fb048b-1e4bdf6bab.zip
diff --git a/.yarn/cache/@carbon-themes-npm-11.26.1-0932301a48-59c1055ffa.zip b/.yarn/cache/@carbon-themes-npm-11.26.1-0932301a48-59c1055ffa.zip
diff --git a/.yarn/cache/@carbon-themes-npm-11.27.0-008a527781-8d49fd5fe7.zip b/.yarn/cache/@carbon-themes-npm-11.27.0-008a527781-8d49fd5fe7.zip
diff --git a/.yarn/cache/@carbon-type-npm-11.22.0-b4cf51227b-953d995b23.zip b/.yarn/cache/@carbon-type-npm-11.22.0-b4cf51227b-953d995b23.zip
diff --git a/.yarn/cache/downshift-npm-8.2.2-28bf85a5e8-6413fcbec4.zip b/.yarn/cache/downshift-npm-8.2.2-28bf85a5e8-6413fcbec4.zip
diff --git a/.yarn/cache/downshift-npm-8.2.3-8c74cc268e-08c15b9e88.zip b/.yarn/cache/downshift-npm-8.2.3-8c74cc268e-08c15b9e88.zip
diff --git a/.yarn/cache/sass-npm-1.64.1-d9daafa43e-77da9edc7b.zip b/.yarn/cache/sass-npm-1.64.1-d9daafa43e-77da9edc7b.zip
diff --git a/.yarn/cache/tslib-npm-2.6.1-de28eba753-5cf1aa7ea4.zip b/.yarn/cache/tslib-npm-2.6.1-de28eba753-5cf1aa7ea4.zip
diff --git a/packages/carbon-web-components/package.json b/packages/carbon-web-components/package.json
@@ -72,7 +72,7 @@
   ],
   "dependencies": {
     "@babel/runtime": "^7.16.3",
-    "@carbon/styles": "1.44.0",
+    "@carbon/styles": "^1.44.0",
     "flatpickr": "4.6.1",
     "lit": "^2.7.6",
     "lodash-es": "^4.17.21"
@@ -92,7 +92,7 @@
     "@babel/preset-modules": "^0.1.5",
     "@babel/template": "~7.12.0",
     "@babel/traverse": "~7.23.0",
-    "@carbon/icon-helpers": "^10.28.0",
+    "@carbon/icon-helpers": "^10.45.1",
     "@carbon/icons": "^11.31.0",
     "@open-wc/semantic-dom-diff": "~0.18.0",
     "@percy-io/in-percy": "^0.1.11",

diff --git a/packages/carbon-web-components/src/components/accordion/accordion-item.ts b/packages/carbon-web-components/src/components/accordion/accordion-item.ts
@@ -107,7 +107,10 @@ class CDSAccordionItem extends FocusMixin(LitElement) {
         )
       );
     }
-    const content = this.shadowRoot!.querySelector(`.${prefix}--accordion__wrapper`) as HTMLElement;
+
+    const content = this.shadowRoot!.querySelector(
+      `.${prefix}--accordion__wrapper`
+    ) as HTMLElement;
 
     if (this.open) {
       // accordion opens

diff --git a/packages/carbon-web-components/src/components/multi-select/multi-select.ts b/packages/carbon-web-components/src/components/multi-select/multi-select.ts
@@ -475,7 +475,6 @@ class CDSMultiSelect extends CDSDropdown {
       [`${prefix}--multi-select--invalid`]: invalid,
       [`${prefix}--multi-select--warn`]: warn,
       [`${prefix}--multi-select--inline`]: inline,
-      [`${prefix}--list-box--inline`]: inline,
       [`${prefix}--multi-select--readonly`]: readOnly,
       [`${prefix}--multi-select--selected`]: selectedItemsCount > 0,
     });

diff --git a/packages/carbon-web-components/src/components/notification/inline-notification.scss b/packages/carbon-web-components/src/components/notification/inline-notification.scss
@@ -112,7 +112,7 @@ $css--plex: true !default;
       .#{$prefix}--inline-notification--warning-alt;
   }
 
-  /* TODO: Remove this once the following issue with icon fill is resolved: 
+  /* TODO: Remove this once the following issue with icon fill is resolved:
   ** https://github.com/carbon-design-system/carbon/issues/13616
   */
   .#{$prefix}--inline-notification__icon path[data-icon-path='inner-path'] {

diff --git a/packages/carbon-web-components/src/components/slug/slug.scss b/packages/carbon-web-components/src/components/slug/slug.scss
@@ -127,7 +127,7 @@
   .#{$prefix}--popover-caret {
     background: $border-subtle;
   }
-  
+
   .#{$prefix}--slug__button.#{$prefix}--slug__button--mini:focus,
   .#{$prefix}--slug__button.#{$prefix}--slug__button--2xs:focus {
     box-shadow: inset 0 0 0 1px $focus, inset 0 0 0 2px $focus-inset;

diff --git a/packages/carbon-web-components/tests/snapshots/cds-button.md b/packages/carbon-web-components/tests/snapshots/cds-button.md
@@ -6,7 +6,7 @@
 
 ```
 <button
-  class="cds--btn cds--btn--lg cds--btn--primary"
+  class="cds--btn cds--btn--lg cds--btn--primary cds--layout--size-lg"
   id="button"
   part="button"
   type="button"
@@ -23,7 +23,7 @@
 
 ```
 <button
-  class="cds--btn cds--btn--lg cds--btn--primary"
+  class="cds--btn cds--btn--lg cds--btn--primary cds--layout--size-lg"
   id="button"
   part="button"
   type="button"
@@ -40,7 +40,7 @@
 
 ```
 <button
-  class="cds--btn cds--btn--lg cds--btn--primary"
+  class="cds--btn cds--btn--lg cds--btn--primary cds--layout--size-lg"
   id="button"
   part="button"
   type="button"
@@ -57,7 +57,7 @@
 
 ```
 <button
-  class="cds--btn cds--btn--lg cds--btn--primary"
+  class="cds--btn cds--btn--lg cds--btn--primary cds--layout--size-lg"
   id="button"
   part="button"
   type="button"
@@ -74,7 +74,7 @@
 
 ```
 <button
-  class="cds--btn cds--btn--lg cds--btn--primary"
+  class="cds--btn cds--btn--lg cds--btn--primary cds--layout--size-lg"
   id="button"
   part="button"
   type="button"

diff --git a/packages/carbon-web-components/tests/snapshots/cds-code-snippet.md b/packages/carbon-web-components/tests/snapshots/cds-code-snippet.md
@@ -7,19 +7,28 @@
 ```
 <div
   aria-label="code-snippet"
+  aria-multiline=""
+  aria-readonly="true"
   class="cds--snippet-container"
   role="textbox"
+  style=""
   tabindex="0"
 >
-  <code>
-    <pre>
+  <pre>
+    <code>
       <slot>
       </slot>
-    </pre>
-  </code>
+    </code>
+  </pre>
+</div>
+<div class="cds--snippet__overflow-indicator--right">
 </div>
-<cds-copy-button feedback="Copied!">
-  Copy to clipboard
+<cds-copy-button
+  button-class-name=""
+  feedback="Copied!"
+  feedback-timeout="2000"
+>
+  Copy to Clipboard
 </cds-copy-button>
 
 ```
@@ -29,50 +38,72 @@
 ```
 <div
   aria-label="code-snippet"
+  aria-multiline="true"
+  aria-readonly="true"
   class="cds--snippet-container"
   role="textbox"
+  style="max-height:240px;min-height:48px;"
   tabindex="0"
 >
-  <code>
-    <pre>
+  <pre>
+    <code>
       <slot>
       </slot>
-    </pre>
-  </code>
+    </code>
+  </pre>
 </div>
-<cds-copy-button feedback="Copied!">
-  Copy to clipboard
+<cds-copy-button
+  button-class-name=""
+  feedback="Copied!"
+  feedback-timeout="2000"
+>
+  Copy to Clipboard
 </cds-copy-button>
 
 ```
 
 ####   `Should render with minimum attributes for inline mode`
 
 ```
-<cds-copy-button feedback="Copied!">
-  Copy to clipboard
-</cds-copy-button>
+<cds-copy button-class-name="cds--snippet cds--snippet--inline">
+  <code slot="icon">
+    <slot>
+    </slot>
+  </code>
+  <span slot="tooltip-content">
+    Copy to Clipboard
+  </span>
+</cds-copy>
 
 ```
 
 ####   `Should render with various attributes for single line mode`
 
 ```
 <div
-  aria-label="code-assistive-text-foo"
+  aria-label="code-snippet"
+  aria-multiline=""
+  aria-readonly="true"
   class="cds--snippet-container"
   role="textbox"
+  style=""
   tabindex="0"
 >
-  <code>
-    <pre>
+  <pre>
+    <code>
       <slot>
       </slot>
-    </pre>
-  </code>
+    </code>
+  </pre>
+</div>
+<div class="cds--snippet__overflow-indicator--right">
 </div>
-<cds-copy-button feedback="copy-button-feedback-text-foo">
-  copy-button-assistive-text-foo
+<cds-copy-button
+  button-class-name=""
+  feedback="Copied!"
+  feedback-timeout="2000"
+>
+  Copy to Clipboard
 </cds-copy-button>
 
 ```
@@ -81,30 +112,43 @@
 
 ```
 <div
-  aria-label="code-assistive-text-foo"
+  aria-label="code-snippet"
+  aria-multiline="true"
+  aria-readonly="true"
   class="cds--snippet-container"
   role="textbox"
+  style="max-height:240px;min-height:48px;"
   tabindex="0"
 >
-  <code>
-    <pre>
+  <pre>
+    <code>
       <slot>
       </slot>
-    </pre>
-  </code>
+    </code>
+  </pre>
 </div>
-<cds-copy-button feedback="copy-button-feedback-text-foo">
-  copy-button-assistive-text-foo
+<cds-copy-button
+  button-class-name=""
+  feedback="Copied!"
+  feedback-timeout="2000"
+>
+  Copy to Clipboard
 </cds-copy-button>
 
 ```
 
 ####   `Should render with various attributes for inline mode`
 
 ```
-<cds-copy-button feedback="copy-button-feedback-text-foo">
-  copy-button-assistive-text-foo
-</cds-copy-button>
+<cds-copy button-class-name="cds--snippet cds--snippet--inline">
+  <code slot="icon">
+    <slot>
+    </slot>
+  </code>
+  <span slot="tooltip-content">
+    Copy to Clipboard
+  </span>
+</cds-copy>
 
 ```
 
@@ -126,6 +170,9 @@
     </slot>
   </span>
 </button>
+<<<<<<< HEAD
 
+=======
+>>>>>>> 6575f00934 (fix(web-components): updated web-components tests)
 ```
 
diff --git a/packages/carbon-web-components/tests/snapshots/cds-combo-box.md b/packages/carbon-web-components/tests/snapshots/cds-combo-box.md
@@ -41,6 +41,8 @@
     >
     </div>
   </div>
+  <slot name="slug">
+  </slot>
 </div>
 <div
   class="cds--form__helper-text"
@@ -101,6 +103,8 @@
     >
     </div>
   </div>
+  <slot name="slug">
+  </slot>
 </div>
 <div
   class="cds--form__helper-text cds--form__helper-text--disabled"

diff --git a/packages/carbon-web-components/tests/snapshots/cds-copy-button.md b/packages/carbon-web-components/tests/snapshots/cds-copy-button.md
@@ -6,13 +6,12 @@
 
 ```
 <cds-copy
+  button-class-name="cds--copy-btn"
   feedback="Copied!"
   feedback-timeout="2000"
 >
-  <span slot="tooltip-content">
-    <slot>
-    </slot>
-  </span>
+  <slot slot="tooltip-content">
+  </slot>
 </cds-copy>
 
 ```
@@ -21,13 +20,12 @@
 
 ```
 <cds-copy
+  button-class-name="cds--copy-btn"
   feedback="feedback-text-foo"
   feedback-timeout="16"
 >
-  <span slot="tooltip-content">
-    <slot>
-    </slot>
-  </span>
+  <slot slot="tooltip-content">
+  </slot>
 </cds-copy>
 
 ```

diff --git a/packages/carbon-web-components/tests/snapshots/cds-dropdown.md b/packages/carbon-web-components/tests/snapshots/cds-dropdown.md
@@ -39,6 +39,8 @@
     >
     </div>
   </div>
+  <slot name="slug">
+  </slot>
 </div>
 <div
   class="cds--form__helper-text"
@@ -95,6 +97,8 @@
     >
     </div>
   </div>
+  <slot name="slug">
+  </slot>
   <div
     aria-label=""
     class="cds--list-box__menu"

diff --git a/packages/carbon-web-components/tests/snapshots/cds-link.md b/packages/carbon-web-components/tests/snapshots/cds-link.md
@@ -6,7 +6,7 @@
 
 ```
 <a
-  class="cds--link cds--link--md"
+  class="cds--link"
   href="about:blank"
   id="link"
   part="link"
@@ -29,7 +29,7 @@
 
 ```
 <a
-  class="cds--link cds--link--md"
+  class="cds--link"
   download="file-name-foo"
   href="about:blank"
   hreflang="en"
@@ -59,7 +59,7 @@
 
 ```
 <p
-  class="cds--link cds--link--disabled cds--link--md"
+  class="cds--link cds--link--disabled"
   id="link"
   part="link"
 >
-Original file line number
+Diff line change
@@ Expand Up / @@ -41,6 +41,8 @@ @@
         >
         </div>
       </div>
+      <slot name="slug">
+      </slot>
     </div>
     <div
       class="cds--form__helper-text"
@@ Expand Down Expand Up / @@ -101,6 +103,8 @@ @@
         >
         </div>
       </div>
+      <slot name="slug">
+      </slot>
     </div>
     <div
       class="cds--form__helper-text cds--form__helper-text--disabled"
@@ Expand Down @@