hr-design-system-handlebars 1.11.11 → 1.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.storybook/main.js +9 -0
- package/.storybook/manager.js +18 -18
- package/.storybook/preview.js +9 -1
- package/CHANGELOG.md +24 -0
- package/README.md +13 -2
- package/build/handlebars/handlebars.js +1 -1
- package/build/scripts/build.js +1 -1
- package/config.js +1 -0
- package/dist/assets/index.css +223 -190
- package/dist/views/components/base/image/icon.hbs +1 -1
- package/dist/views/components/base/link.hbs +11 -1
- package/dist/views/components/base/link_open.hbs +12 -13
- package/dist/views/components/base/link_v2.hbs +14 -0
- package/dist/views/components/button/button.hbs +9 -24
- package/dist/views/components/button/components/button_icon.hbs +2 -1
- package/dist/views/components/button/components/button_label.hbs +1 -1
- package/dist/views/components/button/link_button.hbs +6 -0
- package/dist/views/components/button/utilities/button_base_classes.hbs +1 -0
- package/dist/views/components/button/utilities/button_dimension_classes.hbs +1 -0
- package/dist/views/components/button/utilities/button_on_image_classes.hbs +39 -0
- package/dist/views/components/button/utilities/button_variation_classes.hbs +14 -0
- package/dist/views/components/content_nav/content_nav_container.hbs +1 -1
- package/dist/views/components/content_nav/content_nav_item.hbs +1 -1
- package/dist/views/components/event/calendar/event_calendar_footer.hbs +1 -1
- package/dist/views/components/event/event_ticket_button.hbs +11 -9
- package/dist/views/components/grid/grid_group_highlight.hbs +1 -1
- package/dist/views/components/label/label_old.hbs +1 -1
- package/dist/views/components/mediaplayer/media_player.hbs +4 -22
- package/dist/views/components/mediaplayer/mediaplayer_button.hbs +9 -0
- package/dist/views/components/modal/modal.hbs +2 -2
- package/dist/views/components/page/page_pagination.hbs +1 -1
- package/dist/views/components/pagination/pagination.hbs +15 -14
- package/dist/views/components/pagination/pagination_current_page_invalid.hbs +1 -1
- package/dist/views/components/pagination/pagination_current_page_valid.hbs +2 -1
- package/dist/views/components/pagination/pagination_more_than_three_pages.hbs +3 -3
- package/dist/views/components/pagination/pagination_only_three_pages.hbs +7 -7
- package/dist/views/components/pagination/pagination_only_two_pages.hbs +2 -2
- package/dist/views/components/site_header/brand_navigation/brand_navigation.hbs +1 -1
- package/dist/views/components/teaser/cluster/teaser_cluster.hbs +4 -1
- package/dist/views/components/teaser/cluster/teaser_cluster_byline.hbs +1 -1
- package/dist/views/components/teaser/cluster/teaser_cluster_item.hbs +1 -1
- package/dist/views/components/teaser/components/teaser_av_consumption_close_button.hbs +6 -20
- package/dist/views/components/teaser/components/teaser_byline.hbs +1 -1
- package/dist/views/components/teaser/components/teaser_image.hbs +6 -14
- package/dist/views/components/teaser/podcast/podcast_subscribe_button.hbs +18 -15
- package/dist/views/components/teaser/podcast/podcast_title.hbs +2 -2
- package/dist/views/components/teaser/tabbox/group_tabbox.hbs +4 -1
- package/dist/views/components/teaser/tabbox/teaser_tabbox.hbs +10 -11
- package/dist/views/components/teaser/teaser_poster.hbs +5 -1
- package/gulpfile.js +9 -0
- package/package.json +4 -2
- package/src/assets/css/custom-components.css +37 -38
- package/src/assets/css/custom-utilities.css +2 -2
- package/src/assets/fixtures/event/calendar/event_calendar_months.inc.json +5 -1
- package/src/assets/fixtures/page/page_pagination.json +15 -14
- package/src/assets/tailwind.css +54 -22
- package/src/stories/conventions-and-datastructure.mdx +217 -4
- package/src/stories/views/components/base/image/icon.hbs +1 -1
- package/src/stories/views/components/base/link.hbs +11 -1
- package/src/stories/views/components/base/link_open.hbs +12 -13
- package/src/stories/views/components/base/link_v2.hbs +14 -0
- package/src/stories/views/components/button/button.hbs +9 -24
- package/src/stories/views/components/button/button.mdx +186 -0
- package/src/stories/views/components/button/button.stories.js +508 -0
- package/src/stories/views/components/button/components/button_icon.hbs +2 -1
- package/src/stories/views/components/button/components/button_icon.mdx +25 -0
- package/src/stories/views/components/button/components/button_icon.stories.js +44 -0
- package/src/stories/views/components/button/components/button_label.hbs +1 -1
- package/src/stories/views/components/button/components/button_label.mdx +25 -0
- package/src/stories/views/components/button/components/button_label.stories.js +33 -0
- package/src/stories/views/components/button/link_button.hbs +6 -0
- package/src/stories/views/components/button/link_button.mdx +137 -0
- package/src/stories/views/components/button/link_button.stories.js +420 -0
- package/src/stories/views/components/button/utilities/button_base_classes.hbs +1 -0
- package/src/stories/views/components/button/utilities/button_dimension_classes.hbs +1 -0
- package/src/stories/views/components/button/utilities/button_on_image_classes.hbs +39 -0
- package/src/stories/views/components/button/utilities/button_variation_classes.hbs +14 -0
- package/src/stories/views/components/content_nav/content_nav_container.hbs +1 -1
- package/src/stories/views/components/content_nav/content_nav_item.hbs +1 -1
- package/src/stories/views/components/event/calendar/event_calendar_footer.hbs +1 -1
- package/src/stories/views/components/event/event_ticket_button.hbs +11 -9
- package/src/stories/views/components/grid/grid_group_highlight.hbs +1 -1
- package/src/stories/views/components/label/label_old.hbs +1 -1
- package/src/stories/views/components/mediaplayer/media_player.hbs +4 -22
- package/src/stories/views/components/mediaplayer/mediaplayer_button.hbs +9 -0
- package/src/stories/views/components/mediaplayer/mediaplayer_button.mdx +82 -0
- package/src/stories/views/components/mediaplayer/mediaplayer_button.stories.js +178 -0
- package/src/stories/views/components/modal/modal.hbs +2 -2
- package/src/stories/views/components/page/fixtures/page_pagination.json +1 -1
- package/src/stories/views/components/page/page_pagination.hbs +1 -1
- package/src/stories/views/components/pagination/pagination.hbs +15 -14
- package/src/stories/views/components/pagination/pagination_current_page_invalid.hbs +1 -1
- package/src/stories/views/components/pagination/pagination_current_page_valid.hbs +2 -1
- package/src/stories/views/components/pagination/pagination_more_than_three_pages.hbs +3 -3
- package/src/stories/views/components/pagination/pagination_only_three_pages.hbs +7 -7
- package/src/stories/views/components/pagination/pagination_only_two_pages.hbs +2 -2
- package/src/stories/views/components/site_header/brand_navigation/brand_navigation.hbs +1 -1
- package/src/stories/views/components/teaser/cluster/teaser_cluster.hbs +4 -1
- package/src/stories/views/components/teaser/cluster/teaser_cluster_byline.hbs +1 -1
- package/src/stories/views/components/teaser/cluster/teaser_cluster_item.hbs +1 -1
- package/src/stories/views/components/teaser/components/teaser_av_consumption_close_button.hbs +6 -20
- package/src/stories/views/components/teaser/components/teaser_byline.hbs +1 -1
- package/src/stories/views/components/teaser/components/teaser_image.hbs +6 -14
- package/src/stories/views/components/teaser/fixtures/teaser_event_calendar_100_serif.json +1 -1
- package/src/stories/views/components/teaser/podcast/podcast_subscribe_button.hbs +18 -15
- package/src/stories/views/components/teaser/podcast/podcast_title.hbs +2 -2
- package/src/stories/views/components/teaser/tabbox/group_tabbox.hbs +4 -1
- package/src/stories/views/components/teaser/tabbox/teaser_tabbox.hbs +10 -11
- package/src/stories/views/components/teaser/teaser_poster.hbs +5 -1
- package/tailwind.config.js +8 -1
- package/dist/views/components/button/button_pseudo.hbs +0 -8
- package/dist/views/components/button/button_pseudo.inc.hbs +0 -18
- package/dist/views/components/button/button_pseudo_v2.hbs +0 -12
- package/dist/views/components/button/button_round.hbs +0 -23
- package/dist/views/components/button/button_round_classes.hbs +0 -46
- package/dist/views/components/button/button_transparent.hbs +0 -17
- package/dist/views/components/button/button_v2.hbs +0 -7
- package/dist/views/components/button/components/button_pseudo_link.hbs +0 -3
- package/src/stories/views/components/button/button_pseudo.hbs +0 -8
- package/src/stories/views/components/button/button_pseudo.inc.hbs +0 -18
- package/src/stories/views/components/button/button_pseudo_v2.hbs +0 -12
- package/src/stories/views/components/button/button_round.hbs +0 -23
- package/src/stories/views/components/button/button_round_classes.hbs +0 -46
- package/src/stories/views/components/button/button_transparent.hbs +0 -17
- package/src/stories/views/components/button/button_v2.hbs +0 -7
- package/src/stories/views/components/button/components/button_pseudo_link.hbs +0 -3
package/.storybook/main.js
CHANGED
|
@@ -46,6 +46,15 @@ const config = {
|
|
|
46
46
|
...config.resolve.alias,
|
|
47
47
|
scripts: path.resolve(__dirname, '../scripts'),
|
|
48
48
|
handlebars$: path.resolve(__dirname, '../node_modules/handlebars/dist/handlebars.js'),
|
|
49
|
+
hrHandlebars$: path.resolve(__dirname, '../build/handlebars/handlebars.js'),
|
|
50
|
+
handlebarPartials$: path.resolve(
|
|
51
|
+
__dirname,
|
|
52
|
+
'../build/handlebars/partials/handlebar-partials.js'
|
|
53
|
+
),
|
|
54
|
+
handlebarHelpers$: path.resolve(
|
|
55
|
+
__dirname,
|
|
56
|
+
'../build/handlebars/helpers/handlebar-helpers.js'
|
|
57
|
+
),
|
|
49
58
|
components: path.resolve(__dirname, '../src/stories/views/components'),
|
|
50
59
|
base: path.resolve(__dirname, '../src/stories/views/base'),
|
|
51
60
|
tailwind$: path.resolve(__dirname, '../src/assets/tailwind.css'),
|
package/.storybook/manager.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { addons } from
|
|
2
|
-
import { themes } from
|
|
3
|
-
import hrDesignsystemDark from
|
|
4
|
-
import hrDesignsystemLight from
|
|
1
|
+
import { addons } from '@storybook/addons'
|
|
2
|
+
import { themes } from '@storybook/theming'
|
|
3
|
+
import hrDesignsystemDark from './HRDesignsystemDark'
|
|
4
|
+
import hrDesignsystemLight from './HRDesignsystemLight'
|
|
5
5
|
|
|
6
6
|
addons.setConfig({
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
})
|
|
7
|
+
isFullscreen: false,
|
|
8
|
+
showNav: true,
|
|
9
|
+
showPanel: true,
|
|
10
|
+
panelPosition: 'bottom',
|
|
11
|
+
enableShortcuts: true,
|
|
12
|
+
isToolshown: true,
|
|
13
|
+
theme: hrDesignsystemLight,
|
|
14
|
+
selectedPanel: undefined,
|
|
15
|
+
initialActive: 'sidebar',
|
|
16
|
+
sidebar: {
|
|
17
|
+
showRoots: true,
|
|
18
|
+
collapsedRoots: ['other'],
|
|
19
|
+
},
|
|
20
|
+
})
|
package/.storybook/preview.js
CHANGED
|
@@ -166,7 +166,15 @@ export const parameters = {
|
|
|
166
166
|
'*',
|
|
167
167
|
],
|
|
168
168
|
'Komponenten',
|
|
169
|
-
[
|
|
169
|
+
[
|
|
170
|
+
'Buttons',
|
|
171
|
+
['Button', 'Link-Button', 'Komponenten'],
|
|
172
|
+
'Page',
|
|
173
|
+
'Header',
|
|
174
|
+
'Teaser',
|
|
175
|
+
'grid',
|
|
176
|
+
'Label',
|
|
177
|
+
],
|
|
170
178
|
'*',
|
|
171
179
|
],
|
|
172
180
|
},
|
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v1.12.0 (Thu Apr 20 2023)
|
|
2
|
+
|
|
3
|
+
#### 🚀 Enhancement
|
|
4
|
+
|
|
5
|
+
- Feature/dpe 2153 [#609](https://github.com/mumprod/hr-design-system-handlebars/pull/609) ([@szuelch](https://github.com/szuelch))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- [@szuelch](https://github.com/szuelch)
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.11.12 (Thu Apr 20 2023)
|
|
14
|
+
|
|
15
|
+
#### 🐛 Bug Fix
|
|
16
|
+
|
|
17
|
+
- Fixing data-model, and css [#608](https://github.com/mumprod/hr-design-system-handlebars/pull/608) ([@Paul-Atreidis](https://github.com/Paul-Atreidis))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- [@Paul-Atreidis](https://github.com/Paul-Atreidis)
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v1.11.11 (Tue Apr 18 2023)
|
|
2
26
|
|
|
3
27
|
#### 🐛 Bug Fix
|
package/README.md
CHANGED
|
@@ -18,13 +18,24 @@ Node.js installiert man am besten mit dem Node Version Manager NVM. Dies ist zwa
|
|
|
18
18
|
|
|
19
19
|
---
|
|
20
20
|
|
|
21
|
-
Zur
|
|
21
|
+
Zur Verwaltung der Node Packages des Design Systems verwenden wir statt npm den Paketmanager [yarn](https://classic.yarnpkg.com/en/).
|
|
22
|
+
Dieser verwendet einen anderen Algorithmus zur Auflösung der Abhängigkeiten der einzelnen Node Packages und hat
|
|
23
|
+
sich insbesondere beim Update von Storybook als die verlässlichere Alternative erwiesen. Um yarn nutzen zu können, muss es zunächst mit dem
|
|
24
|
+
Befehl
|
|
25
|
+
|
|
26
|
+
```
|
|
27
|
+
npm install --global yarn
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
installiert werden.
|
|
31
|
+
|
|
32
|
+
Zur Installation des Designsystems bitte anschließend das Projekt in ein beliebiges Verzeichnis auf der Festplatte mit
|
|
22
33
|
|
|
23
34
|
```
|
|
24
35
|
git clone https://github.com/mumprod/hr-design-system-handlebars.git
|
|
25
36
|
```
|
|
26
37
|
|
|
27
|
-
klonen.
|
|
38
|
+
klonen. Im Anschluss daran in das Installationsverzeichnis wechseln und alle notwendigen
|
|
28
39
|
npm Pakete mit dem Befehl
|
|
29
40
|
|
|
30
41
|
```
|
|
@@ -21,7 +21,7 @@ const handlebars = require('handlebars'),
|
|
|
21
21
|
extname: '.hbs',
|
|
22
22
|
partialsDir: './src/stories/views',
|
|
23
23
|
partialsBaseDir: './src/stories/views',
|
|
24
|
-
precompile:
|
|
24
|
+
precompile: true,
|
|
25
25
|
writeJson: true,
|
|
26
26
|
locaTags: {
|
|
27
27
|
'hessenschau': locatagsHessenschau,
|
package/build/scripts/build.js
CHANGED
|
@@ -6,7 +6,7 @@ const run = (cmd) => execSync(cmd, { stdio: 'inherit', cwd: root })
|
|
|
6
6
|
|
|
7
7
|
// Copy hbs files into the dist folder
|
|
8
8
|
run(`npx copyfiles \"./src/index.js\" dist --up=1`)
|
|
9
|
-
run(`npx copyfiles \"./src/stories/views/**/*.hbs\" dist --up=2`)
|
|
9
|
+
//run(`npx copyfiles \"./src/stories/views/**/*.hbs\" dist --up=2`)
|
|
10
10
|
run(`npx copyfiles \"./src/assets/vendor/**/*.{css,js}\" dist --up=1`)
|
|
11
11
|
run(`npx copyfiles \"./src/stories/views/**/*.{feature,subfeature}.js\" dist/assets/js --up=3`)
|
|
12
12
|
run(`npx copyfiles \"./src/assets/**/*.{woff,svg}\" dist --up=1`)
|