chore(): adjust storybook config

baloise · Dec 15, 2021 · f9eff7e · f9eff7e
1 parent f57d254
commit f9eff7e
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 12 deletions.
diff --git a/packages/components-angular/src/directives/proxies.ts b/packages/components-angular/src/directives/proxies.ts
@@ -694,14 +694,14 @@ export class BalHeading {
 
 export declare interface BalHint extends Components.BalHint {}
 @ProxyCmp({
-  inputs: ['closeLabel'],
+  inputs: ['closeLabel', 'small'],
   methods: ['toggle', 'open', 'close']
 })
 @Component({
   selector: 'bal-hint',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['closeLabel']
+  inputs: ['closeLabel', 'small']
 })
 export class BalHint {
   protected el: HTMLElement;

diff --git a/packages/components-vue/src/components.ts b/packages/components-vue/src/components.ts
@@ -1059,6 +1059,11 @@ export const BalHint = /*@__PURE__*/ defineComponent({
       default: 'Close',
       required: false,
     },
+    small: {
+      type: Boolean,
+      default: false,
+      required: false,
+    },
   },
   emits: {
 

diff --git a/packages/components/.storybook/main.js b/packages/components/.storybook/main.js
@@ -11,6 +11,7 @@ module.exports = {
     ${head}
     <link rel="stylesheet" type="text/css" href="assets/css/design-system-table.css" />
     <link rel="stylesheet" type="text/css" href="assets/css/theme.css" />
+    ${!isDevelopment ? '<link rel="stylesheet" type="text/css" href="build/design-system-components.css" />' : ''}
     ${isDevelopment ? '<script type="module" src="build/design-system-components.esm.js"></script>' : ''}
     ${isDevelopment ? '<script nomodule src="build/design-system-components.js"></script>' : ''}
     `,

diff --git a/packages/components/src/components/bal-hint/readme.md b/packages/components/src/components/bal-hint/readme.md
@@ -2,9 +2,10 @@
 
 #### Properties
 
-| Property     | Attribute     | Description                | Type     | Default   |
-| ------------ | ------------- | -------------------------- | -------- | --------- |
-| `closeLabel` | `close-label` | Text for the close button. | `string` | `'Close'` |
+| Property     | Attribute     | Description                                      | Type      | Default   |
+| ------------ | ------------- | ------------------------------------------------ | --------- | --------- |
+| `closeLabel` | `close-label` | Text for the close button.                       | `string`  | `'Close'` |
+| `small`      | `small`       | Disables the close button for tablet and desktop | `boolean` | `false`   |
 
 
 #### Methods

diff --git a/packages/components/src/components/notice/bal-notices/readme.md b/packages/components/src/components/notice/bal-notices/readme.md
@@ -2,9 +2,9 @@
 
 #### Properties
 
-| Property    | Attribute   | Description | Type                      | Default   |
-| ----------- | ----------- | ----------- | ------------------------- | --------- |
-| `interface` | `interface` |             | `"snackbar" `, ` "toast"` | `'toast'` |
+| Property    | Attribute   | Description                                              | Type                      | Default   |
+| ----------- | ----------- | -------------------------------------------------------- | ------------------------- | --------- |
+| `interface` | `interface` | The interface tells the notice where to show the notice. | `"snackbar" `, ` "toast"` | `'toast'` |
 
 
 
diff --git a/packages/components/src/stories/contributing/03-project-setup.stories.mdx b/packages/components/src/stories/contributing/03-project-setup.stories.mdx
@@ -74,10 +74,7 @@ For our CI & CD task we use [Github Actions](https://github.com/baloise/design-s
 │  ├── components
 │  │  └── bal-<component>
 │  │        ├── bal-<component>-<addon> # sub-component
-│  │        │  ├── bal-<component>-<addon>.e2e.ts # E2E test file
-│  │        │  ├── bal-<component>-<addon>.scss # Specific component style
 │  │        │  ├── bal-<component>-<addon>.tsx # Component logic
-│  │        │  ├── index.html # Examples for the cypress tests: <deprecated> use storybook instead.
 │  │        │  └── readme.md # generated Readme with the components api
 │  │        │
 │  │        ├── stories # documentation folder with the stories
@@ -99,7 +96,7 @@ For our CI & CD task we use [Github Actions](https://github.com/baloise/design-s
 │  │
 │  ├── constants # global constants.
 │  ├── helpers # global helper functions.
-│  ├── styles # global styles witch is extends bulma.css
+│  ├── styles # global styles which extends the bulma sass files
 │  │  ├── global.scss # global stylesheet of the Design System
 │  │  └── global.utilities.scss # exports variables, mixins... (no-styles)
 │  │