@carbon/styles 0.17.0 → 1.0.0-rc.0

package/scss/components/__tests__/overflow-menu-test.js

@@ -0,0 +1,27 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @jest-environment node
+ */
+
+'use strict';
+
+const { SassRenderer } = require('@carbon/test-utils/scss');
+
+const { render } = SassRenderer.create(__dirname);
+
+describe('scss/components/overflow-menu', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+       @use 'sass:map';
+       @use 'sass:meta';
+       @use '../overflow-menu';
+ 
+       $_: get('mixin', meta.mixin-exists('overflow-menu', 'overflow-menu'));
+     `);
+    expect(unwrap('mixin')).toBe(true);
+  });
+});

package/scss/components/__tests__/pagination-nav-test.js

@@ -0,0 +1,26 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @jest-environment node
+ */
+
+'use strict';
+
+const { SassRenderer } = require('@carbon/test-utils/scss');
+
+const { render } = SassRenderer.create(__dirname);
+
+describe('scss/components/pagination-nav', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+       @use 'sass:meta';
+       @use '../pagination-nav';
+ 
+       $_: get('mixin', meta.mixin-exists('pagination-nav', 'pagination-nav'));
+     `);
+    expect(unwrap('mixin')).toBe(true);
+  });
+});

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

@@ -0,0 +1,26 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @jest-environment node
+ */
+
+'use strict';
+
+const { SassRenderer } = require('@carbon/test-utils/scss');
+
+const { render } = SassRenderer.create(__dirname);
+
+describe('scss/components/pagination', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+      @use 'sass:meta';
+      @use '../pagination';
+
+      $_: get('mixin', meta.mixin-exists('pagination', 'pagination'));
+    `);
+    expect(unwrap('mixin')).toBe(true);
+  });
+});

package/scss/components/__tests__/progress-bar-test.js

@@ -0,0 +1,26 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @jest-environment node
+ */
+
+'use strict';
+
+const { SassRenderer } = require('@carbon/test-utils/scss');
+
+const { render } = SassRenderer.create(__dirname);
+
+describe('scss/components/progress-bar', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+      @use 'sass:meta';
+      @use '../progress-bar';
+
+      $_: get('mixin', meta.mixin-exists('progress-bar', 'progress-bar'));
+    `);
+    expect(unwrap('mixin')).toBe(true);
+  });
+});

package/scss/components/__tests__/progress-indicator-test.js

@@ -0,0 +1,26 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @jest-environment node
+ */
+
+'use strict';
+
+const { SassRenderer } = require('@carbon/test-utils/scss');
+
+const { render } = SassRenderer.create(__dirname);
+
+describe('scss/components/progress-indicator', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+      @use 'sass:meta';
+      @use '../progress-indicator';
+
+      $_: get('mixin', meta.mixin-exists('progress-indicator', 'progress-indicator'));
+    `);
+    expect(unwrap('mixin')).toBe(true);
+  });
+});

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

@@ -0,0 +1,25 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @jest-environment node
+ */
+
+'use strict';
+
+const { SassRenderer } = require('@carbon/test-utils/scss');
+
+const { render } = SassRenderer.create(__dirname);
+
+describe('scss/components/radio-button', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+      @use 'sass:meta';
+      @use '../radio-button/radio-button';
+      $_: get('mixin', meta.mixin-exists('radio-button', 'radio-button'));
+    `);
+    expect(unwrap('mixin')).toBe(true);
+  });
+});

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

@@ -0,0 +1,25 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @jest-environment node
+ */
+
+'use strict';
+
+const { SassRenderer } = require('@carbon/test-utils/scss');
+
+const { render } = SassRenderer.create(__dirname);
+
+describe('scss/components/search', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+      @use 'sass:meta';
+      @use '../search';
+      $_: get('mixin', meta.mixin-exists('search', 'search'));
+    `);
+    expect(unwrap('mixin')).toBe(true);
+  });
+});

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

@@ -0,0 +1,26 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @jest-environment node
+ */
+
+'use strict';
+
+const { SassRenderer } = require('@carbon/test-utils/scss');
+
+const { render } = SassRenderer.create(__dirname);
+
+describe('scss/components/select', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+      @use 'sass:meta';
+      @use '../select';
+
+      $_: get('mixin', meta.mixin-exists('select', 'select'));
+    `);
+    expect(unwrap('mixin')).toBe(true);
+  });
+});

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

@@ -0,0 +1,26 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @jest-environment node
+ */
+
+'use strict';
+
+const { SassRenderer } = require('@carbon/test-utils/scss');
+
+const { render } = SassRenderer.create(__dirname);
+
+describe('scss/components/skeleton-styles', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+      @use 'sass:meta';
+      @use '../skeleton-styles';
+
+      $_: get('mixin', meta.mixin-exists('skeleton-styles', 'skeleton-styles'));
+    `);
+    expect(unwrap('mixin')).toBe(true);
+  });
+});

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

@@ -0,0 +1,26 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @jest-environment node
+ */
+
+'use strict';
+
+const { SassRenderer } = require('@carbon/test-utils/scss');
+
+const { render } = SassRenderer.create(__dirname);
+
+describe('scss/components/slider', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+      @use 'sass:meta';
+      @use '../slider';
+
+      $_: get('mixin', meta.mixin-exists('slider', 'slider'));
+    `);
+    expect(unwrap('mixin')).toBe(true);
+  });
+});

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

@@ -0,0 +1,27 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @jest-environment node
+ */
+
+'use strict';
+
+const { SassRenderer } = require('@carbon/test-utils/scss');
+
+const { render } = SassRenderer.create(__dirname);
+
+describe('scss/components/structured-list', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+        @use 'sass:map';
+        @use 'sass:meta';
+        @use '../structured-list';
+  
+        $_: get('mixin', meta.mixin-exists('structured-list', 'structured-list'));
+      `);
+    expect(unwrap('mixin')).toBe(true);
+  });
+});

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

@@ -0,0 +1,27 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @jest-environment node
+ */
+
+'use strict';
+
+const { SassRenderer } = require('@carbon/test-utils/scss');
+
+const { render } = SassRenderer.create(__dirname);
+
+describe('scss/components/tabs', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+        @use 'sass:map';
+        @use 'sass:meta';
+        @use '../tabs';
+  
+        $_: get('mixin', meta.mixin-exists('tabs', 'tabs'));
+      `);
+    expect(unwrap('mixin')).toBe(true);
+  });
+});

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

@@ -0,0 +1,25 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @jest-environment node
+ */
+
+'use strict';
+
+const { SassRenderer } = require('@carbon/test-utils/scss');
+
+const { render } = SassRenderer.create(__dirname);
+
+describe('scss/components/tag', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+      @use 'sass:meta';
+      @use '../tag/tag';
+      $_: get('mixin', meta.mixin-exists('tag', 'tag'));
+    `);
+    expect(unwrap('mixin')).toBe(true);
+  });
+});

package/scss/components/__tests__/text-area-test.js

@@ -0,0 +1,26 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @jest-environment node
+ */
+
+'use strict';
+
+const { SassRenderer } = require('@carbon/test-utils/scss');
+
+const { render } = SassRenderer.create(__dirname);
+
+describe('scss/components/text-area', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+       @use 'sass:meta';
+       @use '../text-area';
+
+       $_: get('mixin', meta.mixin-exists('text-area', 'text-area'));
+     `);
+    expect(unwrap('mixin')).toBe(true);
+  });
+});

package/scss/components/__tests__/text-input-test.js

@@ -0,0 +1,26 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @jest-environment node
+ */
+
+'use strict';
+
+const { SassRenderer } = require('@carbon/test-utils/scss');
+
+const { render } = SassRenderer.create(__dirname);
+
+describe('scss/components/text-input', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+       @use 'sass:meta';
+       @use '../text-input';
+ 
+       $_: get('mixin', meta.mixin-exists('text-input', 'text-input'));
+     `);
+    expect(unwrap('mixin')).toBe(true);
+  });
+});

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

@@ -0,0 +1,26 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @jest-environment node
+ */
+
+'use strict';
+
+const { SassRenderer } = require('@carbon/test-utils/scss');
+
+const { render } = SassRenderer.create(__dirname);
+
+describe('scss/components/tile', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+       @use 'sass:meta';
+       @use '../tile';
+
+       $_: get('mixin', meta.mixin-exists('tile', 'tile'));
+     `);
+    expect(unwrap('mixin')).toBe(true);
+  });
+});

package/scss/components/__tests__/time-picker-test.js

@@ -0,0 +1,26 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @jest-environment node
+ */
+
+'use strict';
+
+const { SassRenderer } = require('@carbon/test-utils/scss');
+
+const { render } = SassRenderer.create(__dirname);
+
+describe('scss/components/time-picker', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+       @use 'sass:meta';
+       @use '../time-picker';
+
+       $_: get('mixin', meta.mixin-exists('time-picker', 'time-picker'));
+     `);
+    expect(unwrap('mixin')).toBe(true);
+  });
+});

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

@@ -0,0 +1,27 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @jest-environment node
+ */
+
+'use strict';
+
+const { SassRenderer } = require('@carbon/test-utils/scss');
+
+const { render } = SassRenderer.create(__dirname);
+
+describe('scss/components/toggle', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+       @use 'sass:map';
+       @use 'sass:meta';
+       @use '../toggle';
+
+       $_: get('mixin', meta.mixin-exists('toggle', 'toggle'));
+     `);
+    expect(unwrap('mixin')).toBe(true);
+  });
+});

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

@@ -0,0 +1,25 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @jest-environment node
+ */
+
+'use strict';
+
+const { SassRenderer } = require('@carbon/test-utils/scss');
+
+const { render } = SassRenderer.create(__dirname);
+
+describe('scss/components/tooltip', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+      @use 'sass:meta';
+      @use '../tooltip/tooltip';
+      $_: get('mixin', meta.mixin-exists('tooltip', 'tooltip'));
+    `);
+    expect(unwrap('mixin')).toBe(true);
+  });
+});

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

@@ -0,0 +1,25 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @jest-environment node
+ */
+
+'use strict';
+
+const { SassRenderer } = require('@carbon/test-utils/scss');
+
+const { render } = SassRenderer.create(__dirname);
+
+describe('scss/components/treeview', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+       @use 'sass:meta';
+       @use '../treeview';
+       $_: get('mixin', meta.mixin-exists('treeview', 'treeview'));
+     `);
+    expect(unwrap('mixin')).toBe(true);
+  });
+});

package/scss/components/__tests__/ui-shell-test.js

@@ -0,0 +1,27 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @jest-environment node
+ */
+
+'use strict';
+
+const { SassRenderer } = require('@carbon/test-utils/scss');
+
+const { render } = SassRenderer.create(__dirname);
+
+describe('scss/components/ui-shell', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+       @use 'sass:map';
+       @use 'sass:meta';
+       @use '../ui-shell';
+
+       $_: get('mixin', meta.mixin-exists('ui-shell', 'ui-shell'));
+     `);
+    expect(unwrap('mixin')).toBe(true);
+  });
+});

package/scss/components/accordion/_accordion.scss

@@ -5,8 +5,8 @@
 // LICENSE file in the root directory of this source tree.
 //
 
-@use '../../breakpoint' as *;
 @use '../../config' as *;
+@use '../../breakpoint' as *;
 @use '../../motion' as *;
 @use '../../theme' as *;
 @use '../../spacing' as *;

package/scss/components/aspect-ratio/_aspect-ratio.scss

@@ -15,7 +15,7 @@
 /// @type List
 /// @access public
 /// @group @carbon/grid
-$carbon--aspect-ratios: (
+$aspect-ratios: (
   (16, 9),
   (9, 16),
   (2, 1),
@@ -39,7 +39,7 @@ $carbon--aspect-ratios: (
 /// @param {Number} $height height from an aspect ratio
 /// @access private
 /// @group @carbon/grid
-@mixin aspect-ratio($aspect-ratios: $carbon--aspect-ratios) {
+@mixin aspect-ratio($aspect-ratios: $aspect-ratios) {
   .#{$prefix}--aspect-ratio {
     position: relative;
   }

package/scss/components/breadcrumb/_breadcrumb.scss

@@ -5,8 +5,8 @@
 // LICENSE file in the root directory of this source tree.
 //
 
-@use '../../breakpoint' as *;
 @use '../../config' as *;
+@use '../../breakpoint' as *;
 @use '../../motion' as *;
 @use '../../spacing' as *;
 @use '../../theme' as *;

package/scss/components/button/_button.scss

@@ -5,9 +5,9 @@
 // LICENSE file in the root directory of this source tree.
 //
 
+@use '../../config' as *;
 @use 'vars' as *;
 @use 'mixins' as *;
-@use '../../config' as *;
 @use '../../spacing' as *;
 @use '../../theme' as *;
 @use '../../type' as *;
@@ -219,8 +219,6 @@
       color: $text-on-color;
     }
 
-    // TODO: deprecate single dash tertiary
-    &-tertiary,
     &--tertiary {
       @include button-theme(
         transparent,
@@ -259,8 +257,6 @@
       }
     }
 
-    // TODO: deprecate single dash ghost
-    &-ghost,
     &--ghost {
       @include button-theme(
         transparent,

package/scss/components/button/_tokens.scss

@@ -6,6 +6,7 @@
 //
 
 @use 'sass:map';
+@use '../../config';
 @use '../../themes';
 @use '../../utilities/component-tokens';