From c3fee83f1bdbf80c0a378042f8692fbb444661b3 Mon Sep 17 00:00:00 2001 From: wrt95 Date: Wed, 11 Dec 2024 14:29:26 +0100 Subject: [PATCH 1/6] chore: Implement StudioStatusRadioGroup --- .../StudioStatusRadioGroup.module.css | 0 .../StudioStatusRadioGroup.stories.tsx | 17 +++++++++++++++++ .../StudioStatusRadioGroup.test.tsx | 0 .../StudioStatusRadioGroup.tsx | 12 ++++++++++++ .../components/StudioStatusRadioGroup/index.ts | 1 + 5 files changed, 30 insertions(+) create mode 100644 frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.module.css create mode 100644 frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.stories.tsx create mode 100644 frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.test.tsx create mode 100644 frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.tsx create mode 100644 frontend/libs/studio-components/src/components/StudioStatusRadioGroup/index.ts diff --git a/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.module.css b/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.module.css new file mode 100644 index 00000000000..e69de29bb2d diff --git a/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.stories.tsx b/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.stories.tsx new file mode 100644 index 00000000000..e80dfa76081 --- /dev/null +++ b/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.stories.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import type { Meta, StoryFn } from '@storybook/react'; +import { StudioStatusRadioGroup } from './StudioStatusRadioGroup'; + +type Story = StoryFn; + +const meta: Meta = { + title: 'Components/StudioStatusRadioGroup', + component: StudioStatusRadioGroup, + argTypes: {}, +}; +//export const Preview: Story = (args) => ; +export const Preview: Story = (args) => ; + +Preview.args = {}; + +export default meta; diff --git a/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.test.tsx b/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.test.tsx new file mode 100644 index 00000000000..e69de29bb2d diff --git a/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.tsx b/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.tsx new file mode 100644 index 00000000000..b4496b31c58 --- /dev/null +++ b/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.tsx @@ -0,0 +1,12 @@ +import React, { type ReactElement } from 'react'; +import classes from './StudioStatusRadioGroup.module.css'; + +export type StudioStatusRadioGroupProps = {}; + +export const StudioStatusRadioGroup = (): ReactElement => { + return ( +
+
hei
+
+ ); +}; diff --git a/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/index.ts b/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/index.ts new file mode 100644 index 00000000000..2d839ffa159 --- /dev/null +++ b/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/index.ts @@ -0,0 +1 @@ +export { StudioStatusRadioGroup } from './StudioStatusRadioGroup'; From 3ae5828bed8887e59af1607462683986a271dab6 Mon Sep 17 00:00:00 2001 From: wrt95 Date: Wed, 11 Dec 2024 14:31:52 +0100 Subject: [PATCH 2/6] chore: Create StudioRadio --- .../studio-components/src/components/StudioRadio/index.tsx | 4 ++++ 1 file changed, 4 insertions(+) create mode 100644 frontend/libs/studio-components/src/components/StudioRadio/index.tsx diff --git a/frontend/libs/studio-components/src/components/StudioRadio/index.tsx b/frontend/libs/studio-components/src/components/StudioRadio/index.tsx new file mode 100644 index 00000000000..e8800329b68 --- /dev/null +++ b/frontend/libs/studio-components/src/components/StudioRadio/index.tsx @@ -0,0 +1,4 @@ +export { + Radio as StudioRadio, + type RadioProps as StudioRadioProps, +} from '@digdir/designsystemet-react'; From acdfb0b67d3e3e25ad0dbba14b26ff347877737b Mon Sep 17 00:00:00 2001 From: wrt95 Date: Wed, 11 Dec 2024 14:32:18 +0100 Subject: [PATCH 3/6] update export --- frontend/libs/studio-components/src/components/index.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/frontend/libs/studio-components/src/components/index.ts b/frontend/libs/studio-components/src/components/index.ts index 292f091f9df..44294149577 100644 --- a/frontend/libs/studio-components/src/components/index.ts +++ b/frontend/libs/studio-components/src/components/index.ts @@ -36,6 +36,7 @@ export * from './StudioLabelWrapper'; export * from './StudioLink'; export * from './StudioList'; export * from './StudioModal'; +export * from './StudioRadio'; export * from './StudioNativeSelect'; export * from './StudioNotFoundPage'; export * from './StudioPageError'; From 345d9faaec91e377826d068b14e31c36f146ad48 Mon Sep 17 00:00:00 2001 From: wrt95 Date: Thu, 12 Dec 2024 11:19:42 +0100 Subject: [PATCH 4/6] almost working --- .../StudioStatusRadioGroup.module.css | 62 +++++++++++++++++++ .../StudioStatusRadioGroup.stories.tsx | 35 +++++++++-- .../StudioStatusRadioGroup.tsx | 60 ++++++++++++++++-- 3 files changed, 147 insertions(+), 10 deletions(-) diff --git a/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.module.css b/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.module.css index e69de29bb2d..b07c84929ae 100644 --- a/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.module.css +++ b/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.module.css @@ -0,0 +1,62 @@ +.radioGroup { + display: flex; + gap: var(--fds-spacing-4); + flex-wrap: wrap; +} + +.radioButton { + --radio-button-width: 240px; + + display: flex; + flex-direction: column; + gap: var(--fds-spacing-4); + padding-top: var(--fds-spacing-4); + padding-bottom: var(--fds-spacing-6); + padding-inline: var(--fds-spacing-4); + border-radius: var(--fds-sizing-2); + cursor: pointer; + position: relative; + width: var(--radio-button-width); +} + +.input { + position: absolute; + opacity: 0; + pointer-events: none; +} + +.radioButton:has(input:checked) { + border-color: black; +} + +.radioButton:focus-within { + outline: 2px solid blue; /* Visible focus indicator for keyboard navigation */ +} + +.content { + display: flex; + flex-direction: column; + cursor: pointer; +} + +.title { + font-weight: bold; + text-align: left; +} + +.text { + font-size: 0.9rem; +} + +/* Color Styles */ +.red { + background-color: #ffe5e5; +} + +.green { + background-color: #e5ffe5; +} + +.blue { + background-color: #e5e5ff; +} diff --git a/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.stories.tsx b/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.stories.tsx index e80dfa76081..a94af50139d 100644 --- a/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.stories.tsx +++ b/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.stories.tsx @@ -1,6 +1,18 @@ -import React from 'react'; +import React, { useState } from 'react'; import type { Meta, StoryFn } from '@storybook/react'; -import { StudioStatusRadioGroup } from './StudioStatusRadioGroup'; +import { StudioStatusRadioGroup, type StudioStatusRadioGroupProps } from './StudioStatusRadioGroup'; + +const options: StudioStatusRadioGroupProps['options'] = [ + { + value: 'prod', + title: 'Produksjon', + text: 'Sist publisert 11.06.2023 kl 14:03', + color: 'green', + }, + { value: 'at02', title: 'AT02', text: 'Sist publisert 11.06.2023 kl 14:03', color: 'blue' }, + { value: 'at21', title: 'AT21', text: 'Forløpig ingen publiseringer', color: 'red' }, + { value: 'at22', title: 'AT22', text: 'Forløpig ingen publiseringer', color: 'red' }, +]; type Story = StoryFn; @@ -9,9 +21,22 @@ const meta: Meta = { component: StudioStatusRadioGroup, argTypes: {}, }; -//export const Preview: Story = (args) => ; -export const Preview: Story = (args) => ; -Preview.args = {}; +export const Preview: Story = (args) => { + const [selectedValue, setSelectedValue] = useState(); + + return ( + setSelectedValue(value)} + defaultValue={selectedValue} + > + ); +}; + +Preview.args = { + options, +}; export default meta; diff --git a/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.tsx b/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.tsx index b4496b31c58..944f555886f 100644 --- a/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.tsx +++ b/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.tsx @@ -1,12 +1,62 @@ import React, { type ReactElement } from 'react'; -import classes from './StudioStatusRadioGroup.module.css'; +import styles from './StudioStatusRadioGroup.module.css'; +import { StudioLabelAsParagraph } from '../StudioLabelAsParagraph'; +import { StudioParagraph } from '../StudioParagraph'; -export type StudioStatusRadioGroupProps = {}; +interface RadioButton { + title: string; + text: string; + color: 'red' | 'green' | 'blue'; + value: string; +} + +export type StudioStatusRadioGroupProps = { + options: RadioButton[]; + name: string; // For grouping radio buttons + defaultValue?: string; + onChange?: (value: string) => void; +}; + +export const StudioStatusRadioGroup = ({ + options, + name, + defaultValue, + onChange, +}: StudioStatusRadioGroupProps): ReactElement => { + const handleChange = (event: React.ChangeEvent) => { + if (onChange) { + onChange(event.target.value); + } + }; -export const StudioStatusRadioGroup = (): ReactElement => { return ( -
-
hei
+
+ {options.map(({ title, text, color, value }) => { + const inputId = `${name}-${value}`; + return ( +
+ + +
+ ); + })}
); }; From ea0b56c48b33a8db9dd1e035100926cd0f1c8b0a Mon Sep 17 00:00:00 2001 From: wrt95 Date: Thu, 12 Dec 2024 13:16:22 +0100 Subject: [PATCH 5/6] adding tests and finalising --- .../StudioStatusRadioGroup.module.css | 51 ++++--- .../StudioStatusRadioGroup.stories.tsx | 32 +++-- .../StudioStatusRadioGroup.test.tsx | 124 ++++++++++++++++++ .../StudioStatusRadioGroup.tsx | 78 ++++++----- .../studio-components/src/components/index.ts | 1 + 5 files changed, 220 insertions(+), 66 deletions(-) diff --git a/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.module.css b/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.module.css index b07c84929ae..a0c0eef112a 100644 --- a/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.module.css +++ b/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.module.css @@ -1,3 +1,9 @@ +.radioGroupContainer { + display: flex; + flex-direction: column; + gap: var(--fds-spacing-4); +} + .radioGroup { display: flex; gap: var(--fds-spacing-4); @@ -6,17 +12,17 @@ .radioButton { --radio-button-width: 240px; + --border-width: 3px; display: flex; flex-direction: column; - gap: var(--fds-spacing-4); - padding-top: var(--fds-spacing-4); - padding-bottom: var(--fds-spacing-6); + padding-block: var(--fds-spacing-2); padding-inline: var(--fds-spacing-4); border-radius: var(--fds-sizing-2); cursor: pointer; position: relative; width: var(--radio-button-width); + border: var(--border-width) solid transparent; } .input { @@ -26,17 +32,13 @@ } .radioButton:has(input:checked) { - border-color: black; -} - -.radioButton:focus-within { - outline: 2px solid blue; /* Visible focus indicator for keyboard navigation */ + border-color: var(--fds-semantic-border-action-default); } -.content { +.textContent { display: flex; flex-direction: column; - cursor: pointer; + gap: var(--fds-spacing-4); } .title { @@ -45,18 +47,31 @@ } .text { - font-size: 0.9rem; + word-wrap: break-word; + word-break: break-word; + white-space: normal; +} + +.success { + background-color: var(--fds-semantic-surface-success-subtle); +} + +.success:hover { + background-color: var(--fds-semantic-surface-success-subtle-hover); +} + +.info { + background-color: var(--fds-semantic-surface-action-first-subtle); } -/* Color Styles */ -.red { - background-color: #ffe5e5; +.info:hover { + background-color: var(--fds-semantic-surface-action-first-subtle-hover); } -.green { - background-color: #e5ffe5; +.warning { + background-color: var(--fds-semantic-surface-warning-subtle); } -.blue { - background-color: #e5e5ff; +.warning:hover { + background-color: var(--fds-semantic-surface-warning-subtle-hover); } diff --git a/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.stories.tsx b/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.stories.tsx index a94af50139d..649ba246afa 100644 --- a/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.stories.tsx +++ b/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.stories.tsx @@ -4,14 +4,24 @@ import { StudioStatusRadioGroup, type StudioStatusRadioGroupProps } from './Stud const options: StudioStatusRadioGroupProps['options'] = [ { - value: 'prod', - title: 'Produksjon', + value: 'value1', + title: 'Miljø 1', text: 'Sist publisert 11.06.2023 kl 14:03', - color: 'green', + color: 'success', + }, + { + value: 'value2', + title: 'Miljø 2', + text: 'Sist publisert 11.06.2023 kl 14:03', + color: 'success', + }, + { value: 'value3', title: 'Miljø 3', text: 'Forløpig ingen publiseringer', color: 'info' }, + { + value: 'value4', + title: 'Miljø 4', + text: 'Applikasjonen er utilgjengelig i miljø', + color: 'warning', }, - { value: 'at02', title: 'AT02', text: 'Sist publisert 11.06.2023 kl 14:03', color: 'blue' }, - { value: 'at21', title: 'AT21', text: 'Forløpig ingen publiseringer', color: 'red' }, - { value: 'at22', title: 'AT22', text: 'Forløpig ingen publiseringer', color: 'red' }, ]; type Story = StoryFn; @@ -22,21 +32,17 @@ const meta: Meta = { argTypes: {}, }; -export const Preview: Story = (args) => { +export const Preview: Story = () => { const [selectedValue, setSelectedValue] = useState(); return ( setSelectedValue(value)} defaultValue={selectedValue} - > + /> ); }; -Preview.args = { - options, -}; - export default meta; diff --git a/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.test.tsx b/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.test.tsx index e69de29bb2d..60771f8e28e 100644 --- a/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.test.tsx +++ b/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.test.tsx @@ -0,0 +1,124 @@ +import React from 'react'; +import { render, screen } from '@testing-library/react'; +import userEvent from '@testing-library/user-event'; +import { StudioStatusRadioGroup, type StudioStatusRadioGroupProps } from './StudioStatusRadioGroup'; + +const mockTitle1: string = 'Success'; +const mockTitle2: string = 'Info'; +const mockTitle3: string = 'Warning'; + +const mockText1: string = 'Success text'; +const mockText2: string = 'Info text'; +const mockText3: string = 'Warning text'; + +const mockValue1: string = 'success'; +const mockValue2: string = 'info'; +const mockValue3: string = 'warning'; + +const mockOption1: StudioStatusRadioGroupProps['options'][number] = { + title: mockTitle1, + text: mockText1, + color: 'success', + value: mockValue1, +}; +const mockOption2: StudioStatusRadioGroupProps['options'][number] = { + title: mockTitle2, + text: mockText2, + color: 'info', + value: mockValue2, +}; +const mockOption3: StudioStatusRadioGroupProps['options'][number] = { + title: mockTitle3, + text: mockText3, + color: 'warning', + value: mockValue3, +}; + +const mockOptions: StudioStatusRadioGroupProps['options'] = [mockOption1, mockOption2, mockOption3]; +const mockGroupTitle: string = 'Status group'; +const mockOnChange = jest.fn(); + +const defaultProps: StudioStatusRadioGroupProps = { + options: mockOptions, + title: mockGroupTitle, + onChange: mockOnChange, +}; + +describe('StudioStatusRadioGroup', () => { + it('renders radio buttons with titles and descriptions', () => { + renderStudioStatusRadioGroup(); + + expect(screen.getByText(mockGroupTitle)).toBeInTheDocument(); + expect(screen.getByText(mockTitle1)).toBeInTheDocument(); + expect(screen.getByText(mockText1)).toBeInTheDocument(); + expect(screen.getByText(mockTitle2)).toBeInTheDocument(); + expect(screen.getByText(mockText2)).toBeInTheDocument(); + expect(screen.getByText(mockTitle3)).toBeInTheDocument(); + expect(screen.getByText(mockText3)).toBeInTheDocument(); + }); + + it('allows selecting a radio button', async () => { + const user = userEvent.setup(); + renderStudioStatusRadioGroup(); + + const successRadioButton = screen.getByRole('radio', { name: `${mockTitle1} ${mockText1}` }); // Any way to do it without having both title and text? + const infoRadioButton = screen.getByRole('radio', { name: `${mockTitle2} ${mockText2}` }); + const warningRadioButton = screen.getByRole('radio', { name: `${mockTitle3} ${mockText3}` }); + + // Initially, no button should be selected + expect(successRadioButton).not.toBeChecked(); + expect(infoRadioButton).not.toBeChecked(); + expect(warningRadioButton).not.toBeChecked(); + + await user.click(infoRadioButton); + + expect(infoRadioButton).toBeChecked(); + expect(successRadioButton).not.toBeChecked(); + expect(warningRadioButton).not.toBeChecked(); + }); + + it('calls onChange with correct value when a radio button is selected', async () => { + const user = userEvent.setup(); + renderStudioStatusRadioGroup(); + + const infoRadioButton = screen.getByRole('radio', { name: `${mockTitle2} ${mockText2}` }); + await user.click(infoRadioButton); + + expect(mockOnChange).toHaveBeenCalledWith(mockValue2); + expect(mockOnChange).toHaveBeenCalledTimes(2); // Why is this being called twice? + }); + + it('renders with default value selected', () => { + renderStudioStatusRadioGroup({ defaultValue: mockValue2 }); + + const successRadioButton = screen.getByRole('radio', { name: `${mockTitle1} ${mockText1}` }); + const infoRadioButton = screen.getByRole('radio', { name: `${mockTitle2} ${mockText2}` }); + + expect(infoRadioButton).toBeChecked(); + expect(successRadioButton).not.toBeChecked(); + }); + + it('applies correct aria attributes for accessibility', () => { + renderStudioStatusRadioGroup(); + + const successRadioButton = screen.getByRole('radio', { name: `${mockTitle1} ${mockText1}` }); + const inputId = `${mockGroupTitle}-${mockValue1}`; + + expect(successRadioButton).toHaveAttribute('aria-labelledby', `${inputId}-title`); + expect(successRadioButton).toHaveAttribute('aria-describedby', `${inputId}-text`); + }); + + it('focuses on the radio button when clicked', async () => { + const user = userEvent.setup(); + renderStudioStatusRadioGroup(); + + const infoRadioButton = screen.getByRole('radio', { name: `${mockTitle2} ${mockText2}` }); + await user.click(infoRadioButton); + + expect(infoRadioButton).toHaveFocus(); + }); +}); + +const renderStudioStatusRadioGroup = (props: Partial = {}) => { + return render(); +}; diff --git a/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.tsx b/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.tsx index 944f555886f..1290050579e 100644 --- a/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.tsx +++ b/frontend/libs/studio-components/src/components/StudioStatusRadioGroup/StudioStatusRadioGroup.tsx @@ -1,62 +1,70 @@ -import React, { type ReactElement } from 'react'; -import styles from './StudioStatusRadioGroup.module.css'; +import React, { type ChangeEvent, type ReactElement } from 'react'; +import classes from './StudioStatusRadioGroup.module.css'; +import cn from 'classnames'; import { StudioLabelAsParagraph } from '../StudioLabelAsParagraph'; import { StudioParagraph } from '../StudioParagraph'; -interface RadioButton { +type StudioStatusRadioButtonColor = 'success' | 'info' | 'warning'; + +export type StudioStatusRadioButtonItem = { title: string; text: string; - color: 'red' | 'green' | 'blue'; + color: StudioStatusRadioButtonColor; value: string; -} +}; export type StudioStatusRadioGroupProps = { - options: RadioButton[]; - name: string; // For grouping radio buttons + options: StudioStatusRadioButtonItem[]; + title: string; defaultValue?: string; onChange?: (value: string) => void; }; export const StudioStatusRadioGroup = ({ options, - name, + title: name, defaultValue, onChange, }: StudioStatusRadioGroupProps): ReactElement => { - const handleChange = (event: React.ChangeEvent) => { + const handleChange = (event: ChangeEvent) => { if (onChange) { onChange(event.target.value); } }; return ( -
- {options.map(({ title, text, color, value }) => { - const inputId = `${name}-${value}`; - return ( -
- -
); }; diff --git a/frontend/libs/studio-components/src/components/index.ts b/frontend/libs/studio-components/src/components/index.ts index 44294149577..2a9788de7af 100644 --- a/frontend/libs/studio-components/src/components/index.ts +++ b/frontend/libs/studio-components/src/components/index.ts @@ -46,6 +46,7 @@ export * from './StudioPageSpinner'; export * from './StudioParagraph'; export * from './StudioPopover'; export * from './StudioProperty'; +export * from './StudioStatusRadioGroup'; export * from './StudioRecommendedNextAction'; export * from './StudioRedirectBox'; export * from './StudioResizableLayout'; From 6845bf958353847db920a328881443aec22db68c Mon Sep 17 00:00:00 2001 From: wrt95 Date: Thu, 12 Dec 2024 13:23:04 +0100 Subject: [PATCH 6/6] cleanup --- .../studio-components/src/components/StudioRadio/index.tsx | 4 ---- frontend/libs/studio-components/src/components/index.ts | 1 - 2 files changed, 5 deletions(-) delete mode 100644 frontend/libs/studio-components/src/components/StudioRadio/index.tsx diff --git a/frontend/libs/studio-components/src/components/StudioRadio/index.tsx b/frontend/libs/studio-components/src/components/StudioRadio/index.tsx deleted file mode 100644 index e8800329b68..00000000000 --- a/frontend/libs/studio-components/src/components/StudioRadio/index.tsx +++ /dev/null @@ -1,4 +0,0 @@ -export { - Radio as StudioRadio, - type RadioProps as StudioRadioProps, -} from '@digdir/designsystemet-react'; diff --git a/frontend/libs/studio-components/src/components/index.ts b/frontend/libs/studio-components/src/components/index.ts index 2a9788de7af..1d951fa9850 100644 --- a/frontend/libs/studio-components/src/components/index.ts +++ b/frontend/libs/studio-components/src/components/index.ts @@ -36,7 +36,6 @@ export * from './StudioLabelWrapper'; export * from './StudioLink'; export * from './StudioList'; export * from './StudioModal'; -export * from './StudioRadio'; export * from './StudioNativeSelect'; export * from './StudioNotFoundPage'; export * from './StudioPageError';