hr-design-system-handlebars 1.105.2 → 1.107.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/preview-head.html +1 -1
- package/CHANGELOG.md +24 -0
- package/dist/assets/index.css +427 -453
- package/dist/assets/js/components/event/filtererDs.feature.js +11 -11
- package/dist/assets/js/components/event/nativeScrollDs.feature.js +6 -6
- package/dist/views/components/button/utilities/button_variation_classes.hbs +4 -4
- package/dist/views/components/event/calendar/event_calendar_footer.hbs +1 -1
- package/dist/views/components/event/calendar/event_calendar_nav.hbs +6 -6
- package/dist/views/components/event/calendar/event_calendar_nav_item.hbs +2 -2
- package/dist/views/components/event/event_details.hbs +2 -2
- package/dist/views_static/components/button/utilities/button_variation_classes.hbs +4 -4
- package/dist/views_static/components/event/calendar/event_calendar_footer.hbs +1 -1
- package/dist/views_static/components/event/calendar/event_calendar_nav.hbs +6 -6
- package/dist/views_static/components/event/calendar/event_calendar_nav_item.hbs +2 -2
- package/dist/views_static/components/event/event_details.hbs +2 -2
- package/package.json +1 -4
- package/src/assets/css/custom-utilities.css +27 -31
- package/src/stories/views/components/button/utilities/button_variation_classes.hbs +4 -4
- package/src/stories/views/components/event/calendar/event_calendar_footer.hbs +1 -1
- package/src/stories/views/components/event/calendar/event_calendar_nav.hbs +6 -6
- package/src/stories/views/components/event/calendar/event_calendar_nav_item.hbs +2 -2
- package/src/stories/views/components/event/event_details.hbs +2 -2
- package/src/stories/views/components/event/filtererDs.feature.js +11 -11
- package/src/stories/views/components/event/nativeScrollDs.feature.js +6 -6
- package/tailwind.config.js +21 -45
package/tailwind.config.js
CHANGED
|
@@ -4,8 +4,7 @@ const flattenColorPalette = require('tailwindcss/lib/util/flattenColorPalette').
|
|
|
4
4
|
/** @type {import('tailwindcss').Config} */
|
|
5
5
|
module.exports = {
|
|
6
6
|
// workaround damit darkmode nur in der Webview in Delivery funktioniert
|
|
7
|
-
darkMode:
|
|
8
|
-
|
|
7
|
+
darkMode: 'selector',
|
|
9
8
|
experimental: {
|
|
10
9
|
optimizeUniversalDefaults: true,
|
|
11
10
|
},
|
|
@@ -44,15 +43,15 @@ module.exports = {
|
|
|
44
43
|
},
|
|
45
44
|
|
|
46
45
|
extend: {
|
|
47
|
-
animation:{
|
|
46
|
+
animation: {
|
|
48
47
|
'shake': 'shake 0.82s cubic-bezier(.36,.07,.19,.97) both',
|
|
49
48
|
},
|
|
50
49
|
keyframes: {
|
|
51
|
-
'shake'
|
|
50
|
+
'shake': {
|
|
52
51
|
'10%, 90%': {
|
|
53
52
|
transform: 'translate3d(-1px, 0, 0)'
|
|
54
53
|
},
|
|
55
|
-
'20%, 80%'
|
|
54
|
+
'20%, 80%': {
|
|
56
55
|
transform: 'translate3d(2px, 0, 0)'
|
|
57
56
|
},
|
|
58
57
|
'30%, 50%, 70%': {
|
|
@@ -121,13 +120,6 @@ module.exports = {
|
|
|
121
120
|
2000: '2000ms',
|
|
122
121
|
},
|
|
123
122
|
padding: {
|
|
124
|
-
'1.5': '0.375rem',
|
|
125
|
-
'2.5': '0.625rem',
|
|
126
|
-
'5.5': '1.3125rem',
|
|
127
|
-
'6.5': '1.625rem',
|
|
128
|
-
'7.5': '1.875rem',
|
|
129
|
-
'11.5': '2.875rem',
|
|
130
|
-
'13': '3.25rem',
|
|
131
123
|
'3/4': '75%',
|
|
132
124
|
'logo-padding-top': 'var(--logo-padding-top)',
|
|
133
125
|
'logo-padding-bottom': 'var(--logo-padding-bottom)',
|
|
@@ -147,21 +139,31 @@ module.exports = {
|
|
|
147
139
|
'300': '300'
|
|
148
140
|
},
|
|
149
141
|
spacing: {
|
|
142
|
+
'4.5': '1.125rem',
|
|
143
|
+
'5.5': '1.375rem',
|
|
144
|
+
'6.5': '1.625rem',
|
|
145
|
+
'7.5': '1.875rem',
|
|
150
146
|
'9.5': '2.375rem',
|
|
151
|
-
'
|
|
152
|
-
'
|
|
153
|
-
'stage': '56%',
|
|
154
|
-
'full-hd': '120rem',
|
|
155
|
-
'feature-box-height': 'var(--feature-box-height)'
|
|
156
|
-
},
|
|
157
|
-
width: {
|
|
147
|
+
'11.5': '2.875rem',
|
|
148
|
+
'13': '3.25rem',
|
|
158
149
|
'18': '4.5rem',
|
|
150
|
+
'22': '5.5rem',
|
|
151
|
+
'26': '6.5rem',
|
|
159
152
|
'30': '7.5rem',
|
|
153
|
+
'35': '8.75rem',
|
|
160
154
|
'42': '10.5rem',
|
|
155
|
+
'45': '11.25rem',
|
|
161
156
|
'46': '11.5rem',
|
|
162
157
|
'70': '17.5rem',
|
|
163
158
|
'88': '22rem',
|
|
164
159
|
'92': '23rem',
|
|
160
|
+
'135': '33.75rem',
|
|
161
|
+
'240': '60rem',
|
|
162
|
+
'stage': '56%',
|
|
163
|
+
'full-hd': '120rem',
|
|
164
|
+
'feature-box-height': 'var(--feature-box-height)'
|
|
165
|
+
},
|
|
166
|
+
width: {
|
|
165
167
|
'half-screen': '50vw',
|
|
166
168
|
'15/12': '120%',
|
|
167
169
|
'footer-logo': 'var(--width-footer-logo)',
|
|
@@ -169,13 +171,6 @@ module.exports = {
|
|
|
169
171
|
'footer-logo-lg': 'var(--width-footer-logo-lg)',
|
|
170
172
|
},
|
|
171
173
|
height: {
|
|
172
|
-
'18': '4.5rem',
|
|
173
|
-
'22': '5.5rem',
|
|
174
|
-
'30': '7.5rem',
|
|
175
|
-
'35': '8.75rem',
|
|
176
|
-
'42': '10.5rem',
|
|
177
|
-
'45': '11.25rem',
|
|
178
|
-
'88': '22rem',
|
|
179
174
|
'header-lg-small': '8.8125rem',
|
|
180
175
|
'header-lg-big': '11.0625rem',
|
|
181
176
|
'header-md': '5.125rem',
|
|
@@ -187,9 +182,6 @@ module.exports = {
|
|
|
187
182
|
maxHeight: {
|
|
188
183
|
stage: '34.3125rem',
|
|
189
184
|
},
|
|
190
|
-
minHeight: {
|
|
191
|
-
12: '3rem',
|
|
192
|
-
},
|
|
193
185
|
maxWidth: {
|
|
194
186
|
'1/4': '25%',
|
|
195
187
|
'1/3': '33.33333333%',
|
|
@@ -200,20 +192,7 @@ module.exports = {
|
|
|
200
192
|
'1/1': '100%',
|
|
201
193
|
'main-col': '63rem',
|
|
202
194
|
},
|
|
203
|
-
minWidth: {
|
|
204
|
-
7: '1.75rem',
|
|
205
|
-
10: '2.5rem',
|
|
206
|
-
11: '2.75rem',
|
|
207
|
-
},
|
|
208
195
|
margin: {
|
|
209
|
-
'4.5': '1.125rem',
|
|
210
|
-
'5.5': '1.375rem',
|
|
211
|
-
'6.5': '1.625rem',
|
|
212
|
-
'7.5': '1.875rem',
|
|
213
|
-
'13': '3.125rem',
|
|
214
|
-
'26': '6.5rem',
|
|
215
|
-
'30': '7.5rem',
|
|
216
|
-
'240': '60rem',
|
|
217
196
|
'half-screen': '50vw',
|
|
218
197
|
},
|
|
219
198
|
inset: {
|
|
@@ -453,7 +432,6 @@ module.exports = {
|
|
|
453
432
|
},
|
|
454
433
|
},
|
|
455
434
|
plugins: [
|
|
456
|
-
require('tailwindcss-important')(),
|
|
457
435
|
// plugin to separate border colors, found here: https://github.com/tailwindlabs/tailwindcss/pull/560
|
|
458
436
|
({ addUtilities, e, theme, variants }) => {
|
|
459
437
|
const colors = flattenColorPalette(theme('borderColor'))
|
|
@@ -470,7 +448,5 @@ module.exports = {
|
|
|
470
448
|
addUtilities(utilities, variants('borderColor'))
|
|
471
449
|
},
|
|
472
450
|
require('tailwindcss-counter')(),
|
|
473
|
-
require('@tailwindcss/line-clamp'),
|
|
474
|
-
require('tailwindcss-hyphens'),
|
|
475
451
|
],
|
|
476
452
|
}
|