jvetrau-ds 0.1.32 → 0.1.33

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 (3) hide show
  1. package/components/attach/attach.css +44 -2
  2. package/package.json +1 -1
  3. package/styles.css +44 -2
package/components/attach/attach.css CHANGED
@@ -2,8 +2,9 @@
2
2
  /* color */
3
3
  --attachment-color: var(--color-text);
4
4
  --attachment-item-bg: var(--color-control);
5
+ --attachment-item-color: var(--color-text-control);
5
6
  --attachment-border-color: var(--color-line);
6
- --attachment-meta-color: var(--color-text-note);
7
+ --attachment-item-meta-color: var(--color-text-note);
7
8
 
8
9
  color: var(--attachment-color);
9
10
 
@@ -37,6 +38,10 @@
37
38
  }
38
39
 
39
40
  .attach__list {
41
+ /* color */
42
+
43
+ /* typography */
44
+
40
45
  /* size */
41
46
  display: flex;
42
47
  flex-direction: column;
@@ -46,11 +51,18 @@
46
51
 
47
52
  /* border */
48
53
  list-style: none;
54
+
55
+ /* depth */
56
+
57
+ /* motion */
49
58
  }
50
59
 
51
60
  .attach__item {
52
61
  /* color */
53
62
  background: var(--attachment-item-bg);
63
+ color: var(--attachment-item-color);
64
+
65
+ /* typography */
54
66
 
55
67
  /* size */
56
68
  display: flex;
@@ -89,11 +101,25 @@
89
101
  }
90
102
 
91
103
  .attach__link:hover .attach__name {
104
+ /* color */
105
+
92
106
  /* typography */
93
107
  text-decoration: underline;
108
+
109
+ /* size */
110
+
111
+ /* border */
112
+
113
+ /* depth */
114
+
115
+ /* motion */
94
116
  }
95
117
 
96
118
  .attach__preview {
119
+ /* color */
120
+
121
+ /* typography */
122
+
97
123
  /* size */
98
124
  display: block;
99
125
  max-width: var(--attachment-preview-max-width);
@@ -109,6 +135,10 @@
109
135
  }
110
136
 
111
137
  .attach__file {
138
+ /* color */
139
+
140
+ /* typography */
141
+
112
142
  /* size */
113
143
  display: flex;
114
144
  flex-direction: column;
@@ -122,6 +152,8 @@
122
152
  }
123
153
 
124
154
  .attach__name {
155
+ /* color */
156
+
125
157
  /* typography */
126
158
  text-overflow: ellipsis;
127
159
  white-space: nowrap;
@@ -138,7 +170,7 @@
138
170
 
139
171
  .attach__meta {
140
172
  /* color */
141
- color: var(--attachment-meta-color);
173
+ color: var(--attachment-item-meta-color);
142
174
 
143
175
  /* typography */
144
176
  font-size: 0.85em;
@@ -174,6 +206,16 @@
174
206
  }
175
207
 
176
208
  .attach__remove:hover {
209
+ /* color */
210
+
177
211
  /* typography */
178
212
  text-decoration: underline;
213
+
214
+ /* size */
215
+
216
+ /* border */
217
+
218
+ /* depth */
219
+
220
+ /* motion */
179
221
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jvetrau-ds",
3
- "version": "0.1.32",
3
+ "version": "0.1.33",
4
4
  "description": "Multi-brand React design system with semantic tokens",
5
5
  "license": "UNLICENSED",
6
6
  "type": "module",
package/styles.css CHANGED
@@ -31,8 +31,9 @@
31
31
  /* color */
32
32
  --attachment-color: var(--color-text);
33
33
  --attachment-item-bg: var(--color-control);
34
+ --attachment-item-color: var(--color-text-control);
34
35
  --attachment-border-color: var(--color-line);
35
- --attachment-meta-color: var(--color-text-note);
36
+ --attachment-item-meta-color: var(--color-text-note);
36
37
 
37
38
  color: var(--attachment-color);
38
39
 
@@ -66,6 +67,10 @@
66
67
  }
67
68
 
68
69
  .attach__list {
70
+ /* color */
71
+
72
+ /* typography */
73
+
69
74
  /* size */
70
75
  display: flex;
71
76
  flex-direction: column;
@@ -75,11 +80,18 @@
75
80
 
76
81
  /* border */
77
82
  list-style: none;
83
+
84
+ /* depth */
85
+
86
+ /* motion */
78
87
  }
79
88
 
80
89
  .attach__item {
81
90
  /* color */
82
91
  background: var(--attachment-item-bg);
92
+ color: var(--attachment-item-color);
93
+
94
+ /* typography */
83
95
 
84
96
  /* size */
85
97
  display: flex;
@@ -118,11 +130,25 @@
118
130
  }
119
131
 
120
132
  .attach__link:hover .attach__name {
133
+ /* color */
134
+
121
135
  /* typography */
122
136
  text-decoration: underline;
137
+
138
+ /* size */
139
+
140
+ /* border */
141
+
142
+ /* depth */
143
+
144
+ /* motion */
123
145
  }
124
146
 
125
147
  .attach__preview {
148
+ /* color */
149
+
150
+ /* typography */
151
+
126
152
  /* size */
127
153
  display: block;
128
154
  max-width: var(--attachment-preview-max-width);
@@ -138,6 +164,10 @@
138
164
  }
139
165
 
140
166
  .attach__file {
167
+ /* color */
168
+
169
+ /* typography */
170
+
141
171
  /* size */
142
172
  display: flex;
143
173
  flex-direction: column;
@@ -151,6 +181,8 @@
151
181
  }
152
182
 
153
183
  .attach__name {
184
+ /* color */
185
+
154
186
  /* typography */
155
187
  text-overflow: ellipsis;
156
188
  white-space: nowrap;
@@ -167,7 +199,7 @@
167
199
 
168
200
  .attach__meta {
169
201
  /* color */
170
- color: var(--attachment-meta-color);
202
+ color: var(--attachment-item-meta-color);
171
203
 
172
204
  /* typography */
173
205
  font-size: 0.85em;
@@ -203,8 +235,18 @@
203
235
  }
204
236
 
205
237
  .attach__remove:hover {
238
+ /* color */
239
+
206
240
  /* typography */
207
241
  text-decoration: underline;
242
+
243
+ /* size */
244
+
245
+ /* border */
246
+
247
+ /* depth */
248
+
249
+ /* motion */
208
250
  }
209
251
 
210
252
  /* src/components/avatar/avatar.css */