@prestack/thread-ui 0.1.10 → 0.1.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +187 -0
- package/dist/ui/attach.js +6 -7
- package/dist/ui/compositions.d.ts +0 -8
- package/dist/ui/compositions.js +3 -166
- package/dist/ui/generators/routes.js +1 -0
- package/package.json +2 -2
- package/dist/ui/animations/anm_appear.ts +0 -13
- package/dist/ui/animations/anm_blur_in.ts +0 -19
- package/dist/ui/animations/anm_blur_out.ts +0 -18
- package/dist/ui/animations/anm_dismiss.ts +0 -18
- package/dist/ui/animations/anm_drop.ts +0 -19
- package/dist/ui/animations/anm_fall.ts +0 -18
- package/dist/ui/animations/anm_flash.ts +0 -18
- package/dist/ui/animations/anm_glow.ts +0 -16
- package/dist/ui/animations/anm_lift.ts +0 -16
- package/dist/ui/animations/anm_nudge.ts +0 -16
- package/dist/ui/animations/anm_pop_in.ts +0 -23
- package/dist/ui/animations/anm_pop_out.ts +0 -22
- package/dist/ui/animations/anm_press.ts +0 -12
- package/dist/ui/animations/anm_pulse.ts +0 -13
- package/dist/ui/animations/anm_rise.ts +0 -19
- package/dist/ui/animations/anm_shake.ts +0 -13
- package/dist/ui/animations/anm_slide_in_left.ts +0 -19
- package/dist/ui/animations/anm_slide_in_right.ts +0 -19
- package/dist/ui/animations/anm_slide_out_left.ts +0 -18
- package/dist/ui/animations/anm_slide_out_right.ts +0 -18
- package/dist/ui/animations/anm_spin.ts +0 -12
- package/dist/ui/animations/anm_swell.ts +0 -16
- package/dist/ui/animations/anm_wobble.ts +0 -24
- package/dist/ui/animations/anm_zoom_in.ts +0 -19
- package/dist/ui/animations/anm_zoom_out.ts +0 -18
- package/dist/ui/animations.ts +0 -308
- package/dist/ui/attach.ts +0 -553
- package/dist/ui/charts.tsx +0 -69
- package/dist/ui/checked.ts +0 -32
- package/dist/ui/collector.ts +0 -140
- package/dist/ui/compositions.ts +0 -613
- package/dist/ui/consent.ts +0 -55
- package/dist/ui/content.tsx +0 -27
- package/dist/ui/contrast.ts +0 -27
- package/dist/ui/controls.tsx +0 -25
- package/dist/ui/disclosure.tsx +0 -20
- package/dist/ui/dismiss-layer.ts +0 -87
- package/dist/ui/door.ts +0 -140
- package/dist/ui/drag.ts +0 -316
- package/dist/ui/elements/accordion.tsx +0 -47
- package/dist/ui/elements/accordion.works.ts +0 -66
- package/dist/ui/elements/aspect-ratio.tsx +0 -31
- package/dist/ui/elements/aspect-ratio.works.ts +0 -5
- package/dist/ui/elements/avatar.tsx +0 -34
- package/dist/ui/elements/avatar.works.ts +0 -16
- package/dist/ui/elements/badge.tsx +0 -33
- package/dist/ui/elements/badge.works.ts +0 -9
- package/dist/ui/elements/bars.tsx +0 -50
- package/dist/ui/elements/bars.works.ts +0 -29
- package/dist/ui/elements/box.tsx +0 -36
- package/dist/ui/elements/breadcrumb.tsx +0 -38
- package/dist/ui/elements/breadcrumb.works.ts +0 -24
- package/dist/ui/elements/button.tsx +0 -46
- package/dist/ui/elements/button.works.tsx +0 -52
- package/dist/ui/elements/column.tsx +0 -29
- package/dist/ui/elements/consent.tsx +0 -71
- package/dist/ui/elements/consent.works.tsx +0 -132
- package/dist/ui/elements/donut.tsx +0 -45
- package/dist/ui/elements/donut.works.ts +0 -42
- package/dist/ui/elements/each.tsx +0 -34
- package/dist/ui/elements/each.works.tsx +0 -82
- package/dist/ui/elements/empty.tsx +0 -33
- package/dist/ui/elements/field.tsx +0 -45
- package/dist/ui/elements/field.works.ts +0 -65
- package/dist/ui/elements/funnel.tsx +0 -50
- package/dist/ui/elements/funnel.works.ts +0 -37
- package/dist/ui/elements/gauge.tsx +0 -40
- package/dist/ui/elements/gauge.works.ts +0 -42
- package/dist/ui/elements/glyph.tsx +0 -30
- package/dist/ui/elements/glyph.works.tsx +0 -42
- package/dist/ui/elements/grid.tsx +0 -29
- package/dist/ui/elements/heatmap.tsx +0 -48
- package/dist/ui/elements/heatmap.works.ts +0 -24
- package/dist/ui/elements/hit-box.tsx +0 -47
- package/dist/ui/elements/hit-box.works.tsx +0 -576
- package/dist/ui/elements/image.tsx +0 -29
- package/dist/ui/elements/line-chart.tsx +0 -45
- package/dist/ui/elements/line-chart.works.ts +0 -41
- package/dist/ui/elements/link.tsx +0 -38
- package/dist/ui/elements/link.works.ts +0 -25
- package/dist/ui/elements/media.tsx +0 -57
- package/dist/ui/elements/menu.tsx +0 -51
- package/dist/ui/elements/menu.works.tsx +0 -154
- package/dist/ui/elements/money.tsx +0 -36
- package/dist/ui/elements/money.works.ts +0 -9
- package/dist/ui/elements/pagination.tsx +0 -39
- package/dist/ui/elements/pagination.works.ts +0 -20
- package/dist/ui/elements/progress.tsx +0 -34
- package/dist/ui/elements/progress.works.ts +0 -8
- package/dist/ui/elements/radio-group.tsx +0 -50
- package/dist/ui/elements/radio-group.works.ts +0 -33
- package/dist/ui/elements/row.tsx +0 -29
- package/dist/ui/elements/scatter.tsx +0 -42
- package/dist/ui/elements/scatter.works.ts +0 -38
- package/dist/ui/elements/select.tsx +0 -43
- package/dist/ui/elements/select.works.ts +0 -5
- package/dist/ui/elements/separator.tsx +0 -31
- package/dist/ui/elements/skeleton.tsx +0 -31
- package/dist/ui/elements/slider.tsx +0 -34
- package/dist/ui/elements/slider.works.ts +0 -5
- package/dist/ui/elements/sparkline.tsx +0 -37
- package/dist/ui/elements/sparkline.works.ts +0 -32
- package/dist/ui/elements/spinner.tsx +0 -33
- package/dist/ui/elements/stack.tsx +0 -29
- package/dist/ui/elements/stat.tsx +0 -36
- package/dist/ui/elements/stat.works.ts +0 -14
- package/dist/ui/elements/surface.tsx +0 -36
- package/dist/ui/elements/surface.works.ts +0 -9
- package/dist/ui/elements/table.tsx +0 -62
- package/dist/ui/elements/table.works.ts +0 -30
- package/dist/ui/elements/tabs.tsx +0 -47
- package/dist/ui/elements/tabs.works.ts +0 -84
- package/dist/ui/elements/text.tsx +0 -33
- package/dist/ui/elements/textarea.tsx +0 -38
- package/dist/ui/elements/textarea.works.ts +0 -5
- package/dist/ui/elements/time.tsx +0 -40
- package/dist/ui/elements/time.works.ts +0 -29
- package/dist/ui/elements/toggle.tsx +0 -34
- package/dist/ui/elements/toggle.works.ts +0 -5
- package/dist/ui/elements/tooltip.tsx +0 -40
- package/dist/ui/elements/tooltip.works.ts +0 -77
- package/dist/ui/elements/value.tsx +0 -38
- package/dist/ui/elements/value.works.ts +0 -9
- package/dist/ui/elements.ts +0 -127
- package/dist/ui/focus-scope.ts +0 -121
- package/dist/ui/fonts.ts +0 -355
- package/dist/ui/generators/dev.d.ts +0 -1
- package/dist/ui/generators/dev.js +0 -62
- package/dist/ui/generators/dev.ts +0 -75
- package/dist/ui/generators/elements.ts +0 -796
- package/dist/ui/generators/i18n.ts +0 -283
- package/dist/ui/generators/icons.ts +0 -207
- package/dist/ui/generators/react.ts +0 -267
- package/dist/ui/generators/routes.ts +0 -847
- package/dist/ui/generators/show.ts +0 -261
- package/dist/ui/generators/styles.ts +0 -677
- package/dist/ui/generators/variants.ts +0 -196
- package/dist/ui/i18n/catalogs/en.ts +0 -191
- package/dist/ui/i18n/format.ts +0 -221
- package/dist/ui/i18n/locales.ts +0 -33
- package/dist/ui/i18n/parse.ts +0 -315
- package/dist/ui/i18n/translator.ts +0 -31
- package/dist/ui/i18n/types.ts +0 -96
- package/dist/ui/icons.ts +0 -331
- package/dist/ui/islands/map.ts +0 -58
- package/dist/ui/localizations.ts +0 -75
- package/dist/ui/material.ts +0 -236
- package/dist/ui/materials/mat_bordered.ts +0 -13
- package/dist/ui/materials/mat_ceramic.ts +0 -13
- package/dist/ui/materials/mat_clay.ts +0 -13
- package/dist/ui/materials/mat_elevated.ts +0 -24
- package/dist/ui/materials/mat_flat.ts +0 -34
- package/dist/ui/materials/mat_glass.ts +0 -20
- package/dist/ui/materials/mat_lit.ts +0 -13
- package/dist/ui/materials/mat_moulded.ts +0 -11
- package/dist/ui/materials.ts +0 -197
- package/dist/ui/modes.ts +0 -44
- package/dist/ui/navigation.tsx +0 -29
- package/dist/ui/positioning.ts +0 -90
- package/dist/ui/presented.tsx +0 -119
- package/dist/ui/provider.tsx +0 -184
- package/dist/ui/render-loop.ts +0 -133
- package/dist/ui/roving-focus.ts +0 -161
- package/dist/ui/screens.ts +0 -141
- package/dist/ui/scroll-lock.ts +0 -28
- package/dist/ui/series.ts +0 -97
- package/dist/ui/signals.ts +0 -386
- package/dist/ui/styleguide.ts +0 -231
- package/dist/ui/styleguides.ts +0 -374
- package/dist/ui/themes.ts +0 -22
- package/dist/ui/token.ts +0 -78
- package/dist/ui/tokens/shadow.ts +0 -25
- package/dist/ui/tokens.ts +0 -234
- package/dist/ui/validators.ts +0 -232
- package/dist/ui/variant.ts +0 -349
- package/dist/ui/variants/var_avatar-round.ts +0 -14
- package/dist/ui/variants/var_bubble-me.ts +0 -14
- package/dist/ui/variants/var_bubble-them.ts +0 -13
- package/dist/ui/variants/var_button-border.ts +0 -76
- package/dist/ui/variants/var_button-cta.ts +0 -76
- package/dist/ui/variants/var_button-destructive-ghost.ts +0 -72
- package/dist/ui/variants/var_button-destructive.ts +0 -76
- package/dist/ui/variants/var_button-fill.ts +0 -76
- package/dist/ui/variants/var_button-ghost.ts +0 -72
- package/dist/ui/variants/var_button-glass.ts +0 -55
- package/dist/ui/variants/var_button-normal.ts +0 -76
- package/dist/ui/variants/var_button-quiet.ts +0 -74
- package/dist/ui/variants/var_card.ts +0 -17
- package/dist/ui/variants/var_chip.ts +0 -13
- package/dist/ui/variants/var_choice.ts +0 -15
- package/dist/ui/variants/var_framed.ts +0 -10
- package/dist/ui/variants/var_glyph-plain.ts +0 -11
- package/dist/ui/variants/var_input.ts +0 -43
- package/dist/ui/variants/var_link-inline.ts +0 -29
- package/dist/ui/variants/var_list-row.ts +0 -34
- package/dist/ui/variants/var_rule.ts +0 -10
- package/dist/ui/variants/var_skeleton-block.ts +0 -12
- package/dist/ui/variants/var_spinner-turning.ts +0 -12
- package/dist/ui/variants/var_stat-tile.ts +0 -13
- package/dist/ui/variants/var_tab-bar.ts +0 -15
- package/dist/ui/variants/var_tap-target.ts +0 -25
- package/dist/ui/variants.ts +0 -64
- package/dist/ui/wrappers.tsx +0 -429
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import type { Animation } from '../animations.ts'
|
|
2
|
-
|
|
3
|
-
export const FALL = {
|
|
4
|
-
id: 'fall',
|
|
5
|
-
runs: 'motion-quick',
|
|
6
|
-
eases: 'ease-in',
|
|
7
|
-
fills: 'forwards',
|
|
8
|
-
stops: {
|
|
9
|
-
'0%': [
|
|
10
|
-
{ property: 'opacity', is: 'opacity-full' },
|
|
11
|
-
{ property: 'transform', is: 'transform-rest' },
|
|
12
|
-
],
|
|
13
|
-
'100%': [
|
|
14
|
-
{ property: 'opacity', is: 'opacity-none' },
|
|
15
|
-
{ property: 'transform', is: 'transform-below' },
|
|
16
|
-
],
|
|
17
|
-
},
|
|
18
|
-
} as const satisfies Animation
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import type { Animation } from '../animations.ts'
|
|
2
|
-
|
|
3
|
-
export const FLASH = {
|
|
4
|
-
id: 'flash',
|
|
5
|
-
runs: 'motion-normal',
|
|
6
|
-
eases: 'ease-out',
|
|
7
|
-
stops: {
|
|
8
|
-
'0%': [
|
|
9
|
-
{ property: 'opacity', is: 'opacity-full' },
|
|
10
|
-
],
|
|
11
|
-
'40%': [
|
|
12
|
-
{ property: 'opacity', is: 'opacity-muted' },
|
|
13
|
-
],
|
|
14
|
-
'100%': [
|
|
15
|
-
{ property: 'opacity', is: 'opacity-full' },
|
|
16
|
-
],
|
|
17
|
-
},
|
|
18
|
-
} as const satisfies Animation
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type { Animation } from '../animations.ts'
|
|
2
|
-
|
|
3
|
-
export const GLOW = {
|
|
4
|
-
id: 'glow',
|
|
5
|
-
runs: 'motion-normal',
|
|
6
|
-
eases: 'ease-out',
|
|
7
|
-
fills: 'forwards',
|
|
8
|
-
stops: {
|
|
9
|
-
'0%': [
|
|
10
|
-
{ property: 'boxShadow', is: 'shadow-0' },
|
|
11
|
-
],
|
|
12
|
-
'100%': [
|
|
13
|
-
{ property: 'boxShadow', is: 'shadow-glow' },
|
|
14
|
-
],
|
|
15
|
-
},
|
|
16
|
-
} as const satisfies Animation
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type { Animation } from '../animations.ts'
|
|
2
|
-
|
|
3
|
-
export const LIFT = {
|
|
4
|
-
id: 'lift',
|
|
5
|
-
runs: 'motion-quick',
|
|
6
|
-
eases: 'ease-out',
|
|
7
|
-
fills: 'forwards',
|
|
8
|
-
stops: {
|
|
9
|
-
'0%': [
|
|
10
|
-
{ property: 'transform', is: 'transform-rest' },
|
|
11
|
-
],
|
|
12
|
-
'100%': [
|
|
13
|
-
{ property: 'transform', is: 'transform-lift' },
|
|
14
|
-
],
|
|
15
|
-
},
|
|
16
|
-
} as const satisfies Animation
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type { Animation } from '../animations.ts'
|
|
2
|
-
|
|
3
|
-
export const NUDGE = {
|
|
4
|
-
id: 'nudge',
|
|
5
|
-
runs: 'motion-quick',
|
|
6
|
-
eases: 'ease-out',
|
|
7
|
-
fills: 'forwards',
|
|
8
|
-
stops: {
|
|
9
|
-
'0%': [
|
|
10
|
-
{ property: 'transform', is: 'transform-rest' },
|
|
11
|
-
],
|
|
12
|
-
'100%': [
|
|
13
|
-
{ property: 'transform', is: 'transform-right' },
|
|
14
|
-
],
|
|
15
|
-
},
|
|
16
|
-
} as const satisfies Animation
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import type { Animation } from '../animations.ts'
|
|
2
|
-
|
|
3
|
-
export const POP_IN = {
|
|
4
|
-
id: 'pop-in',
|
|
5
|
-
runs: 'motion-normal',
|
|
6
|
-
eases: 'ease-spring',
|
|
7
|
-
|
|
8
|
-
fills: 'backwards',
|
|
9
|
-
stops: {
|
|
10
|
-
'0%': [
|
|
11
|
-
{ property: 'opacity', is: 'opacity-none' },
|
|
12
|
-
{ property: 'transform', is: 'transform-shrink' },
|
|
13
|
-
],
|
|
14
|
-
'70%': [
|
|
15
|
-
{ property: 'opacity', is: 'opacity-full' },
|
|
16
|
-
{ property: 'transform', is: 'transform-swell' },
|
|
17
|
-
],
|
|
18
|
-
'100%': [
|
|
19
|
-
{ property: 'opacity', is: 'opacity-full' },
|
|
20
|
-
{ property: 'transform', is: 'transform-rest' },
|
|
21
|
-
],
|
|
22
|
-
},
|
|
23
|
-
} as const satisfies Animation
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import type { Animation } from '../animations.ts'
|
|
2
|
-
|
|
3
|
-
export const POP_OUT = {
|
|
4
|
-
id: 'pop-out',
|
|
5
|
-
runs: 'motion-quick',
|
|
6
|
-
eases: 'ease-in',
|
|
7
|
-
fills: 'forwards',
|
|
8
|
-
stops: {
|
|
9
|
-
'0%': [
|
|
10
|
-
{ property: 'opacity', is: 'opacity-full' },
|
|
11
|
-
{ property: 'transform', is: 'transform-rest' },
|
|
12
|
-
],
|
|
13
|
-
'30%': [
|
|
14
|
-
{ property: 'opacity', is: 'opacity-full' },
|
|
15
|
-
{ property: 'transform', is: 'transform-swell' },
|
|
16
|
-
],
|
|
17
|
-
'100%': [
|
|
18
|
-
{ property: 'opacity', is: 'opacity-none' },
|
|
19
|
-
{ property: 'transform', is: 'transform-shrink' },
|
|
20
|
-
],
|
|
21
|
-
},
|
|
22
|
-
} as const satisfies Animation
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { Animation } from '../animations.ts'
|
|
2
|
-
|
|
3
|
-
export const PRESS = {
|
|
4
|
-
id: 'press',
|
|
5
|
-
runs: 'motion-quick',
|
|
6
|
-
eases: 'ease-out',
|
|
7
|
-
stops: {
|
|
8
|
-
'0%': [{ property: 'transform', is: 'transform-rest' }],
|
|
9
|
-
'50%': [{ property: 'transform', is: 'transform-press' }],
|
|
10
|
-
'100%': [{ property: 'transform', is: 'transform-rest' }],
|
|
11
|
-
},
|
|
12
|
-
} as const satisfies Animation
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { Animation } from '../animations.ts'
|
|
2
|
-
|
|
3
|
-
export const PULSE = {
|
|
4
|
-
id: 'pulse',
|
|
5
|
-
runs: 'motion-slow',
|
|
6
|
-
eases: 'ease-in-out',
|
|
7
|
-
repeats: 'infinite',
|
|
8
|
-
stops: {
|
|
9
|
-
'0%': [{ property: 'opacity', is: 'opacity-full' }],
|
|
10
|
-
'50%': [{ property: 'opacity', is: 'opacity-muted' }],
|
|
11
|
-
'100%': [{ property: 'opacity', is: 'opacity-full' }],
|
|
12
|
-
},
|
|
13
|
-
} as const satisfies Animation
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import type { Animation } from '../animations.ts'
|
|
2
|
-
|
|
3
|
-
export const RISE = {
|
|
4
|
-
id: 'rise',
|
|
5
|
-
runs: 'motion-normal',
|
|
6
|
-
eases: 'ease-out',
|
|
7
|
-
|
|
8
|
-
fills: 'backwards',
|
|
9
|
-
stops: {
|
|
10
|
-
'0%': [
|
|
11
|
-
{ property: 'opacity', is: 'opacity-none' },
|
|
12
|
-
{ property: 'transform', is: 'transform-below' },
|
|
13
|
-
],
|
|
14
|
-
'100%': [
|
|
15
|
-
{ property: 'opacity', is: 'opacity-full' },
|
|
16
|
-
{ property: 'transform', is: 'transform-rest' },
|
|
17
|
-
],
|
|
18
|
-
},
|
|
19
|
-
} as const satisfies Animation
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { Animation } from '../animations.ts'
|
|
2
|
-
|
|
3
|
-
export const SHAKE = {
|
|
4
|
-
id: 'shake',
|
|
5
|
-
runs: 'motion-quick',
|
|
6
|
-
eases: 'ease-in-out',
|
|
7
|
-
stops: {
|
|
8
|
-
'0%': [{ property: 'transform', is: 'transform-rest' }],
|
|
9
|
-
'25%': [{ property: 'transform', is: 'transform-left' }],
|
|
10
|
-
'75%': [{ property: 'transform', is: 'transform-right' }],
|
|
11
|
-
'100%': [{ property: 'transform', is: 'transform-rest' }],
|
|
12
|
-
},
|
|
13
|
-
} as const satisfies Animation
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import type { Animation } from '../animations.ts'
|
|
2
|
-
|
|
3
|
-
export const SLIDE_IN_LEFT = {
|
|
4
|
-
id: 'slide-in-left',
|
|
5
|
-
runs: 'motion-normal',
|
|
6
|
-
eases: 'ease-out',
|
|
7
|
-
|
|
8
|
-
fills: 'backwards',
|
|
9
|
-
stops: {
|
|
10
|
-
'0%': [
|
|
11
|
-
{ property: 'opacity', is: 'opacity-none' },
|
|
12
|
-
{ property: 'transform', is: 'transform-far-left' },
|
|
13
|
-
],
|
|
14
|
-
'100%': [
|
|
15
|
-
{ property: 'opacity', is: 'opacity-full' },
|
|
16
|
-
{ property: 'transform', is: 'transform-rest' },
|
|
17
|
-
],
|
|
18
|
-
},
|
|
19
|
-
} as const satisfies Animation
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import type { Animation } from '../animations.ts'
|
|
2
|
-
|
|
3
|
-
export const SLIDE_IN_RIGHT = {
|
|
4
|
-
id: 'slide-in-right',
|
|
5
|
-
runs: 'motion-normal',
|
|
6
|
-
eases: 'ease-out',
|
|
7
|
-
|
|
8
|
-
fills: 'backwards',
|
|
9
|
-
stops: {
|
|
10
|
-
'0%': [
|
|
11
|
-
{ property: 'opacity', is: 'opacity-none' },
|
|
12
|
-
{ property: 'transform', is: 'transform-far-right' },
|
|
13
|
-
],
|
|
14
|
-
'100%': [
|
|
15
|
-
{ property: 'opacity', is: 'opacity-full' },
|
|
16
|
-
{ property: 'transform', is: 'transform-rest' },
|
|
17
|
-
],
|
|
18
|
-
},
|
|
19
|
-
} as const satisfies Animation
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import type { Animation } from '../animations.ts'
|
|
2
|
-
|
|
3
|
-
export const SLIDE_OUT_LEFT = {
|
|
4
|
-
id: 'slide-out-left',
|
|
5
|
-
runs: 'motion-quick',
|
|
6
|
-
eases: 'ease-in',
|
|
7
|
-
fills: 'forwards',
|
|
8
|
-
stops: {
|
|
9
|
-
'0%': [
|
|
10
|
-
{ property: 'opacity', is: 'opacity-full' },
|
|
11
|
-
{ property: 'transform', is: 'transform-rest' },
|
|
12
|
-
],
|
|
13
|
-
'100%': [
|
|
14
|
-
{ property: 'opacity', is: 'opacity-none' },
|
|
15
|
-
{ property: 'transform', is: 'transform-far-left' },
|
|
16
|
-
],
|
|
17
|
-
},
|
|
18
|
-
} as const satisfies Animation
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import type { Animation } from '../animations.ts'
|
|
2
|
-
|
|
3
|
-
export const SLIDE_OUT_RIGHT = {
|
|
4
|
-
id: 'slide-out-right',
|
|
5
|
-
runs: 'motion-quick',
|
|
6
|
-
eases: 'ease-in',
|
|
7
|
-
fills: 'forwards',
|
|
8
|
-
stops: {
|
|
9
|
-
'0%': [
|
|
10
|
-
{ property: 'opacity', is: 'opacity-full' },
|
|
11
|
-
{ property: 'transform', is: 'transform-rest' },
|
|
12
|
-
],
|
|
13
|
-
'100%': [
|
|
14
|
-
{ property: 'opacity', is: 'opacity-none' },
|
|
15
|
-
{ property: 'transform', is: 'transform-far-right' },
|
|
16
|
-
],
|
|
17
|
-
},
|
|
18
|
-
} as const satisfies Animation
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { Animation } from '../animations.ts'
|
|
2
|
-
|
|
3
|
-
export const SPIN = {
|
|
4
|
-
id: 'spin',
|
|
5
|
-
runs: 'motion-slow',
|
|
6
|
-
eases: 'ease-steady',
|
|
7
|
-
repeats: 'infinite',
|
|
8
|
-
stops: {
|
|
9
|
-
'0%': [{ property: 'transform', is: 'transform-rest' }],
|
|
10
|
-
'100%': [{ property: 'transform', is: 'transform-turn' }],
|
|
11
|
-
},
|
|
12
|
-
} as const satisfies Animation
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type { Animation } from '../animations.ts'
|
|
2
|
-
|
|
3
|
-
export const SWELL = {
|
|
4
|
-
id: 'swell',
|
|
5
|
-
runs: 'motion-quick',
|
|
6
|
-
eases: 'ease-out',
|
|
7
|
-
fills: 'forwards',
|
|
8
|
-
stops: {
|
|
9
|
-
'0%': [
|
|
10
|
-
{ property: 'transform', is: 'transform-rest' },
|
|
11
|
-
],
|
|
12
|
-
'100%': [
|
|
13
|
-
{ property: 'transform', is: 'transform-swell' },
|
|
14
|
-
],
|
|
15
|
-
},
|
|
16
|
-
} as const satisfies Animation
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import type { Animation } from '../animations.ts'
|
|
2
|
-
|
|
3
|
-
export const WOBBLE = {
|
|
4
|
-
id: 'wobble',
|
|
5
|
-
runs: 'motion-slow',
|
|
6
|
-
eases: 'ease-in-out',
|
|
7
|
-
stops: {
|
|
8
|
-
'0%': [
|
|
9
|
-
{ property: 'transform', is: 'transform-rest' },
|
|
10
|
-
],
|
|
11
|
-
'25%': [
|
|
12
|
-
{ property: 'transform', is: 'transform-tilt' },
|
|
13
|
-
],
|
|
14
|
-
'50%': [
|
|
15
|
-
{ property: 'transform', is: 'transform-rest' },
|
|
16
|
-
],
|
|
17
|
-
'75%': [
|
|
18
|
-
{ property: 'transform', is: 'transform-tilt-back' },
|
|
19
|
-
],
|
|
20
|
-
'100%': [
|
|
21
|
-
{ property: 'transform', is: 'transform-rest' },
|
|
22
|
-
],
|
|
23
|
-
},
|
|
24
|
-
} as const satisfies Animation
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import type { Animation } from '../animations.ts'
|
|
2
|
-
|
|
3
|
-
export const ZOOM_IN = {
|
|
4
|
-
id: 'zoom-in',
|
|
5
|
-
runs: 'motion-normal',
|
|
6
|
-
eases: 'ease-out',
|
|
7
|
-
|
|
8
|
-
fills: 'backwards',
|
|
9
|
-
stops: {
|
|
10
|
-
'0%': [
|
|
11
|
-
{ property: 'opacity', is: 'opacity-none' },
|
|
12
|
-
{ property: 'transform', is: 'transform-grow' },
|
|
13
|
-
],
|
|
14
|
-
'100%': [
|
|
15
|
-
{ property: 'opacity', is: 'opacity-full' },
|
|
16
|
-
{ property: 'transform', is: 'transform-rest' },
|
|
17
|
-
],
|
|
18
|
-
},
|
|
19
|
-
} as const satisfies Animation
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import type { Animation } from '../animations.ts'
|
|
2
|
-
|
|
3
|
-
export const ZOOM_OUT = {
|
|
4
|
-
id: 'zoom-out',
|
|
5
|
-
runs: 'motion-quick',
|
|
6
|
-
eases: 'ease-in',
|
|
7
|
-
fills: 'forwards',
|
|
8
|
-
stops: {
|
|
9
|
-
'0%': [
|
|
10
|
-
{ property: 'opacity', is: 'opacity-full' },
|
|
11
|
-
{ property: 'transform', is: 'transform-rest' },
|
|
12
|
-
],
|
|
13
|
-
'100%': [
|
|
14
|
-
{ property: 'opacity', is: 'opacity-none' },
|
|
15
|
-
{ property: 'transform', is: 'transform-grow' },
|
|
16
|
-
],
|
|
17
|
-
},
|
|
18
|
-
} as const satisfies Animation
|