@noxlovette/material 0.4.8 → 0.5.0
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/dist/animation/TransitionPatterns.stories.svelte +357 -0
- package/dist/animation/TransitionPatterns.stories.svelte.d.ts +3 -0
- package/dist/animation/containerTransform.d.ts +26 -12
- package/dist/animation/containerTransform.js +22 -138
- package/dist/animation/enterExit.d.ts +21 -3
- package/dist/animation/enterExit.js +69 -22
- package/dist/animation/index.d.ts +1 -1
- package/dist/animation/index.js +1 -1
- package/dist/animation/presence.svelte.d.ts +47 -0
- package/dist/animation/presence.svelte.js +84 -0
- package/dist/animation/sharedAxisTransition.d.ts +35 -37
- package/dist/animation/sharedAxisTransition.js +50 -22
- package/dist/animation/skeleton.d.ts +11 -0
- package/dist/animation/skeleton.js +23 -0
- package/dist/animation/spring.d.ts +61 -0
- package/dist/animation/spring.js +53 -0
- package/dist/animation/springValue.svelte.d.ts +22 -0
- package/dist/animation/springValue.svelte.js +42 -0
- package/dist/animation/transition.d.ts +3 -1
- package/dist/animation/transition.js +3 -1
- package/dist/attachments/clickOutside.d.ts +13 -0
- package/dist/attachments/clickOutside.js +18 -0
- package/dist/attachments/index.d.ts +1 -0
- package/dist/attachments/index.js +1 -0
- package/dist/components/buttons/FAB.svelte +23 -16
- package/dist/components/buttons/FABMenu.svelte +24 -29
- package/dist/components/buttons/FABMenu.svelte.d.ts +2 -1
- package/dist/components/buttons/FABMenuItem.svelte +23 -20
- package/dist/components/buttons/FABMenuItem.svelte.d.ts +5 -1
- package/dist/components/buttons/split-button/SplitButton.svelte +10 -17
- package/dist/components/buttons/split-button/theme.js +1 -1
- package/dist/components/buttons/types.d.ts +3 -3
- package/dist/components/cards/theme.js +1 -1
- package/dist/components/containers/bottom-sheet/BottomSheet.stories.svelte +8 -12
- package/dist/components/containers/bottom-sheet/BottomSheet.svelte +67 -55
- package/dist/components/containers/bottom-sheet/BottomSheet.svelte.d.ts +1 -1
- package/dist/components/containers/bottom-sheet/types.d.ts +8 -2
- package/dist/components/containers/context-menu/ContextMenu.svelte +23 -36
- package/dist/components/containers/context-menu/theme.js +2 -2
- package/dist/components/containers/dialogue/Dialogue.svelte +49 -65
- package/dist/components/containers/link-preview/LinkPreview.svelte +12 -23
- package/dist/components/containers/link-preview/theme.d.ts +3 -3
- package/dist/components/containers/menu/Menu.svelte +14 -21
- package/dist/components/containers/menu/MenuSub.svelte +10 -17
- package/dist/components/containers/pane/DraggablePane.svelte +90 -5
- package/dist/components/containers/pane/DraggablePane.svelte.d.ts +1 -1
- package/dist/components/containers/pane/theme.js +2 -2
- package/dist/components/containers/popover/Popover.svelte +31 -42
- package/dist/components/containers/popover/theme.d.ts +3 -3
- package/dist/components/containers/scroll-area/theme.js +2 -2
- package/dist/components/containers/side-sheet/SideSheet.stories.svelte +10 -15
- package/dist/components/containers/side-sheet/SideSheet.svelte +44 -44
- package/dist/components/containers/side-sheet/SideSheet.svelte.d.ts +4 -3
- package/dist/components/containers/side-sheet/types.d.ts +8 -2
- package/dist/components/date/DateField.svelte +85 -92
- package/dist/components/date/DateField.svelte.d.ts +2 -5
- package/dist/components/date/DateRangeField.svelte +113 -155
- package/dist/components/date/DateRangeField.svelte.d.ts +2 -5
- package/dist/components/date/theme.d.ts +95 -0
- package/dist/components/date/theme.js +99 -14
- package/dist/components/date/types.d.ts +13 -0
- package/dist/components/forms/checkbox/theme.js +2 -2
- package/dist/components/forms/command/theme.d.ts +3 -3
- package/dist/components/forms/command/theme.js +1 -1
- package/dist/components/forms/pin/theme.js +2 -2
- package/dist/components/forms/radio-group/theme.js +2 -2
- package/dist/components/forms/select/Select.svelte +42 -54
- package/dist/components/forms/select/theme.js +4 -4
- package/dist/components/forms/slider/Slider.svelte +144 -126
- package/dist/components/forms/slider/Slider.svelte.d.ts +3 -0
- package/dist/components/forms/slider/theme.d.ts +154 -48
- package/dist/components/forms/slider/theme.js +60 -20
- package/dist/components/forms/slider/types.d.ts +1 -1
- package/dist/components/forms/switch/theme.js +4 -4
- package/dist/components/forms/textfield/Textfield.svelte +1 -1
- package/dist/components/forms/textfield/theme.d.ts +9 -0
- package/dist/components/forms/textfield/theme.js +26 -9
- package/dist/components/forms/toggle-group/theme.js +1 -1
- package/dist/components/forms/tooltip/Tooltip.svelte +24 -35
- package/dist/components/nav/breadcrumb/theme.js +1 -1
- package/dist/components/nav/navbar/theme.js +2 -2
- package/dist/components/nav/rail/Rail.svelte +4 -5
- package/dist/components/nav/rail/theme.js +7 -7
- package/dist/components/nav/tabs/theme.js +1 -1
- package/dist/components/progress/CircularProgress.svelte +78 -4
- package/dist/components/progress/CircularProgress.svelte.d.ts +5 -0
- package/dist/components/progress/LinearProgress.svelte +70 -7
- package/dist/components/progress/LinearProgress.svelte.d.ts +5 -0
- package/dist/components/progress/WavyLinearProgress.svelte +27 -3
- package/dist/components/progress/WavyLinearProgress.svelte.d.ts +3 -0
- package/dist/components/progress/_wavy.d.ts +2 -0
- package/dist/components/progress/_wavy.js +3 -1
- package/dist/components/snackbar/Snackbar.svelte +13 -17
- package/dist/components/table/TableBody.svelte +3 -16
- package/dist/components/table/TableBody.svelte.d.ts +1 -5
- package/dist/components/table/TableHeader.svelte +1 -1
- package/dist/components/table/theme.js +1 -1
- package/dist/components/table/types.d.ts +0 -7
- package/dist/components/time/TimeField.stories.svelte +41 -0
- package/dist/components/time/TimeField.stories.svelte.d.ts +19 -0
- package/dist/components/time/TimeField.svelte +62 -61
- package/dist/components/toolbar/theme.js +2 -2
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/styles/component.css +21 -22
- package/dist/styles/motion.css +317 -38
- package/dist/utils/Layer.svelte +16 -29
- package/dist/utils/icon/LoadingIndicator.svelte +61 -22
- package/dist/utils/icon/loadingShapes.d.ts +1 -0
- package/dist/utils/icon/loadingShapes.js +15 -0
- package/package.json +5 -2
- package/dist/actions/clickOutside.d.ts +0 -3
- package/dist/actions/clickOutside.js +0 -13
- package/dist/actions/floating.d.ts +0 -20
- package/dist/actions/floating.js +0 -87
- package/dist/actions/index.d.ts +0 -6
- package/dist/actions/index.js +0 -6
- package/dist/actions/keyboard.d.ts +0 -3
- package/dist/actions/keyboard.js +0 -14
- package/dist/actions/portal.d.ts +0 -3
- package/dist/actions/portal.js +0 -8
- package/dist/actions/positionFloating.d.ts +0 -10
- package/dist/actions/positionFloating.js +0 -59
- package/dist/actions/rovingFocusGroup.d.ts +0 -20
- package/dist/actions/rovingFocusGroup.js +0 -82
- package/dist/animation/easing.d.ts +0 -6
- package/dist/animation/easing.js +0 -78
- package/dist/animation/outroClass.d.ts +0 -3
- package/dist/animation/outroClass.js +0 -20
- package/dist/animation/transitionTypes.d.ts +0 -8
- package/dist/animation/transitionTypes.js +0 -1
package/dist/animation/easing.js
DELETED
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
// TODO: update for Expressive
|
|
2
|
-
const createBezierLUT = (points, pointCount = 100) => {
|
|
3
|
-
const lut = [];
|
|
4
|
-
for (let t = 0; t < 1; t += 1 / pointCount) {
|
|
5
|
-
const a = (1 - t) * (1 - t) * (1 - t);
|
|
6
|
-
const b = (1 - t) * (1 - t) * t;
|
|
7
|
-
const c = (1 - t) * t * t;
|
|
8
|
-
const d = t * t * t;
|
|
9
|
-
const x = a * points[0][0] + 3 * b * points[1][0] + 3 * c * points[2][0] + d * points[3][0];
|
|
10
|
-
const y = a * points[0][1] + 3 * b * points[1][1] + 3 * c * points[2][1] + d * points[3][1];
|
|
11
|
-
lut.push([x, y]);
|
|
12
|
-
}
|
|
13
|
-
return lut;
|
|
14
|
-
};
|
|
15
|
-
const createEase = (lutOptions) => {
|
|
16
|
-
let lut;
|
|
17
|
-
return (t) => {
|
|
18
|
-
if (!lut)
|
|
19
|
-
lut = lutOptions.map((args) => createBezierLUT(args)).flat();
|
|
20
|
-
const closestPoint = lut.find((p) => p[0] >= t);
|
|
21
|
-
const closestY = closestPoint ? closestPoint[1] : 1;
|
|
22
|
-
return closestY;
|
|
23
|
-
};
|
|
24
|
-
};
|
|
25
|
-
export const easeEmphasized = createEase([
|
|
26
|
-
[
|
|
27
|
-
[0, 0],
|
|
28
|
-
[0.05, 0],
|
|
29
|
-
[0.133, 0.06],
|
|
30
|
-
[0.166, 0.4]
|
|
31
|
-
],
|
|
32
|
-
[
|
|
33
|
-
[0.166, 0.4],
|
|
34
|
-
[0.208, 0.82],
|
|
35
|
-
[0.25, 1],
|
|
36
|
-
[1, 1]
|
|
37
|
-
]
|
|
38
|
-
]);
|
|
39
|
-
export const easeEmphasizedDecel = createEase([
|
|
40
|
-
[
|
|
41
|
-
[0, 0],
|
|
42
|
-
[0.05, 0.7],
|
|
43
|
-
[0.1, 1],
|
|
44
|
-
[1, 1]
|
|
45
|
-
]
|
|
46
|
-
]);
|
|
47
|
-
export const easeEmphasizedAccel = createEase([
|
|
48
|
-
[
|
|
49
|
-
[0, 0],
|
|
50
|
-
[0.3, 0],
|
|
51
|
-
[0.8, 0.15],
|
|
52
|
-
[1, 1]
|
|
53
|
-
]
|
|
54
|
-
]);
|
|
55
|
-
export const easeStandard = createEase([
|
|
56
|
-
[
|
|
57
|
-
[0, 0],
|
|
58
|
-
[0.2, 0],
|
|
59
|
-
[0, 1],
|
|
60
|
-
[1, 1]
|
|
61
|
-
]
|
|
62
|
-
]);
|
|
63
|
-
export const easeStandardDecel = createEase([
|
|
64
|
-
[
|
|
65
|
-
[0, 0],
|
|
66
|
-
[0, 0],
|
|
67
|
-
[0, 1],
|
|
68
|
-
[1, 1]
|
|
69
|
-
]
|
|
70
|
-
]);
|
|
71
|
-
export const easeStandardAccel = createEase([
|
|
72
|
-
[
|
|
73
|
-
[0, 0],
|
|
74
|
-
[0.3, 0],
|
|
75
|
-
[1, 1],
|
|
76
|
-
[1, 1]
|
|
77
|
-
]
|
|
78
|
-
]);
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
export const outroClass = (node) => {
|
|
2
|
-
const addClass = (e) => {
|
|
3
|
-
if (!(e.target instanceof Element))
|
|
4
|
-
return;
|
|
5
|
-
e.target.classList.add('leaving');
|
|
6
|
-
};
|
|
7
|
-
const removeClass = (e) => {
|
|
8
|
-
if (!(e.target instanceof Element))
|
|
9
|
-
return;
|
|
10
|
-
e.target.classList.remove('leaving');
|
|
11
|
-
};
|
|
12
|
-
node.addEventListener('outrostart', addClass);
|
|
13
|
-
node.addEventListener('outroend', removeClass);
|
|
14
|
-
return {
|
|
15
|
-
destroy() {
|
|
16
|
-
node.removeEventListener('outrostart', addClass);
|
|
17
|
-
node.removeEventListener('outroend', removeClass);
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { cubicOut } from 'svelte/easing';
|
|
2
|
-
export type TransitionMode = 'fade' | 'scale' | 'slide-up' | 'dialog' | 'dialog-m3';
|
|
3
|
-
export interface TransitionOptions {
|
|
4
|
-
delay?: number;
|
|
5
|
-
duration?: number;
|
|
6
|
-
easing?: typeof cubicOut;
|
|
7
|
-
mode?: TransitionMode;
|
|
8
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|