diff --git a/packages/carbon-components-react/scss/components/fluid-combo-box/_fluid-combo-box.scss b/packages/carbon-components-react/scss/components/fluid-combo-box/_fluid-combo-box.scss
new file mode 100644
index 000000000000..64a4f14b230e
--- /dev/null
+++ b/packages/carbon-components-react/scss/components/fluid-combo-box/_fluid-combo-box.scss
@@ -0,0 +1,9 @@
+// Code generated by carbon-components-react. DO NOT EDIT.
+//
+// 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.
+//
+
+@forward '@carbon/styles/scss/components/fluid-combo-box/fluid-combo-box';
diff --git a/packages/carbon-components-react/scss/components/fluid-combo-box/_index.scss b/packages/carbon-components-react/scss/components/fluid-combo-box/_index.scss
new file mode 100644
index 000000000000..a64f42c9dd51
--- /dev/null
+++ b/packages/carbon-components-react/scss/components/fluid-combo-box/_index.scss
@@ -0,0 +1,9 @@
+// Code generated by carbon-components-react. DO NOT EDIT.
+//
+// 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.
+//
+
+@forward '@carbon/styles/scss/components/fluid-combo-box';
diff --git a/packages/carbon-components-react/scss/components/fluid-multiselect/_fluid-multiselect.scss b/packages/carbon-components-react/scss/components/fluid-multiselect/_fluid-multiselect.scss
new file mode 100644
index 000000000000..9dee4ac39a3c
--- /dev/null
+++ b/packages/carbon-components-react/scss/components/fluid-multiselect/_fluid-multiselect.scss
@@ -0,0 +1,9 @@
+// Code generated by carbon-components-react. DO NOT EDIT.
+//
+// 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.
+//
+
+@forward '@carbon/styles/scss/components/fluid-multiselect/fluid-multiselect';
diff --git a/packages/carbon-components-react/scss/components/fluid-multiselect/_index.scss b/packages/carbon-components-react/scss/components/fluid-multiselect/_index.scss
new file mode 100644
index 000000000000..19e1d9b4ee48
--- /dev/null
+++ b/packages/carbon-components-react/scss/components/fluid-multiselect/_index.scss
@@ -0,0 +1,9 @@
+// Code generated by carbon-components-react. DO NOT EDIT.
+//
+// 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.
+//
+
+@forward '@carbon/styles/scss/components/fluid-multiselect';
diff --git a/packages/carbon-components-react/scss/components/fluid-number-input/_fluid-number-input.scss b/packages/carbon-components-react/scss/components/fluid-number-input/_fluid-number-input.scss
new file mode 100644
index 000000000000..59d1d7a6f5b3
--- /dev/null
+++ b/packages/carbon-components-react/scss/components/fluid-number-input/_fluid-number-input.scss
@@ -0,0 +1,9 @@
+// Code generated by carbon-components-react. DO NOT EDIT.
+//
+// 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.
+//
+
+@forward '@carbon/styles/scss/components/fluid-number-input/fluid-number-input';
diff --git a/packages/carbon-components-react/scss/components/fluid-number-input/_index.scss b/packages/carbon-components-react/scss/components/fluid-number-input/_index.scss
new file mode 100644
index 000000000000..c0cb30559629
--- /dev/null
+++ b/packages/carbon-components-react/scss/components/fluid-number-input/_index.scss
@@ -0,0 +1,9 @@
+// Code generated by carbon-components-react. DO NOT EDIT.
+//
+// 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.
+//
+
+@forward '@carbon/styles/scss/components/fluid-number-input';
diff --git a/packages/carbon-components/scss/components/fluid-combo-box/_fluid-combo-box.scss b/packages/carbon-components/scss/components/fluid-combo-box/_fluid-combo-box.scss
new file mode 100644
index 000000000000..1e76f17a7e78
--- /dev/null
+++ b/packages/carbon-components/scss/components/fluid-combo-box/_fluid-combo-box.scss
@@ -0,0 +1,9 @@
+// Code generated by carbon-components. DO NOT EDIT.
+//
+// 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.
+//
+
+@forward '@carbon/styles/scss/components/fluid-combo-box/fluid-combo-box';
diff --git a/packages/carbon-components/scss/components/fluid-combo-box/_index.scss b/packages/carbon-components/scss/components/fluid-combo-box/_index.scss
new file mode 100644
index 000000000000..a91f4f0b496b
--- /dev/null
+++ b/packages/carbon-components/scss/components/fluid-combo-box/_index.scss
@@ -0,0 +1,9 @@
+// Code generated by carbon-components. DO NOT EDIT.
+//
+// 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.
+//
+
+@forward '@carbon/styles/scss/components/fluid-combo-box';
diff --git a/packages/carbon-components/scss/components/fluid-multiselect/_fluid-multiselect.scss b/packages/carbon-components/scss/components/fluid-multiselect/_fluid-multiselect.scss
new file mode 100644
index 000000000000..924ab38ff959
--- /dev/null
+++ b/packages/carbon-components/scss/components/fluid-multiselect/_fluid-multiselect.scss
@@ -0,0 +1,9 @@
+// Code generated by carbon-components. DO NOT EDIT.
+//
+// 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.
+//
+
+@forward '@carbon/styles/scss/components/fluid-multiselect/fluid-multiselect';
diff --git a/packages/carbon-components/scss/components/fluid-multiselect/_index.scss b/packages/carbon-components/scss/components/fluid-multiselect/_index.scss
new file mode 100644
index 000000000000..46c1623dfe37
--- /dev/null
+++ b/packages/carbon-components/scss/components/fluid-multiselect/_index.scss
@@ -0,0 +1,9 @@
+// Code generated by carbon-components. DO NOT EDIT.
+//
+// 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.
+//
+
+@forward '@carbon/styles/scss/components/fluid-multiselect';
diff --git a/packages/carbon-components/scss/components/fluid-number-input/_fluid-number-input.scss b/packages/carbon-components/scss/components/fluid-number-input/_fluid-number-input.scss
new file mode 100644
index 000000000000..024e025923f2
--- /dev/null
+++ b/packages/carbon-components/scss/components/fluid-number-input/_fluid-number-input.scss
@@ -0,0 +1,9 @@
+// Code generated by carbon-components. DO NOT EDIT.
+//
+// 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.
+//
+
+@forward '@carbon/styles/scss/components/fluid-number-input/fluid-number-input';
diff --git a/packages/carbon-components/scss/components/fluid-number-input/_index.scss b/packages/carbon-components/scss/components/fluid-number-input/_index.scss
new file mode 100644
index 000000000000..0cb04ae4fba6
--- /dev/null
+++ b/packages/carbon-components/scss/components/fluid-number-input/_index.scss
@@ -0,0 +1,9 @@
+// Code generated by carbon-components. DO NOT EDIT.
+//
+// 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.
+//
+
+@forward '@carbon/styles/scss/components/fluid-number-input';
diff --git a/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap b/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap
index 4f65b27dfd83..87ed16fdf618 100644
--- a/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap
+++ b/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap
@@ -9820,6 +9820,100 @@ Map {
},
},
},
+ "unstable__FluidNumberInput" => Object {
+ "$$typeof": Symbol(react.forward_ref),
+ "propTypes": Object {
+ "allowEmpty": Object {
+ "type": "bool",
+ },
+ "className": Object {
+ "type": "string",
+ },
+ "defaultValue": Object {
+ "args": Array [
+ Array [
+ Object {
+ "type": "number",
+ },
+ Object {
+ "type": "string",
+ },
+ ],
+ ],
+ "type": "oneOfType",
+ },
+ "disableWheel": Object {
+ "type": "bool",
+ },
+ "disabled": Object {
+ "type": "bool",
+ },
+ "iconDescription": Object {
+ "type": "string",
+ },
+ "id": Object {
+ "isRequired": true,
+ "type": "string",
+ },
+ "invalid": Object {
+ "type": "bool",
+ },
+ "invalidText": Object {
+ "type": "node",
+ },
+ "label": Object {
+ "type": "node",
+ },
+ "max": Object {
+ "type": "number",
+ },
+ "min": Object {
+ "type": "number",
+ },
+ "onChange": Object {
+ "type": "func",
+ },
+ "onClick": Object {
+ "type": "func",
+ },
+ "onKeyUp": Object {
+ "type": "func",
+ },
+ "step": Object {
+ "type": "number",
+ },
+ "translateWithId": Object {
+ "type": "func",
+ },
+ "value": Object {
+ "args": Array [
+ Array [
+ Object {
+ "type": "number",
+ },
+ Object {
+ "type": "string",
+ },
+ ],
+ ],
+ "type": "oneOfType",
+ },
+ "warn": Object {
+ "type": "bool",
+ },
+ "warnText": Object {
+ "type": "node",
+ },
+ },
+ "render": [Function],
+ },
+ "unstable__FluidNumberInputSkeleton" => Object {
+ "propTypes": Object {
+ "className": Object {
+ "type": "string",
+ },
+ },
+ },
"unstable__FluidSelect" => Object {
"$$typeof": Symbol(react.forward_ref),
"propTypes": Object {
diff --git a/packages/react/scss/components/fluid-combo-box/_fluid-combo-box.scss b/packages/react/scss/components/fluid-combo-box/_fluid-combo-box.scss
new file mode 100644
index 000000000000..9d064aaccedf
--- /dev/null
+++ b/packages/react/scss/components/fluid-combo-box/_fluid-combo-box.scss
@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// 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.
+//
+
+@forward '@carbon/styles/scss/components/fluid-combo-box/fluid-combo-box';
diff --git a/packages/react/scss/components/fluid-combo-box/_index.scss b/packages/react/scss/components/fluid-combo-box/_index.scss
new file mode 100644
index 000000000000..b8c4dc60abba
--- /dev/null
+++ b/packages/react/scss/components/fluid-combo-box/_index.scss
@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// 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.
+//
+
+@forward '@carbon/styles/scss/components/fluid-combo-box';
diff --git a/packages/react/scss/components/fluid-multiselect/_fluid-multiselect.scss b/packages/react/scss/components/fluid-multiselect/_fluid-multiselect.scss
new file mode 100644
index 000000000000..85dc568d85ec
--- /dev/null
+++ b/packages/react/scss/components/fluid-multiselect/_fluid-multiselect.scss
@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// 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.
+//
+
+@forward '@carbon/styles/scss/components/fluid-multiselect/fluid-multiselect';
diff --git a/packages/react/scss/components/fluid-multiselect/_index.scss b/packages/react/scss/components/fluid-multiselect/_index.scss
new file mode 100644
index 000000000000..58c807b8c7b2
--- /dev/null
+++ b/packages/react/scss/components/fluid-multiselect/_index.scss
@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// 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.
+//
+
+@forward '@carbon/styles/scss/components/fluid-multiselect';
diff --git a/packages/react/scss/components/fluid-number-input/_fluid-number-input.scss b/packages/react/scss/components/fluid-number-input/_fluid-number-input.scss
new file mode 100644
index 000000000000..6bb1dc097f31
--- /dev/null
+++ b/packages/react/scss/components/fluid-number-input/_fluid-number-input.scss
@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// 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.
+//
+
+@forward '@carbon/styles/scss/components/fluid-number-input/fluid-number-input';
diff --git a/packages/react/scss/components/fluid-number-input/_index.scss b/packages/react/scss/components/fluid-number-input/_index.scss
new file mode 100644
index 000000000000..83fc59567a63
--- /dev/null
+++ b/packages/react/scss/components/fluid-number-input/_index.scss
@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// 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.
+//
+
+@forward '@carbon/styles/scss/components/fluid-number-input';
diff --git a/packages/react/src/__tests__/index-test.js b/packages/react/src/__tests__/index-test.js
index de21c298ff5f..c9b6bdf46bae 100644
--- a/packages/react/src/__tests__/index-test.js
+++ b/packages/react/src/__tests__/index-test.js
@@ -239,6 +239,8 @@ describe('Carbon Components React', () => {
"unstable__FluidDropdownSkeleton",
"unstable__FluidMultiSelect",
"unstable__FluidMultiSelectSkeleton",
+ "unstable__FluidNumberInput",
+ "unstable__FluidNumberInputSkeleton",
"unstable__FluidSelect",
"unstable__FluidSelectSkeleton",
"unstable__FluidTextArea",
diff --git a/packages/react/src/components/FluidNumberInput/__tests__/FluidNumberInput-test.js b/packages/react/src/components/FluidNumberInput/__tests__/FluidNumberInput-test.js
index 17dc60ba7ae7..e4d1609003e2 100644
--- a/packages/react/src/components/FluidNumberInput/__tests__/FluidNumberInput-test.js
+++ b/packages/react/src/components/FluidNumberInput/__tests__/FluidNumberInput-test.js
@@ -1,5 +1,5 @@
/**
- * Copyright IBM Corp. 2016, 2018
+ * Copyright IBM Corp. 2022
*
* This source code is licensed under the Apache-2.0 license found in the
* LICENSE file in the root directory of this source tree.
@@ -7,8 +7,7 @@
import React from 'react';
import FluidNumberInput from '../FluidNumberInput';
-import userEvent from '@testing-library/user-event';
-import { render, screen } from '@testing-library/react';
+import { render } from '@testing-library/react';
import { FeatureFlags } from '../../FeatureFlags';
const prefix = 'cds';
@@ -18,302 +17,13 @@ describe('FluidNumberInput', () => {
it('should render as expected', () => {
const { container } = render(
-
+
);
- expect(container.firstChild).toHaveClass(`${prefix}--text-input--fluid`);
- });
-
- it('should spread extra props onto the input element', () => {
- render(
-
- );
-
- expect(screen.getByRole('textbox')).toHaveAttribute(
- 'data-testid',
- 'test-id'
- );
- });
-
- it('should support a custom `className` prop on the outermost element', () => {
- const { container } = render(
-
-
-
- );
-
- expect(container.firstChild).toHaveClass('custom-class');
- });
-
- it('should support a custom `className` prop on the input element (V10)', () => {
- render(
-
- );
-
- expect(screen.getByRole('textbox')).toHaveClass('custom-class');
- });
-
- it('should respect defaultValue prop', () => {
- render(
-
- );
-
- expect(screen.getByRole('textbox')).toHaveAttribute(
- 'value',
- 'This is default text'
- );
- });
-
- it('should respect disabled prop', () => {
- render(
-
- );
-
- expect(screen.getByRole('textbox')).toBeDisabled();
- });
-
- it('should respect id prop', () => {
- render(
-
- );
-
- expect(screen.getByRole('textbox')).toHaveAttribute('id', 'input-1');
- });
-
- it('should respect invalid prop', () => {
- const { container } = render(
-
- );
-
- const invalidIcon = container.querySelector(
- `svg.${prefix}--text-input__invalid-icon`
- );
-
- expect(screen.getByRole('textbox')).toHaveAttribute('data-invalid');
- expect(screen.getByRole('textbox')).toHaveClass(
- `${prefix}--text-input--invalid`
- );
- expect(invalidIcon).toBeInTheDocument();
- });
-
- it('should respect invalidText prop', () => {
- render(
-
- );
-
- expect(screen.getByText('This is invalid text')).toBeInTheDocument();
- expect(screen.getByText('This is invalid text')).toHaveClass(
- `${prefix}--form-requirement`
- );
- });
-
- it('should respect isPassword prop', () => {
- const { container } = render(
-
- );
-
expect(container.firstChild).toHaveClass(
- `${prefix}--password-input-wrapper`
- );
- expect(container.firstChild).toHaveClass(`${prefix}--text-input--fluid`);
- });
-
- it('should respect labelText prop', () => {
- render(
-
- );
-
- expect(screen.getByText('FluidNumberInput label')).toBeInTheDocument();
- expect(screen.getByText('FluidNumberInput label')).toHaveClass(
- `${prefix}--label`
+ `${prefix}--number-input--fluid`
);
});
-
- it('should respect placeholder prop', () => {
- render(
-
- );
-
- expect(
- screen.getByPlaceholderText('Placeholder text')
- ).toBeInTheDocument();
- });
-
- it('should respect type prop', () => {
- render(
-
- );
-
- expect(screen.getByRole('textbox')).toHaveAttribute(`type`, 'text');
- });
-
- it('should respect value prop', () => {
- render(
-
- );
-
- expect(screen.getByRole('textbox')).toHaveAttribute(
- 'value',
- 'This is a test value'
- );
- });
-
- it('should respect warn prop', () => {
- const { container } = render(
-
- );
-
- const warnIcon = container.querySelector(
- `svg.${prefix}--text-input__invalid-icon--warning`
- );
-
- expect(screen.getByRole('textbox')).toHaveClass(
- `${prefix}--text-input--warning`
- );
- expect(warnIcon).toBeInTheDocument();
- });
-
- it('should respect warnText prop', () => {
- render(
-
- );
-
- expect(screen.getByText('This is warning text')).toBeInTheDocument();
- expect(screen.getByText('This is warning text')).toHaveClass(
- `${prefix}--form-requirement`
- );
- });
- });
-
- describe('behaves as expected - Component API', () => {
- it('should respect onChange prop', () => {
- const onChange = jest.fn();
- render(
-
- );
-
- userEvent.type(screen.getByRole('textbox'), 'x');
- expect(screen.getByRole('textbox')).toHaveValue('x');
- expect(onChange).toHaveBeenCalledTimes(1);
- expect(onChange).toHaveBeenCalledWith(
- expect.objectContaining({
- target: expect.any(Object),
- })
- );
- });
-
- it('should respect onClick prop', () => {
- const onClick = jest.fn();
- render(
-
- );
-
- userEvent.click(screen.getByRole('textbox'));
- expect(onClick).toHaveBeenCalledTimes(1);
- expect(onClick).toHaveBeenCalledWith(
- expect.objectContaining({
- target: expect.any(Object),
- })
- );
- });
-
- it('should not call `onClick` when the `` is clicked but disabled', () => {
- const onClick = jest.fn();
- render(
-
- );
-
- userEvent.click(screen.getByRole('textbox'));
- expect(onClick).not.toHaveBeenCalled();
- });
-
- it('should respect readOnly prop', () => {
- const onChange = jest.fn();
- const onClick = jest.fn();
- render(
-
- );
-
- // Click events should fire
- userEvent.click(screen.getByRole('textbox'));
- expect(onClick).toHaveBeenCalledTimes(1);
-
- // Change events should *not* fire
- userEvent.type(screen.getByRole('textbox'), 'x');
- expect(screen.getByRole('textbox')).not.toHaveValue('x');
- expect(onChange).toHaveBeenCalledTimes(0);
- });
});
});
diff --git a/packages/react/src/index.js b/packages/react/src/index.js
index 9d6fab5f50f6..c5477fd3c84f 100644
--- a/packages/react/src/index.js
+++ b/packages/react/src/index.js
@@ -230,6 +230,10 @@ export {
FluidMultiSelect as unstable__FluidMultiSelect,
FluidMultiSelectSkeleton as unstable__FluidMultiSelectSkeleton,
} from './components/FluidMultiSelect';
+export {
+ FluidNumberInput as unstable__FluidNumberInput,
+ FluidNumberInputSkeleton as unstable__FluidNumberInputSkeleton,
+} from './components/FluidNumberInput';
export {
FluidSelect as unstable__FluidSelect,
FluidSelectSkeleton as unstable__FluidSelectSkeleton,
diff --git a/packages/styles/__tests__/__snapshots__/styles-test.js.snap b/packages/styles/__tests__/__snapshots__/styles-test.js.snap
index ddd45244696c..f04d30e2cebf 100644
--- a/packages/styles/__tests__/__snapshots__/styles-test.js.snap
+++ b/packages/styles/__tests__/__snapshots__/styles-test.js.snap
@@ -262,6 +262,16 @@ Array [
"importPath": "@carbon/styles/scss/components/form",
"relativePath": "scss/components/form",
},
+ Object {
+ "filepath": "scss/components/fluid-combo-box/_fluid-combo-box.scss",
+ "importPath": "@carbon/styles/scss/components/fluid-combo-box/fluid-combo-box",
+ "relativePath": "scss/components/fluid-combo-box/fluid-combo-box",
+ },
+ Object {
+ "filepath": "scss/components/fluid-combo-box/_index.scss",
+ "importPath": "@carbon/styles/scss/components/fluid-combo-box",
+ "relativePath": "scss/components/fluid-combo-box",
+ },
Object {
"filepath": "scss/components/fluid-date-picker/_fluid-date-picker.scss",
"importPath": "@carbon/styles/scss/components/fluid-date-picker/fluid-date-picker",
@@ -292,6 +302,26 @@ Array [
"importPath": "@carbon/styles/scss/components/fluid-list-box",
"relativePath": "scss/components/fluid-list-box",
},
+ Object {
+ "filepath": "scss/components/fluid-multiselect/_fluid-multiselect.scss",
+ "importPath": "@carbon/styles/scss/components/fluid-multiselect/fluid-multiselect",
+ "relativePath": "scss/components/fluid-multiselect/fluid-multiselect",
+ },
+ Object {
+ "filepath": "scss/components/fluid-multiselect/_index.scss",
+ "importPath": "@carbon/styles/scss/components/fluid-multiselect",
+ "relativePath": "scss/components/fluid-multiselect",
+ },
+ Object {
+ "filepath": "scss/components/fluid-number-input/_fluid-number-input.scss",
+ "importPath": "@carbon/styles/scss/components/fluid-number-input/fluid-number-input",
+ "relativePath": "scss/components/fluid-number-input/fluid-number-input",
+ },
+ Object {
+ "filepath": "scss/components/fluid-number-input/_index.scss",
+ "importPath": "@carbon/styles/scss/components/fluid-number-input",
+ "relativePath": "scss/components/fluid-number-input",
+ },
Object {
"filepath": "scss/components/fluid-select/_fluid-select.scss",
"importPath": "@carbon/styles/scss/components/fluid-select/fluid-select",
diff --git a/packages/styles/files.js b/packages/styles/files.js
index d467397eb9c4..d3976d3be65c 100644
--- a/packages/styles/files.js
+++ b/packages/styles/files.js
@@ -71,12 +71,18 @@ const files = [
'scss/components/file-uploader/_index.scss',
'scss/components/form/_form.scss',
'scss/components/form/_index.scss',
+ 'scss/components/fluid-combo-box/_fluid-combo-box.scss',
+ 'scss/components/fluid-combo-box/_index.scss',
'scss/components/fluid-date-picker/_fluid-date-picker.scss',
'scss/components/fluid-date-picker/_index.scss',
'scss/components/fluid-dropdown/_fluid-dropdown.scss',
'scss/components/fluid-dropdown/_index.scss',
'scss/components/fluid-list-box/_fluid-list-box.scss',
'scss/components/fluid-list-box/_index.scss',
+ 'scss/components/fluid-multiselect/_fluid-multiselect.scss',
+ 'scss/components/fluid-multiselect/_index.scss',
+ 'scss/components/fluid-number-input/_fluid-number-input.scss',
+ 'scss/components/fluid-number-input/_index.scss',
'scss/components/fluid-select/_fluid-select.scss',
'scss/components/fluid-select/_index.scss',
'scss/components/fluid-text-area/_fluid-text-area.scss',
diff --git a/packages/styles/scss/components/_index.scss b/packages/styles/scss/components/_index.scss
index 8e02aa8bd8d8..c9affb8d59ad 100644
--- a/packages/styles/scss/components/_index.scss
+++ b/packages/styles/scss/components/_index.scss
@@ -28,6 +28,7 @@
@use 'fluid-dropdown';
@use 'fluid-list-box';
@use 'fluid-multiselect';
+@use 'fluid-number-input';
@use 'fluid-select';
@use 'fluid-text-area';
@use 'fluid-text-input';
diff --git a/packages/styles/scss/components/fluid-number-input/_fluid-number-input.scss b/packages/styles/scss/components/fluid-number-input/_fluid-number-input.scss
new file mode 100644
index 000000000000..b0760cc321c4
--- /dev/null
+++ b/packages/styles/scss/components/fluid-number-input/_fluid-number-input.scss
@@ -0,0 +1,24 @@
+//
+// Copyright IBM Corp. 2022
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+//-----------------------------
+// Fluid NumberInput
+//-----------------------------
+@use '../../config' as *;
+@use '../../motion' as *;
+@use '../../spacing' as *;
+@use '../../theme' as *;
+@use '../../utilities/convert' as *;
+@use '../../utilities/focus-outline' as *;
+@use '../number-input';
+
+@mixin fluid-number-input {
+ // Style overrides go here
+ // .#{$prefix}--number-input--fluid {
+
+ // }
+}
diff --git a/packages/styles/scss/components/fluid-number-input/_index.scss b/packages/styles/scss/components/fluid-number-input/_index.scss
new file mode 100644
index 000000000000..87a2e12907be
--- /dev/null
+++ b/packages/styles/scss/components/fluid-number-input/_index.scss
@@ -0,0 +1,11 @@
+//
+// Copyright IBM Corp. 2022
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward 'fluid-number-input';
+@use 'fluid-number-input';
+
+@include fluid-number-input.fluid-number-input;