feat(data-table): add data-table to sass modules style package

docs/migration/11.x-carbon-components.md

@@ -63,3 +63,12 @@
 | `$duration--slow-02`       |     |
 | `@function motion`         |     |
 | `@mixin motion`            |     |
+
+### `src/globals/scss/_theme-tokens.scss`
+
+| v10                                 | v11     |
+| :---------------------------------- | :------ |
+| `$data-table-heading-transform`     | Removed |
+| `$data-table-heading-border-bottom` | Removed |
+| `$data-table-row-height`            | Removed |
+| `$data-table-zebra-color`           | Removed |

packages/styles/scss/components/__tests__/data-table-test.js

@@ -0,0 +1,85 @@
+/**
+ * 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/data-table', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+       @use 'sass:map';
+       @use 'sass:meta';
+       @use '../data-table';
+
+       $_: get('mixin', meta.mixin-exists('data-table', 'data-table'));
+       $_: get('variables', map.keys(meta.module-variables('data-table')));
+     `);
+    expect(unwrap('mixin')).toBe(true);
+    expect(unwrap('variables')).toMatchInlineSnapshot(`
+      Array [
+        "data-table-column-hover",
+      ]
+    `);
+  });
+});
+
+describe('scss/components/data-table/action', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+         @use 'sass:map';
+         @use 'sass:meta';
+         @use '../data-table/action';
+
+         $_: get('mixin', meta.mixin-exists('data-table-action', 'action'));
+       `);
+    expect(unwrap('mixin')).toBe(true);
+  });
+});
+
+describe('scss/components/data-table/expandable', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+         @use 'sass:map';
+         @use 'sass:meta';
+         @use '../data-table/expandable';
+
+         $_: get('mixin', meta.mixin-exists('data-table-expandable', 'expandable'));
+       `);
+    expect(unwrap('mixin')).toBe(true);
+  });
+});
+
+describe('scss/components/data-table/skeleton', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+         @use 'sass:map';
+         @use 'sass:meta';
+         @use '../data-table/skeleton';
+
+         $_: get('mixin', meta.mixin-exists('data-table-skeleton', 'skeleton'));
+       `);
+    expect(unwrap('mixin')).toBe(true);
+  });
+});
+
+describe('scss/components/data-table/sort', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+         @use 'sass:map';
+         @use 'sass:meta';
+         @use '../data-table/sort';
+
+         $_: get('mixin', meta.mixin-exists('data-table-sort', 'sort'));
+       `);
+    expect(unwrap('mixin')).toBe(true);
+  });
+});

packages/styles/scss/components/_index.scss

@@ -13,3 +13,8 @@
 @use 'link';
 @use 'list';
 @use 'loading';
+@use 'data-table';
+@use 'data-table/action';
+@use 'data-table/expandable';
+@use 'data-table/skeleton';
+@use 'data-table/sort';