@carbon/styles 1.87.0 → 1.88.0-rc.1

package/scss/__tests__/theme-test.js

@@ -33,7 +33,7 @@ describe('@carbon/styles/scss/theme', () => {
       theme: true,
     });
     expect(api.variables).toMatchInlineSnapshot(`
-      Array [
+      [
         "fallback",
         "theme",
         "background",

package/scss/__tests__/themes-test.js

@@ -25,7 +25,7 @@ describe('@carbon/styles/scss/themes', () => {
 
     const { value: api } = get('api');
     expect(api).toMatchInlineSnapshot(`
-      Array [
+      [
         "white",
         "g10",
         "g90",

package/scss/__tests__/type-test.js

@@ -50,7 +50,7 @@ describe('@carbon/styles/scss/type', () => {
       'font-weight': true,
     });
     expect(api.variables).toMatchInlineSnapshot(`
-      Array [
+      [
         "caption-01",
         "caption-02",
         "label-01",

package/scss/components/__tests__/accordion-test.js

@@ -25,7 +25,7 @@ describe('scss/components/accordion', () => {
     `);
     expect(unwrap('mixin')).toBe(true);
     expect(unwrap('variables')).toMatchInlineSnapshot(`
-      Array [
+      [
         "flex-direction",
         "justify-content",
         "arrow-margin",

package/scss/components/__tests__/button-test.js

@@ -25,7 +25,7 @@ describe('scss/components/button', () => {
     `);
     expect(unwrap('mixin')).toBe(true);
     expect(unwrap('variables')).toMatchInlineSnapshot(`
-Array [
+[
   "button-font-weight",
   "button-font-size",
   "button-border-radius",

package/scss/components/__tests__/code-snippet-test.js

@@ -25,7 +25,7 @@ describe('scss/components/code-snippet', () => {
     `);
     expect(unwrap('mixin')).toBe(true);
     expect(unwrap('variables')).toMatchInlineSnapshot(`
-      Array [
+      [
         "copy-active",
         "copy-btn-feedback",
       ]

package/scss/components/__tests__/data-table-test.js

@@ -25,7 +25,7 @@ describe('scss/components/data-table', () => {
      `);
     expect(unwrap('mixin')).toBe(true);
     expect(unwrap('variables')).toMatchInlineSnapshot(`
-      Array [
+      [
         "data-table-column-hover",
       ]
     `);

package/scss/components/__tests__/form-test.js

@@ -25,7 +25,7 @@ describe('scss/components/form', () => {
     `);
     expect(unwrap('mixin')).toBe(true);
     expect(unwrap('variables')).toMatchInlineSnapshot(`
-      Array [
+      [
         "input-label-weight",
       ]
     `);

package/scss/components/__tests__/list-box-test.js

@@ -25,7 +25,7 @@ describe('scss/components/list-box', () => {
      `);
     expect(unwrap('mixin')).toBe(true);
     expect(unwrap('variables')).toMatchInlineSnapshot(`
-      Array [
+      [
         "list-box-width",
         "list-box-height",
         "list-box-inline-height",

package/scss/components/form/_form.scss

@@ -233,7 +233,7 @@ $input-label-weight: 400 !default;
     @include type-style('helper-text-01');
 
     z-index: 0;
-    color: $text-secondary;
+    color: $text-helper;
     // Added to prevent error text from displaying under helper text in Safari (#6392)
     inline-size: 100%;
     margin-block-start: $spacing-02;

package/scss/components/link/_link.scss

@@ -47,7 +47,7 @@ $link-focus-text-color: custom-property.get-var(
       text-decoration: underline;
     }
 
-    &:active,
+    &:active:not(.#{$prefix}--link--disabled),
     &:active:visited,
     &:active:visited:hover {
       @include focus-outline;
@@ -57,7 +57,7 @@ $link-focus-text-color: custom-property.get-var(
       text-decoration: underline;
     }
 
-    &:focus {
+    &:focus:not(.#{$prefix}--link--disabled) {
       @include focus-outline;
 
       outline-color: $link-focus-text-color;

package/scss/components/menu-button/_menu-button.scss

@@ -16,7 +16,7 @@
 /// @group menu-button
 @mixin menu-button {
   .#{$prefix}--menu-button__container {
-    display: inline-block;
+    display: contents;
   }
 
   .#{$prefix}--menu-button__trigger:not(.#{$prefix}--btn--ghost) {

package/scss/components/text-area/_text-area.scss

@@ -61,10 +61,6 @@
     background-color: $field-02;
   }
 
-  .#{$prefix}--text-area--invalid {
-    padding-inline-end: $spacing-08;
-  }
-
   .#{$prefix}--text-area__wrapper {
     @include layout.use('density', $default: 'normal');
 
@@ -106,7 +102,6 @@
   }
 
   .#{$prefix}--form-item {
-    position: relative;
     &:has(.#{$prefix}--text-area__wrapper--cols) {
       inline-size: fit-content;
     }
@@ -248,8 +243,4 @@
     justify-content: space-between;
     inline-size: 100%;
   }
-  .#{$prefix}--form-requirement {
-    position: absolute;
-    inset-block-start: 100%;
-  }
 }

package/scss/components/tooltip/_tooltip.scss

@@ -38,10 +38,6 @@ $tooltip-padding-inline: custom-property.get-var(
     max-inline-size: convert.to-rem(288px);
     overflow-wrap: break-word;
   }
-
-  .#{$prefix}--tooltip-content--multiline {
-    padding: $tooltip-padding-inline;
-  }
 }
 
 @mixin definition-tooltip {