figma-kit 1.0.0-beta.31 → 1.0.0-beta.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.
package/dist/styles.css CHANGED
@@ -968,6 +968,12 @@
968
968
  .fp-ComboboxTrigger {
969
969
  cursor: default;
970
970
  }
971
+ .fp-ComboboxTrigger:hover:where(:not([data-disabled])) {
972
+ background-color: var(--figma-color-bg-hover);
973
+ }
974
+ .fp-ComboboxTrigger:where([data-popup-open]) {
975
+ background-color: var(--figma-color-bg-hover);
976
+ }
971
977
  .fp-ComboboxTrigger:focus-visible {
972
978
  border-color: var(--figma-color-border-selected);
973
979
  }
@@ -1395,17 +1401,17 @@
1395
1401
  height: 100%;
1396
1402
  outline: 0;
1397
1403
  }
1398
- .fp-SliderControl::before {
1399
- content: '';
1400
- position: absolute;
1401
- }
1402
- .fp-SliderRoot[data-orientation='horizontal'] .fp-SliderControl::before {
1403
- inset: calc(50% - var(--space-11) / 2) calc((var(--slider-thumb-inset) + var(--space-3)) * -1);
1404
- }
1405
1404
  .fp-SliderRoot[data-orientation='vertical'] .fp-SliderControl {
1406
1405
  flex-direction: column;
1407
1406
  }
1408
- .fp-SliderRoot[data-orientation='vertical'] .fp-SliderControl::before {
1407
+ .fp-SliderRoot:where(.fp-size-small) .fp-SliderControl::before {
1408
+ content: '';
1409
+ position: absolute;
1410
+ }
1411
+ .fp-SliderRoot[data-orientation='horizontal']:where(.fp-size-small) .fp-SliderControl::before {
1412
+ inset: calc(50% - var(--space-11) / 2) calc((var(--slider-thumb-inset) + var(--space-3)) * -1);
1413
+ }
1414
+ .fp-SliderRoot[data-orientation='vertical']:where(.fp-size-small) .fp-SliderControl::before {
1409
1415
  inset: calc((var(--slider-thumb-inset) + var(--space-3)) * -1) calc(50% - var(--space-11) / 2);
1410
1416
  }
1411
1417
  .fp-SliderTrack {
package/dist/tailwind.css CHANGED
@@ -1124,6 +1124,14 @@
1124
1124
  cursor: default;
1125
1125
  }
1126
1126
 
1127
+ .fp-ComboboxTrigger:hover:where(:not([data-disabled])) {
1128
+ background-color: var(--figma-color-bg-hover);
1129
+ }
1130
+
1131
+ .fp-ComboboxTrigger:where([data-popup-open]) {
1132
+ background-color: var(--figma-color-bg-hover);
1133
+ }
1134
+
1127
1135
  .fp-ComboboxTrigger:focus-visible {
1128
1136
  border-color: var(--figma-color-border-selected);
1129
1137
  }
@@ -1637,20 +1645,19 @@
1637
1645
  outline: 0;
1638
1646
  }
1639
1647
 
1640
- .fp-SliderControl::before {
1648
+ .fp-SliderRoot[data-orientation='vertical'] .fp-SliderControl {
1649
+ flex-direction: column;
1650
+ }
1651
+ .fp-SliderRoot:where(.fp-size-small) .fp-SliderControl::before {
1641
1652
  content: '';
1642
1653
  position: absolute;
1643
1654
  }
1644
1655
 
1645
- .fp-SliderRoot[data-orientation='horizontal'] .fp-SliderControl::before {
1646
- inset: calc(50% - var(--space-11) / 2) calc((var(--slider-thumb-inset) + var(--space-3)) * -1);
1647
- }
1648
-
1649
- .fp-SliderRoot[data-orientation='vertical'] .fp-SliderControl {
1650
- flex-direction: column;
1651
- }
1656
+ .fp-SliderRoot[data-orientation='horizontal']:where(.fp-size-small) .fp-SliderControl::before {
1657
+ inset: calc(50% - var(--space-11) / 2) calc((var(--slider-thumb-inset) + var(--space-3)) * -1);
1658
+ }
1652
1659
 
1653
- .fp-SliderRoot[data-orientation='vertical'] .fp-SliderControl::before {
1660
+ .fp-SliderRoot[data-orientation='vertical']:where(.fp-size-small) .fp-SliderControl::before {
1654
1661
  inset: calc((var(--slider-thumb-inset) + var(--space-3)) * -1) calc(50% - var(--space-11) / 2);
1655
1662
  }
1656
1663
 
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "figma-kit",
3
3
  "description": "A set of React components for building Figma plugins.",
4
4
  "homepage": "https://figma-kit.dev",
5
- "version": "1.0.0-beta.31",
5
+ "version": "1.0.0-beta.33",
6
6
  "license": "MIT",
7
7
  "repository": {
8
8
  "type": "git",