@shuriken-ui/tailwind 0.0.1 → 0.0.3

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 (19) hide show
  1. package/README.md +53 -0
  2. package/dist/colors.cjs +2 -0
  3. package/dist/colors.d.ts +2 -0
  4. package/dist/colors.mjs +1 -0
  5. package/dist/config.cjs +14 -0
  6. package/dist/config.d.ts +225 -0
  7. package/dist/config.mjs +12 -0
  8. package/dist/index.cjs +15 -0
  9. package/dist/index.d.ts +667 -0
  10. package/dist/index.mjs +13 -0
  11. package/dist/preset.cjs +320 -0
  12. package/dist/preset.d.ts +222 -0
  13. package/dist/preset.mjs +311 -0
  14. package/package.json +28 -7
  15. package/src/colors.ts +0 -1
  16. package/src/index.ts +0 -7
  17. package/src/plugins/components.ts +0 -170
  18. package/src/preset/index.ts +0 -135
  19. package/src/tailwind.config.ts +0 -7
package/src/preset/index.ts DELETED
@@ -1,135 +0,0 @@
1
- import type { Config } from 'tailwindcss'
2
- import colors from 'tailwindcss/colors'
3
- import typography from '@tailwindcss/typography'
4
- import aspectRatio from '@tailwindcss/aspect-ratio'
5
- import shurikenUIComponents from '../plugins/components'
6
-
7
- export default {
8
- darkMode: 'class',
9
- content: [],
10
- plugins: [typography, aspectRatio, shurikenUIComponents],
11
- theme: {
12
- fontFamily: {
13
- sans: ['Roboto Flex', 'sans-serif'],
14
- heading: ['Inter', 'sans-serif'],
15
- alt: ['Karla', 'sans-serif'],
16
- mono: ['ui-monospace', 'monospace'],
17
- },
18
-
19
- extend: {
20
- colors: {
21
- muted: colors.slate,
22
- primary: colors.violet,
23
- info: colors.sky,
24
- success: colors.teal,
25
- warning: colors.amber,
26
- danger: colors.rose,
27
- },
28
- screens: {
29
- xs: { max: '639px' },
30
- lg: '1025px',
31
- ptablet: {
32
- raw: '(min-width: 768px) and (max-width: 1024px) and (orientation: portrait)',
33
- },
34
- ltablet: {
35
- raw: '(min-width: 768px) and (max-width: 1024px) and (orientation: landscape)',
36
- },
37
- },
38
- typography: ({ theme }: any) => ({
39
- primary: {
40
- css: {
41
- '--tw-prose-links': theme('colors.primary.600'),
42
- '--tw-prose-quote-borders': theme('colors.primary.600'),
43
-
44
- '--tw-prose-invert-links': theme('colors.primary.500'),
45
- '--tw-prose-invert-quote-borders': theme('colors.primary.500'),
46
- },
47
- },
48
- muted: {
49
- css: {
50
- '--tw-prose-body': theme('colors.muted.700'),
51
- '--tw-prose-headings': theme('colors.muted.800'),
52
- '--tw-prose-lead': theme('colors.muted.600'),
53
- '--tw-prose-bold': theme('colors.muted.800'),
54
- '--tw-prose-counters': theme('colors.muted.500'),
55
- '--tw-prose-bullets': theme('colors.muted.300'),
56
- '--tw-prose-hr': theme('colors.muted.200'),
57
- '--tw-prose-quotes': theme('colors.muted.500'),
58
- '--tw-prose-captions': theme('colors.muted.500'),
59
- '--tw-prose-code': theme('colors.muted.800'),
60
- '--tw-prose-pre-code': theme('colors.muted.800'),
61
- '--tw-prose-pre-bg': theme('colors.muted.100'),
62
- '--tw-prose-th-borders': theme('colors.muted.300'),
63
- '--tw-prose-td-borders': theme('colors.muted.200'),
64
-
65
- '--tw-prose-invert-body': theme('colors.muted.400'),
66
- '--tw-prose-invert-headings': theme('colors.muted.100'),
67
- '--tw-prose-invert-lead': theme('colors.muted.300'),
68
- '--tw-prose-invert-bold': theme('colors.muted.300'),
69
- '--tw-prose-invert-counters': theme('colors.muted.400'),
70
- '--tw-prose-invert-bullets': theme('colors.muted.400'),
71
- '--tw-prose-invert-hr': theme('colors.muted.800'),
72
- '--tw-prose-invert-quotes': theme('colors.muted.200'),
73
- '--tw-prose-invert-captions': theme('colors.muted.400'),
74
- '--tw-prose-invert-code': theme('colors.muted.200'),
75
- '--tw-prose-invert-pre-code': theme('colors.muted.200'),
76
- '--tw-prose-invert-pre-bg': theme('colors.muted.800'),
77
- '--tw-prose-invert-th-borders': theme('colors.muted.600'),
78
- '--tw-prose-invert-td-borders': theme('colors.muted.700'),
79
- },
80
- },
81
- css: {
82
- h1: {
83
- fontWeight: 700,
84
- },
85
- h2: {
86
- fontWeight: 700,
87
- },
88
- h3: {
89
- fontWeight: 500,
90
- },
91
- h4: {
92
- fontWeight: 500,
93
- },
94
- li: {
95
- fontSize: '1.15rem',
96
- padding: '0.35rem 0',
97
- },
98
- em: {
99
- fontSize: '1.1rem',
100
- lineHeight: 1,
101
- },
102
- blockquote: {
103
- fontSize: '1.1rem',
104
- lineHeight: 1.4,
105
- fontWeight: 500,
106
- padding: '1.75rem',
107
- },
108
- pre: {
109
- fontFamily: theme('fontFamily.mono'),
110
- },
111
- code: {
112
- fontFamily: theme('fontFamily.mono'),
113
- padding: '0.35rem',
114
- fontWeight: 600,
115
- fontSize: '0.95rem !important',
116
- },
117
- },
118
- }),
119
- keyframes: {
120
- indeterminate: {
121
- '0%': { 'margin-left': '-10%' },
122
- '100%': { 'margin-left': '100%' },
123
- },
124
- placeload: {
125
- '0%': { 'background-position': '-468px 0' },
126
- '100%': { 'background-position': '468px 0' },
127
- },
128
- },
129
- animation: {
130
- indeterminate: 'indeterminate 1s cubic-bezier(0.4, 0, 0.2, 1) infinite',
131
- placeload: 'placeload 1s linear infinite forwards',
132
- },
133
- },
134
- },
135
- } satisfies Config
package/src/tailwind.config.ts DELETED
@@ -1,7 +0,0 @@
1
- import type { Config } from 'tailwindcss'
2
- import shurikenUIPreset from './preset'
3
-
4
- export default {
5
- content: [],
6
- presets: [shurikenUIPreset],
7
- } satisfies Config