@carbon/styles 1.88.0-rc.0 → 1.88.0

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",
@@ -154,12 +154,12 @@ describe('@carbon/styles/scss/type', () => {
 describe('type custom properties', () => {
   it('should emit the css Custom properties for non-fluid typography', async () => {
     const { result } = await render(`
-        @use '../scss/type' as *;
+      @use '../type';
 
-        .selector {
-          @include emit-type-custom-properties()
-        }
-      `);
+      .selector {
+        @include type.emit-type-custom-properties()
+      }
+    `);
     const { stylesheet } = css.parse(result.css.toString());
     const rules = stylesheet.rules.filter(
       (rule) => rule.selectors[0] === '.selector'

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/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;