@scattered-light/loomiere-mojave 0.6.0 → 0.7.0

package/dist/tokens.json

@@ -11789,6 +11789,13 @@
       "value": "0.125em",
       "description": "A slight em-based rounding so inline focus rings hug the text."
     },
+    {
+      "name": "--sl-a11y-min-target",
+      "path": "a11y.min-target",
+      "layer": "semantic",
+      "value": "24px",
+      "description": "Smallest target for a fine pointer (WCAG 2.5.8). A mouse can hit 24px; a finger still needs min-touch-target. The splitter handle uses this so the grab area does not cover the scrollbar beside it."
+    },
     {
       "name": "--sl-a11y-min-touch-target",
       "path": "a11y.min-touch-target",
@@ -11957,6 +11964,132 @@
       "references": "{space.1}",
       "description": "Extra space either side of a divider."
     },
+    {
+      "name": "--sl-calendar-day-size",
+      "path": "calendar.day-size",
+      "layer": "semantic",
+      "type": "dimension",
+      "value": "2.5rem",
+      "references": "{space.10}",
+      "description": "A day cell on a pointer. space.10 keeps seven columns inside a phone; touch layouts raise the cell to the minimum touch target in CSS."
+    },
+    {
+      "name": "--sl-calendar-day-radius",
+      "path": "calendar.day-radius",
+      "layer": "semantic",
+      "type": "dimension",
+      "value": "9999px",
+      "references": "{radius.pill}",
+      "description": "Selected days are circles. The pill radius is the same full radius badges and switches use."
+    },
+    {
+      "name": "--sl-calendar-day-color",
+      "path": "calendar.day-color",
+      "layer": "semantic",
+      "type": "color",
+      "value": "#221928",
+      "references": "{text.primary}",
+      "description": "A day in the month being shown."
+    },
+    {
+      "name": "--sl-calendar-day-color-outside",
+      "path": "calendar.day-color-outside",
+      "layer": "semantic",
+      "type": "color",
+      "value": "#667169",
+      "references": "{text.tertiary}",
+      "description": "A day from the previous or next month, still selectable, drawn back so it does not compete with this month."
+    },
+    {
+      "name": "--sl-calendar-day-color-disabled",
+      "path": "calendar.day-color-disabled",
+      "layer": "semantic",
+      "type": "color",
+      "value": "#bcccc1",
+      "references": "{text.disabled}",
+      "description": "A day outside the allowed period, or one a length rule rejects. It stays in the tab order so the reason can be read."
+    },
+    {
+      "name": "--sl-calendar-day-background-hover",
+      "path": "calendar.day-background-hover",
+      "layer": "semantic",
+      "type": "color",
+      "value": "#f4e7ff",
+      "references": "{item.background-hover}",
+      "description": "The same hover tint as a list item, so a day feels like a choice in a list."
+    },
+    {
+      "name": "--sl-calendar-range-background",
+      "path": "calendar.range-background",
+      "layer": "semantic",
+      "type": "color",
+      "value": "#e6c6ff",
+      "references": "{interactive.tint-active}",
+      "description": "The band between the start and end of a period. Same tint as a selected list item, quieter than the start and end circles."
+    },
+    {
+      "name": "--sl-calendar-range-color",
+      "path": "calendar.range-color",
+      "layer": "semantic",
+      "type": "color",
+      "value": "#371e4a",
+      "references": "{text.on-tint-strong}",
+      "description": "Day numbers that sit on the range band. The on-tint text color is the one that stays readable on interactive.tint-active."
+    },
+    {
+      "name": "--sl-calendar-today-ring",
+      "path": "calendar.today-ring",
+      "layer": "semantic",
+      "type": "color",
+      "value": "#8838c4",
+      "references": "{border.accent}",
+      "description": "An inset ring on today, including when today is also selected, so today is never only a color of the number."
+    },
+    {
+      "name": "--sl-calendar-weekday-color",
+      "path": "calendar.weekday-color",
+      "layer": "semantic",
+      "type": "color",
+      "value": "#667169",
+      "references": "{text.tertiary}",
+      "description": "Weekday initials and week numbers are labels, not choices."
+    },
+    {
+      "name": "--sl-calendar-grid-gap",
+      "path": "calendar.grid-gap",
+      "layer": "semantic",
+      "type": "dimension",
+      "value": "0.125rem",
+      "references": "{space.0-5}",
+      "description": "Space between week rows. Days in a week share an edge, so the range band reads as one shape."
+    },
+    {
+      "name": "--sl-calendar-month-gap",
+      "path": "calendar.month-gap",
+      "layer": "semantic",
+      "type": "dimension",
+      "value": "1rem",
+      "references": "{space.4}",
+      "description": "Space between months shown side by side, the same step as panel padding so the two columns line up."
+    },
+    {
+      "name": "--sl-calendar-header-gap",
+      "path": "calendar.header-gap",
+      "layer": "semantic",
+      "type": "dimension",
+      "value": "0.5rem",
+      "references": "{space.2}",
+      "description": "Space between the month title and the weekday row."
+    },
+    {
+      "name": "--sl-calendar-panel-padding",
+      "path": "calendar.panel-padding",
+      "layer": "semantic",
+      "type": "dimension",
+      "value": "1rem",
+      "references": "{space.4}",
+      "description": "Padding inside the popup. The shared popup padding is one step and is too tight for a calendar."
+    },
     {
       "name": "--sl-check-background",
       "path": "check.background",
@@ -12871,6 +13004,134 @@
       "value": "0 0 0 1px rgba(0, 0, 0, 0.05)",
       "references": "{shadow.xs}"
     },
+    {
+      "name": "--sl-empty-padding-block-compact",
+      "path": "empty.padding-block.compact",
+      "layer": "semantic",
+      "value": "1.5rem",
+      "references": "{space.6}",
+      "description": "24px above and below a compact empty state. The same room a popup already gives a plain 'No results' line, so the two stay one height."
+    },
+    {
+      "name": "--sl-empty-padding-block-standard",
+      "path": "empty.padding-block.standard",
+      "layer": "semantic",
+      "value": "2.5rem",
+      "references": "{space.10}",
+      "description": "40px. A pane or a section needs more air than a table row, or the block looks stuck to the content around it."
+    },
+    {
+      "name": "--sl-empty-padding-block-spacious",
+      "path": "empty.padding-block.spacious",
+      "layer": "semantic",
+      "value": "4rem",
+      "references": "{space.16}",
+      "description": "64px. A page with nothing else on it. The extra space above keeps the block off the top of the viewport."
+    },
+    {
+      "name": "--sl-empty-padding-inline-compact",
+      "path": "empty.padding-inline.compact",
+      "layer": "semantic",
+      "value": "1rem",
+      "references": "{space.4}",
+      "description": "16px. Enough that a compact row doesn't touch the cell or popup edge."
+    },
+    {
+      "name": "--sl-empty-padding-inline-standard",
+      "path": "empty.padding-inline.standard",
+      "layer": "semantic",
+      "value": "1.5rem",
+      "references": "{space.6}",
+      "description": "24px. A pane can be wide; the inline padding keeps the block off the sides before the description's own cap does."
+    },
+    {
+      "name": "--sl-empty-padding-inline-spacious",
+      "path": "empty.padding-inline.spacious",
+      "layer": "semantic",
+      "value": "2rem",
+      "references": "{space.8}",
+      "description": "32px. A full page, a step wider than a pane."
+    },
+    {
+      "name": "--sl-empty-gap-compact",
+      "path": "empty.gap.compact",
+      "layer": "semantic",
+      "value": "0.75rem",
+      "references": "{space.3}",
+      "description": "12px between the icon, the text and the actions in a table row or a popup. Tight, because the row is short."
+    },
+    {
+      "name": "--sl-empty-gap-standard",
+      "path": "empty.gap.standard",
+      "layer": "semantic",
+      "value": "1rem",
+      "references": "{space.4}",
+      "description": "16px. The stack in a pane: media, then words, then actions."
+    },
+    {
+      "name": "--sl-empty-gap-spacious",
+      "path": "empty.gap.spacious",
+      "layer": "semantic",
+      "value": "1.5rem",
+      "references": "{space.6}",
+      "description": "24px. A page-sized stack needs the steps to separate, or the circle sits on the title."
+    },
+    {
+      "name": "--sl-empty-text-gap-compact",
+      "path": "empty.text-gap.compact",
+      "layer": "semantic",
+      "value": "0.25rem",
+      "references": "{space.1}",
+      "description": "4px between the title and the description in a compact row. They read as one message."
+    },
+    {
+      "name": "--sl-empty-text-gap-standard",
+      "path": "empty.text-gap.standard",
+      "layer": "semantic",
+      "value": "0.25rem",
+      "references": "{space.1}",
+      "description": "4px. Same as compact: the description belongs to the title, so it stays close."
+    },
+    {
+      "name": "--sl-empty-text-gap-spacious",
+      "path": "empty.text-gap.spacious",
+      "layer": "semantic",
+      "value": "0.5rem",
+      "references": "{space.2}",
+      "description": "8px. The page title is larger, so the description steps down a little further."
+    },
+    {
+      "name": "--sl-empty-media-size-standard",
+      "path": "empty.media-size.standard",
+      "layer": "semantic",
+      "value": "3rem",
+      "references": "{space.12}",
+      "description": "48px circle around a magnify icon (20px). The icon needs a field, or it reads as a bullet."
+    },
+    {
+      "name": "--sl-empty-media-size-spacious",
+      "path": "empty.media-size.spacious",
+      "layer": "semantic",
+      "value": "4rem",
+      "references": "{space.16}",
+      "description": "64px circle around a maximize icon (24px). A page can carry a larger mark. Compact has no circle: the icon is icon-size.condense on its own."
+    },
+    {
+      "name": "--sl-empty-description-max-width",
+      "path": "empty.description-max-width",
+      "layer": "semantic",
+      "value": "45ch",
+      "references": "{measure.narrow}",
+      "description": "45ch. A description is one sentence. Past a caption's measure it stretches across a wide pane and stops being a sentence."
+    },
+    {
+      "name": "--sl-empty-actions-gap",
+      "path": "empty.actions-gap",
+      "layer": "semantic",
+      "value": "0.5rem",
+      "references": "{space.2}",
+      "description": "8px between actions, the same gap a control uses between its icon and its label. The first action is the main one; the rest sit beside it."
+    },
     {
       "name": "--sl-field-background",
       "path": "field.background",
@@ -13014,6 +13275,14 @@
       "value": "0.6",
       "description": "A disabled field fades as a whole, label included."
     },
+    {
+      "name": "--sl-field-affix-color",
+      "path": "field.affix-color",
+      "layer": "semantic",
+      "value": "#4f5852",
+      "references": "{text.secondary}",
+      "description": "A prefix or suffix drawn inside the field (a currency symbol, a unit). Muted so it reads as part of the control, not as the value."
+    },
     {
       "name": "--sl-gauge-track-color",
       "path": "gauge.track-color",
@@ -13715,8 +13984,8 @@
       "path": "popup.empty-padding-block",
       "layer": "semantic",
       "value": "1.5rem",
-      "references": "{space.6}",
-      "description": "Room around a 'No results' message, so an empty list doesn't collapse to a sliver."
+      "references": "{empty.padding-block.compact}",
+      "description": "Room around a plain 'No results' line. The same padding as a compact empty state, so a sentence and an EmptyState in that slot take the same space. An EmptyState drops this padding and uses its own."
     },
     {
       "name": "--sl-popup-min-width",
@@ -13977,6 +14246,22 @@
       "references": "{item.background-selected}",
       "description": "Selected rows. Same tint as the chosen menu row."
     },
+    {
+      "name": "--sl-table-row-current",
+      "path": "table.row-current",
+      "layer": "semantic",
+      "value": "#f8fbf9",
+      "references": "{surface.tray}",
+      "description": "The open row beside a detail pane. The tray, a step off the page, so secondary text on it still passes AA in dark. A selected row keeps its own tint, so a checked row and the row you are reading can both show."
+    },
+    {
+      "name": "--sl-table-group-header-background",
+      "path": "table.group-header-background",
+      "layer": "semantic",
+      "value": "#f8fbf9",
+      "references": "{surface.tray}",
+      "description": "A group header. The tray, like the column header, so a group reads as chrome rather than another data row."
+    },
     {
       "name": "--sl-table-column-hover",
       "path": "table.column-hover",
@@ -19556,6 +19841,102 @@
       "references": "{font-size.2xl}",
       "description": "Sized to the avatar, not a text style: initials have to fit inside the circle at each size. The rest of the type is title-base."
     },
+    {
+      "name": "--sl-badge-height-minimize",
+      "path": "badge.height-minimize",
+      "layer": "component",
+      "value": "1.25rem",
+      "references": "{space.5}",
+      "description": "20px. The smallest pill that still holds trigger-minimize."
+    },
+    {
+      "name": "--sl-badge-height-condense",
+      "path": "badge.height-condense",
+      "layer": "component",
+      "value": "1.5rem",
+      "references": "{space.6}",
+      "description": "24px, the default. Sits in a line of text and in dense rows."
+    },
+    {
+      "name": "--sl-badge-height-base",
+      "path": "badge.height-base",
+      "layer": "component",
+      "value": "1.75rem",
+      "references": "{space.7}",
+      "description": "28px, the small control height, for a badge beside base text."
+    },
+    {
+      "name": "--sl-badge-padding-inline-minimize",
+      "path": "badge.padding-inline-minimize",
+      "layer": "component",
+      "value": "0.25rem",
+      "references": "{space.1}",
+      "description": "4px. Tighter than a control so a short label stays a pill, not a button."
+    },
+    {
+      "name": "--sl-badge-padding-inline-condense",
+      "path": "badge.padding-inline-condense",
+      "layer": "component",
+      "value": "0.375rem",
+      "references": "{space.1-5}",
+      "description": "6px, the default."
+    },
+    {
+      "name": "--sl-badge-padding-inline-base",
+      "path": "badge.padding-inline-base",
+      "layer": "component",
+      "value": "0.5rem",
+      "references": "{space.2}",
+      "description": "8px, still inside the small control's inline padding."
+    },
+    {
+      "name": "--sl-badge-gap-minimize",
+      "path": "badge.gap-minimize",
+      "layer": "component",
+      "value": "0.25rem",
+      "references": "{space.1}",
+      "description": "4px between a dot or icon and the label at the smallest size."
+    },
+    {
+      "name": "--sl-badge-gap-condense",
+      "path": "badge.gap-condense",
+      "layer": "component",
+      "value": "0.25rem",
+      "references": "{space.1}",
+      "description": "4px, the default. The same gap as the smallest control."
+    },
+    {
+      "name": "--sl-badge-gap-base",
+      "path": "badge.gap-base",
+      "layer": "component",
+      "value": "0.375rem",
+      "references": "{space.1-5}",
+      "description": "6px, a step wider once the label is base-sized."
+    },
+    {
+      "name": "--sl-badge-dot-minimize",
+      "path": "badge.dot-minimize",
+      "layer": "component",
+      "value": "0.375rem",
+      "references": "{space.1-5}",
+      "description": "6px status dot. Smaller than icon-size-minimize so it reads as a mark, not an icon."
+    },
+    {
+      "name": "--sl-badge-dot-condense",
+      "path": "badge.dot-condense",
+      "layer": "component",
+      "value": "0.5rem",
+      "references": "{space.2}",
+      "description": "8px, the default."
+    },
+    {
+      "name": "--sl-badge-dot-base",
+      "path": "badge.dot-base",
+      "layer": "component",
+      "value": "0.5rem",
+      "references": "{space.2}",
+      "description": "8px. The base badge is taller, but the dot stays a mark."
+    },
     {
       "name": "--sl-button-radius",
       "path": "button.radius",
@@ -19571,6 +19952,94 @@
       "value": "0.5",
       "description": "A disabled button fades as a whole, keeping its shape so the layout doesn't jump."
     },
+    {
+      "name": "--sl-collection-row-height-sm",
+      "path": "collection.row-height-sm",
+      "layer": "component",
+      "value": "2.25rem",
+      "references": "{control.height-sm}",
+      "description": "The dense row, the same height the plain table already uses, so a checkbox fits."
+    },
+    {
+      "name": "--sl-collection-row-height-md",
+      "path": "collection.row-height-md",
+      "layer": "component",
+      "value": "2.75rem",
+      "references": "{control.height-md}",
+      "description": "A roomier row when the collection is the page rather than a dense register."
+    },
+    {
+      "name": "--sl-collection-header-height-sm",
+      "path": "collection.header-height-sm",
+      "layer": "component",
+      "value": "2.75rem",
+      "references": "{control.height-md}",
+      "description": "The dense header, a step above the dense row, matching today's table header."
+    },
+    {
+      "name": "--sl-collection-header-height-md",
+      "path": "collection.header-height-md",
+      "layer": "component",
+      "value": "3.25rem",
+      "references": "{control.height-lg}",
+      "description": "The header for the roomier row."
+    },
+    {
+      "name": "--sl-collection-tree-indent",
+      "path": "collection.tree-indent",
+      "layer": "component",
+      "value": "1rem",
+      "references": "{space.4}",
+      "description": "How far each deeper level steps in, so a child sits under its parent's text."
+    },
+    {
+      "name": "--sl-collection-list-row-padding-block",
+      "path": "collection.list-row-padding-block",
+      "layer": "component",
+      "value": "0.75rem",
+      "references": "{space.3}",
+      "description": "Vertical padding of a list row. The row is not a fixed height, because a second line and an extra slot have to fit."
+    },
+    {
+      "name": "--sl-collection-list-row-gap",
+      "path": "collection.list-row-gap",
+      "layer": "component",
+      "value": "0.5rem",
+      "references": "{space.2}",
+      "description": "Between the checkbox, the text, the amount and the actions in a list row."
+    },
+    {
+      "name": "--sl-collection-toolbar-gap",
+      "path": "collection.toolbar-gap",
+      "layer": "component",
+      "value": "0.5rem",
+      "references": "{space.2}",
+      "description": "Between the search, the filters and the actions."
+    },
+    {
+      "name": "--sl-collection-narrow-width",
+      "path": "collection.narrow-width",
+      "layer": "component",
+      "value": "24rem",
+      "references": "{space.96}",
+      "description": "Below this, a table with narrow=\"list\" becomes a list, and the toolbar's search takes the full width. A 360px pane is under it."
+    },
+    {
+      "name": "--sl-collection-editable-list-stack-width",
+      "path": "collection.editable-list-stack-width",
+      "layer": "component",
+      "value": "20rem",
+      "references": "{space.80}",
+      "description": "Below this, editable rows stack and show their own labels. 320px matches."
+    },
+    {
+      "name": "--sl-collection-selection-column-width",
+      "path": "collection.selection-column-width",
+      "layer": "component",
+      "value": "2.5rem",
+      "references": "{space.10}",
+      "description": "The checkbox column. Wide enough for the control, no wider, so the data keeps the room."
+    },
     {
       "name": "--sl-drawer-popup-size",
       "path": "drawer.popup-size",
@@ -19610,6 +20079,58 @@
       "references": "{space.1}",
       "description": "Grab bar thickness."
     },
+    {
+      "name": "--sl-list-detail-split-min-width",
+      "path": "list-detail.split-min-width",
+      "layer": "component",
+      "value": "720px",
+      "description": "Side by side once this element, not the window, is this wide. Dryden used 1100px of the window. A container needs less: a list around 320px and a form around 400px still read at 720px. Narrower, the detail becomes a drawer or a page."
+    },
+    {
+      "name": "--sl-list-detail-detail-default-size",
+      "path": "list-detail.detail-default-size",
+      "layer": "component",
+      "value": "45%",
+      "description": "The detail's share when it opens. The list fills the rest, about 55%, which is the split Dryden started from."
+    },
+    {
+      "name": "--sl-list-detail-detail-min-size",
+      "path": "list-detail.detail-min-size",
+      "layer": "component",
+      "value": "35%",
+      "description": "The detail cannot be dragged narrower than this, so the form stays readable."
+    },
+    {
+      "name": "--sl-list-detail-detail-max-size",
+      "path": "list-detail.detail-max-size",
+      "layer": "component",
+      "value": "65%",
+      "description": "The detail cannot cover more than this, so the list stays usable. Dryden kept the detail between 35% and 65%."
+    },
+    {
+      "name": "--sl-list-detail-header-gap",
+      "path": "list-detail.header-gap",
+      "layer": "component",
+      "value": "0.75rem",
+      "references": "{space.3}",
+      "description": "Space between the title, the actions and Close."
+    },
+    {
+      "name": "--sl-list-detail-header-padding",
+      "path": "list-detail.header-padding",
+      "layer": "component",
+      "value": "1rem",
+      "references": "{space.4}",
+      "description": "Padding inside the detail header. One step under a dialog, because this is a pane, not a modal."
+    },
+    {
+      "name": "--sl-money-field-picker-min-inline-size",
+      "path": "money-field.picker-min-inline-size",
+      "layer": "component",
+      "value": "14rem",
+      "references": "{space.56}",
+      "description": "The currency list shows a code, a name and a symbol, so the popup is wider than the code trigger inside the field."
+    },
     {
       "name": "--sl-navigation-menu-popup-min-width",
       "path": "navigation-menu.popup-min-width",
@@ -19669,6 +20190,44 @@
       "value": "200px",
       "description": "Default length of a vertical slider."
     },
+    {
+      "name": "--sl-splitter-handle-size",
+      "path": "splitter.handle-size",
+      "layer": "component",
+      "value": "1px",
+      "references": "{stroke.default}",
+      "description": "The visible separator. One stroke, the same hairline as Separator, so a splitter reads as a divider you can grab."
+    },
+    {
+      "name": "--sl-splitter-handle-hit-size",
+      "path": "splitter.handle-hit-size",
+      "layer": "component",
+      "value": "44px",
+      "references": "{a11y.min-touch-target}",
+      "description": "The part a finger grabs. The line stays one stroke. A fine pointer uses a11y.min-target (24px) instead, so the grab area does not cover the panel's scrollbar. Coarse pointers keep this 44px."
+    },
+    {
+      "name": "--sl-splitter-grip-size",
+      "path": "splitter.grip-size",
+      "layer": "component",
+      "value": "0.25rem",
+      "references": "{space.1}",
+      "description": "4px. The diameter of one grip dot. Small enough to sit on the hairline without becoming a second control."
+    },
+    {
+      "name": "--sl-splitter-key-step",
+      "path": "splitter.key-step",
+      "layer": "component",
+      "value": "5%",
+      "description": "One arrow press moves the handle by 5% of the splitter. Dryden used 5%: a nudge you can see, not a jump."
+    },
+    {
+      "name": "--sl-splitter-key-step-large",
+      "path": "splitter.key-step-large",
+      "layer": "component",
+      "value": "10%",
+      "description": "The Shift step. Twice the arrow step, so a few presses cross the panel without holding the key."
+    },
     {
       "name": "--sl-switch-track-width",
       "path": "switch.track-width",
@@ -21005,6 +21564,14 @@
         "--sl-bar-border-color": "#d1f3ff",
         "--sl-bar-radius": "0.375rem",
         "--sl-bar-separator-color": "#d1f3ff",
+        "--sl-calendar-day-color": "#203d48",
+        "--sl-calendar-day-color-outside": "#53737f",
+        "--sl-calendar-day-color-disabled": "#a9d5e5",
+        "--sl-calendar-day-background-hover": "#fedfd7",
+        "--sl-calendar-range-background": "#fedfd7",
+        "--sl-calendar-range-color": "#3b241f",
+        "--sl-calendar-today-ring": "#875549",
+        "--sl-calendar-weekday-color": "#53737f",
         "--sl-check-border-color": "#6b8d99",
         "--sl-check-border-color-hover": "#53737f",
         "--sl-check-background-checked": "#a36759",
@@ -21098,6 +21665,7 @@
         "--sl-field-placeholder-color": "#53737f",
         "--sl-field-shadow-focus": "0 0 0 3px #fedfd7",
         "--sl-field-shadow-focus-error": "0 0 0 3px #e72117",
+        "--sl-field-affix-color": "#3c5a66",
         "--sl-gauge-track-color": "#def6ff",
         "--sl-gauge-label-color": "#203d48",
         "--sl-gauge-value-color": "#3c5a66",
@@ -21132,6 +21700,8 @@
         "--sl-table-row-border-color": "#def6ff",
         "--sl-table-row-hover": "#fedfd7",
         "--sl-table-row-selected": "#fedfd7",
+        "--sl-table-row-current": "#f3fcff",
+        "--sl-table-group-header-background": "#f3fcff",
         "--sl-table-column-hover": "#def6ff",
         "--sl-table-range-background": "#fffaf9",
         "--sl-table-range-border": "#a36759",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scattered-light/loomiere-mojave",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "Mojave, the demo theme for Loomiere: desert stone and purple, built from one brand file.",
   "repository": {
     "type": "git",
@@ -62,6 +62,6 @@
     }
   },
   "devDependencies": {
-    "@scattered-light/loomiere": "0.6.0"
+    "@scattered-light/loomiere": "0.7.0"
   }
 }