@rogieking/figui3 11.6.5 → 11.6.6
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 +15 -0
- package/components.css +30 -0
- package/dist/components.css +1 -1
- package/dist/fig.css +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,21 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
|
|
5
|
+
## [11.6.6]
|
|
6
|
+
|
|
7
|
+
### Added
|
|
8
|
+
|
|
9
|
+
- Added playground navigation search with filtered examples and groups.
|
|
10
|
+
|
|
11
|
+
### Changed
|
|
12
|
+
|
|
13
|
+
- Remapped logical color tokens to selected-state equivalents within selected components.
|
|
14
|
+
- Stretched choices across vertical chooser layouts.
|
|
15
|
+
|
|
16
|
+
### Fixed
|
|
17
|
+
|
|
18
|
+
- Preserved specialized selected colors for tabs and segmented controls.
|
|
19
|
+
|
|
5
20
|
## [11.6.5]
|
|
6
21
|
|
|
7
22
|
### Changed
|
package/components.css
CHANGED
|
@@ -499,6 +499,30 @@
|
|
|
499
499
|
}
|
|
500
500
|
}
|
|
501
501
|
|
|
502
|
+
[selected]:not([selected="false"]):not(fig-tabs):not(fig-tab):not(fig-segmented-control):not(fig-segment) {
|
|
503
|
+
--figma-color-bg: var(--figma-color-bg-selected);
|
|
504
|
+
--figma-color-bg-hover: var(--figma-color-bg-selected-hover);
|
|
505
|
+
--figma-color-bg-active: var(--figma-color-bg-selected-pressed);
|
|
506
|
+
--figma-color-bg-pressed: var(--figma-color-bg-selected-pressed);
|
|
507
|
+
--figma-color-bg-secondary: var(--figma-color-bg-selected-secondary);
|
|
508
|
+
--figma-color-bg-tertiary: var(--figma-color-bg-selected-tertiary);
|
|
509
|
+
--figma-color-border: var(--figma-color-border-onselected);
|
|
510
|
+
--figma-color-border-strong: var(--figma-color-border-onselected-strong);
|
|
511
|
+
--figma-color-icon: var(--figma-color-icon-onselected);
|
|
512
|
+
--figma-color-icon-hover: var(--figma-color-icon-onselected);
|
|
513
|
+
--figma-color-icon-pressed: var(--figma-color-icon-onselected);
|
|
514
|
+
--figma-color-icon-secondary: var(--figma-color-icon-onselected-secondary);
|
|
515
|
+
--figma-color-icon-secondary-hover: var(--figma-color-icon-onselected);
|
|
516
|
+
--figma-color-icon-tertiary: var(--figma-color-icon-onselected-tertiary);
|
|
517
|
+
--figma-color-icon-tertiary-hover: var(--figma-color-icon-onselected);
|
|
518
|
+
--figma-color-text: var(--figma-color-text-onselected);
|
|
519
|
+
--figma-color-text-hover: var(--figma-color-text-onselected);
|
|
520
|
+
--figma-color-text-secondary: var(--figma-color-text-onselected-secondary);
|
|
521
|
+
--figma-color-text-secondary-hover: var(--figma-color-text-onselected);
|
|
522
|
+
--figma-color-text-tertiary: var(--figma-color-text-onselected-tertiary);
|
|
523
|
+
--figma-color-text-tertiary-hover: var(--figma-color-text-onselected);
|
|
524
|
+
}
|
|
525
|
+
|
|
502
526
|
|
|
503
527
|
button,
|
|
504
528
|
select,
|
|
@@ -6772,6 +6796,12 @@ fig-chooser {
|
|
|
6772
6796
|
}
|
|
6773
6797
|
}
|
|
6774
6798
|
}
|
|
6799
|
+
&:not([layout]),
|
|
6800
|
+
&[layout=""],
|
|
6801
|
+
&[layout="vertical"] {
|
|
6802
|
+
align-items: stretch;
|
|
6803
|
+
}
|
|
6804
|
+
|
|
6775
6805
|
&:not([layout]),
|
|
6776
6806
|
&[layout=""],
|
|
6777
6807
|
&[layout="vertical"],
|