sprintify-ui 0.10.65 → 0.10.67

package/dist/tailwindcss/button.js

@@ -1,261 +1,261 @@
-export default function ({ addComponents, theme }) {
-    addComponents({
-        // Button
-        '.btn': {
-            position: 'relative',
-            display: 'inline-flex',
-            'align-items': 'center',
-            'justify-content': 'center',
-            cursor: 'pointer',
-            'user-select': 'none',
-            color: theme('colors.slate.600'),
-            'background-color': theme('colors.white'),
-            'border-color': theme('colors.slate.300'),
-            'border-width': '1px',
-            'border-radius': theme('borderRadius.md'),
-            padding: '0 ' + theme('spacing.4'),
-            height: theme('height.control-md'),
-            'text-align': 'center',
-            'font-size': theme('fontSize.sm'),
-            'line-height': theme('lineHeight.5'),
-            'transition-property':
-                'color, background-color, border-color, text-decoration-color, fill, stroke',
-            'transition-timing-function': 'cubic-bezier(0.4, 0, 0.2, 1)',
-            'transition-duration': '100ms',
-            '&:hover:enabled': {
-                'background-color': theme('colors.slate.100'),
-            },
-            '&:focus-visible': {
-                'z-index': 1,
-                outline: '4px solid transparent',
-                'outline-offset': '0px',
-                '--tw-ring-color': theme('colors.slate.200'),
-                '--tw-ring-offset-width': '0px',
-                '--tw-ring-offset-shadow':
-                    'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',
-                '--tw-ring-shadow':
-                    'var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)',
-                'box-shadow':
-                    'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',
-            },
-            '&:disabled': {
-                cursor: 'not-allowed',
-                opacity: '0.5',
-            },
-        },
-        // Button - Sizes
-        '.btn-xs': {
-            'font-size': theme('fontSize.xs'),
-            'line-height': theme('lineHeight.4'),
-            padding: '0 ' + theme('spacing.2'),
-            height: theme('height.control-xs'),
-        },
-        '.btn-sm': {
-            'font-size': theme('fontSize.sm'),
-            'line-height': theme('lineHeight.4'),
-            padding: '0 ' + theme('spacing.3'),
-            height: theme('height.control-sm'),
-        },
-        '.btn-md': {
-            'font-size': theme('fontSize.sm'),
-            'line-height': theme('lineHeight.5'),
-            padding: '0 ' + theme('spacing.4'),
-            height: theme('height.control-md'),
-        },
-        '.btn-lg': {
-            'font-size': theme('fontSize.base'),
-            'line-height': theme('lineHeight.5'),
-            padding: '0 ' + theme('spacing.5'),
-            height: theme('height.control-lg'),
-        },
-        '.btn-xl': {
-            'font-size': theme('fontSize.base'),
-            'line-height': theme('lineHeight.5'),
-            padding: '0 ' + theme('spacing.6'),
-            height: theme('height.control-xl'),
-        },
-        // Button - Colors
-        '.btn-primary': {
-            color: theme('colors.white'),
-            'background-color': theme('colors.primary.600'),
-            'border-color': 'transparent',
-            '&:hover:enabled': {
-                'background-color': theme('colors.primary.500'),
-            },
-            '&:focus-visible': {
-                '--tw-ring-color': theme('colors.primary.200'),
-            },
-        },
-        '.btn-secondary': {
-            color: theme('colors.primary.700'),
-            'background-color': theme('colors.primary.200'),
-            'border-color': 'transparent',
-            '&:hover:enabled': {
-                'background-color': theme('colors.primary.100'),
-            },
-            '&:focus-visible': {
-                '--tw-ring-color': theme('colors.primary.200'),
-            },
-        },
-        '.btn-secondary-outline': {
-            color: theme('colors.primary.700'),
-            'background-color': theme('colors.primary.200'),
-            'border-color': theme('colors.primary.300'),
-            '&:hover:enabled': {
-                'background-color': theme('colors.primary.100'),
-            },
-            '&:focus-visible': {
-                '--tw-ring-color': theme('colors.primary.200'),
-            },
-        },
-        '.btn-success': {
-            color: theme('colors.white'),
-            'background-color': theme('colors.green.600'),
-            'border-color': 'transparent',
-            '&:hover:enabled': {
-                'background-color': theme('colors.green.500'),
-            },
-            '&:focus-visible': {
-                '--tw-ring-color': theme('colors.green.200'),
-            },
-        },
-        '.btn-success-outline': {
-            color: theme('colors.green.700'),
-            'background-color': theme('colors.green.200'),
-            'border-color': theme('colors.green.300'),
-            '&:hover:enabled': {
-                'background-color': theme('colors.green.100'),
-            },
-            '&:focus-visible': {
-                '--tw-ring-color': theme('colors.green.200'),
-            },
-        },
-        '.btn-warning': {
-            color: theme('colors.yellow.900'),
-            'background-color': theme('colors.yellow.400'),
-            'border-color': 'transparent',
-            '&:hover:enabled': {
-                'background-color': theme('colors.yellow.300'),
-            },
-            '&:focus-visible': {
-                '--tw-ring-color': theme('colors.yellow.200'),
-            },
-        },
-        '.btn-warning-outline': {
-            color: theme('colors.yellow.900'),
-            'background-color': theme('colors.yellow.200'),
-            'border-color': theme('colors.yellow.400'),
-            '&:hover:enabled': {
-                'background-color': theme('colors.yellow.100'),
-            },
-            '&:focus-visible': {
-                '--tw-ring-color': theme('colors.yellow.200'),
-            },
-        },
-        '.btn-danger': {
-            color: theme('colors.white'),
-            'background-color': theme('colors.red.600'),
-            'border-color': 'transparent',
-            '&:hover:enabled': {
-                'background-color': theme('colors.red.500'),
-            },
-            '&:focus-visible': {
-                '--tw-ring-color': theme('colors.red.200'),
-            },
-        },
-        '.btn-danger-outline': {
-            color: theme('colors.red.700'),
-            'background-color': theme('colors.red.200'),
-            'border-color': theme('colors.red.300'),
-            '&:hover:enabled': {
-                'background-color': theme('colors.red.100'),
-            },
-            '&:focus-visible': {
-                '--tw-ring-color': theme('colors.red.200'),
-            },
-        },
-        '.btn-info': {
-            color: theme('colors.white'),
-            'background-color': theme('colors.blue.600'),
-            'border-color': 'transparent',
-            '&:hover:enabled': {
-                'background-color': theme('colors.blue.500'),
-            },
-            '&:focus-visible': {
-                '--tw-ring-color': theme('colors.blue.200'),
-            },
-        },
-        '.btn-info-outline': {
-            color: theme('colors.blue.700'),
-            'background-color': theme('colors.blue.200'),
-            'border-color': theme('colors.blue.300'),
-            '&:hover:enabled': {
-                'background-color': theme('colors.blue.100'),
-            },
-            '&:focus-visible': {
-                '--tw-ring-color': theme('colors.blue.200'),
-            },
-        },
-        '.btn-white': {
-            'background-color': theme('colors.white'),
-            'border-color': 'transparent',
-            '&:hover:enabled': {
-                'background-color': theme('colors.slate.100'),
-            },
-            '&:focus-visible': {
-                '--tw-ring-color': theme('colors.slate.200'),
-            },
-        },
-        '.btn-black': {
-            color: theme('colors.white'),
-            'background-color': theme('colors.slate.900'),
-            'border-color': 'transparent',
-            '&:hover:enabled': {
-                'background-color': theme('colors.slate.700'),
-            },
-            '&:focus-visible': {
-                '--tw-ring-color': theme('colors.slate.300'),
-            },
-        },
-        '.btn-slate-100': {
-            'background-color': theme('colors.slate.100'),
-            'border-color': 'transparent',
-            '&:hover:enabled': {
-                'background-color': theme('colors.slate.50'),
-            },
-            '&:focus-visible': {
-                '--tw-ring-color': theme('colors.slate.200'),
-            },
-        },
-        '.btn-slate-100-outline': {
-            'background-color': theme('colors.slate.100'),
-            'border-color': theme('colors.slate.300'),
-            '&:hover:enabled': {
-                'background-color': theme('colors.slate.50'),
-            },
-            '&:focus-visible': {
-                '--tw-ring-color': theme('colors.slate.200'),
-            },
-        },
-        '.btn-slate-200': {
-            'background-color': theme('colors.slate.200'),
-            'border-color': 'transparent',
-            '&:hover:enabled': {
-                'background-color': theme('colors.slate.100'),
-            },
-            '&:focus-visible': {
-                '--tw-ring-color': theme('colors.slate.200'),
-            },
-        },
-        '.btn-slate-200-outline': {
-            'background-color': theme('colors.slate.200'),
-            'border-color': theme('colors.slate.400'),
-            '&:hover:enabled': {
-                'background-color': theme('colors.slate.100'),
-            },
-            '&:focus-visible': {
-                '--tw-ring-color': theme('colors.slate.200'),
-            },
-        },
-    });
+export default function ({ addComponents, theme }) {
+    addComponents({
+        // Button
+        '.btn': {
+            position: 'relative',
+            display: 'inline-flex',
+            'align-items': 'center',
+            'justify-content': 'center',
+            cursor: 'pointer',
+            'user-select': 'none',
+            color: theme('colors.slate.600'),
+            'background-color': theme('colors.white'),
+            'border-color': theme('colors.slate.300'),
+            'border-width': '1px',
+            'border-radius': theme('borderRadius.md'),
+            padding: '0 ' + theme('spacing.4'),
+            height: theme('height.control-md'),
+            'text-align': 'center',
+            'font-size': theme('fontSize.sm'),
+            'line-height': theme('lineHeight.5'),
+            'transition-property':
+                'color, background-color, border-color, text-decoration-color, fill, stroke',
+            'transition-timing-function': 'cubic-bezier(0.4, 0, 0.2, 1)',
+            'transition-duration': '100ms',
+            '&:hover:enabled': {
+                'background-color': theme('colors.slate.100'),
+            },
+            '&:focus-visible': {
+                'z-index': 1,
+                outline: '4px solid transparent',
+                'outline-offset': '0px',
+                '--tw-ring-color': theme('colors.slate.200'),
+                '--tw-ring-offset-width': '0px',
+                '--tw-ring-offset-shadow':
+                    'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',
+                '--tw-ring-shadow':
+                    'var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)',
+                'box-shadow':
+                    'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',
+            },
+            '&:disabled': {
+                cursor: 'not-allowed',
+                opacity: '0.5',
+            },
+        },
+        // Button - Sizes
+        '.btn-xs': {
+            'font-size': theme('fontSize.xs'),
+            'line-height': theme('lineHeight.4'),
+            padding: '0 ' + theme('spacing.2'),
+            height: theme('height.control-xs'),
+        },
+        '.btn-sm': {
+            'font-size': theme('fontSize.sm'),
+            'line-height': theme('lineHeight.4'),
+            padding: '0 ' + theme('spacing.3'),
+            height: theme('height.control-sm'),
+        },
+        '.btn-md': {
+            'font-size': theme('fontSize.sm'),
+            'line-height': theme('lineHeight.5'),
+            padding: '0 ' + theme('spacing.4'),
+            height: theme('height.control-md'),
+        },
+        '.btn-lg': {
+            'font-size': theme('fontSize.base'),
+            'line-height': theme('lineHeight.5'),
+            padding: '0 ' + theme('spacing.5'),
+            height: theme('height.control-lg'),
+        },
+        '.btn-xl': {
+            'font-size': theme('fontSize.base'),
+            'line-height': theme('lineHeight.5'),
+            padding: '0 ' + theme('spacing.6'),
+            height: theme('height.control-xl'),
+        },
+        // Button - Colors
+        '.btn-primary': {
+            color: theme('colors.white'),
+            'background-color': theme('colors.primary.600'),
+            'border-color': 'transparent',
+            '&:hover:enabled': {
+                'background-color': theme('colors.primary.500'),
+            },
+            '&:focus-visible': {
+                '--tw-ring-color': theme('colors.primary.200'),
+            },
+        },
+        '.btn-secondary': {
+            color: theme('colors.primary.700'),
+            'background-color': theme('colors.primary.200'),
+            'border-color': 'transparent',
+            '&:hover:enabled': {
+                'background-color': theme('colors.primary.100'),
+            },
+            '&:focus-visible': {
+                '--tw-ring-color': theme('colors.primary.200'),
+            },
+        },
+        '.btn-secondary-outline': {
+            color: theme('colors.primary.700'),
+            'background-color': theme('colors.primary.200'),
+            'border-color': theme('colors.primary.300'),
+            '&:hover:enabled': {
+                'background-color': theme('colors.primary.100'),
+            },
+            '&:focus-visible': {
+                '--tw-ring-color': theme('colors.primary.200'),
+            },
+        },
+        '.btn-success': {
+            color: theme('colors.white'),
+            'background-color': theme('colors.green.600'),
+            'border-color': 'transparent',
+            '&:hover:enabled': {
+                'background-color': theme('colors.green.500'),
+            },
+            '&:focus-visible': {
+                '--tw-ring-color': theme('colors.green.200'),
+            },
+        },
+        '.btn-success-outline': {
+            color: theme('colors.green.700'),
+            'background-color': theme('colors.green.200'),
+            'border-color': theme('colors.green.300'),
+            '&:hover:enabled': {
+                'background-color': theme('colors.green.100'),
+            },
+            '&:focus-visible': {
+                '--tw-ring-color': theme('colors.green.200'),
+            },
+        },
+        '.btn-warning': {
+            color: theme('colors.yellow.900'),
+            'background-color': theme('colors.yellow.400'),
+            'border-color': 'transparent',
+            '&:hover:enabled': {
+                'background-color': theme('colors.yellow.300'),
+            },
+            '&:focus-visible': {
+                '--tw-ring-color': theme('colors.yellow.200'),
+            },
+        },
+        '.btn-warning-outline': {
+            color: theme('colors.yellow.900'),
+            'background-color': theme('colors.yellow.200'),
+            'border-color': theme('colors.yellow.400'),
+            '&:hover:enabled': {
+                'background-color': theme('colors.yellow.100'),
+            },
+            '&:focus-visible': {
+                '--tw-ring-color': theme('colors.yellow.200'),
+            },
+        },
+        '.btn-danger': {
+            color: theme('colors.white'),
+            'background-color': theme('colors.red.600'),
+            'border-color': 'transparent',
+            '&:hover:enabled': {
+                'background-color': theme('colors.red.500'),
+            },
+            '&:focus-visible': {
+                '--tw-ring-color': theme('colors.red.200'),
+            },
+        },
+        '.btn-danger-outline': {
+            color: theme('colors.red.700'),
+            'background-color': theme('colors.red.200'),
+            'border-color': theme('colors.red.300'),
+            '&:hover:enabled': {
+                'background-color': theme('colors.red.100'),
+            },
+            '&:focus-visible': {
+                '--tw-ring-color': theme('colors.red.200'),
+            },
+        },
+        '.btn-info': {
+            color: theme('colors.white'),
+            'background-color': theme('colors.blue.600'),
+            'border-color': 'transparent',
+            '&:hover:enabled': {
+                'background-color': theme('colors.blue.500'),
+            },
+            '&:focus-visible': {
+                '--tw-ring-color': theme('colors.blue.200'),
+            },
+        },
+        '.btn-info-outline': {
+            color: theme('colors.blue.700'),
+            'background-color': theme('colors.blue.200'),
+            'border-color': theme('colors.blue.300'),
+            '&:hover:enabled': {
+                'background-color': theme('colors.blue.100'),
+            },
+            '&:focus-visible': {
+                '--tw-ring-color': theme('colors.blue.200'),
+            },
+        },
+        '.btn-white': {
+            'background-color': theme('colors.white'),
+            'border-color': 'transparent',
+            '&:hover:enabled': {
+                'background-color': theme('colors.slate.100'),
+            },
+            '&:focus-visible': {
+                '--tw-ring-color': theme('colors.slate.200'),
+            },
+        },
+        '.btn-black': {
+            color: theme('colors.white'),
+            'background-color': theme('colors.slate.900'),
+            'border-color': 'transparent',
+            '&:hover:enabled': {
+                'background-color': theme('colors.slate.700'),
+            },
+            '&:focus-visible': {
+                '--tw-ring-color': theme('colors.slate.300'),
+            },
+        },
+        '.btn-slate-100': {
+            'background-color': theme('colors.slate.100'),
+            'border-color': 'transparent',
+            '&:hover:enabled': {
+                'background-color': theme('colors.slate.50'),
+            },
+            '&:focus-visible': {
+                '--tw-ring-color': theme('colors.slate.200'),
+            },
+        },
+        '.btn-slate-100-outline': {
+            'background-color': theme('colors.slate.100'),
+            'border-color': theme('colors.slate.300'),
+            '&:hover:enabled': {
+                'background-color': theme('colors.slate.50'),
+            },
+            '&:focus-visible': {
+                '--tw-ring-color': theme('colors.slate.200'),
+            },
+        },
+        '.btn-slate-200': {
+            'background-color': theme('colors.slate.200'),
+            'border-color': 'transparent',
+            '&:hover:enabled': {
+                'background-color': theme('colors.slate.100'),
+            },
+            '&:focus-visible': {
+                '--tw-ring-color': theme('colors.slate.200'),
+            },
+        },
+        '.btn-slate-200-outline': {
+            'background-color': theme('colors.slate.200'),
+            'border-color': theme('colors.slate.400'),
+            '&:hover:enabled': {
+                'background-color': theme('colors.slate.100'),
+            },
+            '&:focus-visible': {
+                '--tw-ring-color': theme('colors.slate.200'),
+            },
+        },
+    });
 }

package/dist/tailwindcss/index.js

@@ -1,21 +1,21 @@
-import plugin from 'tailwindcss/plugin';
-import theme from './theme';
-
-import button from './button';
-import overlay from './overlay';
-import input from './input';
-import table from './table';
-
-const config = {
-  theme: theme
-}
-
-export default plugin(
-  function (ctx) {
-    button(ctx);
-    overlay(ctx);
-    input(ctx);
-    table(ctx);
-  },
-  config
-);
+import plugin from 'tailwindcss/plugin';
+import theme from './theme';
+
+import button from './button';
+import overlay from './overlay';
+import input from './input';
+import table from './table';
+
+const config = {
+  theme: theme
+}
+
+export default plugin(
+  function (ctx) {
+    button(ctx);
+    overlay(ctx);
+    input(ctx);
+    table(ctx);
+  },
+  config
+);

package/dist/tailwindcss/input.js

@@ -1,23 +1,23 @@
-import { parseColor } from "tailwindcss/lib/util/color";
-
-export default function ({ addComponents, theme }) {
-
-    const blueColor = parseColor(theme('colors.blue.600')).color.join(", ");
-    const redColor = parseColor(theme('colors.red.600')).color.join(", ");
-
-    addComponents({
-        '.input-focus': {
-            'border-color': `rgba(${(blueColor)}, 0.6)`,
-            'zIndex': 1,
-            'boxShadow': `rgba(${(blueColor)}, 0.2) 0px 0px 0px 4px;`,
-        },
-        '.input-focus-error': {
-            'border-color': `rgba(${(redColor)}, 0.6)`,
-            'zIndex': 1,
-            'boxShadow': `rgba(${(redColor)}, 0.2) 0px 0px 0px 4px;`,
-        },
-        '.input-rounded': {
-            'border-radius': theme('borderRadius.md'),
-        }
-    });
+import { parseColor } from "tailwindcss/lib/util/color";
+
+export default function ({ addComponents, theme }) {
+
+    const blueColor = parseColor(theme('colors.blue.600')).color.join(", ");
+    const redColor = parseColor(theme('colors.red.600')).color.join(", ");
+
+    addComponents({
+        '.input-focus': {
+            'border-color': `rgba(${(blueColor)}, 0.6)`,
+            'zIndex': 1,
+            'boxShadow': `rgba(${(blueColor)}, 0.2) 0px 0px 0px 4px;`,
+        },
+        '.input-focus-error': {
+            'border-color': `rgba(${(redColor)}, 0.6)`,
+            'zIndex': 1,
+            'boxShadow': `rgba(${(redColor)}, 0.2) 0px 0px 0px 4px;`,
+        },
+        '.input-rounded': {
+            'border-radius': theme('borderRadius.md'),
+        }
+    });
 }

package/dist/tailwindcss/overlay.js

@@ -1,13 +1,13 @@
-export default function ({ addComponents }) {
-    addComponents({
-        '.overlay': {
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
-            width: '100%',
-            height: '100%',
-        },
-    });
+export default function ({ addComponents }) {
+    addComponents({
+        '.overlay': {
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            width: '100%',
+            height: '100%',
+        },
+    });
 }