@carbon/styles 0.16.2 → 0.17.0-rc.0

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

@@ -1,25 +0,0 @@
-/**
- * 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

@@ -1,25 +0,0 @@
-/**
- * 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

@@ -1,26 +0,0 @@
-/**
- * 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

@@ -1,26 +0,0 @@
-/**
- * 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

@@ -1,26 +0,0 @@
-/**
- * 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

@@ -1,27 +0,0 @@
-/**
- * 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

@@ -1,27 +0,0 @@
-/**
- * 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

@@ -1,25 +0,0 @@
-/**
- * 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

@@ -1,26 +0,0 @@
-/**
- * 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

@@ -1,26 +0,0 @@
-/**
- * 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

@@ -1,26 +0,0 @@
-/**
- * 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

@@ -1,26 +0,0 @@
-/**
- * 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

@@ -1,27 +0,0 @@
-/**
- * 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

@@ -1,25 +0,0 @@
-/**
- * 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

@@ -1,25 +0,0 @@
-/**
- * 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

@@ -1,27 +0,0 @@
-/**
- * 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/fonts/__tests__/fonts-test.js

@@ -1,142 +0,0 @@
-/**
- * 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 css = require('css');
-
-const { render } = SassRenderer.create(__dirname);
-
-const fonts = [
-  'mono',
-  'sans-arabic',
-  'sans-devanagari',
-  'sans-hebrew',
-  'sans-thai-looped',
-  'sans-thai',
-  'sans',
-  'serif',
-];
-const weights = [
-  'thin',
-  'extralight',
-  'light',
-  'regular',
-  'text',
-  'medium',
-  'semibold',
-  'bold',
-];
-
-describe('@carbon/styles/scss/fonts', () => {
-  it('should emit default fonts, weights, and styles', async () => {
-    const { result } = await render(`@use '../' as fonts;`);
-    const { stylesheet } = css.parse(result.css.toString());
-    const atRules = stylesheet.rules.filter((rule) => {
-      return rule.type === 'font-face';
-    });
-    const emitted = new Map();
-
-    for (const rule of atRules) {
-      const fontFamily = rule.declarations
-        .find((declaration) => {
-          return declaration.property === 'font-family';
-        })
-        .value.replace(/['"]/g, '');
-
-      if (!emitted.has(fontFamily)) {
-        emitted.set(fontFamily, {
-          weights: new Set(),
-          styles: new Set(),
-        });
-      }
-
-      const entry = emitted.get(fontFamily);
-
-      for (const declaration of rule.declarations) {
-        if (declaration.property === 'font-weight') {
-          entry.weights.add(declaration.value);
-        }
-
-        if (declaration.property === 'font-style') {
-          entry.styles.add(declaration.value);
-        }
-      }
-    }
-
-    expect(emitted.has('IBM Plex Mono')).toBe(true);
-    const mono = emitted.get('IBM Plex Mono');
-    expect(mono.weights).toEqual(new Set(['300', '400', '600']));
-    expect(mono.styles).toEqual(new Set(['normal', 'italic']));
-
-    expect(emitted.has('IBM Plex Sans')).toBe(true);
-    expect(emitted.get('IBM Plex Sans').weights).toEqual(
-      new Set(['300', '400', '600'])
-    );
-    expect(emitted.get('IBM Plex Sans').styles).toEqual(
-      new Set(['normal', 'italic'])
-    );
-
-    expect(emitted.has('IBM Plex Serif')).toBe(true);
-    expect(emitted.get('IBM Plex Serif').weights).toEqual(
-      new Set(['300', '400', '600'])
-    );
-    expect(emitted.get('IBM Plex Serif').styles).toEqual(
-      new Set(['normal', 'italic'])
-    );
-  });
-
-  it('should emit no @font-face blocks if $css--font-face is false', async () => {
-    const { result } = await render(`
-      @use '../../config' with (
-        $css--font-face: false,
-      );
-      @use '../' as fonts;
-    `);
-    expect(result.css.toString()).toBe('');
-  });
-
-  it('should not emit fonts set to false', async () => {
-    const { result } = await render(`
-      @use '../' as fonts with (
-        $fonts: (
-          IBM-Plex-Mono: false,
-          IBM-Plex-Sans: false,
-          IBM-Plex-Serif: false,
-        ),
-      );
-    `);
-    expect(result.css.toString()).toBe('');
-  });
-
-  describe.each(fonts)('scss/fonts/_%s.scss', (font) => {
-    it('should export all font weights as mixins', async () => {
-      const weightMixins = weights.map((weight) => {
-        return `$_: get('${weight}', meta.mixin-exists('${weight}', '${font}'));`;
-      });
-
-      const { unwrap } = await render(`
-        @use 'sass:meta';
-        @use '../${font}';
-
-        ${weightMixins.join('\n')}
-        $_: get('all', meta.mixin-exists('all', '${font}'));
-        $_: get('default', meta.mixin-exists('default', '${font}'));
-      `);
-
-      for (const weight of weights) {
-        expect(unwrap(weight)).toBe(true);
-      }
-
-      expect(unwrap('all')).toBe(true);
-      expect(unwrap('default')).toBe(true);
-    });
-  });
-});

package/scss/utilities/__tests__/custom-property-test.js

@@ -1,50 +0,0 @@
-/**
- * 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 css = require('css');
-
-const { render } = SassRenderer.create(__dirname);
-
-describe('scss/utilities/custom-property', () => {
-  it('should support getting the property name from a value', async () => {
-    const { unwrap } = await render(`
-      @use '../../config' with (
-        $prefix: 'cds',
-      );
-      @use '../custom-property';
-
-      $_: get('name', custom-property.get-name('test'));
-    `);
-    expect(unwrap('name')).toBe('--cds-test');
-  });
-
-  it('should support emitting a declaration for a CSS Custom Property', async () => {
-    const { result } = await render(`
-      @use '../../config' with (
-        $prefix: 'cds',
-      );
-      @use '../custom-property';
-
-      .test {
-        @include custom-property.declaration(test, #000000);
-      }
-    `);
-    const { stylesheet } = css.parse(result.css.toString());
-    const selector = stylesheet.rules.find((rule) => {
-      return rule.selectors.includes('.test');
-    });
-    const [declaration] = selector.declarations;
-
-    expect(declaration.property).toBe('--cds-test');
-    expect(declaration.value).toBe('#000000');
-  });
-});