413-radio group docs (#690)

* feat(storybook): initial commit

* feat(storybook): add radio group docs

* fix(ui): add feedback

* fix(storybook): change folder name

* fix(storybook): filenaming

* fix(storybook): import issues

* fix(storybook): import issue

---------

Co-authored-by: Christian Hoffmann <112889877+ChristianHoffmannS2@users.noreply.github.com>

packages/ui-library/src/components/forms/radio/radio-input/index.css.ts → packages/ui-library/src/components/forms/radio/index.css.ts

@@ -1,4 +1,4 @@
-import { typeSafeNestedCss } from "../../../../utils/nested-typesafe-css-literals";
+import { typeSafeNestedCss } from "../../../utils/nested-typesafe-css-literals";
 
 export const styleCustom = typeSafeNestedCss`
   .blr-radio:disabled {

packages/ui-library/src/components/forms/radio/radio-input/index.stories.ts → packages/ui-library/src/components/forms/radio/index.stories.ts

@@ -1,13 +1,13 @@
 import { BlrRadioType } from './index';
 import { BlrRadioRenderFunction } from './renderFunction';
-import { InputSizes } from '../../../../globals/constants';
+import { InputSizes } from '../../../globals/constants';
 import { PureIconKeys } from '@boiler/icons';
-import { Themes } from '../../../../foundation/_tokens-generated/index.themes';
+import { Themes } from '../../../foundation/_tokens-generated/index.themes';
 import { html } from 'lit-html';
 import { action } from '@storybook/addon-actions';
 
 // this loads the all components instances and registers their html tags
-import '../../../../index';
+import '../../../index';
 
 const sharedStyles = html`
   <style>
@@ -18,7 +18,7 @@ const sharedStyles = html`
 `;
 
 export default {
-  title: 'Design System/Web Components/Forms/Radio',
+  title: 'Design System/Web Components/Forms/Radio Group/Radio',
   argTypes: {
     theme: {
       options: Themes,

packages/ui-library/src/components/forms/radio/radio-input/index.ts → packages/ui-library/src/components/forms/radio/index.ts

@@ -2,14 +2,14 @@ import { LitElement, html, nothing } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { customElement, property } from 'lit/decorators.js';
 import { styleCustom } from './index.css';
-import { InputSizesType } from '../../../../globals/types';
-import { formDark, formLight } from '../../../../foundation/semantic-tokens/form.css';
-import { radioDark, radioLight } from '../../../../foundation/component-tokens/radio.css';
-import { BlrFormLabelInlineRenderFunction } from '../../../internal-components/form-label/form-label-inline/renderFunction';
-import { BlrFormCaptionGroupRenderFunction } from '../../../internal-components/form-caption-group/renderFunction';
+import { InputSizesType } from '../../../globals/types';
+import { formDark, formLight } from '../../../foundation/semantic-tokens/form.css';
+import { radioDark, radioLight } from '../../../foundation/component-tokens/radio.css';
+import { BlrFormLabelInlineRenderFunction } from '../../internal-components/form-label/form-label-inline/renderFunction';
+import { BlrFormCaptionGroupRenderFunction } from '../../internal-components/form-caption-group/renderFunction';
 import { SizelessIconType } from '@boiler/icons';
-import { ThemeType } from '../../../../foundation/_tokens-generated/index.themes';
-import { BlrFormCaptionRenderFunction } from '../../../internal-components/form-caption-group/form-caption/renderFunction';
+import { ThemeType } from '../../../foundation/_tokens-generated/index.themes';
+import { BlrFormCaptionRenderFunction } from '../../internal-components/form-caption-group/form-caption/renderFunction';
 
 import { TAG_NAME } from './renderFunction';