@causw/core 0.0.9 → 0.0.10

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.
@@ -3,123 +3,155 @@
3
3
  @config '@causw/tokens/config';
4
4
 
5
5
  * {
6
- letter-spacing: -0.02rem;
6
+ letter-spacing: -0.02rem;
7
7
  }
8
8
 
9
9
  @layer utilities {
10
+ /* Caption variants */
11
+ .typo-caption-sm {
12
+ @apply text-2xs font-regular font-sans leading-normal;
13
+ }
14
+
15
+ .typo-caption-sm-point {
16
+ @apply text-2xs font-sans leading-normal font-semibold;
17
+ }
18
+
19
+ .typo-caption-md {
20
+ @apply font-sans text-xs leading-normal font-medium;
21
+ }
22
+
23
+ .typo-caption-md-point {
24
+ @apply font-sans text-xs leading-normal font-semibold;
25
+ }
26
+
27
+ /* Body2 variants */
28
+ .typo-body2-sm {
29
+ @apply font-regular font-sans text-xs leading-normal;
30
+ }
31
+
32
+ .typo-body2-sm-point {
33
+ @apply font-sans text-xs leading-normal font-semibold;
34
+ }
35
+
36
+ .typo-body2-md {
37
+ @apply font-sans text-base leading-normal font-medium;
38
+ }
39
+
40
+ .typo-body2-md-point {
41
+ @apply font-sans text-base leading-normal font-semibold;
42
+ }
43
+
44
+ /* Body variants */
45
+ .typo-body-sm {
46
+ @apply font-regular font-sans text-base leading-tight;
47
+ }
48
+
49
+ .typo-body-sm-point {
50
+ @apply font-sans text-base leading-normal font-bold;
51
+ }
52
+
53
+ .typo-body-md {
54
+ @apply font-sans text-lg leading-normal font-medium;
55
+ }
56
+
57
+ .typo-body-md-point {
58
+ @apply font-sans text-lg leading-normal font-bold;
59
+ }
60
+
61
+ /* Subtitle variants */
62
+ .typo-subtitle-sm {
63
+ @apply font-sans text-lg leading-normal font-medium;
64
+ }
65
+
66
+ .typo-subtitle-sm-point {
67
+ @apply font-sans text-lg leading-normal font-bold;
68
+ }
69
+
70
+ .typo-subtitle-md {
71
+ @apply font-sans text-xl leading-normal font-medium;
72
+ }
73
+
74
+ .typo-subtitle-md-point {
75
+ @apply font-sans text-xl leading-normal font-bold;
76
+ }
77
+
78
+ /* Title variants */
79
+ .typo-title-sm {
80
+ @apply font-sans text-2xl leading-normal font-bold;
81
+ }
82
+
83
+ .typo-title-md {
84
+ @apply font-sans text-5xl leading-normal font-bold;
85
+ }
86
+
87
+ /* Head variants */
88
+ .typo-head-sm {
89
+ @apply font-sans text-4xl leading-normal font-bold;
90
+ }
91
+
92
+ .typo-head-md {
93
+ @apply font-sans text-6xl leading-normal font-bold;
94
+ }
95
+
96
+ /* Fixed size variants */
97
+ .typo-fixed-12 {
98
+ @apply text-2xs font-sans leading-normal font-medium;
99
+ }
100
+
101
+ .typo-fixed-14 {
102
+ @apply font-sans text-xs leading-normal font-medium;
103
+ }
104
+
105
+ .typo-fixed-15 {
106
+ @apply font-sans text-sm leading-normal font-semibold;
107
+ }
108
+
109
+ .typo-fixed-16 {
110
+ @apply font-sans text-base leading-normal font-medium;
111
+ }
112
+
113
+ .typo-fixed-18 {
114
+ @apply font-sans text-lg leading-normal font-medium;
115
+ }
116
+
117
+ .typo-fixed-20 {
118
+ @apply font-sans text-xl leading-normal font-semibold;
119
+ }
120
+
121
+ .typo-fixed-24 {
122
+ @apply font-sans text-3xl leading-normal font-bold;
123
+ }
124
+ }
10
125
 
11
- /* Caption variants */
12
- .typo-caption-sm {
13
- @apply font-sans text-2xs leading-normal font-regular;
14
- }
15
-
16
- .typo-caption-sm-point {
17
- @apply font-sans text-2xs leading-normal font-semibold;
18
- }
19
-
20
- .typo-caption-md {
21
- @apply font-sans text-xs leading-normal font-medium;
22
- }
23
-
24
- .typo-caption-md-point {
25
- @apply font-sans text-xs leading-normal font-semibold;
26
- }
27
-
28
- /* Body2 variants */
29
- .typo-body2-sm {
30
- @apply font-sans text-xs leading-normal font-regular;
31
- }
32
-
33
- .typo-body2-sm-point {
34
- @apply font-sans text-xs leading-normal font-semibold;
35
- }
36
-
37
- .typo-body2-md {
38
- @apply font-sans text-base leading-normal font-medium;
39
- }
40
-
41
- .typo-body2-md-point {
42
- @apply font-sans text-base leading-normal font-semibold;
43
- }
44
-
45
- /* Body variants */
46
- .typo-body-sm {
47
- @apply font-sans text-base leading-tight font-regular;
48
- }
49
-
50
- .typo-body-sm-point {
51
- @apply font-sans text-base leading-normal font-bold;
52
- }
53
-
54
- .typo-body-md {
55
- @apply font-sans text-lg leading-normal font-medium;
56
- }
57
-
58
- .typo-body-md-point {
59
- @apply font-sans text-lg leading-normal font-bold;
60
- }
61
-
62
- /* Subtitle variants */
63
- .typo-subtitle-sm {
64
- @apply font-sans text-lg leading-normal font-medium;
65
- }
66
-
67
- .typo-subtitle-sm-point {
68
- @apply font-sans text-lg leading-normal font-bold;
69
- }
70
-
71
- .typo-subtitle-md {
72
- @apply font-sans text-xl leading-normal font-medium;
73
- }
74
-
75
- .typo-subtitle-md-point {
76
- @apply font-sans text-xl leading-normal font-bold;
77
- }
78
-
79
- /* Title variants */
80
- .typo-title-sm {
81
- @apply font-sans text-2xl leading-normal font-bold;
82
- }
83
-
84
- .typo-title-md {
85
- @apply font-sans text-5xl leading-normal font-bold;
86
- }
87
-
88
- /* Head variants */
89
- .typo-head-sm {
90
- @apply font-sans text-4xl leading-normal font-bold;
91
- }
126
+ @theme {
127
+ --animate-toast-hide: toast-hide 100ms ease-in forwards;
128
+ --animate-toast-slide-in: toast-slide-in 150ms cubic-bezier(0.16, 1, 0.3, 1);
129
+ --animate-toast-swipe-out: toast-swipe-out 100ms ease-out forwards;
92
130
 
93
- .typo-head-md {
94
- @apply font-sans text-6xl leading-normal font-bold;
131
+ @keyframes toast-hide {
132
+ from {
133
+ opacity: 1;
95
134
  }
96
-
97
- /* Fixed size variants */
98
- .typo-fixed-12 {
99
- @apply font-sans text-2xs leading-normal font-medium;
135
+ to {
136
+ opacity: 0;
100
137
  }
138
+ }
101
139
 
102
- .typo-fixed-14 {
103
- @apply font-sans text-xs leading-normal font-medium;
140
+ @keyframes toast-slide-in {
141
+ from {
142
+ transform: translateY(100%);
104
143
  }
105
-
106
- .typo-fixed-15 {
107
- @apply font-sans text-sm leading-normal font-semibold;
144
+ to {
145
+ transform: translateY(0);
108
146
  }
147
+ }
109
148
 
110
- .typo-fixed-16 {
111
- @apply font-sans text-base leading-normal font-medium;
149
+ @keyframes toast-swipe-out {
150
+ from {
151
+ transform: translateY(var(--radix-toast-swipe-end-y));
112
152
  }
113
-
114
- .typo-fixed-18 {
115
- @apply font-sans text-lg leading-normal font-medium;
153
+ to {
154
+ transform: translateY(100%);
116
155
  }
117
-
118
- .typo-fixed-20 {
119
- @apply font-sans text-xl leading-normal font-semibold;
120
- }
121
-
122
- .typo-fixed-24 {
123
- @apply font-sans text-3xl leading-normal font-bold;
124
- }
125
- }
156
+ }
157
+ }