@prestack/thread-ui 0.0.1

package/CHANGELOG.md

@@ -0,0 +1,348 @@
+# @prestack/thread-ui
+
+## 0.0.1
+
+Every package carries the same number. The first two parts are set on the packaging sheet and move only when somebody changes them there; the third moves with every publish.
+
+First release. It ships 203 row(s).
+
+### Gained
+
+- `accordion`
+- `animations-writer`
+- `appear`
+- `aspect-ratio`
+- `avatar`
+- `avatar-round`
+- `badge`
+- `bars`
+- `blur-in`
+- `blur-out`
+- `bordered`
+- `box`
+- `breadcrumb`
+- `bubble-me`
+- `bubble-them`
+- `button`
+- `button-border`
+- `button-cta`
+- `button-destructive`
+- `button-destructive-ghost`
+- `button-fill`
+- `button-ghost`
+- `button-glass`
+- `button-normal`
+- `button-quiet`
+- `card`
+- `ceramic`
+- `charts`
+- `checked`
+- `chip`
+- `choice`
+- `clay`
+- `collector`
+- `column`
+- `compositions`
+- `consent`
+- `consent-categories`
+- `consent-element`
+- `content`
+- `contrast`
+- `controls`
+- `dev-runner`
+- `disclosure`
+- `dismiss`
+- `dismiss-layer`
+- `donut`
+- `drag`
+- `drop`
+- `each`
+- `element-rows`
+- `elements-writer`
+- `elevated`
+- `empty`
+- `en-catalog`
+- `fall`
+- `field`
+- `flash`
+- `flat`
+- `focus-scope`
+- `fonts`
+- `framed`
+- `funnel`
+- `gauge`
+- `glass`
+- `glow`
+- `glyph`
+- `glyph-plain`
+- `grid`
+- `heatmap`
+- `hit-box`
+- `i18n-types`
+- `i18n-writer`
+- `icon-sets`
+- `icons-writer`
+- `image`
+- `input`
+- `lift`
+- `line-chart`
+- `link`
+- `link-inline`
+- `list-row`
+- `lit`
+- `locales`
+- `localizations`
+- `material-shape`
+- `materials`
+- `media`
+- `menu`
+- `message-format`
+- `message-maker`
+- `message-parse`
+- `modes`
+- `money`
+- `moulded`
+- `navigation`
+- `nudge`
+- `pagination`
+- `pop-in`
+- `pop-out`
+- `positioning`
+- `presentation`
+- `presented`
+- `press`
+- `progress`
+- `provider`
+- `pulse`
+- `radio-group`
+- `react-writer`
+- `render-loop`
+- `rise`
+- `route-grammar`
+- `routes-writer`
+- `roving-focus`
+- `row`
+- `rule`
+- `scatter`
+- `screens`
+- `scroll-lock`
+- `select`
+- `separator`
+- `series`
+- `shadow-token`
+- `shake`
+- `show-reader`
+- `signals`
+- `skeleton`
+- `skeleton-block`
+- `slide-in-left`
+- `slide-in-right`
+- `slide-out-left`
+- `slide-out-right`
+- `slider`
+- `sparkline`
+- `spin`
+- `spinner`
+- `spinner-turning`
+- `stack`
+- `stat`
+- `stat-tile`
+- `styleguide-shape`
+- `styleguides`
+- `styles-writer`
+- `surface`
+- `swell`
+- `tab-bar`
+- `table`
+- `tabs`
+- `tap-target`
+- `text`
+- `textarea`
+- `themes`
+- `time`
+- `toggle`
+- `token-shape`
+- `tokens`
+- `tooltip`
+- `translator`
+- `ui-attach`
+- `validators`
+- `value`
+- `variant-rows`
+- `variant-shape`
+- `variants-seeder`
+- `wobble`
+- `wrappers`
+- `zoom-in`
+- `zoom-out`
+
+<!-- release 0.0.1 -->
+<!-- holds
+accordion 2
+animations-writer 1
+appear 1
+aspect-ratio 2
+avatar 2
+avatar-round 1
+badge 2
+bars 2
+blur-in 1
+blur-out 1
+bordered 1
+box 1
+breadcrumb 2
+bubble-me 1
+bubble-them 1
+button 2
+button-border 1
+button-cta 1
+button-destructive 1
+button-destructive-ghost 1
+button-fill 1
+button-ghost 1
+button-glass 1
+button-normal 1
+button-quiet 1
+card 1
+ceramic 1
+charts 1
+checked 1
+chip 1
+choice 1
+clay 1
+collector 1
+column 1
+compositions 1
+consent 1
+consent-categories 1
+consent-element 1
+content 1
+contrast 1
+controls 1
+dev-runner 1
+disclosure 1
+dismiss 1
+dismiss-layer 1
+donut 2
+drag 1
+drop 1
+each 2
+element-rows 1
+elements-writer 1
+elevated 1
+empty 1
+en-catalog 1
+fall 1
+field 2
+flash 1
+flat 1
+focus-scope 1
+fonts 1
+framed 1
+funnel 2
+gauge 2
+glass 1
+glow 1
+glyph 2
+glyph-plain 1
+grid 1
+heatmap 2
+hit-box 2
+i18n-types 1
+i18n-writer 1
+icon-sets 1
+icons-writer 1
+image 1
+input 1
+lift 1
+line-chart 2
+link 2
+link-inline 1
+list-row 1
+lit 1
+locales 1
+localizations 1
+material-shape 1
+materials 1
+media 1
+menu 2
+message-format 1
+message-maker 2
+message-parse 1
+modes 1
+money 2
+moulded 1
+navigation 1
+nudge 1
+pagination 2
+pop-in 1
+pop-out 1
+positioning 1
+presentation 1
+presented 1
+press 1
+progress 2
+provider 1
+pulse 1
+radio-group 2
+react-writer 1
+render-loop 1
+rise 1
+route-grammar 1
+routes-writer 1
+roving-focus 1
+row 1
+rule 1
+scatter 2
+screens 1
+scroll-lock 1
+select 2
+separator 1
+series 1
+shadow-token 1
+shake 1
+show-reader 1
+signals 1
+skeleton 1
+skeleton-block 1
+slide-in-left 1
+slide-in-right 1
+slide-out-left 1
+slide-out-right 1
+slider 2
+sparkline 2
+spin 1
+spinner 1
+spinner-turning 1
+stack 1
+stat 2
+stat-tile 1
+styleguide-shape 1
+styleguides 1
+styles-writer 1
+surface 2
+swell 1
+tab-bar 1
+table 2
+tabs 2
+tap-target 1
+text 1
+textarea 2
+themes 1
+time 2
+toggle 2
+token-shape 1
+tokens 1
+tooltip 2
+translator 1
+ui-attach 1
+validators 1
+value 2
+variant-rows 1
+variant-shape 1
+variants-seeder 1
+wobble 1
+wrappers 1
+zoom-in 1
+zoom-out 1
+-->

package/dist/attach.d.ts

@@ -0,0 +1 @@
+export { ATTACH } from './ui/attach.js'

package/dist/attach.js

@@ -0,0 +1 @@
+export { ATTACH } from './ui/attach.js'

package/dist/ui/animations/anm_appear.d.ts

@@ -0,0 +1,16 @@
+export declare const APPEAR: {
+    readonly id: "appear";
+    readonly runs: "motion-normal";
+    readonly eases: "ease-out";
+    readonly fills: "backwards";
+    readonly stops: {
+        readonly '0%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-none";
+        }];
+        readonly '100%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-full";
+        }];
+    };
+};

package/dist/ui/animations/anm_appear.js

@@ -0,0 +1,10 @@
+export const APPEAR = {
+    id: 'appear',
+    runs: 'motion-normal',
+    eases: 'ease-out',
+    fills: 'backwards',
+    stops: {
+        '0%': [{ property: 'opacity', is: 'opacity-none' }],
+        '100%': [{ property: 'opacity', is: 'opacity-full' }],
+    },
+};

package/dist/ui/animations/anm_blur_in.d.ts

@@ -0,0 +1,22 @@
+export declare const BLUR_IN: {
+    readonly id: "blur-in";
+    readonly runs: "motion-normal";
+    readonly eases: "ease-out";
+    readonly fills: "backwards";
+    readonly stops: {
+        readonly '0%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-none";
+        }, {
+            readonly property: "filter";
+            readonly is: "filter-blurred";
+        }];
+        readonly '100%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-full";
+        }, {
+            readonly property: "filter";
+            readonly is: "filter-sharp";
+        }];
+    };
+};

package/dist/ui/animations/anm_blur_in.js

@@ -0,0 +1,16 @@
+export const BLUR_IN = {
+    id: 'blur-in',
+    runs: 'motion-normal',
+    eases: 'ease-out',
+    fills: 'backwards',
+    stops: {
+        '0%': [
+            { property: 'opacity', is: 'opacity-none' },
+            { property: 'filter', is: 'filter-blurred' },
+        ],
+        '100%': [
+            { property: 'opacity', is: 'opacity-full' },
+            { property: 'filter', is: 'filter-sharp' },
+        ],
+    },
+};

package/dist/ui/animations/anm_blur_out.d.ts

@@ -0,0 +1,22 @@
+export declare const BLUR_OUT: {
+    readonly id: "blur-out";
+    readonly runs: "motion-quick";
+    readonly eases: "ease-in";
+    readonly fills: "forwards";
+    readonly stops: {
+        readonly '0%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-full";
+        }, {
+            readonly property: "filter";
+            readonly is: "filter-sharp";
+        }];
+        readonly '100%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-none";
+        }, {
+            readonly property: "filter";
+            readonly is: "filter-blurred";
+        }];
+    };
+};

package/dist/ui/animations/anm_blur_out.js

@@ -0,0 +1,16 @@
+export const BLUR_OUT = {
+    id: 'blur-out',
+    runs: 'motion-quick',
+    eases: 'ease-in',
+    fills: 'forwards',
+    stops: {
+        '0%': [
+            { property: 'opacity', is: 'opacity-full' },
+            { property: 'filter', is: 'filter-sharp' },
+        ],
+        '100%': [
+            { property: 'opacity', is: 'opacity-none' },
+            { property: 'filter', is: 'filter-blurred' },
+        ],
+    },
+};

package/dist/ui/animations/anm_dismiss.d.ts

@@ -0,0 +1,22 @@
+export declare const DISMISS: {
+    readonly id: "dismiss";
+    readonly runs: "motion-quick";
+    readonly eases: "ease-in";
+    readonly fills: "forwards";
+    readonly stops: {
+        readonly '0%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-full";
+        }, {
+            readonly property: "transform";
+            readonly is: "transform-rest";
+        }];
+        readonly '100%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-none";
+        }, {
+            readonly property: "transform";
+            readonly is: "transform-shrink";
+        }];
+    };
+};

package/dist/ui/animations/anm_dismiss.js

@@ -0,0 +1,16 @@
+export const DISMISS = {
+    id: 'dismiss',
+    runs: 'motion-quick',
+    eases: 'ease-in',
+    fills: 'forwards',
+    stops: {
+        '0%': [
+            { property: 'opacity', is: 'opacity-full' },
+            { property: 'transform', is: 'transform-rest' },
+        ],
+        '100%': [
+            { property: 'opacity', is: 'opacity-none' },
+            { property: 'transform', is: 'transform-shrink' },
+        ],
+    },
+};

package/dist/ui/animations/anm_drop.d.ts

@@ -0,0 +1,22 @@
+export declare const DROP: {
+    readonly id: "drop";
+    readonly runs: "motion-normal";
+    readonly eases: "ease-out";
+    readonly fills: "backwards";
+    readonly stops: {
+        readonly '0%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-none";
+        }, {
+            readonly property: "transform";
+            readonly is: "transform-above";
+        }];
+        readonly '100%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-full";
+        }, {
+            readonly property: "transform";
+            readonly is: "transform-rest";
+        }];
+    };
+};

package/dist/ui/animations/anm_drop.js

@@ -0,0 +1,16 @@
+export const DROP = {
+    id: 'drop',
+    runs: 'motion-normal',
+    eases: 'ease-out',
+    fills: 'backwards',
+    stops: {
+        '0%': [
+            { property: 'opacity', is: 'opacity-none' },
+            { property: 'transform', is: 'transform-above' },
+        ],
+        '100%': [
+            { property: 'opacity', is: 'opacity-full' },
+            { property: 'transform', is: 'transform-rest' },
+        ],
+    },
+};

package/dist/ui/animations/anm_fall.d.ts

@@ -0,0 +1,22 @@
+export declare const FALL: {
+    readonly id: "fall";
+    readonly runs: "motion-quick";
+    readonly eases: "ease-in";
+    readonly fills: "forwards";
+    readonly stops: {
+        readonly '0%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-full";
+        }, {
+            readonly property: "transform";
+            readonly is: "transform-rest";
+        }];
+        readonly '100%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-none";
+        }, {
+            readonly property: "transform";
+            readonly is: "transform-below";
+        }];
+    };
+};

package/dist/ui/animations/anm_fall.js

@@ -0,0 +1,16 @@
+export const FALL = {
+    id: 'fall',
+    runs: 'motion-quick',
+    eases: 'ease-in',
+    fills: 'forwards',
+    stops: {
+        '0%': [
+            { property: 'opacity', is: 'opacity-full' },
+            { property: 'transform', is: 'transform-rest' },
+        ],
+        '100%': [
+            { property: 'opacity', is: 'opacity-none' },
+            { property: 'transform', is: 'transform-below' },
+        ],
+    },
+};

package/dist/ui/animations/anm_flash.d.ts

@@ -0,0 +1,19 @@
+export declare const FLASH: {
+    readonly id: "flash";
+    readonly runs: "motion-normal";
+    readonly eases: "ease-out";
+    readonly stops: {
+        readonly '0%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-full";
+        }];
+        readonly '40%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-muted";
+        }];
+        readonly '100%': readonly [{
+            readonly property: "opacity";
+            readonly is: "opacity-full";
+        }];
+    };
+};

package/dist/ui/animations/anm_flash.js

@@ -0,0 +1,16 @@
+export const FLASH = {
+    id: 'flash',
+    runs: 'motion-normal',
+    eases: 'ease-out',
+    stops: {
+        '0%': [
+            { property: 'opacity', is: 'opacity-full' },
+        ],
+        '40%': [
+            { property: 'opacity', is: 'opacity-muted' },
+        ],
+        '100%': [
+            { property: 'opacity', is: 'opacity-full' },
+        ],
+    },
+};

package/dist/ui/animations/anm_glow.d.ts

@@ -0,0 +1,16 @@
+export declare const GLOW: {
+    readonly id: "glow";
+    readonly runs: "motion-normal";
+    readonly eases: "ease-out";
+    readonly fills: "forwards";
+    readonly stops: {
+        readonly '0%': readonly [{
+            readonly property: "boxShadow";
+            readonly is: "shadow-0";
+        }];
+        readonly '100%': readonly [{
+            readonly property: "boxShadow";
+            readonly is: "shadow-glow";
+        }];
+    };
+};

package/dist/ui/animations/anm_glow.js

@@ -0,0 +1,14 @@
+export const GLOW = {
+    id: 'glow',
+    runs: 'motion-normal',
+    eases: 'ease-out',
+    fills: 'forwards',
+    stops: {
+        '0%': [
+            { property: 'boxShadow', is: 'shadow-0' },
+        ],
+        '100%': [
+            { property: 'boxShadow', is: 'shadow-glow' },
+        ],
+    },
+};

package/dist/ui/animations/anm_lift.d.ts

@@ -0,0 +1,16 @@
+export declare const LIFT: {
+    readonly id: "lift";
+    readonly runs: "motion-quick";
+    readonly eases: "ease-out";
+    readonly fills: "forwards";
+    readonly stops: {
+        readonly '0%': readonly [{
+            readonly property: "transform";
+            readonly is: "transform-rest";
+        }];
+        readonly '100%': readonly [{
+            readonly property: "transform";
+            readonly is: "transform-lift";
+        }];
+    };
+};

package/dist/ui/animations/anm_lift.js

@@ -0,0 +1,14 @@
+export const LIFT = {
+    id: 'lift',
+    runs: 'motion-quick',
+    eases: 'ease-out',
+    fills: 'forwards',
+    stops: {
+        '0%': [
+            { property: 'transform', is: 'transform-rest' },
+        ],
+        '100%': [
+            { property: 'transform', is: 'transform-lift' },
+        ],
+    },
+};