feat: Control group component

build-tools/utils/pluralize.js

@@ -24,6 +24,7 @@ const pluralizationMap = {
   ColumnLayout: 'ColumnLayouts',
   Container: 'Containers',
   ContentLayout: 'ContentLayouts',
+  ControlGroup: 'ControlGroups',
   CopyToClipboard: 'CopyToClipboards',
   DateInput: 'DateInputs',
   DatePicker: 'DatePickers',

pages/control-group/action-button.page.tsx

@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
 
-import ControlGroup, { ControlGroupProps } from '~components/internal/components/control-group';
+import ControlGroup, { ControlGroupProps } from '~components/control-group';
 
 import { PermutationsPage } from '../app/templates';
 import createPermutations from '../utils/permutations';

pages/control-group/common.tsx

@@ -3,9 +3,9 @@
 import React from 'react';
 
 import Autosuggest, { AutosuggestProps } from '~components/autosuggest';
+import { ControlGroupProps } from '~components/control-group/interfaces';
 import FormField from '~components/form-field';
 import Input from '~components/input';
-import { ControlGroupProps } from '~components/internal/components/control-group/interfaces';
 import Multiselect, { MultiselectProps } from '~components/multiselect';
 import RadioGroup from '~components/radio-group';
 import SegmentedControl, { SegmentedControlProps } from '~components/segmented-control';

pages/control-group/in-app-layout.page.tsx

@@ -4,7 +4,7 @@ import React from 'react';
 
 import { Container, ContentLayout, Header, ItemCard, SpaceBetween } from '~components';
 import AppLayout from '~components/app-layout';
-import ControlGroup from '~components/internal/components/control-group';
+import ControlGroup from '~components/control-group';
 
 import labels from '../app-layout/utils/labels';
 import ScreenshotArea from '../utils/screenshot-area';

pages/control-group/labels.page.tsx

@@ -4,8 +4,8 @@ import React from 'react';
 
 import { SpaceBetween } from '~components';
 import Autosuggest, { AutosuggestProps } from '~components/autosuggest';
+import ControlGroup from '~components/control-group';
 import Input from '~components/input';
-import ControlGroup from '~components/internal/components/control-group';
 import Multiselect, { MultiselectProps } from '~components/multiselect';
 import Select, { SelectProps } from '~components/select';
 

pages/control-group/permutations.page.tsx

@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
 
-import ControlGroup, { ControlGroupProps } from '~components/internal/components/control-group';
+import ControlGroup, { ControlGroupProps } from '~components/control-group';
 
 import { PermutationsPage } from '../app/templates';
 import createPermutations from '../utils/permutations';

pages/control-group/responsive.page.tsx

@@ -3,9 +3,9 @@
 import React from 'react';
 
 import Box from '~components/box';
+import ControlGroup from '~components/control-group';
 import FormField from '~components/form-field';
 import Input from '~components/input';
-import ControlGroup from '~components/internal/components/control-group';
 import RadioGroup from '~components/radio-group';
 import Select from '~components/select';
 import SpaceBetween from '~components/space-between';

pages/control-group/validation.page.tsx

@@ -4,9 +4,9 @@ import React from 'react';
 
 import Autosuggest from '~components/autosuggest';
 import Checkbox from '~components/checkbox';
+import ControlGroup, { ControlGroupProps } from '~components/control-group';
 import FormField from '~components/form-field';
 import Input from '~components/input';
-import ControlGroup, { ControlGroupProps } from '~components/internal/components/control-group';
 import Multiselect from '~components/multiselect';
 import RadioGroup from '~components/radio-group';
 import SegmentedControl from '~components/segmented-control';