@prestack/thread-ui 0.1.1 → 0.1.3

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',

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

@@ -1,11 +1,11 @@
 export declare const RULE: {
-    readonly id: "rule";
+    readonly id: 'rule';
     readonly sets: readonly [{
-        readonly property: "borderWidth";
-        readonly is: "edge-hair";
+        readonly property: 'borderWidth';
+        readonly is: 'edge-hair';
     }, {
-        readonly property: "borderColor";
-        readonly is: "colour-edge";
+        readonly property: 'borderColor';
+        readonly is: 'colour-edge';
     }];
     readonly reacts: readonly [];
 };

package/dist/ui/variants/var_rule.js

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

package/dist/ui/variants/var_skeleton-block.d.ts

@@ -1,17 +1,17 @@
 export declare const SKELETON_BLOCK: {
-    readonly id: "skeleton-block";
+    readonly id: 'skeleton-block';
     readonly sets: readonly [{
-        readonly property: "background";
-        readonly is: "colour-sunken";
+        readonly property: 'background';
+        readonly is: 'colour-sunken';
     }, {
-        readonly property: "borderRadius";
-        readonly is: "radius-sm";
+        readonly property: 'borderRadius';
+        readonly is: 'radius-sm';
     }, {
-        readonly property: "minHeight";
-        readonly is: "control-sm";
+        readonly property: 'minHeight';
+        readonly is: 'control-sm';
     }, {
-        readonly property: "animation";
-        readonly is: "animation-waiting";
+        readonly property: 'animation';
+        readonly is: 'animation-waiting';
     }];
     readonly reacts: readonly [];
 };

package/dist/ui/variants/var_skeleton-block.js

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

package/dist/ui/variants/var_spinner-turning.d.ts

@@ -1,17 +1,17 @@
 export declare const SPINNER_TURNING: {
-    readonly id: "spinner-turning";
+    readonly id: 'spinner-turning';
     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-accent";
+        readonly property: 'color';
+        readonly is: 'colour-accent';
     }, {
-        readonly property: "animation";
-        readonly is: "animation-working";
+        readonly property: 'animation';
+        readonly is: 'animation-working';
     }];
     readonly reacts: readonly [];
 };

package/dist/ui/variants/var_spinner-turning.js

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

package/dist/ui/variants/var_stat-tile.d.ts

@@ -1,18 +1,18 @@
 export declare const STAT_TILE: {
-    readonly id: "stat-tile";
-    readonly material: "flat";
+    readonly id: 'stat-tile';
+    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: "padding";
-        readonly is: "space-4";
+        readonly property: 'padding';
+        readonly is: 'space-4';
     }, {
-        readonly property: "gap";
-        readonly is: "space-2";
+        readonly property: 'gap';
+        readonly is: 'space-2';
     }];
     readonly reacts: readonly ["focus", "hover"];
 };

package/dist/ui/variants/var_stat-tile.js

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

package/dist/ui/variants/var_tab-bar.d.ts

@@ -1,24 +1,24 @@
 export declare const TAB_BAR: {
-    readonly id: "tab-bar";
-    readonly material: "flat";
+    readonly id: 'tab-bar';
+    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-lg";
+        readonly property: 'borderRadius';
+        readonly is: 'radius-lg';
     }, {
-        readonly property: "minHeight";
-        readonly is: "control-md";
+        readonly property: 'minHeight';
+        readonly is: 'control-md';
     }, {
-        readonly property: "padding";
-        readonly is: "space-1";
+        readonly property: 'padding';
+        readonly is: 'space-1';
     }, {
-        readonly property: "gap";
-        readonly is: "space-1";
+        readonly property: 'gap';
+        readonly is: 'space-1';
     }, {
-        readonly property: "transition";
-        readonly is: "motion-quick ease-out";
+        readonly property: 'transition';
+        readonly is: 'motion-quick ease-out';
     }];
     readonly reacts: readonly ["focus", "hover"];
 };

package/dist/ui/variants/var_tab-bar.js

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

package/dist/ui/variants/var_tap-target.d.ts

@@ -1,32 +1,32 @@
 export declare const TAP_TARGET: {
-    readonly id: "tap-target";
+    readonly id: 'tap-target';
     readonly sets: readonly [{
-        readonly property: "borderRadius";
-        readonly is: "radius-md";
+        readonly property: 'borderRadius';
+        readonly is: 'radius-md';
     }];
     readonly states: readonly [{
         readonly when: readonly ["tapped"];
         readonly sets: readonly [{
-            readonly property: "animation";
-            readonly is: "animation-flash";
+            readonly property: 'animation';
+            readonly is: 'animation-flash';
         }];
     }, {
         readonly when: readonly ["pressing"];
         readonly sets: readonly [{
-            readonly property: "animation";
-            readonly is: "animation-press";
+            readonly property: 'animation';
+            readonly is: 'animation-press';
         }];
     }, {
         readonly when: readonly ["carrying", "pressing"];
         readonly sets: readonly [{
-            readonly property: "animation";
-            readonly is: "animation-hover-lift";
+            readonly property: 'animation';
+            readonly is: 'animation-hover-lift';
         }];
     }, {
         readonly when: readonly ["carrying"];
         readonly sets: readonly [{
-            readonly property: "animation";
-            readonly is: "animation-hover-lift";
+            readonly property: 'animation';
+            readonly is: 'animation-hover-lift';
         }];
     }];
     readonly reacts: readonly ["tapped", "pressing", "carrying"];

package/dist/ui/variants/var_tap-target.js

@@ -1,4 +1,4 @@
-import { variant } from "../variant.js";
+import { variant } from '../variant.js';
 export const TAP_TARGET = variant({
     id: 'tap-target',
     sets: [{ property: 'borderRadius', is: 'radius-md' }],