@sabrenski/spire-ui 0.0.1

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.
Files changed (237) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +233 -0
  3. package/dist/index.d.ts +4981 -0
  4. package/dist/spire-ui.css +1 -0
  5. package/dist/spire-ui.es.js +18403 -0
  6. package/dist/spire-ui.umd.js +45 -0
  7. package/package.json +83 -0
  8. package/src/components/Accordion/Accordion.test.ts +218 -0
  9. package/src/components/Accordion/AccordionContent.vue +112 -0
  10. package/src/components/Accordion/AccordionItem.vue +87 -0
  11. package/src/components/Accordion/AccordionRoot.vue +111 -0
  12. package/src/components/Accordion/AccordionTrigger.vue +125 -0
  13. package/src/components/Accordion/index.ts +11 -0
  14. package/src/components/Accordion/keys.ts +23 -0
  15. package/src/components/Avatar/Avatar.test.ts +181 -0
  16. package/src/components/Avatar/Avatar.vue +150 -0
  17. package/src/components/Avatar/index.ts +2 -0
  18. package/src/components/Badge/Badge.test.ts +141 -0
  19. package/src/components/Badge/Badge.vue +133 -0
  20. package/src/components/Badge/index.ts +2 -0
  21. package/src/components/BadgeContainer/BadgeContainer.test.ts +150 -0
  22. package/src/components/BadgeContainer/BadgeContainer.vue +90 -0
  23. package/src/components/BadgeContainer/index.ts +2 -0
  24. package/src/components/Breadcrumb/Breadcrumb.test.ts +342 -0
  25. package/src/components/Breadcrumb/BreadcrumbEllipsis.vue +96 -0
  26. package/src/components/Breadcrumb/BreadcrumbItem.vue +16 -0
  27. package/src/components/Breadcrumb/BreadcrumbLink.vue +67 -0
  28. package/src/components/Breadcrumb/BreadcrumbList.vue +20 -0
  29. package/src/components/Breadcrumb/BreadcrumbPage.vue +25 -0
  30. package/src/components/Breadcrumb/BreadcrumbRoot.vue +41 -0
  31. package/src/components/Breadcrumb/BreadcrumbSeparator.vue +63 -0
  32. package/src/components/Breadcrumb/index.ts +13 -0
  33. package/src/components/Breadcrumb/keys.ts +7 -0
  34. package/src/components/Button/Button.test.ts +231 -0
  35. package/src/components/Button/Button.vue +349 -0
  36. package/src/components/Button/index.ts +2 -0
  37. package/src/components/Callout/Callout.test.ts +260 -0
  38. package/src/components/Callout/Callout.vue +341 -0
  39. package/src/components/Callout/index.ts +2 -0
  40. package/src/components/Card/Card.test.ts +565 -0
  41. package/src/components/Card/Card.vue +209 -0
  42. package/src/components/Card/CardContent.vue +57 -0
  43. package/src/components/Card/CardFooter.vue +72 -0
  44. package/src/components/Card/CardHeader.vue +111 -0
  45. package/src/components/Card/CardImage.vue +124 -0
  46. package/src/components/Card/index.ts +14 -0
  47. package/src/components/Chart/BarChart.vue +208 -0
  48. package/src/components/Chart/BaseChart.vue +444 -0
  49. package/src/components/Chart/Chart.test.ts +359 -0
  50. package/src/components/Chart/DonutChart.vue +283 -0
  51. package/src/components/Chart/LineChart.vue +211 -0
  52. package/src/components/Chart/index.ts +20 -0
  53. package/src/components/Chart/useChartTheme.ts +192 -0
  54. package/src/components/Checkbox/Checkbox.test.ts +209 -0
  55. package/src/components/Checkbox/Checkbox.vue +285 -0
  56. package/src/components/Checkbox/index.ts +2 -0
  57. package/src/components/ChoiceChip/ChoiceChip.test.ts +142 -0
  58. package/src/components/ChoiceChip/ChoiceChip.vue +218 -0
  59. package/src/components/ChoiceChip/index.ts +2 -0
  60. package/src/components/ChoiceChipGroup/ChoiceChipGroup.test.ts +151 -0
  61. package/src/components/ChoiceChipGroup/ChoiceChipGroup.vue +70 -0
  62. package/src/components/ChoiceChipGroup/index.ts +2 -0
  63. package/src/components/ColorPicker/ColorArea.vue +159 -0
  64. package/src/components/ColorPicker/ColorPicker.test.ts +250 -0
  65. package/src/components/ColorPicker/ColorPicker.vue +339 -0
  66. package/src/components/ColorPicker/ColorSlider.vue +191 -0
  67. package/src/components/ColorPicker/index.ts +7 -0
  68. package/src/components/Combobox/Combobox.test.ts +891 -0
  69. package/src/components/Combobox/Combobox.vue +934 -0
  70. package/src/components/Combobox/index.ts +2 -0
  71. package/src/components/DataTable/DataTable.test.ts +1221 -0
  72. package/src/components/DataTable/DataTable.vue +1415 -0
  73. package/src/components/DataTable/index.ts +10 -0
  74. package/src/components/DatePicker/DatePicker.test.ts +625 -0
  75. package/src/components/DatePicker/DatePicker.vue +1586 -0
  76. package/src/components/DatePicker/index.ts +2 -0
  77. package/src/components/Drawer/Drawer.test.ts +336 -0
  78. package/src/components/Drawer/Drawer.vue +466 -0
  79. package/src/components/Drawer/index.ts +2 -0
  80. package/src/components/Dropdown/Dropdown.test.ts +607 -0
  81. package/src/components/Dropdown/Dropdown.vue +807 -0
  82. package/src/components/Dropdown/DropdownItem.vue +227 -0
  83. package/src/components/Dropdown/DropdownSeparator.vue +14 -0
  84. package/src/components/Dropdown/DropdownSub.vue +104 -0
  85. package/src/components/Dropdown/DropdownSubContent.vue +187 -0
  86. package/src/components/Dropdown/DropdownSubTrigger.vue +151 -0
  87. package/src/components/Dropdown/index.ts +14 -0
  88. package/src/components/EmptyState/EmptyState.test.ts +180 -0
  89. package/src/components/EmptyState/EmptyState.vue +137 -0
  90. package/src/components/EmptyState/index.ts +2 -0
  91. package/src/components/FileUpload/FileUpload.test.ts +1151 -0
  92. package/src/components/FileUpload/FileUpload.vue +1042 -0
  93. package/src/components/FileUpload/index.ts +2 -0
  94. package/src/components/Heading/Heading.test.ts +107 -0
  95. package/src/components/Heading/Heading.vue +67 -0
  96. package/src/components/Heading/index.ts +2 -0
  97. package/src/components/Icon/Icon.test.ts +157 -0
  98. package/src/components/Icon/Icon.vue +86 -0
  99. package/src/components/Icon/index.ts +2 -0
  100. package/src/components/Input/Input.test.ts +273 -0
  101. package/src/components/Input/Input.vue +388 -0
  102. package/src/components/Input/index.ts +2 -0
  103. package/src/components/Layout/Container.vue +67 -0
  104. package/src/components/Layout/Grid.vue +159 -0
  105. package/src/components/Layout/GridItem.vue +154 -0
  106. package/src/components/Layout/Layout.test.ts +202 -0
  107. package/src/components/Layout/Stack.vue +128 -0
  108. package/src/components/Layout/index.ts +9 -0
  109. package/src/components/Layout/keys.ts +7 -0
  110. package/src/components/Modal/Modal.test.ts +311 -0
  111. package/src/components/Modal/Modal.vue +336 -0
  112. package/src/components/Modal/index.ts +2 -0
  113. package/src/components/Pagination/Pagination.test.ts +303 -0
  114. package/src/components/Pagination/Pagination.vue +212 -0
  115. package/src/components/Pagination/index.ts +3 -0
  116. package/src/components/Pagination/utils.ts +86 -0
  117. package/src/components/Popover/Popover.test.ts +285 -0
  118. package/src/components/Popover/Popover.vue +441 -0
  119. package/src/components/Popover/index.ts +2 -0
  120. package/src/components/Progress/Progress.test.ts +361 -0
  121. package/src/components/Progress/Progress.vue +363 -0
  122. package/src/components/Progress/index.ts +7 -0
  123. package/src/components/Radio/Radio.test.ts +216 -0
  124. package/src/components/Radio/Radio.vue +214 -0
  125. package/src/components/Radio/index.ts +2 -0
  126. package/src/components/Rating/Rating.test.ts +319 -0
  127. package/src/components/Rating/Rating.vue +247 -0
  128. package/src/components/Rating/index.ts +2 -0
  129. package/src/components/SegmentedControl/SegmentedControl.test.ts +292 -0
  130. package/src/components/SegmentedControl/SegmentedControl.vue +288 -0
  131. package/src/components/SegmentedControl/index.ts +2 -0
  132. package/src/components/Select/Select.test.ts +589 -0
  133. package/src/components/Select/Select.vue +666 -0
  134. package/src/components/Select/index.ts +2 -0
  135. package/src/components/Sidebar/Sidebar.test.ts +301 -0
  136. package/src/components/Sidebar/SidebarGroup.vue +103 -0
  137. package/src/components/Sidebar/SidebarItem.vue +196 -0
  138. package/src/components/Sidebar/SidebarLayout.vue +42 -0
  139. package/src/components/Sidebar/SidebarRoot.vue +122 -0
  140. package/src/components/Sidebar/index.ts +11 -0
  141. package/src/components/Sidebar/keys.ts +14 -0
  142. package/src/components/Skeleton/Skeleton.test.ts +130 -0
  143. package/src/components/Skeleton/Skeleton.vue +104 -0
  144. package/src/components/Skeleton/index.ts +2 -0
  145. package/src/components/Slider/Slider.test.ts +416 -0
  146. package/src/components/Slider/Slider.vue +435 -0
  147. package/src/components/Slider/index.ts +2 -0
  148. package/src/components/Slider/utils.ts +91 -0
  149. package/src/components/Spinner/Spinner.test.ts +79 -0
  150. package/src/components/Spinner/Spinner.vue +159 -0
  151. package/src/components/Spinner/index.ts +2 -0
  152. package/src/components/SpireProvider/SpireProvider.vue +71 -0
  153. package/src/components/SpireProvider/index.ts +11 -0
  154. package/src/components/Stepper/Stepper.test.ts +221 -0
  155. package/src/components/Stepper/StepperContent.vue +51 -0
  156. package/src/components/Stepper/StepperItem.vue +89 -0
  157. package/src/components/Stepper/StepperRoot.vue +101 -0
  158. package/src/components/Stepper/StepperSeparator.vue +52 -0
  159. package/src/components/Stepper/StepperTrigger.vue +144 -0
  160. package/src/components/Stepper/index.ts +11 -0
  161. package/src/components/Stepper/keys.ts +27 -0
  162. package/src/components/Switch/Switch.test.ts +214 -0
  163. package/src/components/Switch/Switch.vue +235 -0
  164. package/src/components/Switch/index.ts +2 -0
  165. package/src/components/Tabs/Tabs.test.ts +363 -0
  166. package/src/components/Tabs/Tabs.vue +318 -0
  167. package/src/components/Tabs/index.ts +2 -0
  168. package/src/components/Text/Text.test.ts +154 -0
  169. package/src/components/Text/Text.vue +100 -0
  170. package/src/components/Text/index.ts +2 -0
  171. package/src/components/Textarea/Textarea.test.ts +432 -0
  172. package/src/components/Textarea/Textarea.vue +411 -0
  173. package/src/components/Textarea/index.ts +2 -0
  174. package/src/components/TimePicker/TimePicker.test.ts +352 -0
  175. package/src/components/TimePicker/TimePicker.vue +569 -0
  176. package/src/components/TimePicker/index.ts +2 -0
  177. package/src/components/Timeline/Timeline.test.ts +193 -0
  178. package/src/components/Timeline/Timeline.vue +111 -0
  179. package/src/components/Timeline/TimelineItem.vue +167 -0
  180. package/src/components/Timeline/index.ts +13 -0
  181. package/src/components/Timeline/keys.ts +21 -0
  182. package/src/components/Toast/ToastItem.test.ts +289 -0
  183. package/src/components/Toast/ToastItem.vue +370 -0
  184. package/src/components/Toast/ToastProvider.test.ts +158 -0
  185. package/src/components/Toast/ToastProvider.vue +181 -0
  186. package/src/components/Toast/index.ts +83 -0
  187. package/src/components/Toast/toastState.test.ts +165 -0
  188. package/src/components/Toast/toastState.ts +161 -0
  189. package/src/components/ToggleButton/ToggleButton.test.ts +166 -0
  190. package/src/components/ToggleButton/ToggleButton.vue +197 -0
  191. package/src/components/ToggleButton/index.ts +2 -0
  192. package/src/components/ToggleGroup/ToggleGroup.test.ts +181 -0
  193. package/src/components/ToggleGroup/ToggleGroup.vue +130 -0
  194. package/src/components/ToggleGroup/index.ts +2 -0
  195. package/src/components/Tooltip/Tooltip.test.ts +238 -0
  196. package/src/components/Tooltip/Tooltip.vue +217 -0
  197. package/src/components/Tooltip/index.ts +2 -0
  198. package/src/components/TreeView/TreeView.test.ts +357 -0
  199. package/src/components/TreeView/TreeView.vue +251 -0
  200. package/src/components/TreeView/TreeViewItem.vue +288 -0
  201. package/src/components/TreeView/index.ts +11 -0
  202. package/src/components/TreeView/keys.ts +35 -0
  203. package/src/composables/index.ts +12 -0
  204. package/src/composables/useClickOutside.ts +36 -0
  205. package/src/composables/useClipboard.ts +35 -0
  206. package/src/composables/useEventListener.ts +48 -0
  207. package/src/composables/useFocusTrap.ts +58 -0
  208. package/src/composables/useHoverReveal.ts +98 -0
  209. package/src/composables/useId.ts +10 -0
  210. package/src/composables/useMagnetic.ts +171 -0
  211. package/src/composables/useRelativePosition.ts +127 -0
  212. package/src/composables/useRipple.ts +146 -0
  213. package/src/composables/useScrollLock.ts +25 -0
  214. package/src/composables/useSpireConfig.ts +27 -0
  215. package/src/composables/useStagger.ts +224 -0
  216. package/src/config/icons.test.ts +115 -0
  217. package/src/config/icons.ts +170 -0
  218. package/src/index.ts +361 -0
  219. package/src/styles/depth.css +129 -0
  220. package/src/styles/effects.css +169 -0
  221. package/src/styles/fallback.css +152 -0
  222. package/src/styles/main.css +25 -0
  223. package/src/styles/mood.css +211 -0
  224. package/src/styles/motion.css +159 -0
  225. package/src/styles/reset.css +97 -0
  226. package/src/styles/theme.css +708 -0
  227. package/src/styles/tokens.css +183 -0
  228. package/src/utils/.gitkeep +0 -0
  229. package/src/utils/color.ts +277 -0
  230. package/src/utils/date.test.ts +522 -0
  231. package/src/utils/date.ts +380 -0
  232. package/src/utils/index.ts +23 -0
  233. package/src/utils/object.test.ts +80 -0
  234. package/src/utils/object.ts +25 -0
  235. package/src/utils/string.test.ts +64 -0
  236. package/src/utils/string.ts +32 -0
  237. package/src/utils/time.ts +156 -0
package/src/styles/motion.css ADDED
@@ -0,0 +1,159 @@
1
+ /**
2
+ * Motion System - Animation Personality Configuration
3
+ *
4
+ * Controls animation duration, easing, and character via data-motion attribute.
5
+ * All motion presets are opt-in; default behavior (smooth) requires no attribute.
6
+ *
7
+ * Usage:
8
+ * <html data-motion="spring">
9
+ * <div data-motion="snappy">...</div>
10
+ */
11
+
12
+ :root {
13
+ --motion-duration-scale: 1;
14
+ --motion-bounce: 0;
15
+ --motion-stagger: 50ms;
16
+
17
+ --motion-ease-default: cubic-bezier(0.4, 0, 0.2, 1);
18
+ --motion-ease-in: cubic-bezier(0.4, 0, 1, 1);
19
+ --motion-ease-out: cubic-bezier(0, 0, 0.2, 1);
20
+ --motion-ease-expo: cubic-bezier(0.16, 1, 0.3, 1);
21
+ --motion-ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
22
+ }
23
+
24
+ /**
25
+ * Minimal
26
+ * Fast, barely-there animations. For users who prefer reduced motion.
27
+ */
28
+ [data-motion='minimal'] {
29
+ --motion-duration-scale: 0.5;
30
+ --motion-bounce: 0;
31
+ --motion-stagger: 25ms;
32
+
33
+ --motion-ease-default: linear;
34
+ --motion-ease-in: linear;
35
+ --motion-ease-out: linear;
36
+ --motion-ease-expo: linear;
37
+ --motion-ease-bounce: linear;
38
+
39
+ --duration-fast: 75ms;
40
+ --duration-normal: 100ms;
41
+ --duration-slow: 150ms;
42
+
43
+ --ease-default: linear;
44
+ --ease-in: linear;
45
+ --ease-out: linear;
46
+ --ease-out-expo: linear;
47
+ --ease-out-back: linear;
48
+ }
49
+
50
+ /**
51
+ * Smooth (Default)
52
+ * Professional, standard animations. Current default.
53
+ */
54
+ [data-motion='smooth'] {
55
+ --motion-duration-scale: 1;
56
+ --motion-bounce: 0;
57
+ --motion-stagger: 50ms;
58
+
59
+ --motion-ease-default: cubic-bezier(0.4, 0, 0.2, 1);
60
+ --motion-ease-in: cubic-bezier(0.4, 0, 1, 1);
61
+ --motion-ease-out: cubic-bezier(0, 0, 0.2, 1);
62
+ --motion-ease-expo: cubic-bezier(0.16, 1, 0.3, 1);
63
+ --motion-ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
64
+
65
+ --duration-fast: 150ms;
66
+ --duration-normal: 200ms;
67
+ --duration-slow: 300ms;
68
+
69
+ --ease-default: cubic-bezier(0.4, 0, 0.2, 1);
70
+ --ease-in: cubic-bezier(0.4, 0, 1, 1);
71
+ --ease-out: cubic-bezier(0, 0, 0.2, 1);
72
+ --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
73
+ --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
74
+ }
75
+
76
+ /**
77
+ * Spring
78
+ * Bouncy, playful animations with overshoot.
79
+ */
80
+ [data-motion='spring'] {
81
+ --motion-duration-scale: 1.2;
82
+ --motion-bounce: 0.15;
83
+ --motion-stagger: 60ms;
84
+
85
+ --motion-ease-default: cubic-bezier(0.34, 1.56, 0.64, 1);
86
+ --motion-ease-in: cubic-bezier(0.4, 0, 1, 1);
87
+ --motion-ease-out: cubic-bezier(0.34, 1.56, 0.64, 1);
88
+ --motion-ease-expo: cubic-bezier(0.175, 0.885, 0.32, 1.275);
89
+ --motion-ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
90
+
91
+ --duration-fast: 180ms;
92
+ --duration-normal: 240ms;
93
+ --duration-slow: 360ms;
94
+
95
+ --ease-default: cubic-bezier(0.34, 1.56, 0.64, 1);
96
+ --ease-in: cubic-bezier(0.4, 0, 1, 1);
97
+ --ease-out: cubic-bezier(0.34, 1.56, 0.64, 1);
98
+ --ease-out-expo: cubic-bezier(0.175, 0.885, 0.32, 1.275);
99
+ --ease-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);
100
+ }
101
+
102
+ /**
103
+ * Snappy
104
+ * Quick, responsive animations with fast attack.
105
+ */
106
+ [data-motion='snappy'] {
107
+ --motion-duration-scale: 0.7;
108
+ --motion-bounce: 0;
109
+ --motion-stagger: 35ms;
110
+
111
+ --motion-ease-default: cubic-bezier(0.16, 1, 0.3, 1);
112
+ --motion-ease-in: cubic-bezier(0.55, 0, 1, 0.45);
113
+ --motion-ease-out: cubic-bezier(0, 0.55, 0.45, 1);
114
+ --motion-ease-expo: cubic-bezier(0.16, 1, 0.3, 1);
115
+ --motion-ease-bounce: cubic-bezier(0.22, 1.35, 0.36, 1);
116
+
117
+ --duration-fast: 100ms;
118
+ --duration-normal: 140ms;
119
+ --duration-slow: 210ms;
120
+
121
+ --ease-default: cubic-bezier(0.16, 1, 0.3, 1);
122
+ --ease-in: cubic-bezier(0.55, 0, 1, 0.45);
123
+ --ease-out: cubic-bezier(0, 0.55, 0.45, 1);
124
+ --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
125
+ --ease-out-back: cubic-bezier(0.22, 1.35, 0.36, 1);
126
+ }
127
+
128
+ /**
129
+ * Reduced Motion Support
130
+ * Respects user's system preference for reduced motion.
131
+ * Overrides all motion presets to ensure accessibility.
132
+ */
133
+ @media (prefers-reduced-motion: reduce) {
134
+ :root,
135
+ [data-motion='minimal'],
136
+ [data-motion='smooth'],
137
+ [data-motion='spring'],
138
+ [data-motion='snappy'] {
139
+ --motion-duration-scale: 0.01;
140
+ --motion-bounce: 0;
141
+ --motion-stagger: 0ms;
142
+
143
+ --motion-ease-default: linear;
144
+ --motion-ease-in: linear;
145
+ --motion-ease-out: linear;
146
+ --motion-ease-expo: linear;
147
+ --motion-ease-bounce: linear;
148
+
149
+ --duration-fast: 1ms;
150
+ --duration-normal: 1ms;
151
+ --duration-slow: 1ms;
152
+
153
+ --ease-default: linear;
154
+ --ease-in: linear;
155
+ --ease-out: linear;
156
+ --ease-out-expo: linear;
157
+ --ease-out-back: linear;
158
+ }
159
+ }
package/src/styles/reset.css ADDED
@@ -0,0 +1,97 @@
1
+ /* Modern CSS Reset - Minimal and effective */
2
+
3
+ *,
4
+ *::before,
5
+ *::after {
6
+ box-sizing: border-box;
7
+ }
8
+
9
+ * {
10
+ margin: 0;
11
+ }
12
+
13
+ html {
14
+ -webkit-text-size-adjust: 100%;
15
+ -moz-tab-size: 4;
16
+ tab-size: 4;
17
+ }
18
+
19
+ body {
20
+ line-height: var(--leading-normal);
21
+ -webkit-font-smoothing: antialiased;
22
+ font-family: var(--font-sans);
23
+ }
24
+
25
+ img,
26
+ picture,
27
+ video,
28
+ canvas,
29
+ svg {
30
+ display: block;
31
+ max-width: 100%;
32
+ }
33
+
34
+ input,
35
+ button,
36
+ textarea,
37
+ select {
38
+ font: inherit;
39
+ color: inherit;
40
+ }
41
+
42
+ p,
43
+ h1,
44
+ h2,
45
+ h3,
46
+ h4,
47
+ h5,
48
+ h6 {
49
+ overflow-wrap: break-word;
50
+ }
51
+
52
+ a {
53
+ color: inherit;
54
+ text-decoration: inherit;
55
+ }
56
+
57
+ button {
58
+ background: none;
59
+ border: none;
60
+ padding: 0;
61
+ cursor: pointer;
62
+ }
63
+
64
+ ul,
65
+ ol {
66
+ list-style: none;
67
+ padding: 0;
68
+ }
69
+
70
+ /* Remove default button styles in Safari */
71
+ button,
72
+ [type='button'],
73
+ [type='reset'],
74
+ [type='submit'] {
75
+ -webkit-appearance: button;
76
+ }
77
+
78
+ /* Remove focus outline for mouse users, keep for keyboard */
79
+ :focus:not(:focus-visible) {
80
+ outline: none;
81
+ }
82
+
83
+ :focus-visible {
84
+ outline: 2px solid var(--ring-color);
85
+ outline-offset: 2px;
86
+ }
87
+
88
+ /* Accessibility: Reduce motion if user prefers */
89
+ @media (prefers-reduced-motion: reduce) {
90
+ *,
91
+ *::before,
92
+ *::after {
93
+ animation-duration: 0.01ms !important;
94
+ animation-iteration-count: 1 !important;
95
+ transition-duration: 0.01ms !important;
96
+ }
97
+ }