@muraldevkit/ds-foundation 2.18.0 → 2.19.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.
Files changed (40) hide show
  1. package/README.md +10 -5
  2. package/dist/fonts.css +0 -1
  3. package/dist/fonts.min.css +2 -1
  4. package/dist/foundation.css +681 -504
  5. package/dist/foundation.css.map +1 -1
  6. package/dist/foundation.min.css +2 -1
  7. package/dist/foundation.min.css.map +1 -1
  8. package/dist/tokens/contextual-variables/border.json +134 -0
  9. package/dist/tokens/contextual-variables/color.json +352 -0
  10. package/dist/tokens/contextual-variables/shadows.json +30 -0
  11. package/dist/tokens/contextual-variables/spacing.json +120 -0
  12. package/dist/tokens/contextual-variables/typography.json +232 -0
  13. package/dist/tokens/global-variables/border.json +61 -0
  14. package/dist/tokens/global-variables/color.json +636 -0
  15. package/dist/tokens/global-variables/motion.json +63 -0
  16. package/dist/tokens/global-variables/shadows.json +86 -0
  17. package/dist/tokens/global-variables/spacing.json +60 -0
  18. package/dist/tokens/global-variables/typography.json +208 -0
  19. package/package.json +5 -15
  20. package/src/styles/_tokens.scss +781 -0
  21. package/src/styles/contextual-variables/index.scss +0 -3
  22. package/src/styles/contextual-variables/spacing.scss +8 -169
  23. package/src/styles/contextual-variables/typography.scss +9 -374
  24. package/src/styles/index.scss +11 -10
  25. package/dist/tokens/border.json +0 -39
  26. package/dist/tokens/color.json +0 -387
  27. package/dist/tokens/motion.json +0 -41
  28. package/dist/tokens/shadows.json +0 -21
  29. package/dist/tokens/spacing.json +0 -46
  30. package/dist/tokens/typography.json +0 -152
  31. package/src/styles/contextual-variables/border.scss +0 -200
  32. package/src/styles/contextual-variables/color.scss +0 -519
  33. package/src/styles/contextual-variables/shadows.scss +0 -44
  34. package/src/styles/global-variables/border.scss +0 -65
  35. package/src/styles/global-variables/color.scss +0 -734
  36. package/src/styles/global-variables/index.scss +0 -7
  37. package/src/styles/global-variables/motion.scss +0 -65
  38. package/src/styles/global-variables/shadows.scss +0 -39
  39. package/src/styles/global-variables/spacing.scss +0 -79
  40. package/src/styles/global-variables/typography.scss +0 -203
package/src/styles/global-variables/motion.scss DELETED
@@ -1,65 +0,0 @@
1
- ////
2
- /// Global Motion Tokens
3
- /// Source: see internal documentation on "Motion"
4
- /// @group variables
5
- ////
6
-
7
- :root {
8
- /* Motion - Timing */
9
- ///
10
- /// Motion timing token.
11
- ///
12
- --mrl-timing-m1: cubic-bezier(0.17, 0, 0, 1);
13
-
14
- ///
15
- /// Motion timing token.
16
- ///
17
- --mrl-timing-m1r: cubic-bezier(1, 0, 0.83, 1);
18
-
19
- ///
20
- /// Motion timing token.
21
- ///
22
- --mrl-timing-m2: cubic-bezier(0, 0.5, 0, 1);
23
-
24
- ///
25
- /// Motion timing token.
26
- ///
27
- --mrl-timing-m3: cubic-bezier(0.33, 0, 0.67, 1);
28
-
29
- ///
30
- /// Motion timing token.
31
- ///
32
- --mrl-timing-m4: cubic-bezier(0, 0, 0, 1);
33
-
34
- /* Motion - Duration */
35
- ///
36
- /// Motion duration token.
37
- ///
38
- --mrl-duration-01: 17ms;
39
-
40
- ///
41
- /// Motion duration token.
42
- ///
43
- --mrl-duration-02: 167ms;
44
-
45
- ///
46
- /// Motion duration token.
47
- ///
48
- --mrl-duration-03: 333ms;
49
-
50
- ///
51
- /// Motion duration token.
52
- ///
53
- --mrl-duration-04: 667ms;
54
-
55
- /* Motion - Distance */
56
- ///
57
- /// Motion distance token.
58
- ///
59
- --mrl-distance-01: 4px;
60
-
61
- ///
62
- /// Motion distance token.
63
- ///
64
- --mrl-distance-02: 8px;
65
- }
package/src/styles/global-variables/shadows.scss DELETED
@@ -1,39 +0,0 @@
1
- ////
2
- /// Global Shadow/Elevation Tokens
3
- /// @group variables
4
- ////
5
-
6
- /**
7
- * Please note!
8
- * If you make a change to these tokens, please make sure that the
9
- * mrl-shadow mixin is changed as well. We need the contextual tokens
10
- * to map to the drop-shadow filter!
11
- */
12
-
13
- /* Shadow/Elevation Tokens */
14
- :root {
15
- ///
16
- /// Shadow token.
17
- ///
18
- --mrl-shadow-01: 0 0 1px 0 rgba(11, 41, 70, 0.32), 0 4px 4px 0 rgba(42, 82, 121, 0.04);
19
-
20
- ///
21
- /// Shadow token.
22
- ///
23
- --mrl-shadow-02: 0 0 1px 0 rgba(11, 41, 70, 0.32), 0 6px 8px 0 rgba(42, 82, 121, 0.04);
24
-
25
- ///
26
- /// Shadow token.
27
- ///
28
- --mrl-shadow-03: 0 0 1px 0 rgba(11, 41, 70, 0.32), 0 24px 20px 0 rgba(42, 82, 121, 0.08);
29
-
30
- ///
31
- /// Shadow token.
32
- ///
33
- --mrl-shadow-interactive-01: 0 4px 5px 0 rgba(24, 36, 47, 0.08);
34
-
35
- ///
36
- /// Shadow token.
37
- ///
38
- --mrl-shadow-interactive-02: 0 12px 20px 0px rgba(27, 57, 75, 0.2);
39
- }
package/src/styles/global-variables/spacing.scss DELETED
@@ -1,79 +0,0 @@
1
- ////
2
- /// Global Spacing Tokens
3
- /// Source: see internal documentation on "Spacing"
4
- /// @group variables
5
- ////
6
-
7
- /* Spacing Tokens */
8
-
9
- :root {
10
- ///
11
- /// Spacing token.
12
- ///
13
- --mrl-spacing-01: calc(2 / var(--mrl-baseline) * 1rem);
14
-
15
- ///
16
- /// Spacing token.
17
- ///
18
- --mrl-spacing-02: calc(4 / var(--mrl-baseline) * 1rem);
19
-
20
- ///
21
- /// Spacing token.
22
- ///
23
- --mrl-spacing-03: calc(8 / var(--mrl-baseline) * 1rem);
24
-
25
- ///
26
- /// Spacing token.
27
- ///
28
- --mrl-spacing-04: calc(12 / var(--mrl-baseline) * 1rem);
29
-
30
- ///
31
- /// Spacing token.
32
- ///
33
- --mrl-spacing-05: calc(16 / var(--mrl-baseline) * 1rem);
34
-
35
- ///
36
- /// Spacing token.
37
- ///
38
- --mrl-spacing-06: calc(20 / var(--mrl-baseline) * 1rem);
39
-
40
- ///
41
- /// Spacing token.
42
- ///
43
- --mrl-spacing-07: calc(24 / var(--mrl-baseline) * 1rem);
44
-
45
- ///
46
- /// Spacing token.
47
- ///
48
- --mrl-spacing-08: calc(32 / var(--mrl-baseline) * 1rem);
49
-
50
- ///
51
- /// Spacing token.
52
- ///
53
- --mrl-spacing-09: calc(40 / var(--mrl-baseline) * 1rem);
54
-
55
- ///
56
- /// Spacing token.
57
- ///
58
- --mrl-spacing-10: calc(48 / var(--mrl-baseline) * 1rem);
59
-
60
- ///
61
- /// Spacing token.
62
- ///
63
- --mrl-spacing-11: calc(64 / var(--mrl-baseline) * 1rem);
64
-
65
- ///
66
- /// Spacing token.
67
- ///
68
- --mrl-spacing-12: calc(80 / var(--mrl-baseline) * 1rem);
69
-
70
- ///
71
- /// Spacing token.
72
- ///
73
- --mrl-spacing-13: calc(96 / var(--mrl-baseline) * 1rem);
74
-
75
- ///
76
- /// Spacing token.
77
- ///
78
- --mrl-spacing-14: calc(160 / var(--mrl-baseline) * 1rem);
79
- }
package/src/styles/global-variables/typography.scss DELETED
@@ -1,203 +0,0 @@
1
- ////
2
- /// Global Typography Tokens
3
- /// Source: see internal documentation on "Typography Tokens"
4
- /// @group variables
5
- ////
6
-
7
- /* Font Size Tokens */
8
-
9
- /* Line-height Tokens */
10
-
11
- /* Letter Spacing Tokens */
12
-
13
- /* Font Weight Tokens */
14
-
15
- :root {
16
- --mrl-baseline: 16;
17
- --mrl-font-family-01: abcsocial;
18
- --mrl-font-family-02: stkbureau;
19
-
20
- /* Typography - Font Size */
21
- ///
22
- /// Font size token.
23
- ///
24
- --mrl-font-size-01: calc(11 / var(--mrl-baseline) * 1rem);
25
-
26
- ///
27
- /// Font size token.
28
- ///
29
- --mrl-font-size-02: calc(12 / var(--mrl-baseline) * 1rem);
30
-
31
- ///
32
- /// Font size token.
33
- ///
34
- --mrl-font-size-03: calc(14 / var(--mrl-baseline) * 1rem);
35
-
36
- ///
37
- /// Font size token.
38
- ///
39
- --mrl-font-size-04: calc(16 / var(--mrl-baseline) * 1rem);
40
-
41
- ///
42
- /// Font size token.
43
- ///
44
- --mrl-font-size-05: calc(18 / var(--mrl-baseline) * 1rem);
45
-
46
- ///
47
- /// Font size token.
48
- ///
49
- --mrl-font-size-06: calc(20 / var(--mrl-baseline) * 1rem);
50
-
51
- ///
52
- /// Font size token.
53
- ///
54
- --mrl-font-size-07: calc(24 / var(--mrl-baseline) * 1rem);
55
-
56
- ///
57
- /// Font size token.
58
- ///
59
- --mrl-font-size-08: calc(32 / var(--mrl-baseline) * 1rem);
60
-
61
- ///
62
- /// Font size token.
63
- ///
64
- --mrl-font-size-09: calc(40 / var(--mrl-baseline) * 1rem);
65
-
66
- ///
67
- /// Font size token.
68
- ///
69
- --mrl-font-size-10: calc(48 / var(--mrl-baseline) * 1rem);
70
-
71
- ///
72
- /// Font size token.
73
- ///
74
- --mrl-font-size-11: calc(64 / var(--mrl-baseline) * 1rem);
75
-
76
- ///
77
- /// Font size token.
78
- ///
79
- --mrl-font-size-12: calc(80 / var(--mrl-baseline) * 1rem);
80
-
81
- ///
82
- /// Font size token.
83
- ///
84
- --mrl-font-size-13: calc(96 / var(--mrl-baseline) * 1rem);
85
-
86
- ///
87
- /// Font size token.
88
- ///
89
- --mrl-font-size-14: calc(120 / var(--mrl-baseline) * 1rem);
90
-
91
- /* Typography - Line Height */
92
- ///
93
- /// Line height token.
94
- ///
95
- --mrl-line-height-01: 0.875;
96
-
97
- ///
98
- /// Line height token.
99
- ///
100
- --mrl-line-height-02: 1;
101
-
102
- ///
103
- /// Line height token.
104
- ///
105
- --mrl-line-height-03: 1.125;
106
-
107
- ///
108
- /// Line height token.
109
- ///
110
- --mrl-line-height-04: 1.167;
111
-
112
- ///
113
- /// Line height token.
114
- ///
115
- --mrl-line-height-05: 1.25;
116
-
117
- ///
118
- /// Line height token.
119
- ///
120
- --mrl-line-height-06: 1.333;
121
-
122
- ///
123
- /// Line height token.
124
- ///
125
- --mrl-line-height-07: 1.4;
126
-
127
- ///
128
- /// Line height token.
129
- ///
130
- --mrl-line-height-08: 1.429;
131
-
132
- ///
133
- /// Line height token.
134
- ///
135
- --mrl-line-height-09: 1.5;
136
-
137
- ///
138
- /// Line height token.
139
- ///
140
- --mrl-line-height-10: 1.56;
141
-
142
- ///
143
- /// Line height token.
144
- ///
145
- --mrl-line-height-11: 1.75;
146
-
147
- ///
148
- /// Line height token.
149
- ///
150
- --mrl-line-height-12: 2;
151
-
152
- /* Typography - Letter Spacing */
153
- ///
154
- /// Letter spacing token.
155
- ///
156
- --mrl-letter-spacing-01: -2%;
157
-
158
- ///
159
- /// Letter spacing token.
160
- ///
161
- --mrl-letter-spacing-02: -1%;
162
-
163
- ///
164
- /// Letter spacing token.
165
- ///
166
- --mrl-letter-spacing-03: 0%;
167
-
168
- ///
169
- /// Letter spacing token.
170
- ///
171
- --mrl-letter-spacing-04: 1%;
172
-
173
- ///
174
- /// Letter spacing token.
175
- ///
176
- --mrl-letter-spacing-05: 2%;
177
-
178
- /* Typography - Font Weight */
179
- ///
180
- /// Font weight token.
181
- ///
182
- --mrl-font-weight-01: 400;
183
-
184
- ///
185
- /// Font weight token.
186
- ///
187
- --mrl-font-weight-02: 500;
188
-
189
- ///
190
- /// Font weight token.
191
- ///
192
- --mrl-font-weight-03: 600;
193
-
194
- ///
195
- /// Font weight token.
196
- ///
197
- --mrl-font-weight-04: 700;
198
-
199
- ///
200
- /// Font weight token.
201
- ///
202
- --mrl-font-weight-05: 800;
203
- }