@teseor/css 1.16.0 → 2.0.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 (73) hide show
  1. package/dist/compiled.css +1 -1
  2. package/dist/index.css +45 -45
  3. package/package.json +1 -1
  4. package/src/base/docs.html +1 -1
  5. package/src/base/root.scss +1 -1
  6. package/src/base/typography/typography.scss +6 -6
  7. package/src/components/actions/button/api.json +1 -1
  8. package/src/components/actions/button/index.scss +1 -1
  9. package/src/components/data-display/avatar/index.scss +1 -1
  10. package/src/components/data-display/badge/api.json +1 -1
  11. package/src/components/data-display/badge/index.scss +1 -1
  12. package/src/components/data-display/data-list/index.scss +1 -1
  13. package/src/components/data-display/stat/api.json +3 -3
  14. package/src/components/data-display/stat/index.scss +5 -5
  15. package/src/components/data-display/table/index.scss +1 -1
  16. package/src/components/data-display/tag/index.scss +1 -1
  17. package/src/components/disclosure/disclosure/index.scss +1 -1
  18. package/src/components/feedback/alert/index.scss +1 -1
  19. package/src/components/feedback/toast/index.scss +2 -2
  20. package/src/components/forms/checkbox-group/api.json +1 -1
  21. package/src/components/forms/checkbox-group/index.scss +2 -2
  22. package/src/components/forms/fieldset/api.json +1 -1
  23. package/src/components/forms/fieldset/index.scss +2 -2
  24. package/src/components/forms/form-error/index.scss +1 -1
  25. package/src/components/forms/form-helper/index.scss +1 -1
  26. package/src/components/forms/label/index.scss +3 -3
  27. package/src/components/forms/radio-group/api.json +1 -1
  28. package/src/components/forms/radio-group/index.scss +2 -2
  29. package/src/components/navigation/dropdown-menu/api.json +1 -1
  30. package/src/components/navigation/dropdown-menu/index.scss +1 -1
  31. package/src/components/navigation/menu/index.scss +2 -2
  32. package/src/components/navigation/nav/api.json +1 -1
  33. package/src/components/navigation/nav/index.scss +1 -1
  34. package/src/components/navigation/tabs/index.scss +1 -1
  35. package/src/components/overlays/dialog/index.scss +1 -1
  36. package/src/components/overlays/drawer/index.scss +2 -2
  37. package/src/components/overlays/modal/api.json +1 -1
  38. package/src/components/overlays/modal/index.scss +1 -1
  39. package/src/components/overlays/overlay/api.json +1 -1
  40. package/src/components/overlays/overlay/index.scss +1 -1
  41. package/src/components/overlays/popover/api.json +1 -1
  42. package/src/components/overlays/popover/index.scss +2 -2
  43. package/src/components/overlays/tooltip/api.json +1 -1
  44. package/src/components/overlays/tooltip/index.scss +1 -1
  45. package/src/components/typography/blockquote/api.json +1 -1
  46. package/src/components/typography/blockquote/index.scss +2 -2
  47. package/src/components/typography/code/index.scss +1 -1
  48. package/src/components/typography/code-block/api.json +1 -1
  49. package/src/components/typography/code-block/index.scss +1 -1
  50. package/src/components/typography/heading/api.json +9 -9
  51. package/src/components/typography/heading/index.scss +9 -9
  52. package/src/components/typography/list/api.json +1 -1
  53. package/src/components/typography/list/index.scss +1 -1
  54. package/src/config/guides/accessibility.docs.html +1 -1
  55. package/src/config/guides/theming.docs.html +43 -10
  56. package/src/config/guides/token-architecture.docs.html +87 -0
  57. package/src/config/tokens/_variables.scss +30 -30
  58. package/src/config/tokens/docs.html +10 -10
  59. package/src/config/tokens/typography.scss +47 -47
  60. package/src/config/tokens/zindex.scss +10 -10
  61. package/src/debug/index.scss +3 -3
  62. package/src/layout/footer/api.json +1 -1
  63. package/src/layout/footer/index.scss +1 -1
  64. package/src/layout/nav-rail/api.json +1 -1
  65. package/src/layout/nav-rail/index.scss +1 -1
  66. package/src/layout/page-header/index.scss +1 -1
  67. package/src/layout/sidebar/index.scss +1 -1
  68. package/src/layout/sidebar-nav/api.json +2 -2
  69. package/src/layout/sidebar-nav/index.scss +4 -4
  70. package/src/layout/topbar/api.json +1 -1
  71. package/src/layout/topbar/index.scss +1 -1
  72. package/src/utilities/scroll-animation/index.scss +1 -1
  73. package/src/utilities/text/text.scss +15 -15
package/src/layout/footer/index.scss CHANGED
@@ -16,7 +16,7 @@
16
16
  // @desc Border color
17
17
  --_border-color: var(--ui-footer-border-color, var(--ui-color-border));
18
18
  // @desc Z-index stacking order
19
- --_z: var(--ui-footer-z, var(--ui-z-sticky));
19
+ --_z: var(--ui-footer-z, var(--ui-z-index-sticky));
20
20
 
21
21
  display: flex;
22
22
  align-items: center;
package/src/layout/nav-rail/api.json CHANGED
@@ -34,7 +34,7 @@
34
34
  },
35
35
  {
36
36
  "name": "--ui-nav-rail-z",
37
- "default": "var(--ui-z-sticky)",
37
+ "default": "var(--ui-z-index-sticky)",
38
38
  "description": "Z-index stacking order"
39
39
  }
40
40
  ]
package/src/layout/nav-rail/index.scss CHANGED
@@ -14,7 +14,7 @@
14
14
  // @desc Gap between children
15
15
  --_gap: var(--ui-nav-rail-gap, var(--ui-space-1));
16
16
  // @desc Z-index stacking order
17
- --_z: var(--ui-nav-rail-z, var(--ui-z-sticky));
17
+ --_z: var(--ui-nav-rail-z, var(--ui-z-index-sticky));
18
18
 
19
19
  display: flex;
20
20
  flex-direction: column;
package/src/layout/page-header/index.scss CHANGED
@@ -7,7 +7,7 @@
7
7
  --_space-1: var(--ui-space-1);
8
8
  --_space-2: var(--ui-space-2);
9
9
  --_border-width-sm: var(--ui-border-width-sm);
10
- --_z-sticky: var(--ui-z-sticky);
10
+ --_z-sticky: var(--ui-z-index-sticky);
11
11
  --_color-bg: var(--ui-color-bg);
12
12
  // @desc Vertical padding
13
13
  --_padding-block: var(--ui-page-header-padding-block, var(--ui-space-3));
package/src/layout/sidebar/index.scss CHANGED
@@ -3,7 +3,7 @@
3
3
 
4
4
  @layer primitives {
5
5
  .sidebar {
6
- --_z-sticky: var(--ui-z-sticky);
6
+ --_z-sticky: var(--ui-z-index-sticky);
7
7
  --_unit: var(--ui-unit);
8
8
  --_color-bg-subtle: var(--ui-color-bg-subtle);
9
9
  --_border-width-sm: var(--ui-border-width-sm);
package/src/layout/sidebar-nav/api.json CHANGED
@@ -76,7 +76,7 @@
76
76
  },
77
77
  {
78
78
  "name": "--ui-sidebar-nav-group-label-weight",
79
- "default": "var(--ui-weight-bold)",
79
+ "default": "var(--ui-font-weight-bold)",
80
80
  "description": "Group label weight"
81
81
  },
82
82
  {
@@ -126,7 +126,7 @@
126
126
  },
127
127
  {
128
128
  "name": "--ui-sidebar-nav-item-active-weight",
129
- "default": "var(--ui-weight-medium)",
129
+ "default": "var(--ui-font-weight-medium)",
130
130
  "description": "Item active weight"
131
131
  },
132
132
  {
package/src/layout/sidebar-nav/index.scss CHANGED
@@ -12,7 +12,7 @@
12
12
  --_space-1: var(--ui-space-1);
13
13
  --_space-half: var(--ui-space-half);
14
14
  --_size-xs: var(--ui-size-xs);
15
- --_weight-medium: var(--ui-weight-medium);
15
+ --_weight-medium: var(--ui-font-weight-medium);
16
16
  --_color-text-muted: var(--ui-color-text-muted);
17
17
  --_duration-fast: var(--ui-duration-fast);
18
18
  --_easing-default: var(--ui-easing-default);
@@ -83,7 +83,7 @@
83
83
  // @desc Group label color
84
84
  --_color: var(--ui-sidebar-nav-group-label-color, var(--ui-color-text-muted));
85
85
  // @desc Group label weight
86
- --_weight: var(--ui-sidebar-nav-group-label-weight, var(--ui-weight-bold));
86
+ --_weight: var(--ui-sidebar-nav-group-label-weight, var(--ui-font-weight-bold));
87
87
 
88
88
  display: block;
89
89
 
@@ -92,7 +92,7 @@
92
92
 
93
93
  font-size: var(--_font-size);
94
94
  font-weight: var(--_weight);
95
- letter-spacing: #{t.$tracking-wide};
95
+ letter-spacing: #{t.$letter-spacing-wide};
96
96
  text-transform: uppercase;
97
97
  color: var(--_color);
98
98
  }
@@ -191,7 +191,7 @@
191
191
  // @desc Item active color
192
192
  --_color: var(--ui-sidebar-nav-item-active-color, var(--ui-color-primary-hover));
193
193
  // @desc Item active weight
194
- --_weight: var(--ui-sidebar-nav-item-active-weight, var(--ui-weight-medium));
194
+ --_weight: var(--ui-sidebar-nav-item-active-weight, var(--ui-font-weight-medium));
195
195
  }
196
196
 
197
197
  // Nested item indent
package/src/layout/topbar/api.json CHANGED
@@ -44,7 +44,7 @@
44
44
  },
45
45
  {
46
46
  "name": "--ui-topbar-z",
47
- "default": "var(--ui-z-sticky)",
47
+ "default": "var(--ui-z-index-sticky)",
48
48
  "description": "Z-index stacking order"
49
49
  }
50
50
  ]
package/src/layout/topbar/index.scss CHANGED
@@ -15,7 +15,7 @@
15
15
  // @desc Border color
16
16
  --_border-color: var(--ui-topbar-border-color, var(--ui-color-border));
17
17
  // @desc Z-index stacking order
18
- --_z: var(--ui-topbar-z, var(--ui-z-sticky));
18
+ --_z: var(--ui-topbar-z, var(--ui-z-index-sticky));
19
19
 
20
20
  display: flex;
21
21
  align-items: center;
package/src/utilities/scroll-animation/index.scss CHANGED
@@ -12,7 +12,7 @@
12
12
  position: fixed;
13
13
  inset-block-start: 0;
14
14
  inset-inline-start: 0;
15
- z-index: var(--ui-z-toast, #{t.$z-toast});
15
+ z-index: var(--ui-z-index-toast, #{t.$z-index-toast});
16
16
 
17
17
  block-size: var(--ui-scroll-progress-height, var(--ui-space-half, #{t.$space-0}));
18
18
  inline-size: 100%;
package/src/utilities/text/text.scss CHANGED
@@ -25,19 +25,19 @@
25
25
  // FONT WEIGHT
26
26
  // ==========================================================================
27
27
  .font-normal {
28
- font-weight: var(--ui-weight-normal);
28
+ font-weight: var(--ui-font-weight-normal);
29
29
  }
30
30
 
31
31
  .font-medium {
32
- font-weight: var(--ui-weight-medium);
32
+ font-weight: var(--ui-font-weight-medium);
33
33
  }
34
34
 
35
35
  .font-semibold {
36
- font-weight: var(--ui-weight-semibold);
36
+ font-weight: var(--ui-font-weight-semibold);
37
37
  }
38
38
 
39
39
  .font-bold {
40
- font-weight: var(--ui-weight-bold);
40
+ font-weight: var(--ui-font-weight-bold);
41
41
  }
42
42
 
43
43
  // ==========================================================================
@@ -45,42 +45,42 @@
45
45
  // ==========================================================================
46
46
  .text-xs {
47
47
  font-size: var(--ui-font-size-xs);
48
- line-height: var(--ui-leading-xs);
48
+ line-height: var(--ui-line-height-xs);
49
49
  }
50
50
 
51
51
  .text-sm {
52
52
  font-size: var(--ui-font-size-sm);
53
- line-height: var(--ui-leading-sm);
53
+ line-height: var(--ui-line-height-sm);
54
54
  }
55
55
 
56
56
  .text-md {
57
57
  font-size: var(--ui-font-size-md);
58
- line-height: var(--ui-leading-md);
58
+ line-height: var(--ui-line-height-md);
59
59
  }
60
60
 
61
61
  .text-lg {
62
62
  font-size: var(--ui-font-size-lg);
63
- line-height: var(--ui-leading-lg);
63
+ line-height: var(--ui-line-height-lg);
64
64
  }
65
65
 
66
66
  .text-xl {
67
67
  font-size: var(--ui-font-size-xl);
68
- line-height: var(--ui-leading-xl);
68
+ line-height: var(--ui-line-height-xl);
69
69
  }
70
70
 
71
71
  .text-2xl {
72
72
  font-size: var(--ui-font-size-2xl);
73
- line-height: var(--ui-leading-2xl);
73
+ line-height: var(--ui-line-height-2xl);
74
74
  }
75
75
 
76
76
  .text-3xl {
77
77
  font-size: var(--ui-font-size-3xl);
78
- line-height: var(--ui-leading-3xl);
78
+ line-height: var(--ui-line-height-3xl);
79
79
  }
80
80
 
81
81
  .text-4xl {
82
82
  font-size: var(--ui-font-size-4xl);
83
- line-height: var(--ui-leading-4xl);
83
+ line-height: var(--ui-line-height-4xl);
84
84
  }
85
85
 
86
86
  // ==========================================================================
@@ -275,14 +275,14 @@
275
275
  // LETTER SPACING
276
276
  // ==========================================================================
277
277
  .tracking-display {
278
- letter-spacing: var(--ui-tracking-display);
278
+ letter-spacing: var(--ui-letter-spacing-display);
279
279
  }
280
280
 
281
281
  .tracking-body {
282
- letter-spacing: var(--ui-tracking-body);
282
+ letter-spacing: var(--ui-letter-spacing-body);
283
283
  }
284
284
 
285
285
  .tracking-caps {
286
- letter-spacing: var(--ui-tracking-caps);
286
+ letter-spacing: var(--ui-letter-spacing-caps);
287
287
  }
288
288
  }