jvetrau-ds 0.2.44 → 0.2.45

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 (4) hide show
  1. package/base.css +2 -0
  2. package/components/tag/tag.css +13 -27
  3. package/package.json +1 -1
  4. package/styles.css +13 -27
package/base.css CHANGED
@@ -69,6 +69,8 @@ body {
69
69
  line-height: var(--body-line-height);
70
70
  letter-spacing: var(--body-letter-spacing);
71
71
 
72
+ font-variation-settings: 'slnt' 0;
73
+
72
74
  /* size */
73
75
 
74
76
  /* border */
package/components/tag/tag.css CHANGED
@@ -9,26 +9,21 @@
9
9
  /* typography */
10
10
  --tag-font-family: var(--font-note-family);
11
11
  --tag-font-weight: var(--font-note-weight);
12
- --tag-font-size: var(--font-note-size);
13
- --tag-line-height:
14
- var(--font-note-line-height);
15
- --tag-letter-spacing:
16
- var(--font-note-letter-spacing);
12
+ --tag-font-size: var(--font-note);
13
+ --tag-line-height: var(--font-note-line);
14
+ --tag-letter-spacing: var(--font-note-letter-spacing);
17
15
 
18
16
  font-family: var(--tag-font-family);
19
17
  font-size: var(--tag-font-size);
20
18
  font-weight: var(--tag-font-weight);
21
19
  line-height: var(--tag-line-height);
22
- letter-spacing:
23
- var(--tag-letter-spacing);
20
+ letter-spacing: var(--tag-letter-spacing);
24
21
 
25
22
  /* size */
26
23
  --tag-gap: 0;
27
24
  --tag-height: auto;
28
- --tag-padding-x:
29
- var(--padding-tag-horz);
30
- --tag-padding-y:
31
- var(--padding-tag-vert);
25
+ --tag-padding-x: var(--padding-tag-horz);
26
+ --tag-padding-y: var(--padding-tag-vert);
32
27
 
33
28
  display: inline-flex;
34
29
  align-items: center;
@@ -40,13 +35,11 @@
40
35
 
41
36
  /* border */
42
37
  --tag-border-width: 0;
43
- --tag-border-radius:
44
- var(--radius-control);
38
+ --tag-border-radius: var(--radius-control);
45
39
  --tag-border-color: transparent;
46
40
 
47
41
  border: none;
48
- border-radius:
49
- var(--tag-border-radius);
42
+ border-radius: var(--tag-border-radius);
50
43
  outline: none;
51
44
 
52
45
  /* depth */
@@ -55,23 +48,16 @@
55
48
  --tag-transition-duration: 0.2s;
56
49
 
57
50
  transition:
58
- border-color
59
- var(--tag-transition-duration)
60
- ease,
61
- background-color
62
- var(--tag-transition-duration)
63
- ease,
64
- color
65
- var(--tag-transition-duration)
66
- ease,
67
- opacity
68
- var(--tag-transition-duration)
69
- ease;
51
+ border-color var(--tag-transition-duration) ease,
52
+ background-color var(--tag-transition-duration) ease,
53
+ color var(--tag-transition-duration) ease,
54
+ opacity var(--tag-transition-duration) ease;
70
55
  }
71
56
 
72
57
  .tag--context-error {
73
58
  /* color */
74
59
  --tag-bg: var(--color-bad);
60
+ --tag-text: var(--color-text-primary-2);
75
61
 
76
62
  /* typography */
77
63
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jvetrau-ds",
3
- "version": "0.2.44",
3
+ "version": "0.2.45",
4
4
  "description": "Multi-brand React design system with semantic tokens",
5
5
  "license": "UNLICENSED",
6
6
  "type": "module",
package/styles.css CHANGED
@@ -5671,26 +5671,21 @@ h4.course-outline__group-title {
5671
5671
  /* typography */
5672
5672
  --tag-font-family: var(--font-note-family);
5673
5673
  --tag-font-weight: var(--font-note-weight);
5674
- --tag-font-size: var(--font-note-size);
5675
- --tag-line-height:
5676
- var(--font-note-line-height);
5677
- --tag-letter-spacing:
5678
- var(--font-note-letter-spacing);
5674
+ --tag-font-size: var(--font-note);
5675
+ --tag-line-height: var(--font-note-line);
5676
+ --tag-letter-spacing: var(--font-note-letter-spacing);
5679
5677
 
5680
5678
  font-family: var(--tag-font-family);
5681
5679
  font-size: var(--tag-font-size);
5682
5680
  font-weight: var(--tag-font-weight);
5683
5681
  line-height: var(--tag-line-height);
5684
- letter-spacing:
5685
- var(--tag-letter-spacing);
5682
+ letter-spacing: var(--tag-letter-spacing);
5686
5683
 
5687
5684
  /* size */
5688
5685
  --tag-gap: 0;
5689
5686
  --tag-height: auto;
5690
- --tag-padding-x:
5691
- var(--padding-tag-horz);
5692
- --tag-padding-y:
5693
- var(--padding-tag-vert);
5687
+ --tag-padding-x: var(--padding-tag-horz);
5688
+ --tag-padding-y: var(--padding-tag-vert);
5694
5689
 
5695
5690
  display: inline-flex;
5696
5691
  align-items: center;
@@ -5702,13 +5697,11 @@ h4.course-outline__group-title {
5702
5697
 
5703
5698
  /* border */
5704
5699
  --tag-border-width: 0;
5705
- --tag-border-radius:
5706
- var(--radius-control);
5700
+ --tag-border-radius: var(--radius-control);
5707
5701
  --tag-border-color: transparent;
5708
5702
 
5709
5703
  border: none;
5710
- border-radius:
5711
- var(--tag-border-radius);
5704
+ border-radius: var(--tag-border-radius);
5712
5705
  outline: none;
5713
5706
 
5714
5707
  /* depth */
@@ -5717,23 +5710,16 @@ h4.course-outline__group-title {
5717
5710
  --tag-transition-duration: 0.2s;
5718
5711
 
5719
5712
  transition:
5720
- border-color
5721
- var(--tag-transition-duration)
5722
- ease,
5723
- background-color
5724
- var(--tag-transition-duration)
5725
- ease,
5726
- color
5727
- var(--tag-transition-duration)
5728
- ease,
5729
- opacity
5730
- var(--tag-transition-duration)
5731
- ease;
5713
+ border-color var(--tag-transition-duration) ease,
5714
+ background-color var(--tag-transition-duration) ease,
5715
+ color var(--tag-transition-duration) ease,
5716
+ opacity var(--tag-transition-duration) ease;
5732
5717
  }
5733
5718
 
5734
5719
  .tag--context-error {
5735
5720
  /* color */
5736
5721
  --tag-bg: var(--color-bad);
5722
+ --tag-text: var(--color-text-primary-2);
5737
5723
 
5738
5724
  /* typography */
5739
5725