@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/sass/utilities/elevation.sass ADDED
@@ -0,0 +1,2 @@
1
+ @import '../mixins'
2
+ @import '../../src/generated/elevation'
package/sass/utilities/flex.sass ADDED
@@ -0,0 +1,2 @@
1
+ @import '../mixins'
2
+ @import '../../src/generated/flex'
package/sass/utilities/grid.sass ADDED
@@ -0,0 +1,2 @@
1
+ @import '../mixins'
2
+ @import '../../src/core/grid'
package/sass/utilities/interaction.sass ADDED
@@ -0,0 +1,2 @@
1
+ @import '../mixins'
2
+ @import '../../src/generated/interaction'
package/sass/utilities/layout.sass ADDED
@@ -0,0 +1,12 @@
1
+ @import '../mixins'
2
+ @import '../../src/generated/layout'
3
+
4
+ .is-sr-only
5
+ border: none !important
6
+ clip: rect(0, 0, 0, 0) !important
7
+ height: 0.01em !important
8
+ overflow: hidden !important
9
+ padding: 0 !important
10
+ position: absolute !important
11
+ white-space: nowrap !important
12
+ width: 0.01em !important
package/sass/utilities/sizing.sass ADDED
@@ -0,0 +1,2 @@
1
+ @import '../mixins'
2
+ @import '../../src/generated/sizing'
package/sass/utilities/spacing.sass ADDED
@@ -0,0 +1,2 @@
1
+ @import '../mixins'
2
+ @import '../../src/generated/spacing'
package/sass/utilities/typography.sass ADDED
@@ -0,0 +1,127 @@
1
+ @import '../mixins'
2
+ @import '../../src/generated/typography'
3
+
4
+ .text-xxxxx-large
5
+ line-height: var(--bal-line-height-xxxxx-large)
6
+ &:not(:last-child)
7
+ margin-bottom: var(--bal-space-normal)
8
+ .text-xxxx-large
9
+ line-height: var(--bal-line-height-xxxx-large)
10
+ &:not(:last-child)
11
+ margin-bottom: var(--bal-space-x-small)
12
+ .text-xxx-large
13
+ line-height: var(--bal-line-height-xxx-large)
14
+ &:not(:last-child)
15
+ margin-bottom: var(--bal-space-x-small)
16
+ .text-xx-large
17
+ line-height: var(--bal-line-height-xx-large)
18
+ &:not(:last-child)
19
+ margin-bottom: var(--bal-space-x-small)
20
+ .text-x-large
21
+ line-height: var(--bal-line-height-x-large)
22
+ &:not(:last-child)
23
+ margin-bottom: var(--bal-space-x-small)
24
+ .text-large
25
+ line-height: var(--bal-line-height-large)
26
+ &:not(:last-child)
27
+ margin-bottom: var(--bal-space-x-small)
28
+ .text-medium
29
+ line-height: var(--bal-line-height-medium)
30
+ &:not(:last-child)
31
+ margin-bottom: var(--bal-space-x-small)
32
+ .text-normal
33
+ line-height: var(--bal-line-height-normal)
34
+ &:not(:last-child)
35
+ margin-bottom: var(--bal-space-xx-small)
36
+ .text-small
37
+ line-height: var(--bal-line-height-small)
38
+ &:not(:last-child)
39
+ margin-bottom: var(--bal-space-xx-small)
40
+ .text-x-small
41
+ line-height: var(--bal-line-height-x-small)
42
+ &:not(:last-child)
43
+ margin-bottom: var(--bal-space-xx-small)
44
+
45
+ +tablet
46
+ .text-xxxxx-large
47
+ line-height: var(--bal-line-height-tablet-xxxxx-large)
48
+ &:not(:last-child)
49
+ margin-bottom: var(--bal-space-normal)
50
+ .text-xxxx-large
51
+ line-height: var(--bal-line-height-tablet-xxxx-large)
52
+ &:not(:last-child)
53
+ margin-bottom: var(--bal-space-x-small)
54
+ .text-xxx-large
55
+ line-height: var(--bal-line-height-tablet-xxx-large)
56
+ &:not(:last-child)
57
+ margin-bottom: var(--bal-space-x-small)
58
+ .text-xx-large
59
+ line-height: var(--bal-line-height-tablet-xx-large)
60
+ &:not(:last-child)
61
+ margin-bottom: var(--bal-space-x-small)
62
+ .text-x-large
63
+ line-height: var(--bal-line-height-tablet-x-large)
64
+ &:not(:last-child)
65
+ margin-bottom: var(--bal-space-x-small)
66
+ .text-large
67
+ line-height: var(--bal-line-height-tablet-large)
68
+ &:not(:last-child)
69
+ margin-bottom: var(--bal-space-x-small)
70
+ .text-medium
71
+ line-height: var(--bal-line-height-tablet-medium)
72
+ &:not(:last-child)
73
+ margin-bottom: var(--bal-space-x-small)
74
+ .text-normal
75
+ line-height: var(--bal-line-height-tablet-normal)
76
+ &:not(:last-child)
77
+ margin-bottom: var(--bal-space-xx-small)
78
+ .text-small
79
+ line-height: var(--bal-line-height-tablet-small)
80
+ &:not(:last-child)
81
+ margin-bottom: var(--bal-space-xx-small)
82
+ .text-x-small
83
+ line-height: var(--bal-line-height-tablet-x-small)
84
+ &:not(:last-child)
85
+ margin-bottom: var(--bal-space-xx-small)
86
+
87
+ +desktop
88
+ .text-xxxxx-large
89
+ line-height: var(--bal-line-height-desktop-xxxxx-large)
90
+ &:not(:last-child)
91
+ margin-bottom: var(--bal-space-normal)
92
+ .text-xxxx-large
93
+ line-height: var(--bal-line-height-desktop-xxxx-large)
94
+ &:not(:last-child)
95
+ margin-bottom: var(--bal-space-x-small)
96
+ .text-xxx-large
97
+ line-height: var(--bal-line-height-desktop-xxx-large)
98
+ &:not(:last-child)
99
+ margin-bottom: var(--bal-space-x-small)
100
+ .text-xx-large
101
+ line-height: var(--bal-line-height-desktop-xx-large)
102
+ &:not(:last-child)
103
+ margin-bottom: var(--bal-space-x-small)
104
+ .text-x-large
105
+ line-height: var(--bal-line-height-desktop-x-large)
106
+ &:not(:last-child)
107
+ margin-bottom: var(--bal-space-x-small)
108
+ .text-large
109
+ line-height: var(--bal-line-height-desktop-large)
110
+ &:not(:last-child)
111
+ margin-bottom: var(--bal-space-x-small)
112
+ .text-medium
113
+ line-height: var(--bal-line-height-desktop-medium)
114
+ &:not(:last-child)
115
+ margin-bottom: var(--bal-space-x-small)
116
+ .text-normal
117
+ line-height: var(--bal-line-height-desktop-normal)
118
+ &:not(:last-child)
119
+ margin-bottom: var(--bal-space-xx-small)
120
+ .text-small
121
+ line-height: var(--bal-line-height-desktop-small)
122
+ &:not(:last-child)
123
+ margin-bottom: var(--bal-space-xx-small)
124
+ .text-x-small
125
+ line-height: var(--bal-line-height-desktop-x-small)
126
+ &:not(:last-child)
127
+ margin-bottom: var(--bal-space-xx-small)
package/src/core/_all.sass ADDED
@@ -0,0 +1,18 @@
1
+ @import 'vars/_all'
2
+ @import 'form/_all'
3
+ @import 'container'
4
+ @import 'grid'
5
+ @import 'link'
6
+ @import 'list'
7
+ @import 'table'
8
+ @import 'typography'
9
+
10
+ .has-sticky-footer
11
+ min-height: 100vh
12
+ display: flex
13
+ flex-direction: column
14
+ main
15
+ padding-bottom: 2.5rem
16
+ .bal-footer,
17
+ footer.footer
18
+ margin-top: auto
package/src/core/container.sass ADDED
@@ -0,0 +1,23 @@
1
+ .container
2
+ flex-grow: 1
3
+ margin: 0 auto
4
+ position: relative
5
+ width: auto
6
+ width: 100% !important
7
+ padding-left: var(--bal-container-space)
8
+ padding-right: var(--bal-container-space)
9
+ &.is-fluid
10
+ max-width: var(--bal-container-size-fluid) !important
11
+ &.is-detail-page
12
+ max-width: var(--bal-container-size-detail-page) !important
13
+ &.is-compact
14
+ max-width: var(--bal-container-size-compact) !important
15
+ &.is-blog-page
16
+ max-width: var(--bal-container-size-blog-page) !important
17
+ +tablet
18
+ padding-left: var(--bal-container-space-tablet)
19
+ padding-right: var(--bal-container-space-tablet)
20
+ +desktop
21
+ padding-left: var(--bal-container-space-desktop)
22
+ padding-right: var(--bal-container-space-desktop)
23
+ max-width: var(--bal-container-size-normal)
package/src/core/form/_all.sass ADDED
@@ -0,0 +1,6 @@
1
+ @import "shared"
2
+ @import "input-textarea"
3
+ @import "select"
4
+ @import "file"
5
+ @import "tools"
6
+ @import "button"