@threadlabs/looma 0.10.0 → 0.10.2
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-editor-toolbar/ui-editor-toolbar.html +70 -20
- package/components/ui-editor-toolbar/ui-editor-toolbar.js +24 -0
- package/dist/index.js +20 -19
- package/package.json +2 -2
- package/styles/ui-affordance-scope.css +1 -1
- package/styles/ui-avatar-group.css +1 -1
- package/styles/ui-avatar.css +1 -1
- package/styles/ui-badge.css +1 -1
- package/styles/ui-button.css +1 -1
- package/styles/ui-callout.css +1 -1
- package/styles/ui-checkbox.css +1 -1
- package/styles/ui-cluster.css +1 -1
- package/styles/ui-combobox.css +1 -1
- package/styles/ui-container.css +1 -1
- package/styles/ui-context-menu.css +1 -1
- package/styles/ui-dialog.css +1 -1
- package/styles/ui-disclosure.css +1 -1
- package/styles/ui-editable.css +1 -1
- package/styles/ui-editor-insert-table-grid.css +1 -1
- package/styles/ui-editor-mention-menu.css +1 -1
- package/styles/ui-editor-slash-menu.css +1 -1
- package/styles/ui-editor-table-context-menu.css +1 -1
- package/styles/ui-editor-table-overlay.css +1 -1
- package/styles/ui-editor-table-toolbar.css +1 -1
- package/styles/ui-editor-toolbar.css +73 -19
- package/styles/ui-floating-action-button.css +1 -1
- package/styles/ui-form-field.css +1 -1
- package/styles/ui-grid.css +1 -1
- package/styles/ui-icon-button.css +1 -1
- package/styles/ui-icon.css +1 -1
- package/styles/ui-input.css +1 -1
- package/styles/ui-menu-item.css +1 -1
- package/styles/ui-menu.css +1 -1
- package/styles/ui-popover.css +1 -1
- package/styles/ui-radio-group.css +1 -1
- package/styles/ui-radio.css +1 -1
- package/styles/ui-reel.css +1 -1
- package/styles/ui-search-result-row.css +1 -1
- package/styles/ui-search-shell.css +1 -1
- package/styles/ui-select.css +1 -1
- package/styles/ui-separator.css +1 -1
- package/styles/ui-sidebar.css +1 -1
- package/styles/ui-stack.css +1 -1
- package/styles/ui-switch.css +1 -1
- package/styles/ui-switcher.css +1 -1
- package/styles/ui-tabs.css +1 -1
- package/styles/ui-textarea.css +1 -1
- package/styles/ui-toast-region.css +1 -1
- package/styles/ui-tooltip.css +1 -1
- package/styles/ui-top-bar.css +1 -1
- package/styles/ui-tree-item.css +1 -1
- package/styles/ui-tree.css +1 -1
- package/vanilla/UiAffordanceScope.d.ts +1 -1
- package/vanilla/UiAffordanceScope.js +1 -1
- package/vanilla/UiAvatar.d.ts +1 -1
- package/vanilla/UiAvatar.js +1 -1
- package/vanilla/UiAvatarGroup.d.ts +1 -1
- package/vanilla/UiAvatarGroup.js +1 -1
- package/vanilla/UiBadge.d.ts +1 -1
- package/vanilla/UiBadge.js +1 -1
- package/vanilla/UiButton.d.ts +1 -1
- package/vanilla/UiButton.js +1 -1
- package/vanilla/UiCallout.d.ts +1 -1
- package/vanilla/UiCallout.js +1 -1
- package/vanilla/UiCheckbox.d.ts +1 -1
- package/vanilla/UiCheckbox.js +1 -1
- package/vanilla/UiCluster.d.ts +1 -1
- package/vanilla/UiCluster.js +1 -1
- package/vanilla/UiCombobox.d.ts +1 -1
- package/vanilla/UiCombobox.js +1 -1
- package/vanilla/UiContainer.d.ts +1 -1
- package/vanilla/UiContainer.js +1 -1
- package/vanilla/UiContextMenu.d.ts +1 -1
- package/vanilla/UiContextMenu.js +1 -1
- package/vanilla/UiDialog.d.ts +1 -1
- package/vanilla/UiDialog.js +1 -1
- package/vanilla/UiDisclosure.d.ts +1 -1
- package/vanilla/UiDisclosure.js +1 -1
- package/vanilla/UiEditable.d.ts +1 -1
- package/vanilla/UiEditable.js +1 -1
- package/vanilla/UiEditorInsertTableGrid.d.ts +1 -1
- package/vanilla/UiEditorInsertTableGrid.js +1 -1
- package/vanilla/UiEditorMentionMenu.d.ts +1 -1
- package/vanilla/UiEditorMentionMenu.js +1 -1
- package/vanilla/UiEditorSlashMenu.d.ts +1 -1
- package/vanilla/UiEditorSlashMenu.js +1 -1
- package/vanilla/UiEditorTableContextMenu.d.ts +1 -1
- package/vanilla/UiEditorTableContextMenu.js +1 -1
- package/vanilla/UiEditorTableOverlay.d.ts +1 -1
- package/vanilla/UiEditorTableOverlay.js +1 -1
- package/vanilla/UiEditorTableToolbar.d.ts +1 -1
- package/vanilla/UiEditorTableToolbar.js +1 -1
- package/vanilla/UiEditorToolbar.d.ts +1 -1
- package/vanilla/UiEditorToolbar.js +12 -7
- package/vanilla/UiFloatingActionButton.d.ts +1 -1
- package/vanilla/UiFloatingActionButton.js +1 -1
- package/vanilla/UiFormField.d.ts +1 -1
- package/vanilla/UiFormField.js +1 -1
- package/vanilla/UiGrid.d.ts +1 -1
- package/vanilla/UiGrid.js +1 -1
- package/vanilla/UiIcon.d.ts +1 -1
- package/vanilla/UiIcon.js +1 -1
- package/vanilla/UiIconButton.d.ts +1 -1
- package/vanilla/UiIconButton.js +1 -1
- package/vanilla/UiInput.d.ts +1 -1
- package/vanilla/UiInput.js +1 -1
- package/vanilla/UiMenu.d.ts +1 -1
- package/vanilla/UiMenu.js +1 -1
- package/vanilla/UiMenuItem.d.ts +1 -1
- package/vanilla/UiMenuItem.js +1 -1
- package/vanilla/UiPopover.d.ts +1 -1
- package/vanilla/UiPopover.js +1 -1
- package/vanilla/UiRadio.d.ts +1 -1
- package/vanilla/UiRadio.js +1 -1
- package/vanilla/UiRadioGroup.d.ts +1 -1
- package/vanilla/UiRadioGroup.js +1 -1
- package/vanilla/UiReel.d.ts +1 -1
- package/vanilla/UiReel.js +1 -1
- package/vanilla/UiSearchResultRow.d.ts +1 -1
- package/vanilla/UiSearchResultRow.js +1 -1
- package/vanilla/UiSearchShell.d.ts +1 -1
- package/vanilla/UiSearchShell.js +1 -1
- package/vanilla/UiSelect.d.ts +1 -1
- package/vanilla/UiSelect.js +1 -1
- package/vanilla/UiSeparator.d.ts +1 -1
- package/vanilla/UiSeparator.js +1 -1
- package/vanilla/UiSidebar.d.ts +1 -1
- package/vanilla/UiSidebar.js +1 -1
- package/vanilla/UiStack.d.ts +1 -1
- package/vanilla/UiStack.js +1 -1
- package/vanilla/UiSwitch.d.ts +1 -1
- package/vanilla/UiSwitch.js +1 -1
- package/vanilla/UiSwitcher.d.ts +1 -1
- package/vanilla/UiSwitcher.js +1 -1
- package/vanilla/UiTabs.d.ts +1 -1
- package/vanilla/UiTabs.js +1 -1
- package/vanilla/UiTextarea.d.ts +1 -1
- package/vanilla/UiTextarea.js +1 -1
- package/vanilla/UiToastRegion.d.ts +1 -1
- package/vanilla/UiToastRegion.js +1 -1
- package/vanilla/UiTooltip.d.ts +1 -1
- package/vanilla/UiTooltip.js +1 -1
- package/vanilla/UiTopBar.d.ts +1 -1
- package/vanilla/UiTopBar.js +1 -1
- package/vanilla/UiTree.d.ts +1 -1
- package/vanilla/UiTree.js +1 -1
- package/vanilla/UiTreeItem.d.ts +1 -1
- package/vanilla/UiTreeItem.js +1 -1
- package/vue/UiAffordanceScope.vue +1 -1
- package/vue/UiAvatar.vue +1 -1
- package/vue/UiAvatarGroup.vue +1 -1
- package/vue/UiBadge.vue +1 -1
- package/vue/UiButton.vue +1 -1
- package/vue/UiCallout.vue +1 -1
- package/vue/UiCheckbox.vue +1 -1
- package/vue/UiCluster.vue +1 -1
- package/vue/UiCombobox.vue +1 -1
- package/vue/UiContainer.vue +1 -1
- package/vue/UiContextMenu.vue +1 -1
- package/vue/UiDialog.vue +1 -1
- package/vue/UiDisclosure.vue +1 -1
- package/vue/UiEditable.vue +1 -1
- package/vue/UiEditorInsertTableGrid.vue +1 -1
- package/vue/UiEditorMentionMenu.vue +1 -1
- package/vue/UiEditorSlashMenu.vue +1 -1
- package/vue/UiEditorTableContextMenu.vue +1 -1
- package/vue/UiEditorTableOverlay.vue +1 -1
- package/vue/UiEditorTableToolbar.vue +1 -1
- package/vue/UiEditorToolbar.vue +91 -21
- package/vue/UiFloatingActionButton.vue +1 -1
- package/vue/UiFormField.vue +1 -1
- package/vue/UiGrid.vue +1 -1
- package/vue/UiIcon.vue +1 -1
- package/vue/UiIconButton.vue +1 -1
- package/vue/UiInput.vue +1 -1
- package/vue/UiMenu.vue +1 -1
- package/vue/UiMenuItem.vue +1 -1
- package/vue/UiPopover.vue +1 -1
- package/vue/UiRadio.vue +1 -1
- package/vue/UiRadioGroup.vue +1 -1
- package/vue/UiReel.vue +1 -1
- package/vue/UiSearchResultRow.vue +1 -1
- package/vue/UiSearchShell.vue +1 -1
- package/vue/UiSelect.vue +1 -1
- package/vue/UiSeparator.vue +1 -1
- package/vue/UiSidebar.vue +1 -1
- package/vue/UiStack.vue +1 -1
- package/vue/UiSwitch.vue +1 -1
- package/vue/UiSwitcher.vue +1 -1
- package/vue/UiTabs.vue +1 -1
- package/vue/UiTextarea.vue +1 -1
- package/vue/UiToastRegion.vue +1 -1
- package/vue/UiTooltip.vue +1 -1
- package/vue/UiTopBar.vue +1 -1
- package/vue/UiTree.vue +1 -1
- package/vue/UiTreeItem.vue +1 -1
- package/vue/chunks/UiAffordanceScope.js +1 -1
- package/vue/chunks/UiAvatar.js +1 -1
- package/vue/chunks/UiAvatarGroup.js +1 -1
- package/vue/chunks/UiBadge.js +1 -1
- package/vue/chunks/UiButton.js +1 -1
- package/vue/chunks/UiCallout.js +1 -1
- package/vue/chunks/UiCheckbox.js +1 -1
- package/vue/chunks/UiCluster.js +1 -1
- package/vue/chunks/UiCombobox.js +1 -1
- package/vue/chunks/UiContainer.js +1 -1
- package/vue/chunks/UiContextMenu.js +1 -1
- package/vue/chunks/UiDialog.js +1 -1
- package/vue/chunks/UiDisclosure.js +1 -1
- package/vue/chunks/UiEditable.js +1 -1
- package/vue/chunks/UiEditorInsertTableGrid.js +1 -1
- package/vue/chunks/UiEditorMentionMenu.js +1 -1
- package/vue/chunks/UiEditorSlashMenu.js +1 -1
- package/vue/chunks/UiEditorTableContextMenu.js +1 -1
- package/vue/chunks/UiEditorTableOverlay.js +1 -1
- package/vue/chunks/UiEditorTableToolbar.js +1 -1
- package/vue/chunks/UiEditorToolbar.js +33 -4
- package/vue/chunks/UiFloatingActionButton.js +1 -1
- package/vue/chunks/UiFormField.js +1 -1
- package/vue/chunks/UiGrid.js +1 -1
- package/vue/chunks/UiIcon.js +1 -1
- package/vue/chunks/UiIconButton.js +1 -1
- package/vue/chunks/UiInput.js +1 -1
- package/vue/chunks/UiMenu.js +1 -1
- package/vue/chunks/UiMenuItem.js +1 -1
- package/vue/chunks/UiPopover.js +1 -1
- package/vue/chunks/UiRadio.js +1 -1
- package/vue/chunks/UiRadioGroup.js +1 -1
- package/vue/chunks/UiReel.js +1 -1
- package/vue/chunks/UiSearchResultRow.js +1 -1
- package/vue/chunks/UiSearchShell.js +1 -1
- package/vue/chunks/UiSelect.js +1 -1
- package/vue/chunks/UiSeparator.js +1 -1
- package/vue/chunks/UiSidebar.js +1 -1
- package/vue/chunks/UiStack.js +1 -1
- package/vue/chunks/UiSwitch.js +1 -1
- package/vue/chunks/UiSwitcher.js +1 -1
- package/vue/chunks/UiTabs.js +1 -1
- package/vue/chunks/UiTextarea.js +1 -1
- package/vue/chunks/UiToastRegion.js +1 -1
- package/vue/chunks/UiTooltip.js +1 -1
- package/vue/chunks/UiTopBar.js +1 -1
- package/vue/chunks/UiTree.js +1 -1
- package/vue/chunks/UiTreeItem.js +1 -1
- package/vue/chunks/host.js +8 -2
- package/vue/components.css +769 -725
- package/vue/host.ts +11 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@threadlabs/looma",
|
|
3
|
-
"version": "0.10.
|
|
3
|
+
"version": "0.10.2",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Looma components as HTML, Vue, and plain DOM, with design tokens.",
|
|
6
6
|
"license": "MIT",
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
"./*.css"
|
|
78
78
|
],
|
|
79
79
|
"dependencies": {
|
|
80
|
-
"@nextwebwg/html-next": "^1.0.0-alpha.
|
|
80
|
+
"@nextwebwg/html-next": "^1.0.0-alpha.5",
|
|
81
81
|
"lowlight": "^3.3.0",
|
|
82
82
|
"markdown-it": "14.3.1",
|
|
83
83
|
"lucide": "~0.554.0"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* Generated by HTML Next 1.0.0-alpha.
|
|
1
|
+
/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
|
|
2
2
|
@scope ([data-component~="ui-avatar-group"]) to ([data-component], [data-slotted]) {
|
|
3
3
|
:scope {
|
|
4
4
|
/* Avatars separate with a tight, crisp edge, matching Looma's 1px borders rather than the
|
package/styles/ui-avatar.css
CHANGED
package/styles/ui-badge.css
CHANGED
package/styles/ui-button.css
CHANGED
package/styles/ui-callout.css
CHANGED
package/styles/ui-checkbox.css
CHANGED
package/styles/ui-cluster.css
CHANGED
package/styles/ui-combobox.css
CHANGED
package/styles/ui-container.css
CHANGED
package/styles/ui-dialog.css
CHANGED
package/styles/ui-disclosure.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* Generated by HTML Next 1.0.0-alpha.
|
|
1
|
+
/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
|
|
2
2
|
@scope ([data-component~="ui-disclosure"]) to ([data-component], [data-slotted]) {
|
|
3
3
|
/* Density resolves into the summary row's own values; the public tokens still override them. */
|
|
4
4
|
:scope {
|
package/styles/ui-editable.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* Generated by HTML Next 1.0.0-alpha.
|
|
1
|
+
/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
|
|
2
2
|
@scope ([data-component~="ui-editor-table-context-menu"]) to ([data-component], [data-slotted]) {
|
|
3
3
|
:scope {
|
|
4
4
|
/* The max-width is a promise about the menu's footprint, so it counts padding and border. */
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* Generated by HTML Next 1.0.0-alpha.
|
|
1
|
+
/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
|
|
2
2
|
@scope ([data-component~="ui-editor-table-toolbar"]) to ([data-component], [data-slotted]) {
|
|
3
3
|
.looma-editor__mobile-toolbar-shell :scope {
|
|
4
4
|
min-width: max-content;
|
|
@@ -1,36 +1,83 @@
|
|
|
1
|
-
/* Generated by HTML Next 1.0.0-alpha.
|
|
1
|
+
/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
|
|
2
2
|
@scope ([data-component~="ui-editor-toolbar"]) to ([data-component], [data-slotted]) {
|
|
3
3
|
:scope {
|
|
4
|
+
/* The colour the edge fades blend into: whatever the toolbar is painted with. */
|
|
5
|
+
--_matte: var(--ui-editor-toolbar-surface, var(--ui-surface));
|
|
6
|
+
|
|
4
7
|
position: sticky;
|
|
5
8
|
top: 0;
|
|
6
9
|
z-index: var(--ui-editor-toolbar-z-index, 10);
|
|
7
10
|
display: flex;
|
|
8
11
|
align-items: center;
|
|
9
|
-
justify-content: flex-start;
|
|
10
|
-
gap: var(--ui-editor-toolbar-gap, 2px);
|
|
11
12
|
padding: var(--ui-editor-toolbar-padding-block, 6px) var(--ui-editor-toolbar-padding-inline, 12px);
|
|
12
13
|
min-height: var(--ui-editor-toolbar-min-height, 48px);
|
|
13
|
-
/* More controls than the column is wide is normal at a readable measure, so the row wraps.
|
|
14
|
-
Scrolling hid the tail behind an invisible scrollbar. */
|
|
15
|
-
flex-wrap: wrap;
|
|
16
|
-
row-gap: var(--ui-editor-toolbar-row-gap, var(--ui-editor-toolbar-gap, 2px));
|
|
17
14
|
background: var(--ui-editor-toolbar-surface, var(--ui-surface));
|
|
18
15
|
border-bottom: 1px solid var(--ui-editor-toolbar-border, var(--ui-border));
|
|
19
16
|
}
|
|
20
17
|
|
|
21
|
-
|
|
18
|
+
/* One row, always. When the controls outgrow the space, the row scrolls sideways rather than
|
|
19
|
+
wrapping into several lines, and a fade at each edge that has more to show says so. */
|
|
20
|
+
.strip {
|
|
21
|
+
display: flex;
|
|
22
|
+
flex: 1 1 auto;
|
|
23
|
+
align-items: center;
|
|
24
|
+
justify-content: flex-start;
|
|
25
|
+
gap: var(--ui-editor-toolbar-gap, 2px);
|
|
26
|
+
min-width: 0;
|
|
27
|
+
overflow-x: auto;
|
|
28
|
+
overflow-y: hidden;
|
|
29
|
+
overscroll-behavior-inline: contain;
|
|
30
|
+
scrollbar-width: none;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.strip::-webkit-scrollbar {
|
|
22
34
|
display: none;
|
|
23
35
|
}
|
|
24
36
|
|
|
37
|
+
/* The fades are mattes laid over the strip in the toolbar's own colour, not a mask, so a floating
|
|
38
|
+
toolbar's border and shadow stay whole. Each appears only while that edge hides controls. */
|
|
39
|
+
:scope::before,
|
|
40
|
+
:scope::after {
|
|
41
|
+
position: absolute;
|
|
42
|
+
z-index: 1;
|
|
43
|
+
inset-block: 0;
|
|
44
|
+
inline-size: var(--ui-editor-toolbar-fade-size, 32px);
|
|
45
|
+
content: "";
|
|
46
|
+
opacity: 0;
|
|
47
|
+
pointer-events: none;
|
|
48
|
+
transition: opacity var(--ui-motion-fast, 120ms) var(--ui-motion-ease, ease);
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
:scope::before {
|
|
52
|
+
inset-inline-start: 0;
|
|
53
|
+
background: linear-gradient(to right, var(--_matte), transparent);
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
:scope::after {
|
|
57
|
+
inset-inline-end: 0;
|
|
58
|
+
background: linear-gradient(to left, var(--_matte), transparent);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
:scope:dir(rtl)::before {
|
|
62
|
+
background: linear-gradient(to left, var(--_matte), transparent);
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
:scope:dir(rtl)::after {
|
|
66
|
+
background: linear-gradient(to right, var(--_matte), transparent);
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
:scope[data-ui-editor-toolbar-state~="overflowStart"]::before,
|
|
70
|
+
:scope[data-ui-editor-toolbar-state~="overflowEnd"]::after {
|
|
71
|
+
opacity: 1;
|
|
72
|
+
}
|
|
73
|
+
|
|
25
74
|
:scope[data-ui-editor-toolbar-state~="floating"] {
|
|
26
|
-
|
|
27
|
-
position: static;
|
|
75
|
+
position: relative;
|
|
28
76
|
top: auto;
|
|
29
77
|
width: max-content;
|
|
30
78
|
max-width: min(calc(100vw - 24px), 100%);
|
|
31
79
|
min-height: auto;
|
|
32
80
|
padding: var(--ui-editor-toolbar-floating-padding, 4px);
|
|
33
|
-
overflow-x: visible;
|
|
34
81
|
background: color-mix(in srgb, var(--ui-editor-toolbar-surface, var(--ui-surface)) 96%, transparent);
|
|
35
82
|
border: 1px solid var(--ui-editor-toolbar-border, var(--ui-border));
|
|
36
83
|
border-radius: var(--ui-editor-toolbar-floating-radius, var(--ui-radius-lg));
|
|
@@ -52,7 +99,7 @@
|
|
|
52
99
|
}
|
|
53
100
|
|
|
54
101
|
:scope[data-ui-editor-toolbar-state~="floating"] {
|
|
55
|
-
position:
|
|
102
|
+
position: relative;
|
|
56
103
|
inset: auto;
|
|
57
104
|
min-height: auto;
|
|
58
105
|
border: 1px solid var(--ui-editor-toolbar-border, var(--ui-border));
|
|
@@ -63,9 +110,10 @@
|
|
|
63
110
|
|
|
64
111
|
/* Inside LoomaEditor's sticky shell, the shell is the sticky surface. */
|
|
65
112
|
.looma-editor__sticky-toolbar-shell :scope {
|
|
66
|
-
|
|
113
|
+
--_matte: var(--ui-editor-toolbar-surface, var(--ui-surface));
|
|
114
|
+
|
|
115
|
+
position: relative;
|
|
67
116
|
min-height: var(--ui-editor-toolbar-min-height, 48px);
|
|
68
|
-
overscroll-behavior-inline: contain;
|
|
69
117
|
background: transparent;
|
|
70
118
|
border: 0;
|
|
71
119
|
box-shadow: none;
|
|
@@ -77,10 +125,6 @@
|
|
|
77
125
|
max-width: none;
|
|
78
126
|
min-height: 100%;
|
|
79
127
|
padding: 0;
|
|
80
|
-
overflow-x: auto;
|
|
81
|
-
overflow-y: hidden;
|
|
82
|
-
overscroll-behavior-inline: contain;
|
|
83
|
-
scroll-snap-type: x mandatory;
|
|
84
128
|
background: transparent;
|
|
85
129
|
border: 0;
|
|
86
130
|
border-radius: 0;
|
|
@@ -88,16 +132,26 @@
|
|
|
88
132
|
backdrop-filter: none;
|
|
89
133
|
}
|
|
90
134
|
|
|
135
|
+
.looma-editor__mobile-toolbar-shell :scope[data-ui-editor-toolbar-state~="floating"] .strip {
|
|
136
|
+
scroll-snap-type: x mandatory;
|
|
137
|
+
}
|
|
138
|
+
|
|
91
139
|
/* A component that sets its display still honours the hidden attribute on its root. */
|
|
92
140
|
:scope[hidden] {
|
|
93
141
|
display: none;
|
|
94
142
|
}
|
|
95
143
|
}
|
|
96
144
|
@scope ([data-component~="ui-editor-toolbar"]) to ([data-component]) {
|
|
97
|
-
|
|
145
|
+
/* One row, always. When the controls outgrow the space, the row scrolls sideways rather than
|
|
146
|
+
wrapping into several lines, and a fade at each edge that has more to show says so. */
|
|
147
|
+
|
|
148
|
+
.strip > :where([data-slotted], [data-slotted] *):is(*) {
|
|
98
149
|
flex: 0 0 auto;
|
|
99
150
|
}
|
|
100
151
|
|
|
152
|
+
/* The fades are mattes laid over the strip in the toolbar's own colour, not a mask, so a floating
|
|
153
|
+
toolbar's border and shadow stay whole. Each appears only while that edge hides controls. */
|
|
154
|
+
|
|
101
155
|
:where([data-slotted], [data-slotted] *):is(.divider) {
|
|
102
156
|
width: 1px;
|
|
103
157
|
height: 20px;
|
package/styles/ui-form-field.css
CHANGED
package/styles/ui-grid.css
CHANGED
package/styles/ui-icon.css
CHANGED
package/styles/ui-input.css
CHANGED
package/styles/ui-menu-item.css
CHANGED
package/styles/ui-menu.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* Generated by HTML Next 1.0.0-alpha.
|
|
1
|
+
/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
|
|
2
2
|
@scope ([data-component~="ui-menu"]) to ([data-component], [data-slotted]) {
|
|
3
3
|
/* Compact sets the part tokens its items read, so nothing has to rescale a global. */
|
|
4
4
|
:scope[data-ui-menu-state~="density=compact"] {
|
package/styles/ui-popover.css
CHANGED
package/styles/ui-radio.css
CHANGED
package/styles/ui-reel.css
CHANGED
package/styles/ui-select.css
CHANGED
package/styles/ui-separator.css
CHANGED
package/styles/ui-sidebar.css
CHANGED
package/styles/ui-stack.css
CHANGED
package/styles/ui-switch.css
CHANGED
package/styles/ui-switcher.css
CHANGED
package/styles/ui-tabs.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* Generated by HTML Next 1.0.0-alpha.
|
|
1
|
+
/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
|
|
2
2
|
@scope ([data-component~="ui-tabs"]) to ([data-component], [data-slotted]) {
|
|
3
3
|
/* Density resolves into the tab row's own values; the public tokens still override them. */
|
|
4
4
|
:scope {
|
package/styles/ui-textarea.css
CHANGED
package/styles/ui-tooltip.css
CHANGED
package/styles/ui-top-bar.css
CHANGED
package/styles/ui-tree-item.css
CHANGED
package/styles/ui-tree.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* Generated by HTML Next 1.0.0-alpha.
|
|
1
|
+
/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
|
|
2
2
|
@scope ([data-component~="ui-tree"]) to ([data-component], [data-slotted]) {
|
|
3
3
|
:scope[data-ui-tree-state~="density=compact"] {
|
|
4
4
|
--ui-tree-item-min-block-size: var(--ui-control-size-sm);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated by HTML Next 1.0.0-alpha.
|
|
1
|
+
// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
|
|
2
2
|
import { manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
|
|
3
3
|
import * as controller from "../components/ui-affordance-scope/ui-affordance-scope.js";
|
|
4
4
|
import "../styles/ui-affordance-scope.css";
|
package/vanilla/UiAvatar.d.ts
CHANGED
package/vanilla/UiAvatar.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated by HTML Next 1.0.0-alpha.
|
|
1
|
+
// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
|
|
2
2
|
import { manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
|
|
3
3
|
import * as controller from "../components/ui-avatar/ui-avatar.js";
|
|
4
4
|
import "../styles/ui-avatar.css";
|
package/vanilla/UiAvatarGroup.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated by HTML Next 1.0.0-alpha.
|
|
1
|
+
// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
|
|
2
2
|
import { manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
|
|
3
3
|
import * as controller from "../components/ui-avatar-group/ui-avatar-group.js";
|
|
4
4
|
import "../styles/ui-avatar-group.css";
|
package/vanilla/UiBadge.d.ts
CHANGED
package/vanilla/UiBadge.js
CHANGED
package/vanilla/UiButton.d.ts
CHANGED
package/vanilla/UiButton.js
CHANGED
package/vanilla/UiCallout.d.ts
CHANGED
package/vanilla/UiCallout.js
CHANGED
package/vanilla/UiCheckbox.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated by HTML Next 1.0.0-alpha.
|
|
1
|
+
// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
|
|
2
2
|
export interface UiCheckboxEventMap {
|
|
3
3
|
change: CustomEvent<{ readonly checked: boolean; readonly value: string; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
|
|
4
4
|
}
|
package/vanilla/UiCheckbox.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated by HTML Next 1.0.0-alpha.
|
|
1
|
+
// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
|
|
2
2
|
import { manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
|
|
3
3
|
import * as controller from "../components/ui-checkbox/ui-checkbox.js";
|
|
4
4
|
import "../styles/ui-checkbox.css";
|
package/vanilla/UiCluster.d.ts
CHANGED