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;