@threadlabs/looma 0.13.4 → 0.13.5

package/vue/components.css

@@ -1327,7 +1327,7 @@ input[data-v-e122df08]:focus-visible {
   syntax: "*";
   inherits: false;
 }
-[data-component~="ui-combobox"][data-v-7616cc1c] {
+[data-component~="ui-combobox"][data-v-1482f333] {
   /* Hooks do not inherit, so the parts below read them from the root. */
   --_ui-combobox-label-text: var(--ui-combobox-label-text);
   --_ui-combobox-label-font-size: var(--ui-combobox-label-font-size);
@@ -1346,20 +1346,20 @@ input[data-v-e122df08]:focus-visible {
   color: var(--ui-text-primary);
   font: inherit;
 }
-label[data-v-7616cc1c] {
+label[data-v-1482f333] {
   color: var(--_ui-combobox-label-text, var(--ui-text-primary));
   font-size: var(--_ui-combobox-label-font-size, var(--ui-font-size-sm));
   font-weight: 500;
 }
 /* The field and anything that annotates it sit on one row; the help button is beside the box,
    not inside it, because a control's box holds its value. */
-.control[data-v-7616cc1c] {
+.control[data-v-1482f333] {
   display: flex;
   align-items: center;
   gap: var(--ui-space-2);
   min-inline-size: 0;
 }
-.field[data-v-7616cc1c] {
+.field[data-v-1482f333] {
   flex: 1 1 auto;
   display: flex;
   min-inline-size: 0;
@@ -1371,14 +1371,14 @@ label[data-v-7616cc1c] {
     border-color var(--ui-motion-fast) var(--ui-motion-ease),
     box-shadow var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.field[data-v-7616cc1c]:focus-within {
+.field[data-v-1482f333]:focus-within {
   border-color: var(--ui-control-focus, var(--ui-accent-solid));
   box-shadow:
     var(--ui-control-inset),
     var(--ui-control-focus-halo-shadow);
 }
 /* A ghost icon button: the affordance is the mark, not a box around it. */
-.help[data-v-7616cc1c] {
+.help[data-v-1482f333] {
   flex: none;
   display: inline-flex;
   align-items: center;
@@ -1395,28 +1395,28 @@ label[data-v-7616cc1c] {
     background-color var(--ui-motion-fast) var(--ui-motion-ease),
     color var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.help[data-v-7616cc1c]:hover:enabled,
-.help[aria-expanded="true"][data-v-7616cc1c] {
+.help[data-v-1482f333]:hover:enabled,
+.help[aria-expanded="true"][data-v-1482f333] {
   background: color-mix(in srgb, currentColor 8%, transparent);
   color: var(--ui-text-primary);
 }
-.help[data-v-7616cc1c]:focus-visible {
+.help[data-v-1482f333]:focus-visible {
   outline: none;
   box-shadow: var(--ui-focus-halo);
 }
-.help[data-v-7616cc1c]:disabled {
+.help[data-v-1482f333]:disabled {
   color: var(--ui-disabled-text);
   cursor: not-allowed;
 }
-.help-icon[data-v-7616cc1c] {
+.help-icon[data-v-1482f333] {
   inline-size: var(--ui-icon-size-sm);
   block-size: var(--ui-icon-size-sm);
 }
-input[data-v-7616cc1c]::selection {
+input[data-v-1482f333]::selection {
   background: color-mix(in srgb, var(--ui-accent-solid) 20%, transparent);
   color: inherit;
 }
-input[data-v-7616cc1c] {
+input[data-v-1482f333] {
   appearance: none;
   width: 100%;
   min-inline-size: 0;
@@ -1432,11 +1432,11 @@ input[data-v-7616cc1c] {
   margin: 0;
   outline: none;
 }
-[data-component~="ui-combobox"][data-ui-combobox-state~="size=sm"] input[data-v-7616cc1c] {
+[data-component~="ui-combobox"][data-ui-combobox-state~="size=sm"] input[data-v-1482f333] {
   min-block-size: calc(var(--ui-control-size-sm) - 2px);
   padding: var(--ui-space-1) var(--ui-space-2);
 }
-button[data-v-7616cc1c] {
+button[data-v-1482f333] {
   appearance: none;
   display: inline-grid;
   place-items: center;
@@ -1451,31 +1451,31 @@ button[data-v-7616cc1c] {
   padding: 0 var(--ui-space-1);
   cursor: pointer;
 }
-.affordance-icon[data-v-7616cc1c] {
+.affordance-icon[data-v-1482f333] {
   display: block;
   inline-size: var(--ui-icon-size-sm);
   block-size: var(--ui-icon-size-sm);
 }
-button[data-v-7616cc1c]:hover:enabled {
+button[data-v-1482f333]:hover:enabled {
   background: var(--ui-surface-muted);
   color: var(--ui-text-primary);
 }
-button[data-v-7616cc1c]:focus-visible {
+button[data-v-1482f333]:focus-visible {
   outline: none;
   background: var(--ui-surface-muted);
   box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--ui-focus-ring) 45%, transparent);
 }
-input[data-v-7616cc1c]:disabled, button[data-v-7616cc1c]:disabled {
+input[data-v-1482f333]:disabled, button[data-v-1482f333]:disabled {
   color: var(--ui-disabled-text);
   cursor: not-allowed;
 }
-.field[data-v-7616cc1c]:has(input:disabled) {
+.field[data-v-1482f333]:has(input:disabled) {
   background: var(--ui-control-surface-disabled, var(--ui-surface-muted));
 }
-[data-component~="ui-combobox"][data-ui-combobox-state~="validationStatus=error"] .field[data-v-7616cc1c] {
+[data-component~="ui-combobox"][data-ui-combobox-state~="validationStatus=error"] .field[data-v-1482f333] {
   border-color: var(--ui-danger-solid, var(--ui-accent-active));
 }
-.popup[data-v-7616cc1c] {
+.popup[data-v-1482f333] {
   box-sizing: border-box;
   min-inline-size: 12rem;
   max-inline-size: calc(100vw - 1rem);
@@ -1489,40 +1489,40 @@ input[data-v-7616cc1c]:disabled, button[data-v-7616cc1c]:disabled {
   color: var(--ui-text-primary);
   box-shadow: var(--ui-elevation-overlay, var(--ui-shadow-lg));
 }
-[hidden][data-v-7616cc1c] {
+[hidden][data-v-1482f333] {
   display: none;
 }
-.option[data-v-7616cc1c] {
+.option[data-v-1482f333] {
   padding: var(--ui-space-2) var(--ui-space-3);
   border-radius: var(--ui-radius-sm);
   cursor: pointer;
   overflow-wrap: anywhere;
 }
-.option[data-v-7616cc1c]:hover, .option.active[data-v-7616cc1c] {
+.option[data-v-1482f333]:hover, .option.active[data-v-1482f333] {
   background: var(--ui-surface-muted);
   outline: 1px solid var(--ui-focus-ring);
   outline-offset: -1px;
 }
-.option[aria-disabled="true"][data-v-7616cc1c] {
+.option[aria-disabled="true"][data-v-1482f333] {
   color: var(--ui-disabled-text);
   cursor: not-allowed;
 }
-.primary[data-v-7616cc1c] {
+.primary[data-v-1482f333] {
   display: block;
   color: var(--_ui-combobox-option-text, var(--ui-text-primary));
   font-weight: 500;
 }
-.message[data-v-7616cc1c], .group[data-v-7616cc1c] {
+.message[data-v-1482f333], .group[data-v-1482f333] {
   color: var(--_ui-combobox-message-text, var(--ui-text-secondary));
   font-weight: 400;
   font-size: var(--ui-font-size-sm);
   line-height: var(--ui-line-height-md);
   overflow-wrap: anywhere;
 }
-.group[data-v-7616cc1c], .popup .message[data-v-7616cc1c] {
+.group[data-v-1482f333], .popup .message[data-v-1482f333] {
   padding: var(--ui-space-2) var(--ui-space-3);
 }
-.sr-only[data-v-7616cc1c] {
+.sr-only[data-v-1482f333] {
   position: absolute;
   inline-size: 1px;
   block-size: 1px;
@@ -1531,16 +1531,16 @@ input[data-v-7616cc1c]:disabled, button[data-v-7616cc1c]:disabled {
   white-space: nowrap;
 }
 @media (pointer: coarse) {
-button[data-v-7616cc1c] {
+button[data-v-1482f333] {
     min-inline-size: 2.75rem;
     min-block-size: 2.75rem;
 }
 }
 @media (forced-colors: active) {
-.field[data-v-7616cc1c], .popup[data-v-7616cc1c] {
+.field[data-v-1482f333], .popup[data-v-1482f333] {
     border-color: CanvasText;
 }
-.option.active[data-v-7616cc1c] {
+.option.active[data-v-1482f333] {
     outline-color: Highlight;
 }
 }
@@ -1548,12 +1548,12 @@ button[data-v-7616cc1c] {
 /* Multiple mode: every option carries a checkbox, so a list that takes several answers says so
    before anything is picked. aria-selected is the state; this draws it.
    Longhands, not shorthands: lowering drops a shorthand that omits a component. */
-[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] .option[data-v-7616cc1c] {
+[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] .option[data-v-1482f333] {
   display: flex;
   gap: var(--ui-space-2);
   align-items: center;
 }
-[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] .option[data-v-7616cc1c]::before {
+[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] .option[data-v-1482f333]::before {
   content: "";
   flex: none;
   inline-size: 1.125rem;
@@ -1568,7 +1568,7 @@ button[data-v-7616cc1c] {
   background-size: 0.7rem;
 }
 [data-component~="ui-combobox"][data-ui-combobox-state~="multiple"]
-  .option[aria-selected="true"][data-v-7616cc1c]::before {
+  .option[aria-selected="true"][data-v-1482f333]::before {
   border-color: var(--ui-accent-solid);
   background-color: var(--ui-accent-solid);
   background-image: var(
@@ -1578,20 +1578,20 @@ button[data-v-7616cc1c] {
 }
 
 /* Multiple mode: chips wrap before the cursor on one flexible field line. */
-[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] .field[data-v-7616cc1c] {
+[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] .field[data-v-1482f333] {
   flex-wrap: wrap;
   align-items: center;
   gap: var(--ui-space-1);
   min-block-size: var(--_ui-combobox-item-min-block-size, 2.5rem);
   padding: var(--ui-space-1);
 }
-[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] input[data-v-7616cc1c] {
+[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] input[data-v-1482f333] {
   flex: 1 0 var(--_ui-combobox-item-input-min-inline-size, 5rem);
   width: auto;
   min-block-size: 1.75rem;
   padding: var(--ui-space-0-5) var(--ui-space-1);
 }
-.item[data-v-7616cc1c] {
+.item[data-v-1482f333] {
   appearance: none;
   display: inline-flex;
   min-inline-size: 0;
@@ -1605,16 +1605,16 @@ button[data-v-7616cc1c] {
   font: inherit;
   cursor: default;
 }
-.item[data-v-7616cc1c]:focus-visible {
+.item[data-v-1482f333]:focus-visible {
   outline: 2px solid var(--ui-focus-ring);
   outline-offset: 1px;
 }
-.item[data-v-7616cc1c]:disabled {
+.item[data-v-1482f333]:disabled {
   opacity: 0.6;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-combobox"][hidden][data-v-7616cc1c] {
+[data-component~="ui-combobox"][hidden][data-v-1482f333] {
   display: none;
 }