@baloise/ds-styles 0.0.5-nightly.20240301

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.
Files changed (117) hide show
  1. package/LICENSE +201 -0
  2. package/README.md +40 -0
  3. package/bin/index.mjs +1333 -0
  4. package/css/all.css +18468 -0
  5. package/css/all.css.map +1 -0
  6. package/css/all.min.css +1 -0
  7. package/css/baloise-design-system.css +18468 -0
  8. package/css/baloise-design-system.css.map +1 -0
  9. package/css/baloise-design-system.min.css +1 -0
  10. package/css/core.css +4423 -0
  11. package/css/core.css.map +1 -0
  12. package/css/core.min.css +1 -0
  13. package/css/font.css +29 -0
  14. package/css/font.css.map +1 -0
  15. package/css/font.min.css +1 -0
  16. package/css/mixins.css +2 -0
  17. package/css/mixins.css.map +1 -0
  18. package/css/mixins.min.css +0 -0
  19. package/css/normalize.css +351 -0
  20. package/css/normalize.css.map +1 -0
  21. package/css/normalize.min.css +1 -0
  22. package/css/structure.css +147 -0
  23. package/css/structure.css.map +1 -0
  24. package/css/structure.min.css +1 -0
  25. package/css/themes/compact.css +30 -0
  26. package/css/themes/compact.css.map +1 -0
  27. package/css/themes/compact.min.css +1 -0
  28. package/css/utilities/all.css +13112 -0
  29. package/css/utilities/all.css.map +1 -0
  30. package/css/utilities/all.min.css +1 -0
  31. package/css/utilities/background.css +1460 -0
  32. package/css/utilities/background.css.map +1 -0
  33. package/css/utilities/background.min.css +1 -0
  34. package/css/utilities/border.css +4697 -0
  35. package/css/utilities/border.css.map +1 -0
  36. package/css/utilities/border.min.css +1 -0
  37. package/css/utilities/elevation.css +317 -0
  38. package/css/utilities/elevation.css.map +1 -0
  39. package/css/utilities/elevation.min.css +1 -0
  40. package/css/utilities/flex.css +969 -0
  41. package/css/utilities/flex.css.map +1 -0
  42. package/css/utilities/flex.min.css +1 -0
  43. package/css/utilities/grid.css +1209 -0
  44. package/css/utilities/grid.css.map +1 -0
  45. package/css/utilities/grid.min.css +1 -0
  46. package/css/utilities/interaction.css +44 -0
  47. package/css/utilities/interaction.css.map +1 -0
  48. package/css/utilities/interaction.min.css +1 -0
  49. package/css/utilities/layout.css +1055 -0
  50. package/css/utilities/layout.css.map +1 -0
  51. package/css/utilities/layout.min.css +1 -0
  52. package/css/utilities/sizing.css +1931 -0
  53. package/css/utilities/sizing.css.map +1 -0
  54. package/css/utilities/sizing.min.css +1 -0
  55. package/css/utilities/spacing.css +1881 -0
  56. package/css/utilities/spacing.css.map +1 -0
  57. package/css/utilities/spacing.min.css +1 -0
  58. package/css/utilities/typography.css +763 -0
  59. package/css/utilities/typography.css.map +1 -0
  60. package/css/utilities/typography.min.css +1 -0
  61. package/package.json +36 -0
  62. package/sass/all.sass +6 -0
  63. package/sass/baloise-design-system.sass +1 -0
  64. package/sass/core.sass +37 -0
  65. package/sass/font.sass +1 -0
  66. package/sass/mixins.sass +3 -0
  67. package/sass/normalize.sass +359 -0
  68. package/sass/structure.sass +113 -0
  69. package/sass/themes/compact.sass +28 -0
  70. package/sass/utilities/all.sass +9 -0
  71. package/sass/utilities/background.sass +5 -0
  72. package/sass/utilities/border.sass +2 -0
  73. package/sass/utilities/elevation.sass +2 -0
  74. package/sass/utilities/flex.sass +2 -0
  75. package/sass/utilities/grid.sass +2 -0
  76. package/sass/utilities/interaction.sass +2 -0
  77. package/sass/utilities/layout.sass +12 -0
  78. package/sass/utilities/sizing.sass +2 -0
  79. package/sass/utilities/spacing.sass +2 -0
  80. package/sass/utilities/typography.sass +127 -0
  81. package/src/core/_all.sass +18 -0
  82. package/src/core/container.sass +23 -0
  83. package/src/core/form/_all.sass +6 -0
  84. package/src/core/form/button.sass +532 -0
  85. package/src/core/form/file.sass +139 -0
  86. package/src/core/form/input-textarea.sass +80 -0
  87. package/src/core/form/select.sass +111 -0
  88. package/src/core/form/shared.sass +69 -0
  89. package/src/core/form/tools.sass +209 -0
  90. package/src/core/grid.sass +477 -0
  91. package/src/core/link.sass +64 -0
  92. package/src/core/list.sass +85 -0
  93. package/src/core/table.sass +134 -0
  94. package/src/core/typography.sass +33 -0
  95. package/src/core/vars/_all.sass +7 -0
  96. package/src/core/vars/button.vars.sass +282 -0
  97. package/src/core/vars/form.vars.sass +137 -0
  98. package/src/core/vars/link.vars.sass +36 -0
  99. package/src/core/vars/list.vars.sass +20 -0
  100. package/src/core/vars/structure.vars.sass +47 -0
  101. package/src/core/vars/table.vars.sass +55 -0
  102. package/src/core/vars/typography.vars.sass +12 -0
  103. package/src/generated/background.sass +1091 -0
  104. package/src/generated/border.sass +3943 -0
  105. package/src/generated/elevation.sass +283 -0
  106. package/src/generated/flex.sass +831 -0
  107. package/src/generated/interaction.sass +26 -0
  108. package/src/generated/layout.sass +948 -0
  109. package/src/generated/sizing.sass +1703 -0
  110. package/src/generated/spacing.sass +1683 -0
  111. package/src/generated/typography.sass +453 -0
  112. package/src/mixins/_all.sass +7 -0
  113. package/src/mixins/bem.mixin.sass +39 -0
  114. package/src/mixins/breakpoint.mixin.sass +67 -0
  115. package/src/mixins/extends.sass +32 -0
  116. package/src/mixins/general.mixin.sass +95 -0
  117. package/src/mixins/svg.mixin.sass +6 -0
package/src/generated/elevation.sass ADDED
@@ -0,0 +1,283 @@
1
+ .opacity-0
2
+ opacity: var(--bal-opacity-0) !important
3
+
4
+ .opacity-30
5
+ opacity: var(--bal-opacity-30) !important
6
+
7
+ .opacity-40
8
+ opacity: var(--bal-opacity-40) !important
9
+
10
+ .opacity-50
11
+ opacity: var(--bal-opacity-50) !important
12
+
13
+ .opacity-60
14
+ opacity: var(--bal-opacity-60) !important
15
+
16
+ .opacity-80
17
+ opacity: var(--bal-opacity-80) !important
18
+
19
+ .opacity-100
20
+ opacity: var(--bal-opacity-100) !important
21
+
22
+ .shadow-none
23
+ box-shadow: none !important
24
+
25
+ .shadow-small
26
+ box-shadow: var(--bal-shadow-small) !important
27
+
28
+ .shadow-normal
29
+ box-shadow: var(--bal-shadow-normal) !important
30
+
31
+ .shadow-large
32
+ box-shadow: var(--bal-shadow-large) !important
33
+
34
+ .focus\:shadow-none:focus
35
+ box-shadow: none !important
36
+
37
+ .hover\:shadow-none:hover
38
+ box-shadow: none !important
39
+
40
+ .active\:shadow-none:active
41
+ box-shadow: none !important
42
+
43
+ .focus\:shadow-small:focus
44
+ box-shadow: var(--bal-shadow-small) !important
45
+
46
+ .hover\:shadow-small:hover
47
+ box-shadow: var(--bal-shadow-small) !important
48
+
49
+ .active\:shadow-small:active
50
+ box-shadow: var(--bal-shadow-small) !important
51
+
52
+ .focus\:shadow-normal:focus
53
+ box-shadow: var(--bal-shadow-normal) !important
54
+
55
+ .hover\:shadow-normal:hover
56
+ box-shadow: var(--bal-shadow-normal) !important
57
+
58
+ .active\:shadow-normal:active
59
+ box-shadow: var(--bal-shadow-normal) !important
60
+
61
+ .focus\:shadow-large:focus
62
+ box-shadow: var(--bal-shadow-large) !important
63
+
64
+ .hover\:shadow-large:hover
65
+ box-shadow: var(--bal-shadow-large) !important
66
+
67
+ .active\:shadow-large:active
68
+ box-shadow: var(--bal-shadow-large) !important
69
+
70
+ +mobile
71
+ .mobile\:shadow-none
72
+ box-shadow: none !important
73
+
74
+ .mobile\:shadow-small
75
+ box-shadow: var(--bal-shadow-small) !important
76
+
77
+ .mobile\:shadow-normal
78
+ box-shadow: var(--bal-shadow-normal) !important
79
+
80
+ .mobile\:shadow-large
81
+ box-shadow: var(--bal-shadow-large) !important
82
+
83
+ .mobile\:focus\:shadow-none:focus
84
+ box-shadow: none !important
85
+
86
+ .mobile\:hover\:shadow-none:hover
87
+ box-shadow: none !important
88
+
89
+ .mobile\:active\:shadow-none:active
90
+ box-shadow: none !important
91
+
92
+ .mobile\:focus\:shadow-small:focus
93
+ box-shadow: var(--bal-shadow-small) !important
94
+
95
+ .mobile\:hover\:shadow-small:hover
96
+ box-shadow: var(--bal-shadow-small) !important
97
+
98
+ .mobile\:active\:shadow-small:active
99
+ box-shadow: var(--bal-shadow-small) !important
100
+
101
+ .mobile\:focus\:shadow-normal:focus
102
+ box-shadow: var(--bal-shadow-normal) !important
103
+
104
+ .mobile\:hover\:shadow-normal:hover
105
+ box-shadow: var(--bal-shadow-normal) !important
106
+
107
+ .mobile\:active\:shadow-normal:active
108
+ box-shadow: var(--bal-shadow-normal) !important
109
+
110
+ .mobile\:focus\:shadow-large:focus
111
+ box-shadow: var(--bal-shadow-large) !important
112
+
113
+ .mobile\:hover\:shadow-large:hover
114
+ box-shadow: var(--bal-shadow-large) !important
115
+
116
+ .mobile\:active\:shadow-large:active
117
+ box-shadow: var(--bal-shadow-large) !important
118
+
119
+ +tablet
120
+ .tablet\:shadow-none
121
+ box-shadow: none !important
122
+
123
+ .tablet\:shadow-small
124
+ box-shadow: var(--bal-shadow-small) !important
125
+
126
+ .tablet\:shadow-normal
127
+ box-shadow: var(--bal-shadow-normal) !important
128
+
129
+ .tablet\:shadow-large
130
+ box-shadow: var(--bal-shadow-large) !important
131
+
132
+ .tablet\:focus\:shadow-none:focus
133
+ box-shadow: none !important
134
+
135
+ .tablet\:hover\:shadow-none:hover
136
+ box-shadow: none !important
137
+
138
+ .tablet\:active\:shadow-none:active
139
+ box-shadow: none !important
140
+
141
+ .tablet\:focus\:shadow-small:focus
142
+ box-shadow: var(--bal-shadow-small) !important
143
+
144
+ .tablet\:hover\:shadow-small:hover
145
+ box-shadow: var(--bal-shadow-small) !important
146
+
147
+ .tablet\:active\:shadow-small:active
148
+ box-shadow: var(--bal-shadow-small) !important
149
+
150
+ .tablet\:focus\:shadow-normal:focus
151
+ box-shadow: var(--bal-shadow-normal) !important
152
+
153
+ .tablet\:hover\:shadow-normal:hover
154
+ box-shadow: var(--bal-shadow-normal) !important
155
+
156
+ .tablet\:active\:shadow-normal:active
157
+ box-shadow: var(--bal-shadow-normal) !important
158
+
159
+ .tablet\:focus\:shadow-large:focus
160
+ box-shadow: var(--bal-shadow-large) !important
161
+
162
+ .tablet\:hover\:shadow-large:hover
163
+ box-shadow: var(--bal-shadow-large) !important
164
+
165
+ .tablet\:active\:shadow-large:active
166
+ box-shadow: var(--bal-shadow-large) !important
167
+
168
+ +desktop
169
+ .desktop\:shadow-none
170
+ box-shadow: none !important
171
+
172
+ .desktop\:shadow-small
173
+ box-shadow: var(--bal-shadow-small) !important
174
+
175
+ .desktop\:shadow-normal
176
+ box-shadow: var(--bal-shadow-normal) !important
177
+
178
+ .desktop\:shadow-large
179
+ box-shadow: var(--bal-shadow-large) !important
180
+
181
+ .desktop\:focus\:shadow-none:focus
182
+ box-shadow: none !important
183
+
184
+ .desktop\:hover\:shadow-none:hover
185
+ box-shadow: none !important
186
+
187
+ .desktop\:active\:shadow-none:active
188
+ box-shadow: none !important
189
+
190
+ .desktop\:focus\:shadow-small:focus
191
+ box-shadow: var(--bal-shadow-small) !important
192
+
193
+ .desktop\:hover\:shadow-small:hover
194
+ box-shadow: var(--bal-shadow-small) !important
195
+
196
+ .desktop\:active\:shadow-small:active
197
+ box-shadow: var(--bal-shadow-small) !important
198
+
199
+ .desktop\:focus\:shadow-normal:focus
200
+ box-shadow: var(--bal-shadow-normal) !important
201
+
202
+ .desktop\:hover\:shadow-normal:hover
203
+ box-shadow: var(--bal-shadow-normal) !important
204
+
205
+ .desktop\:active\:shadow-normal:active
206
+ box-shadow: var(--bal-shadow-normal) !important
207
+
208
+ .desktop\:focus\:shadow-large:focus
209
+ box-shadow: var(--bal-shadow-large) !important
210
+
211
+ .desktop\:hover\:shadow-large:hover
212
+ box-shadow: var(--bal-shadow-large) !important
213
+
214
+ .desktop\:active\:shadow-large:active
215
+ box-shadow: var(--bal-shadow-large) !important
216
+
217
+ +widescreen
218
+ .widescreen\:shadow-none
219
+ box-shadow: none !important
220
+
221
+ .widescreen\:shadow-small
222
+ box-shadow: var(--bal-shadow-small) !important
223
+
224
+ .widescreen\:shadow-normal
225
+ box-shadow: var(--bal-shadow-normal) !important
226
+
227
+ .widescreen\:shadow-large
228
+ box-shadow: var(--bal-shadow-large) !important
229
+
230
+ .widescreen\:focus\:shadow-none:focus
231
+ box-shadow: none !important
232
+
233
+ .widescreen\:hover\:shadow-none:hover
234
+ box-shadow: none !important
235
+
236
+ .widescreen\:active\:shadow-none:active
237
+ box-shadow: none !important
238
+
239
+ .widescreen\:focus\:shadow-small:focus
240
+ box-shadow: var(--bal-shadow-small) !important
241
+
242
+ .widescreen\:hover\:shadow-small:hover
243
+ box-shadow: var(--bal-shadow-small) !important
244
+
245
+ .widescreen\:active\:shadow-small:active
246
+ box-shadow: var(--bal-shadow-small) !important
247
+
248
+ .widescreen\:focus\:shadow-normal:focus
249
+ box-shadow: var(--bal-shadow-normal) !important
250
+
251
+ .widescreen\:hover\:shadow-normal:hover
252
+ box-shadow: var(--bal-shadow-normal) !important
253
+
254
+ .widescreen\:active\:shadow-normal:active
255
+ box-shadow: var(--bal-shadow-normal) !important
256
+
257
+ .widescreen\:focus\:shadow-large:focus
258
+ box-shadow: var(--bal-shadow-large) !important
259
+
260
+ .widescreen\:hover\:shadow-large:hover
261
+ box-shadow: var(--bal-shadow-large) !important
262
+
263
+ .widescreen\:active\:shadow-large:active
264
+ box-shadow: var(--bal-shadow-large) !important
265
+
266
+ .text-shadow-normal
267
+ text-shadow: var(--bal-text-shadow-normal) !important
268
+
269
+ +mobile
270
+ .mobile\:text-shadow-normal
271
+ text-shadow: var(--bal-text-shadow-normal) !important
272
+
273
+ +tablet
274
+ .tablet\:text-shadow-normal
275
+ text-shadow: var(--bal-text-shadow-normal) !important
276
+
277
+ +desktop
278
+ .desktop\:text-shadow-normal
279
+ text-shadow: var(--bal-text-shadow-normal) !important
280
+
281
+ +widescreen
282
+ .widescreen\:text-shadow-normal
283
+ text-shadow: var(--bal-text-shadow-normal) !important