@kofile/gds-foundations 1.1.2 → 1.2.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 (36) hide show
  1. package/build/css/components/badge.module.css +11 -19
  2. package/build/css/components/button-copy.module.css +340 -0
  3. package/build/css/components/button.module.css +282 -201
  4. package/build/css/components/checkbox.module.css +1 -1
  5. package/build/css/components/dialog.module.css +10 -15
  6. package/build/css/components/field-message.module.css +8 -12
  7. package/build/css/components/form-label.module.css +8 -12
  8. package/build/css/components/input.module.css +12 -32
  9. package/build/css/components/label.module.css +8 -13
  10. package/build/css/components/link.module.css +27 -49
  11. package/build/css/components/radio-group.module.css +0 -1
  12. package/build/css/components/segmented-controller.module.css +8 -39
  13. package/build/css/components/select.module.css +110 -44
  14. package/build/css/components/switch.module.css +2 -2
  15. package/build/css/components/table.module.css +25 -33
  16. package/build/css/components/tabs.module.css +10 -20
  17. package/build/css/themes/global.css +19 -690
  18. package/build/minified/badge.module.css +1 -1
  19. package/build/minified/button-copy.module.css +31 -0
  20. package/build/minified/button.module.css +23 -25
  21. package/build/minified/checkbox.module.css +1 -1
  22. package/build/minified/dialog.module.css +1 -3
  23. package/build/minified/field-message.module.css +1 -1
  24. package/build/minified/form-label.module.css +1 -1
  25. package/build/minified/global.css +1 -1
  26. package/build/minified/input.module.css +3 -15
  27. package/build/minified/label.module.css +1 -1
  28. package/build/minified/link.module.css +1 -1
  29. package/build/minified/radio-group.module.css +1 -1
  30. package/build/minified/segmented-controller.module.css +2 -26
  31. package/build/minified/select.module.css +25 -21
  32. package/build/minified/switch.module.css +1 -1
  33. package/build/minified/table.module.css +3 -3
  34. package/build/minified/tabs.module.css +1 -9
  35. package/package.json +1 -1
  36. package/build/minified/normalize.css +0 -1
package/build/css/components/table.module.css CHANGED
@@ -136,12 +136,11 @@
136
136
  border-bottom-style: solid;
137
137
  border-bottom-width: var(--table-elements-th-size-xl-border-bottom-width);
138
138
  color: var(--table-light-elements-th-color-text-primary-default);
139
- font-family: var(--table-elements-th-size-xl-typography-font-family);
140
- font-size: var(--table-elements-th-size-xl-typography-font-size);
141
- font-weight: var(--table-elements-th-size-xl-typography-font-weight);
142
- letter-spacing: var(--table-elements-th-size-xl-typography-letter-spacing);
143
- line-height: var(--table-elements-th-size-xl-typography-line-height);
144
- text-decoration: var(--table-elements-th-size-xl-typography-text-decoration);
139
+ font-family: var(--font-families-default);
140
+ font-size: var(--font-size-2xs);
141
+ font-weight: var(--font-weights-bold);
142
+ letter-spacing: var(--letter-spacing-2xs);
143
+ line-height: var(--line-heights-2xs);
145
144
  height: var(--table-elements-th-size-xl-max-height);
146
145
  padding-inline: var(--table-elements-th-size-xl-padding-inline);
147
146
  padding-block-start: var(--table-elements-th-size-xl-padding-block-start);
@@ -159,12 +158,11 @@
159
158
  }
160
159
 
161
160
  .th[data-size="2xl"] {
162
- font-family: var(--table-elements-th-size-2xl-typography-font-family);
163
- font-size: var(--table-elements-th-size-2xl-typography-font-size);
164
- font-weight: var(--table-elements-th-size-2xl-typography-font-weight);
165
- letter-spacing: var(--table-elements-th-size-2xl-typography-letter-spacing);
166
- line-height: var(--table-elements-th-size-2xl-typography-line-height);
167
- text-decoration: var(--table-elements-th-size-2xl-typography-text-decoration);
161
+ font-family: var(--font-families-default);
162
+ font-size: var(--font-size-sm);
163
+ font-weight: var(--font-weights-bold);
164
+ letter-spacing: var(--letter-spacing-sm);
165
+ line-height: var(--line-heights-sm);
168
166
 
169
167
  height: var(--table-elements-th-size-2xl-max-height);
170
168
  padding-block-start: var(--table-elements-th-size-2xl-padding-block-start);
@@ -191,37 +189,31 @@
191
189
  .td {
192
190
  box-sizing: border-box;
193
191
  color: var(--table-light-elements-td-color-text-primary-default);
194
- font-family: var(--table-elements-td-size-2xl-typography-font-family);
195
- font-size: var(--table-elements-td-size-2xl-typography-font-size);
196
- font-weight: var(--table-elements-td-size-2xl-typography-font-weight);
197
- letter-spacing: var(--table-elements-td-size-2xl-typography-letter-spacing);
198
- line-height: var(--table-elements-td-size-2xl-typography-line-height);
199
- text-decoration: var(--table-elements-td-size-2xl-typography-text-decoration);
192
+ font-family: var(--font-families-default);
193
+ font-size: var(--font-size-lg);
194
+ font-weight: var(--font-weights-regular);
195
+ letter-spacing: var(--letter-spacing-lg);
196
+ line-height: var(--line-heights-lg);
200
197
 
201
198
  height: var(--table-elements-td-size-2xl-max-height);
202
199
  padding-inline: var(--table-elements-td-size-2xl-padding-inline);
203
200
  }
204
201
 
205
202
  .td[data-size="xl"] {
206
- font-family: var(--table-elements-td-size-xl-typography-font-family);
207
- font-size: var(--table-elements-td-size-xl-typography-font-size);
208
- font-weight: var(--table-elements-td-size-xl-typography-font-weight);
209
- letter-spacing: var(--table-elements-td-size-xl-typography-letter-spacing);
210
- line-height: var(--table-elements-td-size-xl-typography-line-height);
211
- text-decoration: var(--table-elements-td-size-xl-typography-text-decoration);
212
-
203
+ font-family: var(--font-families-default);
204
+ font-size: var(--font-size-sm);
205
+ font-weight: var(--font-weights-regular);
206
+ letter-spacing: var(--letter-spacing-sm);
207
+ line-height: var(--line-heights-sm);
213
208
  height: var(--table-elements-td-size-xl-max-height);
214
209
  }
215
210
 
216
211
  .td[data-size="lg"] {
217
- font-family: var(--table-elements-td-size-lg-typography-font-family);
218
- font-size: var(--table-elements-td-size-lg-typography-font-size);
219
- font-weight: var(--table-elements-td-size-lg-typography-font-weight);
220
- letter-spacing: var(--table-elements-td-size-lg-typography-letter-spacing);
221
- line-height: var(--table-elements-td-size-lg-typography-line-height);
222
- text-decoration: var(--table-elements-td-size-lg-typography-text-decoration);
223
-
224
- line-height: var(--line-heights-3xs);
212
+ font-family: var(--font-families-default);
213
+ font-size: var(--font-size-2xs);
214
+ font-weight: var(--font-weights-regular);
215
+ letter-spacing: var(--letter-spacing-2xs);
216
+ line-height: var(--line-heights-2xs);
225
217
  height: var(--table-elements-td-size-lg-max-height);
226
218
  padding-inline-start: var(--table-elements-td-size-lg-padding-inline);
227
219
  }
package/build/css/components/tabs.module.css CHANGED
@@ -31,16 +31,11 @@
31
31
  display: flex;
32
32
  align-items: center;
33
33
  justify-content: center;
34
- font-family: var(--tabs-elements-trigger-size-lg-typography-font-family);
35
- font-size: var(--tabs-elements-trigger-size-lg-typography-font-size);
36
- font-weight: var(--tabs-elements-trigger-size-lg-typography-font-weight);
37
- letter-spacing: var(
38
- --tabs-elements-trigger-size-lg-typography-letter-spacing
39
- );
40
- line-height: var(--tabs-elements-trigger-size-lg-typography-line-height);
41
- text-decoration: var(
42
- --tabs-elements-trigger-size-lg-typography-text-decoration
43
- );
34
+ font-family: var(--font-families-default);
35
+ font-size: var(--font-size-lg);
36
+ font-weight: var(--font-weights-bold);
37
+ letter-spacing: var(--letter-spacing-lg);
38
+ line-height: var(--line-heights-lg);
44
39
  height: var(--tabs-elements-trigger-size-lg-max-height);
45
40
  color: var(--tabs-trigger-color);
46
41
  }
@@ -53,16 +48,11 @@
53
48
  border-color: var(--tabs-light-elements-trigger-color-border-primary-active);
54
49
  }
55
50
  .trigger[data-size="xl"] {
56
- font-family: var(--tabs-elements-trigger-size-lg-typography-font-family);
57
- font-size: var(--tabs-elements-trigger-size-lg-typography-font-size);
58
- font-weight: var(--tabs-elements-trigger-size-lg-typography-font-weight);
59
- letter-spacing: var(
60
- --tabs-elements-trigger-size-lg-typography-letter-spacing
61
- );
62
- line-height: var(--tabs-elements-trigger-size-lg-typography-line-height);
63
- text-decoration: var(
64
- --tabs-elements-trigger-size-lg-typography-text-decoration
65
- );
51
+ font-family: var(--font-families-default);
52
+ font-size: var(--font-size-2xl);
53
+ font-weight: var(--font-weights-bold);
54
+ letter-spacing: var(--letter-spacing-2xl);
55
+ line-height: var(--line-heights-2xl);
66
56
  height: var(--tabs-elements-trigger-size-xl-max-height);
67
57
  }
68
58
  .trigger[data-mode="dark"] {