@florid-kit/components 0.8.5 → 0.8.7

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/index.js +8 -5
  2. package/index.mjs +8 -5
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -373,10 +373,9 @@
373
373
  fill: var(--color-alpha-light-strong);
374
374
  }
375
375
 
376
- :host([status="empty"]) .wishlist-button:hover svg path {
377
- fill: var(--color-content-action-secondary);
378
- }
379
-
376
+ :host([status="empty"]) .wishlist-button:hover svg path {
377
+ fill: var(--color-content-action-secondary);
378
+ }
380
379
 
381
380
  .sr-only {
382
381
  border: 0 !important;
@@ -429,7 +428,7 @@
429
428
  cursor: pointer;
430
429
  position: relative;
431
430
 
432
- &[icon="wishlist"] {
431
+ &.icon-wishlist {
433
432
  svg {
434
433
  path {
435
434
  stroke: var(--color-content-action-secondary);
@@ -542,6 +541,10 @@
542
541
  fill: none;
543
542
  }
544
543
 
544
+ :host([status="filled"]) .icon-button.none-light.icon-wishlist svg path {
545
+ fill: var(--color-content-action-primary);
546
+ }
547
+
545
548
  .icon-button.background-light {
546
549
  background-color: var(--color-alpha-light-strong);
547
550
 
package/index.mjs CHANGED
@@ -1183,10 +1183,9 @@ q.styles = m`
1183
1183
  fill: var(--color-alpha-light-strong);
1184
1184
  }
1185
1185
 
1186
- :host([status="empty"]) .wishlist-button:hover svg path {
1187
- fill: var(--color-content-action-secondary);
1188
- }
1189
-
1186
+ :host([status="empty"]) .wishlist-button:hover svg path {
1187
+ fill: var(--color-content-action-secondary);
1188
+ }
1190
1189
 
1191
1190
  .sr-only {
1192
1191
  border: 0 !important;
@@ -1274,7 +1273,7 @@ _.styles = m`
1274
1273
  cursor: pointer;
1275
1274
  position: relative;
1276
1275
 
1277
- &[icon="wishlist"] {
1276
+ &.icon-wishlist {
1278
1277
  svg {
1279
1278
  path {
1280
1279
  stroke: var(--color-content-action-secondary);
@@ -1387,6 +1386,10 @@ _.styles = m`
1387
1386
  fill: none;
1388
1387
  }
1389
1388
 
1389
+ :host([status="filled"]) .icon-button.none-light.icon-wishlist svg path {
1390
+ fill: var(--color-content-action-primary);
1391
+ }
1392
+
1390
1393
  .icon-button.background-light {
1391
1394
  background-color: var(--color-alpha-light-strong);
1392
1395
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@florid-kit/components",
3
- "version": "0.8.5",
3
+ "version": "0.8.7",
4
4
  "main": "index.js",
5
5
  "module": "index.mjs",
6
6
  "typings": "index.d.ts",