Refactor icon file structure (#11825)

frontend/libs/studio-icons/src/index.ts

@@ -1,5 +1,5 @@
 // Re-export all icons from @navikt/aksel-icons to make them available for consumers of studio/icons
 export * from '@navikt/aksel-icons';
 
-export * from './components';
-export * from './types/IconProps';
+export * from './react/icons';
+export * from './react/types';

frontend/libs/studio-icons/src/components/Accordion/Accordion.tsx → frontend/libs/studio-icons/src/react/icons/Accordion.tsx

@@ -1,13 +1,7 @@
 import React from 'react';
-import { IconProps } from '../../types/IconProps';
-import { SvgTemplate } from '../SvgTemplate';
+import { IconProps } from '../types';
+import { SvgTemplate } from './SvgTemplate';
 
-/**
- * @param {IconProps} props the icon props
- * @returns {JSX.Element} the icon as a react component
- * @example
- * import { Accordion } from '@studio/icons';
- */
 export const Accordion = (props: IconProps): JSX.Element => {
   return (
     <SvgTemplate {...props}>

frontend/libs/studio-icons/src/components/Checkbox/Checkbox.tsx → frontend/libs/studio-icons/src/react/icons/Checkbox.tsx

@@ -1,13 +1,7 @@
 import React from 'react';
-import { IconProps } from '../../types/IconProps';
-import { SvgTemplate } from '../SvgTemplate';
+import { IconProps } from '../types';
+import { SvgTemplate } from './SvgTemplate';
 
-/**
- * @param {IconProps} props the icon props
- * @returns {JSX.Element} the icon as a react component
- * @example
- * import { Checkbox } from '@studio/icons';
- */
 export const Checkbox = (props: IconProps): JSX.Element => {
   return (
     <SvgTemplate {...props}>

frontend/libs/studio-icons/src/components/Group/Group.tsx → frontend/libs/studio-icons/src/react/icons/Group.tsx

@@ -1,13 +1,7 @@
 import React from 'react';
-import { IconProps } from '../../types/IconProps';
-import { SvgTemplate } from '../SvgTemplate';
+import { IconProps } from '../types';
+import { SvgTemplate } from './SvgTemplate';
 
-/**
- * @param {IconProps} props the icon props
- * @returns {JSX.Element} the icon as a react component
- * @example
- * import { Group } from '@studio/icons';
- */
 export const Group = (props: IconProps): JSX.Element => {
   return (
     <SvgTemplate {...props}>

frontend/libs/studio-icons/src/components/Likert/Likert.tsx → frontend/libs/studio-icons/src/react/icons/Likert.tsx

@@ -1,13 +1,7 @@
 import React from 'react';
-import { IconProps } from '../../types/IconProps';
-import { SvgTemplate } from '../SvgTemplate';
+import { IconProps } from '../types';
+import { SvgTemplate } from './SvgTemplate';
 
-/**
- * @param {IconProps} props the icon props
- * @returns {JSX.Element} the icon as a react component
- * @example
- * import { Likert } from '@studio/icons';
- */
 export const Likert = (props: IconProps): JSX.Element => {
   return (
     <SvgTemplate {...props}>

frontend/libs/studio-icons/src/components/LongText/LongText.tsx → frontend/libs/studio-icons/src/react/icons/LongText.tsx

@@ -1,13 +1,7 @@
 import React from 'react';
-import { IconProps } from '../../types/IconProps';
-import { SvgTemplate } from '../SvgTemplate';
+import { IconProps } from '../types';
+import { SvgTemplate } from './SvgTemplate';
 
-/**
- * @param {IconProps} props the icon props
- * @returns {JSX.Element} the icon as a react component
- * @example
- * import { LongText } from '@studio/icons';
- */
 export const LongText = (props: IconProps): JSX.Element => {
   return (
     <SvgTemplate {...props}>

frontend/libs/studio-icons/src/components/NavBar/NavBar.tsx → frontend/libs/studio-icons/src/react/icons/NavBar.tsx

@@ -1,13 +1,7 @@
 import React from 'react';
-import { IconProps } from '../../types/IconProps';
-import { SvgTemplate } from '../SvgTemplate';
+import { IconProps } from '../types';
+import { SvgTemplate } from './SvgTemplate';
 
-/**
- * @param {IconProps} props the icon props
- * @returns {JSX.Element} the icon as a react component
- * @example
- * import { NavBar } from '@studio/icons';
- */
 export const NavBar = (props: IconProps): JSX.Element => {
   return (
     <SvgTemplate {...props}>

frontend/libs/studio-icons/src/components/Paragraph/Paragraph.tsx → frontend/libs/studio-icons/src/react/icons/Paragraph.tsx

@@ -1,13 +1,7 @@
 import React from 'react';
-import { IconProps } from '../../types/IconProps';
-import { SvgTemplate } from '../SvgTemplate';
+import { IconProps } from '../types';
+import { SvgTemplate } from './SvgTemplate';
 
-/**
- * @param {IconProps} props the icon props
- * @returns {JSX.Element} the icon as a react component
- * @example
- * import { Paragraph } from '@studio/icons';
- */
 export const Paragraph = (props: IconProps): JSX.Element => {
   return (
     <SvgTemplate {...props}>

frontend/libs/studio-icons/src/components/RadioButton/RadioButton.tsx → frontend/libs/studio-icons/src/react/icons/RadioButton.tsx

@@ -1,13 +1,7 @@
 import React from 'react';
-import { IconProps } from '../../types/IconProps';
-import { SvgTemplate } from '../SvgTemplate';
+import { IconProps } from '../types';
+import { SvgTemplate } from './SvgTemplate';
 
-/**
- * @param {IconProps} props the icon props
- * @returns {JSX.Element} the icon as a react component
- * @example
- * import { RadioButton } from '@studio/icons';
- */
 export const RadioButton = (props: IconProps): JSX.Element => {
   return (
     <SvgTemplate {...props}>

frontend/libs/studio-icons/src/components/Select/Select.tsx → frontend/libs/studio-icons/src/react/icons/Select.tsx

@@ -1,13 +1,7 @@
 import React from 'react';
-import { IconProps } from '../../types/IconProps';
-import { SvgTemplate } from '../SvgTemplate';
+import { IconProps } from '../types';
+import { SvgTemplate } from './SvgTemplate';
 
-/**
- * @param {IconProps} props the icon props
- * @returns {JSX.Element} the icon as a react component
- * @example
- * import { Select } from '@studio/icons';
- */
 export const Select = (props: IconProps): JSX.Element => {
   return (
     <SvgTemplate {...props}>

frontend/libs/studio-icons/src/components/ShortText/ShortText.tsx → frontend/libs/studio-icons/src/react/icons/ShortText.tsx

@@ -1,13 +1,7 @@
 import React from 'react';
-import { IconProps } from '../../types/IconProps';
-import { SvgTemplate } from '../SvgTemplate';
+import { IconProps } from '../types';
+import { SvgTemplate } from './SvgTemplate';
 
-/**
- * @param {IconProps} props the icon props
- * @returns {JSX.Element} the icon as a react component
- * @example
- * import { ShortText } from '@studio/icons';
- */
 export const ShortText = ({ ...props }: IconProps): JSX.Element => {
   return (
     <SvgTemplate {...props}>

frontend/libs/studio-icons/src/components/SvgTemplate/SvgTemplate.tsx → frontend/libs/studio-icons/src/react/icons/SvgTemplate.tsx

@@ -1,10 +1,5 @@
 import React from 'react';
-import { IconProps } from '../../types/IconProps';
-
-/**
- * @param {SvgTemplateProps} props the SvgTemplate props
- * @returns {JSX.Element} template for svg icons
- */
+import { IconProps } from '../types';
 
 type SvgTemplateProps = IconProps & { children: React.ReactNode };
 export const SvgTemplate = ({ title, children, ...rest }: SvgTemplateProps): JSX.Element => {

frontend/libs/studio-icons/src/components/Title/Title.tsx → frontend/libs/studio-icons/src/react/icons/Title.tsx

@@ -1,13 +1,7 @@
 import React from 'react';
-import { IconProps } from '../../types/IconProps';
-import { SvgTemplate } from '../SvgTemplate';
+import { IconProps } from '../types';
+import { SvgTemplate } from './SvgTemplate';
 
-/**
- * @param {IconProps} props the icon props
- * @returns {JSX.Element} the icon as a react component
- * @example
- * import { Title } from '@studio/icons';
- */
 export const Title = (props: IconProps): JSX.Element => {
   return (
     <SvgTemplate {...props}>

frontend/libs/studio-icons/src/react/types/index.ts

@@ -0,0 +1 @@
+export type { IconProps } from './IconProps';