@threadlabs/looma 0.29.16 → 0.29.17
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/components/ui-icon-button/ui-icon-button.html +5 -3
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/styles/ui-icon-button.css +3 -3
- package/vanilla/UiIconButton.d.ts +1 -0
- package/vanilla/UiIconButton.js +4 -4
- package/vue/UiIconButton.d.ts +9 -0
- package/vue/UiIconButton.vue +23 -3
- package/vue/chunks/UiIconButton.js +24 -1
- package/vue/components.css +60 -7
- package/vue/editor/index.js +3209 -2978
|
@@ -26,6 +26,8 @@
|
|
|
26
26
|
<prop name="guide" type="keyword" values="dot, bar" default="dot"
|
|
27
27
|
>The idle marker of an anticipatory button: dot for contextual actions, or a slim neutral rounded bar for a panel-edge control. The icon appears on hover or
|
|
28
28
|
keyboard focus; touch always shows the icon.</prop>
|
|
29
|
+
<prop name="revealed" type="boolean" default="false"
|
|
30
|
+
>Keeps an anticipatory button visible while its context is active, such as a selected block or an open popup. It does not imply a pressed or expanded state.</prop>
|
|
29
31
|
<prop name="round" type="boolean" default="false">Use a fully circular shape.</prop>
|
|
30
32
|
</defs>
|
|
31
33
|
<button
|
|
@@ -195,13 +197,13 @@
|
|
|
195
197
|
}
|
|
196
198
|
|
|
197
199
|
@media (hover: hover) and (pointer: fine) {
|
|
198
|
-
:host([anticipatory]):not(:host([variant="solid"]), :host([loading]), :host([pending]), :disabled, [aria-pressed="true"], [data-ui-proximity="near"], :hover, :focus-visible) {
|
|
200
|
+
:host([anticipatory]):not(:host([revealed]), :host([variant="solid"]), :host([loading]), :host([pending]), :disabled, [aria-pressed="true"], [data-ui-proximity="near"], :hover, :focus-visible) {
|
|
199
201
|
border-color: transparent;
|
|
200
202
|
background-color: transparent;
|
|
201
203
|
box-shadow: none;
|
|
202
204
|
}
|
|
203
205
|
|
|
204
|
-
:host([anticipatory]):not(:host([variant="solid"]), :host([loading]), :host([pending]), :disabled, [aria-pressed="true"], [data-ui-proximity="near"], :hover, :focus-visible)
|
|
206
|
+
:host([anticipatory]):not(:host([revealed]), :host([variant="solid"]), :host([loading]), :host([pending]), :disabled, [aria-pressed="true"], [data-ui-proximity="near"], :hover, :focus-visible)
|
|
205
207
|
.content {
|
|
206
208
|
opacity: 0;
|
|
207
209
|
transform: scale(0.65);
|
|
@@ -209,7 +211,7 @@
|
|
|
209
211
|
}
|
|
210
212
|
}
|
|
211
213
|
|
|
212
|
-
:host([anticipatory]):is(:host([variant="solid"]), [aria-pressed="true"], [data-ui-proximity="near"], :hover, :focus-visible)::before {
|
|
214
|
+
:host([anticipatory]):is(:host([revealed]), :host([variant="solid"]), [aria-pressed="true"], [data-ui-proximity="near"], :hover, :focus-visible)::before {
|
|
213
215
|
opacity: 0;
|
|
214
216
|
}
|
|
215
217
|
|