@vespiario-thailand/design-system 1.3.21 → 1.3.22

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.
@@ -14,6 +14,7 @@ module.exports = {
14
14
  '21/9': '21 / 9',
15
15
  },
16
16
  boxShadow: {
17
+ none: 'none',
17
18
  100: '0px 4px 4px -1px rgba(0, 0, 0, 0.25)',
18
19
  200: '0px 8px 8px -2px rgba(0, 0, 0, 0.25)',
19
20
  300: '0px 12px 12px -3px rgba(0, 0, 0, 0.25)',
@@ -176,36 +177,36 @@ module.exports = {
176
177
  900: 'rgba(255, 255, 255, 0.9)',
177
178
  },
178
179
  },
179
- animation: {
180
- overlayShow: 'overlayShow 0.25s ease-in-out',
181
- contentShow: 'contentShow 0.25s ease-in-out',
182
- loadingSpin: 'loadingSpin 0.75s ease-in-out infinite',
183
- },
184
- keyframes: {
185
- overlayShow: {
186
- from: { opacity: 0 },
187
- to: { opacity: 1 },
180
+ extend: {
181
+ animation: {
182
+ overlayShow: 'overlayShow 0.25s ease-in-out',
183
+ contentShow: 'contentShow 0.25s ease-in-out',
184
+ loadingSpin: 'loadingSpin 0.75s ease-in-out infinite',
188
185
  },
189
- contentShow: {
190
- from: {
191
- opacity: 0,
192
- transform: 'translate(-50%, -48%) scale(0.96)',
193
- },
194
- to: {
195
- opacity: 1,
196
- transform: 'translate(-50%, -50%) scale(1)',
186
+ keyframes: {
187
+ overlayShow: {
188
+ from: { opacity: 0 },
189
+ to: { opacity: 1 },
197
190
  },
198
- },
199
- loadingSpin: {
200
- from: {
201
- transform: 'rotate(0deg)',
191
+ contentShow: {
192
+ from: {
193
+ opacity: 0,
194
+ transform: 'translate(-50%, -48%) scale(0.96)',
195
+ },
196
+ to: {
197
+ opacity: 1,
198
+ transform: 'translate(-50%, -50%) scale(1)',
199
+ },
202
200
  },
203
- to: {
204
- transform: 'rotate(360deg)',
201
+ loadingSpin: {
202
+ from: {
203
+ transform: 'rotate(0deg)',
204
+ },
205
+ to: {
206
+ transform: 'rotate(360deg)',
207
+ },
205
208
  },
206
209
  },
207
- },
208
- extend: {
209
210
  backgroundImage: {
210
211
  'triangle-light':
211
212
  "url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDE2IDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguMzUxNiAxLjE1MjdMMTQuNzkwOSA3LjU5MjA0TDEuMjA1MTUgNy41OTIwNEw3LjY0NDQ5IDEuMTUyN0M3LjgzOTc2IDAuOTU3NDM4IDguMTU2MzQgMC45NTc0MzggOC4zNTE2IDEuMTUyN1oiIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTTguMzUxNiAxLjE1MjdMMTQuNzkwOSA3LjU5MjA0TDEuMjA1MTUgNy41OTIwNEw3LjY0NDQ5IDEuMTUyN0M3LjgzOTc2IDAuOTU3NDM4IDguMTU2MzQgMC45NTc0MzggOC4zNTE2IDEuMTUyN1oiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxwYXRoIGQ9Ik04LjM1MTYgMS4xNTI3TDE0Ljc5MDkgNy41OTIwNEwxLjIwNTE1IDcuNTkyMDRMNy42NDQ0OSAxLjE1MjdDNy44Mzk3NiAwLjk1NzQzOCA4LjE1NjM0IDAuOTU3NDM4IDguMzUxNiAxLjE1MjdaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utb3BhY2l0eT0iMC4xMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+')",