@uniai-fe/uds-primitives 0.12.9 → 0.12.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.
Files changed (3) hide show
  1. package/dist/styles.css +28 -12
  2. package/package.json +3 -3
  3. package/src/components/badge/styles/badge.scss +28 -12
package/dist/styles.css CHANGED
@@ -1306,17 +1306,26 @@
1306
1306
  line-height: 0;
1307
1307
  }
1308
1308
 
1309
- .badge:where([data-style="fill"][data-preset="primary"]) {
1309
+ .badge:where(
1310
+ [data-style="fill"][data-preset="primary"],
1311
+ [data-style="count"][data-preset="primary"]
1312
+ ) {
1310
1313
  --badge-background-color: var(--color-primary-default);
1311
1314
  --badge-text-color: var(--color-common-100);
1312
1315
  }
1313
1316
 
1314
- .badge:where([data-style="fill"][data-preset="secondary"]) {
1317
+ .badge:where(
1318
+ [data-style="fill"][data-preset="secondary"],
1319
+ [data-style="count"][data-preset="secondary"]
1320
+ ) {
1315
1321
  --badge-background-color: var(--color-secondary-default);
1316
1322
  --badge-text-color: var(--color-primary-default);
1317
1323
  }
1318
1324
 
1319
- .badge:where([data-style="fill"][data-preset="tertiary"]) {
1325
+ .badge:where(
1326
+ [data-style="fill"][data-preset="tertiary"],
1327
+ [data-style="count"][data-preset="tertiary"]
1328
+ ) {
1320
1329
  --badge-background-color: var(--color-cool-gray-10);
1321
1330
  --badge-text-color: var(--color-common-100);
1322
1331
  }
@@ -1326,22 +1335,34 @@
1326
1335
  --badge-text-color: var(--color-label-neutral);
1327
1336
  }
1328
1337
 
1329
- .badge:where([data-style="fill"][data-preset="green"]) {
1338
+ .badge:where(
1339
+ [data-style="fill"][data-preset="green"],
1340
+ [data-style="count"][data-preset="green"]
1341
+ ) {
1330
1342
  --badge-background-color: var(--color-green-95);
1331
1343
  --badge-text-color: var(--color-green-45);
1332
1344
  }
1333
1345
 
1334
- .badge:where([data-style="fill"][data-preset="yellow"]) {
1346
+ .badge:where(
1347
+ [data-style="fill"][data-preset="yellow"],
1348
+ [data-style="count"][data-preset="yellow"]
1349
+ ) {
1335
1350
  --badge-background-color: var(--color-yellow-95);
1336
1351
  --badge-text-color: var(--color-yellow-45);
1337
1352
  }
1338
1353
 
1339
- .badge:where([data-style="fill"][data-preset="orange"]) {
1354
+ .badge:where(
1355
+ [data-style="fill"][data-preset="orange"],
1356
+ [data-style="count"][data-preset="orange"]
1357
+ ) {
1340
1358
  --badge-background-color: var(--color-orange-95);
1341
1359
  --badge-text-color: var(--color-orange-55);
1342
1360
  }
1343
1361
 
1344
- .badge:where([data-style="fill"][data-preset="red"]) {
1362
+ .badge:where(
1363
+ [data-style="fill"][data-preset="red"],
1364
+ [data-style="count"][data-preset="red"]
1365
+ ) {
1345
1366
  --badge-background-color: var(--color-red-95);
1346
1367
  --badge-text-color: var(--color-red-55);
1347
1368
  }
@@ -1386,11 +1407,6 @@
1386
1407
  --badge-text-color: var(--color-red-55);
1387
1408
  }
1388
1409
 
1389
- .badge:where([data-style="count"][data-preset="primary"]) {
1390
- --badge-background-color: var(--color-primary-default);
1391
- --badge-text-color: var(--color-common-100);
1392
- }
1393
-
1394
1410
  .badge:where([data-style="count"][data-preset="gray"]) {
1395
1411
  --badge-background-color: var(--color-cool-gray-90);
1396
1412
  --badge-text-color: var(--color-label-standard);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniai-fe/uds-primitives",
3
- "version": "0.12.9",
3
+ "version": "0.12.10",
4
4
  "description": "UNIAI Design System; Primitives Components Package",
5
5
  "type": "module",
6
6
  "private": false,
@@ -88,10 +88,10 @@
88
88
  "sass": "^1.102.0",
89
89
  "typescript": "6.0.3",
90
90
  "@uniai-fe/eslint-config": "0.4.3",
91
+ "@uniai-fe/tsconfig": "0.2.0",
91
92
  "@uniai-fe/uds-foundation": "0.6.0",
92
- "@uniai-fe/util-functions": "0.4.3",
93
93
  "@uniai-fe/next-devkit": "0.4.1",
94
- "@uniai-fe/tsconfig": "0.2.0"
94
+ "@uniai-fe/util-functions": "0.4.3"
95
95
  },
96
96
  "scripts": {
97
97
  "check:pre-commit": "pnpm --dir ../../.. run check:pre-commit",
package/src/components/badge/styles/badge.scss CHANGED
@@ -121,17 +121,26 @@
121
121
  line-height: 0;
122
122
  }
123
123
 
124
- .badge:where([data-style="fill"][data-preset="primary"]) {
124
+ .badge:where(
125
+ [data-style="fill"][data-preset="primary"],
126
+ [data-style="count"][data-preset="primary"]
127
+ ) {
125
128
  --badge-background-color: var(--color-primary-default);
126
129
  --badge-text-color: var(--color-common-100);
127
130
  }
128
131
 
129
- .badge:where([data-style="fill"][data-preset="secondary"]) {
132
+ .badge:where(
133
+ [data-style="fill"][data-preset="secondary"],
134
+ [data-style="count"][data-preset="secondary"]
135
+ ) {
130
136
  --badge-background-color: var(--color-secondary-default);
131
137
  --badge-text-color: var(--color-primary-default);
132
138
  }
133
139
 
134
- .badge:where([data-style="fill"][data-preset="tertiary"]) {
140
+ .badge:where(
141
+ [data-style="fill"][data-preset="tertiary"],
142
+ [data-style="count"][data-preset="tertiary"]
143
+ ) {
135
144
  --badge-background-color: var(--color-cool-gray-10);
136
145
  --badge-text-color: var(--color-common-100);
137
146
  }
@@ -141,22 +150,34 @@
141
150
  --badge-text-color: var(--color-label-neutral);
142
151
  }
143
152
 
144
- .badge:where([data-style="fill"][data-preset="green"]) {
153
+ .badge:where(
154
+ [data-style="fill"][data-preset="green"],
155
+ [data-style="count"][data-preset="green"]
156
+ ) {
145
157
  --badge-background-color: var(--color-green-95);
146
158
  --badge-text-color: var(--color-green-45);
147
159
  }
148
160
 
149
- .badge:where([data-style="fill"][data-preset="yellow"]) {
161
+ .badge:where(
162
+ [data-style="fill"][data-preset="yellow"],
163
+ [data-style="count"][data-preset="yellow"]
164
+ ) {
150
165
  --badge-background-color: var(--color-yellow-95);
151
166
  --badge-text-color: var(--color-yellow-45);
152
167
  }
153
168
 
154
- .badge:where([data-style="fill"][data-preset="orange"]) {
169
+ .badge:where(
170
+ [data-style="fill"][data-preset="orange"],
171
+ [data-style="count"][data-preset="orange"]
172
+ ) {
155
173
  --badge-background-color: var(--color-orange-95);
156
174
  --badge-text-color: var(--color-orange-55);
157
175
  }
158
176
 
159
- .badge:where([data-style="fill"][data-preset="red"]) {
177
+ .badge:where(
178
+ [data-style="fill"][data-preset="red"],
179
+ [data-style="count"][data-preset="red"]
180
+ ) {
160
181
  --badge-background-color: var(--color-red-95);
161
182
  --badge-text-color: var(--color-red-55);
162
183
  }
@@ -201,11 +222,6 @@
201
222
  --badge-text-color: var(--color-red-55);
202
223
  }
203
224
 
204
- .badge:where([data-style="count"][data-preset="primary"]) {
205
- --badge-background-color: var(--color-primary-default);
206
- --badge-text-color: var(--color-common-100);
207
- }
208
-
209
225
  .badge:where([data-style="count"][data-preset="gray"]) {
210
226
  --badge-background-color: var(--color-cool-gray-90);
211
227
  --badge-text-color: var(--color-label-standard);