@prestack/thread-ui 0.1.1 → 0.1.3

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

@@ -1,115 +1,115 @@
 export declare const BUTTON_FILL: {
-    readonly id: "button-fill";
-    readonly type: "label";
-    readonly icon: "md";
+    readonly id: 'button-fill';
+    readonly type: 'label';
+    readonly icon: 'md';
     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-accent";
+        readonly property: 'background';
+        readonly is: 'colour-accent';
     }, {
-        readonly property: "color";
-        readonly is: "colour-on-accent";
+        readonly property: 'color';
+        readonly is: 'colour-on-accent';
     }, {
-        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-accent-hover";
+            readonly property: 'background';
+            readonly is: 'colour-accent-hover';
         }, {
-            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-accent-press";
+            readonly property: 'background';
+            readonly is: 'colour-accent-press';
         }, {
-            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-accent-press";
+            readonly property: 'background';
+            readonly is: 'colour-accent-press';
         }, {
-            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: "cursor";
-            readonly is: "cursor-refuse";
+            readonly property: 'cursor';
+            readonly is: 'cursor-refuse';
         }, {
-            readonly property: "background";
-            readonly is: "colour-sunken";
+            readonly property: 'background';
+            readonly is: 'colour-sunken';
         }, {
-            readonly property: "color";
-            readonly is: "colour-ink-faint";
+            readonly property: 'color';
+            readonly is: 'colour-ink-faint';
         }];
     }, {
         readonly when: readonly ["disabled", "hover"];
         readonly sets: readonly [{
-            readonly property: "background";
-            readonly is: "colour-sunken";
+            readonly property: 'background';
+            readonly is: 'colour-sunken';
         }, {
-            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-fill.js

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

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

@@ -1,112 +1,112 @@
 export declare const BUTTON_GHOST: {
-    readonly id: "button-ghost";
-    readonly type: "label";
-    readonly icon: "md";
+    readonly id: 'button-ghost';
+    readonly type: 'label';
+    readonly icon: 'md';
     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-accent";
+        readonly property: 'color';
+        readonly is: 'colour-accent';
     }, {
-        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-surface-lit";
+            readonly property: 'background';
+            readonly is: 'colour-surface-lit';
         }, {
-            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-surface-lit";
+            readonly property: 'background';
+            readonly is: 'colour-surface-lit';
         }, {
-            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-surface-lit";
+            readonly property: 'background';
+            readonly is: 'colour-surface-lit';
         }, {
-            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: "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-ghost.js

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

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

@@ -1,83 +1,83 @@
 export declare const BUTTON_GLASS: {
-    readonly id: "button-glass";
-    readonly material: "glass";
-    readonly type: "label";
-    readonly icon: "md";
+    readonly id: 'button-glass';
+    readonly material: 'glass';
+    readonly type: 'label';
+    readonly icon: 'md';
     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 states: readonly [{
         readonly when: readonly ["hover"];
         readonly sets: readonly [{
-            readonly property: "transform";
-            readonly is: "transform-lift";
+            readonly property: 'transform';
+            readonly is: 'transform-lift';
         }];
     }, {
         readonly when: readonly ["active"];
         readonly sets: readonly [{
-            readonly property: "transform";
-            readonly is: "transform-press";
+            readonly property: 'transform';
+            readonly is: 'transform-press';
         }];
     }, {
         readonly when: readonly ["active", "hover"];
         readonly sets: readonly [{
-            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: "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-glass.js

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