@spark-ui/tailwind-plugins 3.1.0 → 3.2.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 (3) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/animations/index.js +59 -15
  3. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,19 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [3.2.1](https://github.com/adevinta/spark/compare/@spark-ui/tailwind-plugins@3.2.0...@spark-ui/tailwind-plugins@3.2.1) (2023-08-29)
7
+
8
+ ### Bug Fixes
9
+
10
+ - **tailwind-plugins:** progress animation ([85d92e4](https://github.com/adevinta/spark/commit/85d92e4c6791c23a7e916b3b3e30947f082ec6c6))
11
+ - **tailwind-plugins:** update progress animation ([46f9ce0](https://github.com/adevinta/spark/commit/46f9ce031fb6518763d92e7d9e1029b82a02e6cc))
12
+
13
+ # [3.2.0](https://github.com/adevinta/spark/compare/@spark-ui/tailwind-plugins@3.1.0...@spark-ui/tailwind-plugins@3.2.0) (2023-08-25)
14
+
15
+ ### Features
16
+
17
+ - **tailwind-plugins:** added base missing keyframe animations ([fcfaf65](https://github.com/adevinta/spark/commit/fcfaf651b09ee9e414c171771b64e48b65b1aa4f))
18
+
6
19
  # [3.1.0](https://github.com/adevinta/spark/compare/@spark-ui/tailwind-plugins@3.0.5...@spark-ui/tailwind-plugins@3.1.0) (2023-08-25)
7
20
 
8
21
  ### Features
package/animations/index.js CHANGED
@@ -121,38 +121,82 @@ module.exports = plugin.withOptions(
121
121
  theme: {
122
122
  extend: {
123
123
  keyframes: {
124
- slideTop: {
124
+ fadeIn: {
125
+ '0%': { opacity: 0 },
126
+ '100%': { opacity: 1 },
127
+ },
128
+ fadeOut: {
129
+ '0%': { opacity: 1 },
130
+ '100%': { opacity: 0 },
131
+ },
132
+ // slideIn
133
+ slideInTop: {
134
+ '0%': { transform: 'translateY(-100%)' },
135
+ '100%': { transform: 'translateY(0)' },
136
+ },
137
+ slideInRight: {
138
+ '0%': { transform: 'translateX(100%)' },
139
+ '100%': { transform: 'translateX(0)' },
140
+ },
141
+ slideInBottom: {
142
+ '0%': { transform: 'translateY(100%)' },
143
+ '100%': { transform: 'translateY(0)' },
144
+ },
145
+ slideInLeft: {
146
+ '0%': { transform: 'translateX(-100%)' },
147
+ '100%': { transform: 'translateX(0)' },
148
+ },
149
+ // slideOut
150
+ slideOutTop: {
125
151
  '0%': { transform: 'translateY(0)' },
126
- '100%': { transform: 'translateY(-100px)' },
152
+ '100%': { transform: 'translateY(-100%)' },
127
153
  },
128
- slideRight: {
154
+ slideOutRight: {
129
155
  '0%': { transform: 'translateX(0)' },
130
- '100%': { transform: 'translateX(100px)' },
156
+ '100%': { transform: 'translateX(100%)' },
131
157
  },
132
- slideBottom: {
158
+ slideOutBottom: {
133
159
  '0%': { transform: 'translateY(0)' },
134
- '100%': { transform: 'translateY(100px)' },
160
+ '100%': { transform: 'translateY(100%)' },
135
161
  },
136
- slideLeft: {
162
+ slideOutLeft: {
137
163
  '0%': { transform: 'translateX(0)' },
138
- '100%': { transform: 'translateX(-100px)' },
164
+ '100%': { transform: 'translateX(-100%)' },
139
165
  },
140
166
  standaloneIndeterminateBar: {
141
167
  '0%': {
142
- transform: 'translateX(0%) scaleX(0.2)',
168
+ left: '0',
169
+ width: '0',
170
+ },
171
+ '50%': {
172
+ left: '50%',
173
+ width: '50%',
174
+ },
175
+ '75%': {
176
+ left: '100%',
177
+ width: '0',
143
178
  },
144
179
  '100%': {
145
- transform: 'translateX(100%) scaleX(1)',
180
+ left: '0',
181
+ width: '0',
146
182
  },
147
183
  },
148
184
  },
149
185
  animation: {
150
- 'slide-top': 'slideTop 0.5s ease-in-out',
151
- 'slide-right': 'slideRight 0.5s ease-in-out',
152
- 'slide-bottom': 'slideBottom 0.5s ease-in-out',
153
- 'slide-left': 'slideLeft 0.5s ease-in-out',
186
+ 'fade-in': 'fadeIn 0.25s cubic-bezier(0.2, 0, 0, 1)',
187
+ 'fade-out': 'fadeOut 0.25s cubic-bezier(0.2, 0, 0, 1)',
188
+ // slideIn
189
+ 'slide-in-top': 'slideInTop 0.4s cubic-bezier(0.05, 0.7, 0.1, 1)',
190
+ 'slide-in-right': 'slideInRight 0.4s cubic-bezier(0.05, 0.7, 0.1, 1)',
191
+ 'slide-in-bottom': 'slideInBottom 0.4s cubic-bezier(0.05, 0.7, 0.1, 1)',
192
+ 'slide-in-left': 'slideInLeft 0.4s cubic-bezier(0.05, 0.7, 0.1, 1)',
193
+ // slideOut
194
+ 'slide-out-top': 'slideOutTop 0.4s cubic-bezier(0.05, 0.7, 0.1, 1)',
195
+ 'slide-out-right': 'slideOutRight 0.4s cubic-bezier(0.05, 0.7, 0.1, 1)',
196
+ 'slide-out-bottom': 'slideOutBottom 0.4s cubic-bezier(0.05, 0.7, 0.1, 1)',
197
+ 'slide-out-left': 'slideOutLeft 0.4s cubic-bezier(0.05, 0.7, 0.1, 1)',
154
198
  'standalone-indeterminate-bar':
155
- 'standaloneIndeterminateBar 1.5s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite normal none running',
199
+ 'standaloneIndeterminateBar 1s ease-out infinite normal none running',
156
200
  },
157
201
  },
158
202
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spark-ui/tailwind-plugins",
3
- "version": "3.1.0",
3
+ "version": "3.2.1",
4
4
  "description": "Spark Tailwind plugins",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -23,5 +23,5 @@
23
23
  },
24
24
  "homepage": "https://sparkui.vercel.app",
25
25
  "license": "MIT",
26
- "gitHead": "342255fa39ae1d445200c86d0d46dd638c7b2311"
26
+ "gitHead": "f620242462b456136fd398e593b6a1d8a6cbc0a5"
27
27
  }