@rogieking/figui3 11.6.6 → 11.6.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.
- package/CHANGELOG.md +11 -0
- package/components.css +8 -4
- package/dist/components.css +1 -1
- package/dist/fig.css +1 -1
- package/dist/fig.js +4 -4
- package/fig.js +102 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
|
|
5
|
+
## [11.6.7]
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Applied selected text styling while preserving specialized tab, segment, menu-item, and select-option states.
|
|
10
|
+
- Preserved dropdown background colors when rendering native chevron images.
|
|
11
|
+
|
|
12
|
+
### Fixed
|
|
13
|
+
|
|
14
|
+
- Marked native dropdown selects and wrapping select buttons as selected only while their picker is open.
|
|
15
|
+
|
|
5
16
|
## [11.6.6]
|
|
6
17
|
|
|
7
18
|
### Added
|
package/components.css
CHANGED
|
@@ -499,7 +499,7 @@
|
|
|
499
499
|
}
|
|
500
500
|
}
|
|
501
501
|
|
|
502
|
-
[selected]:not([selected="false"]):not(fig-tabs
|
|
502
|
+
[selected]:not([selected="false"]):not(:is(fig-tabs, fig-tab, fig-segmented-control, fig-segment, fig-select-option, fig-menu-item)) {
|
|
503
503
|
--figma-color-bg: var(--figma-color-bg-selected);
|
|
504
504
|
--figma-color-bg-hover: var(--figma-color-bg-selected-hover);
|
|
505
505
|
--figma-color-bg-active: var(--figma-color-bg-selected-pressed);
|
|
@@ -521,6 +521,8 @@
|
|
|
521
521
|
--figma-color-text-secondary-hover: var(--figma-color-text-onselected);
|
|
522
522
|
--figma-color-text-tertiary: var(--figma-color-text-onselected-tertiary);
|
|
523
523
|
--figma-color-text-tertiary-hover: var(--figma-color-text-onselected);
|
|
524
|
+
|
|
525
|
+
color: var(--figma-color-text-selected);
|
|
524
526
|
}
|
|
525
527
|
|
|
526
528
|
|
|
@@ -728,14 +730,16 @@ textarea {
|
|
|
728
730
|
select,
|
|
729
731
|
input[type="text"][list] {
|
|
730
732
|
padding: var(--spacer-2);
|
|
731
|
-
background-color: var(--figma-color-bg);
|
|
732
733
|
|
|
733
734
|
|
|
734
735
|
&:not([multiple]) {
|
|
735
736
|
height: var(--fig-dropdown-height, var(--spacer-4));
|
|
736
737
|
padding: 0 var(--spacer-4) 0 var(--spacer-2);
|
|
737
|
-
background:
|
|
738
|
-
var(--icon-16-chevron);
|
|
738
|
+
background-color: var(--figma-color-bg);
|
|
739
|
+
background-image: var(--icon-16-chevron);
|
|
740
|
+
background-position: calc(100% - var(--spacer-1)) 50%;
|
|
741
|
+
background-size: 1rem;
|
|
742
|
+
background-repeat: no-repeat;
|
|
739
743
|
}
|
|
740
744
|
&[multiple] {
|
|
741
745
|
overflow: auto;
|