@prestack/thread-ui 0.1.0 → 0.1.2

package/dist/ui/variants/var_button-quiet.d.ts

@@ -1,118 +1,118 @@
 export declare const BUTTON_QUIET: {
-    readonly id: "button-quiet";
-    readonly type: "label";
-    readonly icon: "sm";
+    readonly id: 'button-quiet';
+    readonly type: 'label';
+    readonly icon: 'sm';
     readonly sets: readonly [{
-        readonly property: "display";
-        readonly is: "layout-flex";
+        readonly property: 'display';
+        readonly is: 'layout-flex';
     }, {
-        readonly property: "alignItems";
-        readonly is: "align-centre";
+        readonly property: 'alignItems';
+        readonly is: 'align-centre';
     }, {
-        readonly property: "justifyContent";
-        readonly is: "align-centre";
+        readonly property: 'justifyContent';
+        readonly is: 'align-centre';
     }, {
-        readonly property: "borderRadius";
-        readonly is: "control-radius";
+        readonly property: 'borderRadius';
+        readonly is: 'control-radius';
     }, {
-        readonly property: "height";
-        readonly is: "control-md";
+        readonly property: 'height';
+        readonly is: 'control-md';
     }, {
-        readonly property: "padding";
-        readonly is: "control-pad-y control-pad-x";
+        readonly property: 'padding';
+        readonly is: 'control-pad-y control-pad-x';
     }, {
-        readonly property: "gap";
-        readonly is: "control-gap";
+        readonly property: 'gap';
+        readonly is: 'control-gap';
     }, {
-        readonly property: "cursor";
-        readonly is: "cursor-press";
+        readonly property: 'cursor';
+        readonly is: 'cursor-press';
     }, {
-        readonly property: "transition";
-        readonly is: "motion-quick ease-out";
+        readonly property: 'transition';
+        readonly is: 'motion-quick ease-out';
     }, {
-        readonly property: "background";
-        readonly is: "colour-clear";
+        readonly property: 'background';
+        readonly is: 'colour-clear';
     }, {
-        readonly property: "color";
-        readonly is: "colour-ink-soft";
+        readonly property: 'color';
+        readonly is: 'colour-ink-soft';
     }, {
-        readonly property: "borderWidth";
-        readonly is: "edge-hair";
+        readonly property: 'borderWidth';
+        readonly is: 'edge-hair';
     }, {
-        readonly property: "borderStyle";
-        readonly is: "line-off";
+        readonly property: 'borderStyle';
+        readonly is: 'line-off';
     }, {
-        readonly property: "borderColor";
-        readonly is: "colour-clear";
+        readonly property: 'borderColor';
+        readonly is: 'colour-clear';
     }, {
-        readonly property: "boxShadow";
-        readonly is: "shadow-0";
+        readonly property: 'boxShadow';
+        readonly is: 'shadow-0';
     }];
     readonly states: readonly [{
         readonly when: readonly ["hover"];
         readonly sets: readonly [{
-            readonly property: "background";
-            readonly is: "colour-sunken";
+            readonly property: 'background';
+            readonly is: 'colour-sunken';
         }, {
-            readonly property: "color";
-            readonly is: "colour-ink";
+            readonly property: 'color';
+            readonly is: 'colour-ink';
         }, {
-            readonly property: "transform";
-            readonly is: "transform-lift";
+            readonly property: 'transform';
+            readonly is: 'transform-lift';
         }];
     }, {
         readonly when: readonly ["active"];
         readonly sets: readonly [{
-            readonly property: "background";
-            readonly is: "colour-sunken";
+            readonly property: 'background';
+            readonly is: 'colour-sunken';
         }, {
-            readonly property: "transform";
-            readonly is: "transform-press";
+            readonly property: 'transform';
+            readonly is: 'transform-press';
         }];
     }, {
         readonly when: readonly ["active", "hover"];
         readonly sets: readonly [{
-            readonly property: "background";
-            readonly is: "colour-sunken";
+            readonly property: 'background';
+            readonly is: 'colour-sunken';
         }, {
-            readonly property: "transform";
-            readonly is: "transform-press";
+            readonly property: 'transform';
+            readonly is: 'transform-press';
         }];
     }, {
         readonly when: readonly ["focus"];
         readonly sets: readonly [{
-            readonly property: "outline";
-            readonly is: "control-ring line-solid colour-accent";
+            readonly property: 'outline';
+            readonly is: 'control-ring line-solid colour-accent';
         }, {
-            readonly property: "outlineOffset";
-            readonly is: "control-ring-offset";
+            readonly property: 'outlineOffset';
+            readonly is: 'control-ring-offset';
         }];
     }, {
         readonly when: readonly ["loading"];
         readonly sets: readonly [{
-            readonly property: "opacity";
-            readonly is: "opacity-muted";
+            readonly property: 'opacity';
+            readonly is: 'opacity-muted';
         }];
     }, {
         readonly when: readonly ["disabled"];
         readonly sets: readonly [{
-            readonly property: "color";
-            readonly is: "colour-ink-faint";
+            readonly property: 'color';
+            readonly is: 'colour-ink-faint';
         }, {
-            readonly property: "cursor";
-            readonly is: "cursor-refuse";
+            readonly property: 'cursor';
+            readonly is: 'cursor-refuse';
         }];
     }, {
         readonly when: readonly ["disabled", "hover"];
         readonly sets: readonly [{
-            readonly property: "background";
-            readonly is: "colour-clear";
+            readonly property: 'background';
+            readonly is: 'colour-clear';
         }, {
-            readonly property: "color";
-            readonly is: "colour-ink-faint";
+            readonly property: 'color';
+            readonly is: 'colour-ink-faint';
         }, {
-            readonly property: "transform";
-            readonly is: "transform-rest";
+            readonly property: 'transform';
+            readonly is: 'transform-rest';
         }];
     }];
     readonly reacts: readonly ["active", "disabled", "focus", "hover", "loading"];

package/dist/ui/variants/var_button-quiet.js

@@ -1,4 +1,4 @@
-import { variant } from "../variant.js";
+import { variant } from '../variant.js';
 export const BUTTON_QUIET = variant({
     id: 'button-quiet',
     type: 'label',

package/dist/ui/variants/var_card.d.ts

@@ -1,30 +1,30 @@
 export declare const CARD: {
-    readonly id: "card";
-    readonly material: "flat";
+    readonly id: 'card';
+    readonly material: 'flat';
     readonly sets: readonly [{
-        readonly property: "color";
-        readonly is: "colour-ink";
+        readonly property: 'color';
+        readonly is: 'colour-ink';
     }, {
-        readonly property: "display";
-        readonly is: "layout-flex";
+        readonly property: 'display';
+        readonly is: 'layout-flex';
     }, {
-        readonly property: "flexDirection";
-        readonly is: "flow-down";
+        readonly property: 'flexDirection';
+        readonly is: 'flow-down';
     }, {
-        readonly property: "alignItems";
-        readonly is: "align-start";
+        readonly property: 'alignItems';
+        readonly is: 'align-start';
     }, {
-        readonly property: "borderRadius";
-        readonly is: "radius-md";
+        readonly property: 'borderRadius';
+        readonly is: 'radius-md';
     }, {
-        readonly property: "padding";
-        readonly is: "space-4";
+        readonly property: 'padding';
+        readonly is: 'space-4';
     }, {
-        readonly property: "gap";
-        readonly is: "space-3";
+        readonly property: 'gap';
+        readonly is: 'space-3';
     }];
     readonly plays: {
-        readonly in: "animation-appear";
+        readonly in: 'animation-appear';
     };
     readonly reacts: readonly ["focus", "hover"];
 };

package/dist/ui/variants/var_card.js

@@ -1,4 +1,4 @@
-import { variant } from "../variant.js";
+import { variant } from '../variant.js';
 export const CARD = variant({
     id: 'card',
     material: 'flat',

package/dist/ui/variants/var_chip.d.ts

@@ -1,18 +1,18 @@
 export declare const CHIP: {
-    readonly id: "chip";
-    readonly material: "flat";
+    readonly id: 'chip';
+    readonly material: 'flat';
     readonly sets: readonly [{
-        readonly property: "color";
-        readonly is: "colour-ink-soft";
+        readonly property: 'color';
+        readonly is: 'colour-ink-soft';
     }, {
-        readonly property: "borderRadius";
-        readonly is: "radius-pill";
+        readonly property: 'borderRadius';
+        readonly is: 'radius-pill';
     }, {
-        readonly property: "padding";
-        readonly is: "space-1 space-3";
+        readonly property: 'padding';
+        readonly is: 'space-1 space-3';
     }, {
-        readonly property: "gap";
-        readonly is: "space-1";
+        readonly property: 'gap';
+        readonly is: 'space-1';
     }];
     readonly reacts: readonly ["focus", "hover"];
 };

package/dist/ui/variants/var_chip.js

@@ -1,4 +1,4 @@
-import { variant } from "../variant.js";
+import { variant } from '../variant.js';
 export const CHIP = variant({
     id: 'chip',
     material: 'flat',

package/dist/ui/variants/var_choice.d.ts

@@ -1,26 +1,26 @@
 export declare const CHOICE: {
-    readonly id: "choice";
+    readonly id: 'choice';
     readonly sets: readonly [{
-        readonly property: "display";
-        readonly is: "layout-flex";
+        readonly property: 'display';
+        readonly is: 'layout-flex';
     }, {
-        readonly property: "flexDirection";
-        readonly is: "flow-down";
+        readonly property: 'flexDirection';
+        readonly is: 'flow-down';
     }, {
-        readonly property: "alignItems";
-        readonly is: "align-start";
+        readonly property: 'alignItems';
+        readonly is: 'align-start';
     }, {
-        readonly property: "gap";
-        readonly is: "space-2";
+        readonly property: 'gap';
+        readonly is: 'space-2';
     }, {
-        readonly property: "padding";
-        readonly is: "space-3";
+        readonly property: 'padding';
+        readonly is: 'space-3';
     }, {
-        readonly property: "borderRadius";
-        readonly is: "radius-md";
+        readonly property: 'borderRadius';
+        readonly is: 'radius-md';
     }, {
-        readonly property: "color";
-        readonly is: "colour-ink";
+        readonly property: 'color';
+        readonly is: 'colour-ink';
     }];
     readonly reacts: readonly [];
 };

package/dist/ui/variants/var_choice.js

@@ -1,4 +1,4 @@
-import { variant } from "../variant.js";
+import { variant } from '../variant.js';
 export const CHOICE = variant({
     id: 'choice',
     sets: [

package/dist/ui/variants/var_framed.d.ts

@@ -1,11 +1,11 @@
 export declare const FRAMED: {
-    readonly id: "framed";
+    readonly id: 'framed';
     readonly sets: readonly [{
-        readonly property: "borderRadius";
-        readonly is: "radius-md";
+        readonly property: 'borderRadius';
+        readonly is: 'radius-md';
     }, {
-        readonly property: "background";
-        readonly is: "colour-sunken";
+        readonly property: 'background';
+        readonly is: 'colour-sunken';
     }];
     readonly reacts: readonly [];
 };

package/dist/ui/variants/var_framed.js

@@ -1,4 +1,4 @@
-import { variant } from "../variant.js";
+import { variant } from '../variant.js';
 export const FRAMED = variant({
     id: 'framed',
     sets: [

package/dist/ui/variants/var_glyph-plain.d.ts

@@ -1,14 +1,14 @@
 export declare const GLYPH_PLAIN: {
-    readonly id: "glyph-plain";
+    readonly id: 'glyph-plain';
     readonly sets: readonly [{
-        readonly property: "width";
-        readonly is: "icon-md";
+        readonly property: 'width';
+        readonly is: 'icon-md';
     }, {
-        readonly property: "height";
-        readonly is: "icon-md";
+        readonly property: 'height';
+        readonly is: 'icon-md';
     }, {
-        readonly property: "color";
-        readonly is: "colour-ink";
+        readonly property: 'color';
+        readonly is: 'colour-ink';
     }];
     readonly reacts: readonly [];
 };

package/dist/ui/variants/var_glyph-plain.js

@@ -1,4 +1,4 @@
-import { variant } from "../variant.js";
+import { variant } from '../variant.js';
 export const GLYPH_PLAIN = variant({
     id: 'glyph-plain',
     sets: [

package/dist/ui/variants/var_input.d.ts

@@ -1,60 +1,60 @@
 export declare const INPUT: {
-    readonly id: "input";
-    readonly material: "flat";
+    readonly id: 'input';
+    readonly material: 'flat';
     readonly sets: readonly [{
-        readonly property: "color";
-        readonly is: "colour-ink";
+        readonly property: 'color';
+        readonly is: 'colour-ink';
     }, {
-        readonly property: "borderRadius";
-        readonly is: "radius-md";
+        readonly property: 'borderRadius';
+        readonly is: 'radius-md';
     }, {
-        readonly property: "minHeight";
-        readonly is: "control-md";
+        readonly property: 'minHeight';
+        readonly is: 'control-md';
     }, {
-        readonly property: "padding";
-        readonly is: "space-3 space-4";
+        readonly property: 'padding';
+        readonly is: 'space-3 space-4';
     }, {
-        readonly property: "gap";
-        readonly is: "space-2";
+        readonly property: 'gap';
+        readonly is: 'space-2';
     }, {
-        readonly property: "transition";
-        readonly is: "motion-quick ease-out";
+        readonly property: 'transition';
+        readonly is: 'motion-quick ease-out';
     }];
     readonly states: readonly [{
         readonly when: readonly ["focus"];
         readonly sets: readonly [{
-            readonly property: "borderColor";
-            readonly is: "colour-accent";
+            readonly property: 'borderColor';
+            readonly is: 'colour-accent';
         }, {
-            readonly property: "borderWidth";
-            readonly is: "edge-thick";
+            readonly property: 'borderWidth';
+            readonly is: 'edge-thick';
         }];
     }, {
         readonly when: readonly ["invalid"];
         readonly sets: readonly [{
-            readonly property: "borderColor";
-            readonly is: "colour-negative";
+            readonly property: 'borderColor';
+            readonly is: 'colour-negative';
         }];
     }, {
         readonly when: readonly ["focus", "invalid"];
         readonly sets: readonly [{
-            readonly property: "borderColor";
-            readonly is: "colour-negative";
+            readonly property: 'borderColor';
+            readonly is: 'colour-negative';
         }, {
-            readonly property: "borderWidth";
-            readonly is: "edge-thick";
+            readonly property: 'borderWidth';
+            readonly is: 'edge-thick';
         }];
     }, {
         readonly when: readonly ["focus", "hover", "invalid"];
         readonly sets: readonly [{
-            readonly property: "borderColor";
-            readonly is: "colour-negative";
+            readonly property: 'borderColor';
+            readonly is: 'colour-negative';
         }, {
-            readonly property: "borderWidth";
-            readonly is: "edge-thick";
+            readonly property: 'borderWidth';
+            readonly is: 'edge-thick';
         }, {
-            readonly property: "boxShadow";
-            readonly is: "shadow-2";
+            readonly property: 'boxShadow';
+            readonly is: 'shadow-2';
         }];
     }];
     readonly reacts: readonly ["focus", "hover", "invalid"];

package/dist/ui/variants/var_input.js

@@ -1,4 +1,4 @@
-import { variant } from "../variant.js";
+import { variant } from '../variant.js';
 export const INPUT = variant({
     id: 'input',
     material: 'flat',

package/dist/ui/variants/var_link-inline.d.ts

@@ -1,38 +1,38 @@
 export declare const LINK_INLINE: {
-    readonly id: "link-inline";
+    readonly id: 'link-inline';
     readonly sets: readonly [{
-        readonly property: "color";
-        readonly is: "colour-accent";
+        readonly property: 'color';
+        readonly is: 'colour-accent';
     }, {
-        readonly property: "borderRadius";
-        readonly is: "radius-sm";
+        readonly property: 'borderRadius';
+        readonly is: 'radius-sm';
     }, {
-        readonly property: "outlineOffset";
-        readonly is: "space-1";
+        readonly property: 'outlineOffset';
+        readonly is: 'space-1';
     }, {
-        readonly property: "transition";
-        readonly is: "motion-quick ease-out";
+        readonly property: 'transition';
+        readonly is: 'motion-quick ease-out';
     }];
     readonly states: readonly [{
         readonly when: readonly ["hover"];
         readonly sets: readonly [{
-            readonly property: "color";
-            readonly is: "colour-accent-hover";
+            readonly property: 'color';
+            readonly is: 'colour-accent-hover';
         }];
     }, {
         readonly when: readonly ["focus"];
         readonly sets: readonly [{
-            readonly property: "outline";
-            readonly is: "edge-thick line-solid colour-accent";
+            readonly property: 'outline';
+            readonly is: 'edge-thick line-solid colour-accent';
         }];
     }, {
         readonly when: readonly ["focus", "hover"];
         readonly sets: readonly [{
-            readonly property: "color";
-            readonly is: "colour-accent-hover";
+            readonly property: 'color';
+            readonly is: 'colour-accent-hover';
         }, {
-            readonly property: "outline";
-            readonly is: "edge-thick line-solid colour-accent";
+            readonly property: 'outline';
+            readonly is: 'edge-thick line-solid colour-accent';
         }];
     }];
     readonly reacts: readonly ["focus", "hover"];

package/dist/ui/variants/var_link-inline.js

@@ -1,4 +1,4 @@
-import { variant } from "../variant.js";
+import { variant } from '../variant.js';
 export const LINK_INLINE = variant({
     id: 'link-inline',
     sets: [

package/dist/ui/variants/var_list-row.d.ts

@@ -1,47 +1,47 @@
 export declare const LIST_ROW: {
-    readonly id: "list-row";
-    readonly material: "flat";
+    readonly id: 'list-row';
+    readonly material: 'flat';
     readonly sets: readonly [{
-        readonly property: "color";
-        readonly is: "colour-ink";
+        readonly property: 'color';
+        readonly is: 'colour-ink';
     }, {
-        readonly property: "borderRadius";
-        readonly is: "radius-sm";
+        readonly property: 'borderRadius';
+        readonly is: 'radius-sm';
     }, {
-        readonly property: "padding";
-        readonly is: "space-3 space-4";
+        readonly property: 'padding';
+        readonly is: 'space-3 space-4';
     }, {
-        readonly property: "gap";
-        readonly is: "space-3";
+        readonly property: 'gap';
+        readonly is: 'space-3';
     }];
     readonly states: readonly [{
         readonly when: readonly ["carrying"];
         readonly sets: readonly [{
-            readonly property: "opacity";
-            readonly is: "opacity-muted";
+            readonly property: 'opacity';
+            readonly is: 'opacity-muted';
         }];
     }, {
         readonly when: readonly ["draggedOver"];
         readonly sets: readonly [{
-            readonly property: "outline";
-            readonly is: "edge-thick line-solid colour-accent";
+            readonly property: 'outline';
+            readonly is: 'edge-thick line-solid colour-accent';
         }, {
-            readonly property: "outlineOffset";
-            readonly is: "space-1";
+            readonly property: 'outlineOffset';
+            readonly is: 'space-1';
         }];
     }, {
         readonly when: readonly ["refusing"];
         readonly sets: readonly [{
-            readonly property: "outline";
-            readonly is: "edge-thick line-dashed colour-negative";
+            readonly property: 'outline';
+            readonly is: 'edge-thick line-dashed colour-negative';
         }, {
-            readonly property: "outlineOffset";
-            readonly is: "space-1";
+            readonly property: 'outlineOffset';
+            readonly is: 'space-1';
         }];
     }];
     readonly plays: {
-        readonly in: "animation-rise";
-        readonly out: "animation-fall";
+        readonly in: 'animation-rise';
+        readonly out: 'animation-fall';
     };
     readonly reacts: readonly ["carrying", "draggedOver", "focus", "hover", "refusing"];
 };

package/dist/ui/variants/var_list-row.js

@@ -1,4 +1,4 @@
-import { variant } from "../variant.js";
+import { variant } from '../variant.js';
 export const LIST_ROW = variant({
     id: 'list-row',
     material: 'flat',