@fairfox/polly 0.75.0 → 0.75.1
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.
|
@@ -189,16 +189,16 @@
|
|
|
189
189
|
}
|
|
190
190
|
|
|
191
191
|
.caret_daofbw {
|
|
192
|
-
color: var(--polly-
|
|
192
|
+
color: var(--polly-caret-color);
|
|
193
193
|
pointer-events: none;
|
|
194
194
|
transition: transform var(--polly-motion-fast) ease;
|
|
195
195
|
flex: none;
|
|
196
196
|
}
|
|
197
197
|
|
|
198
198
|
.caret_daofbw:before {
|
|
199
|
-
content:
|
|
199
|
+
content: var(--polly-caret-glyph);
|
|
200
200
|
display: block;
|
|
201
|
-
font-size: var(--polly-
|
|
201
|
+
font-size: var(--polly-caret-size);
|
|
202
202
|
line-height: 1;
|
|
203
203
|
}
|
|
204
204
|
|
|
@@ -575,6 +575,9 @@
|
|
|
575
575
|
}
|
|
576
576
|
|
|
577
577
|
.summary_sEhnPw {
|
|
578
|
+
display: flex;
|
|
579
|
+
align-items: center;
|
|
580
|
+
gap: var(--polly-space-sm);
|
|
578
581
|
padding: var(--polly-space-sm) var(--polly-space-md);
|
|
579
582
|
cursor: pointer;
|
|
580
583
|
font-family: inherit;
|
|
@@ -590,16 +593,19 @@
|
|
|
590
593
|
display: none;
|
|
591
594
|
}
|
|
592
595
|
|
|
593
|
-
.summary_sEhnPw:
|
|
594
|
-
content:
|
|
595
|
-
display:
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
transition: transform var(--polly-motion-fast);
|
|
596
|
+
.summary_sEhnPw:after {
|
|
597
|
+
content: var(--polly-caret-glyph);
|
|
598
|
+
display: block;
|
|
599
|
+
font-size: var(--polly-caret-size);
|
|
600
|
+
color: var(--polly-caret-color);
|
|
601
|
+
transition: transform var(--polly-motion-fast) ease;
|
|
602
|
+
flex: none;
|
|
603
|
+
margin-inline-start: auto;
|
|
604
|
+
line-height: 1;
|
|
599
605
|
}
|
|
600
606
|
|
|
601
|
-
.collapsible_sEhnPw[open] > .summary_sEhnPw:
|
|
602
|
-
transform: rotate(
|
|
607
|
+
.collapsible_sEhnPw[open] > .summary_sEhnPw:after {
|
|
608
|
+
transform: rotate(180deg);
|
|
603
609
|
}
|
|
604
610
|
|
|
605
611
|
.summary_sEhnPw:hover {
|
|
@@ -378,16 +378,16 @@
|
|
|
378
378
|
}
|
|
379
379
|
|
|
380
380
|
.caret_daofbw {
|
|
381
|
-
color: var(--polly-
|
|
381
|
+
color: var(--polly-caret-color);
|
|
382
382
|
pointer-events: none;
|
|
383
383
|
transition: transform var(--polly-motion-fast) ease;
|
|
384
384
|
flex: none;
|
|
385
385
|
}
|
|
386
386
|
|
|
387
387
|
.caret_daofbw:before {
|
|
388
|
-
content:
|
|
388
|
+
content: var(--polly-caret-glyph);
|
|
389
389
|
display: block;
|
|
390
|
-
font-size: var(--polly-
|
|
390
|
+
font-size: var(--polly-caret-size);
|
|
391
391
|
line-height: 1;
|
|
392
392
|
}
|
|
393
393
|
|
|
@@ -764,6 +764,9 @@
|
|
|
764
764
|
}
|
|
765
765
|
|
|
766
766
|
.summary_sEhnPw {
|
|
767
|
+
display: flex;
|
|
768
|
+
align-items: center;
|
|
769
|
+
gap: var(--polly-space-sm);
|
|
767
770
|
padding: var(--polly-space-sm) var(--polly-space-md);
|
|
768
771
|
cursor: pointer;
|
|
769
772
|
font-family: inherit;
|
|
@@ -779,16 +782,19 @@
|
|
|
779
782
|
display: none;
|
|
780
783
|
}
|
|
781
784
|
|
|
782
|
-
.summary_sEhnPw:
|
|
783
|
-
content:
|
|
784
|
-
display:
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
transition: transform var(--polly-motion-fast);
|
|
785
|
+
.summary_sEhnPw:after {
|
|
786
|
+
content: var(--polly-caret-glyph);
|
|
787
|
+
display: block;
|
|
788
|
+
font-size: var(--polly-caret-size);
|
|
789
|
+
color: var(--polly-caret-color);
|
|
790
|
+
transition: transform var(--polly-motion-fast) ease;
|
|
791
|
+
flex: none;
|
|
792
|
+
margin-inline-start: auto;
|
|
793
|
+
line-height: 1;
|
|
788
794
|
}
|
|
789
795
|
|
|
790
|
-
.collapsible_sEhnPw[open] > .summary_sEhnPw:
|
|
791
|
-
transform: rotate(
|
|
796
|
+
.collapsible_sEhnPw[open] > .summary_sEhnPw:after {
|
|
797
|
+
transform: rotate(180deg);
|
|
792
798
|
}
|
|
793
799
|
|
|
794
800
|
.summary_sEhnPw:hover {
|
|
@@ -80,6 +80,15 @@
|
|
|
80
80
|
--polly-control-height-md: 2.25rem;
|
|
81
81
|
--polly-control-height-lg: 2.75rem;
|
|
82
82
|
|
|
83
|
+
/* Disclosure caret — one glyph, one size, one colour shared across
|
|
84
|
+
* every disclosure-style primitive (Collapsible, Select / ActionSelect)
|
|
85
|
+
* so the indicator reads the same wherever it appears. Rotation
|
|
86
|
+
* magnitude stays per-use: a future primitive may want a quarter
|
|
87
|
+
* turn instead of a half turn (polly#137). */
|
|
88
|
+
--polly-caret-glyph: "\25BE";
|
|
89
|
+
--polly-caret-size: var(--polly-text-md);
|
|
90
|
+
--polly-caret-color: var(--polly-text-muted);
|
|
91
|
+
|
|
83
92
|
/* Motion */
|
|
84
93
|
--polly-motion-fast: 120ms;
|
|
85
94
|
--polly-motion-base: 200ms;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fairfox/polly",
|
|
3
|
-
"version": "0.75.
|
|
3
|
+
"version": "0.75.1",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "module",
|
|
6
6
|
"description": "Multi-execution-context framework with reactive state and cross-context messaging for Chrome extensions, PWAs, and worker-based applications",
|