@spartan-ng/brain 0.0.1-alpha.710 → 0.0.1-alpha.711

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/README.md +5 -13
  2. package/package.json +3 -5
  3. package/hlm-tailwind-preset.js +0 -91
package/README.md CHANGED
@@ -75,31 +75,23 @@ Browse the [components gallery](https://www.spartan.ng/components) for live demo
75
75
 
76
76
  ## Tailwind Preset
77
77
 
78
- `@spartan-ng/brain` ships with the shared Tailwind preset that powers the helm styles. Most users have the [CLI](https://www.npmjs.com/package/@spartan-ng/cli) wire this up for them, but you can also do it by hand.
79
-
80
- **Tailwind v4** - add to your CSS:
78
+ `@spartan-ng/brain` ships with the shared Tailwind preset that powers the helm styles. Most users have the [CLI](https://www.npmjs.com/package/@spartan-ng/cli) wire this up for them, but you can also do it by hand by adding the preset to your CSS:
81
79
 
82
80
  ```css
83
81
  @import '@spartan-ng/brain/hlm-tailwind-preset.css';
84
82
  ```
85
83
 
86
- **Tailwind v3** - extend your `tailwind.config.js`:
87
-
88
- ```js
89
- module.exports = {
90
- presets: [require('@spartan-ng/brain/hlm-tailwind-preset')],
91
- // ...
92
- };
93
- ```
84
+ spartan/ui requires Tailwind CSS v4.
94
85
 
95
86
  ## Peer Dependencies
96
87
 
97
88
  `@spartan-ng/brain` works with:
98
89
 
99
- - Angular `>=20.0.0 <22.0.0` (core, common, forms, cdk)
90
+ - Angular `>=21.0.0 <23.0.0` (core, common, forms, cdk)
100
91
  - `rxjs` `>=6.6.0`
101
92
  - `clsx` `>=2.0.0`
102
- - `tailwindcss` `>=3.3.0`
93
+ - `tailwindcss` `>=4.0.0`
94
+ - `tw-animate-css` `>=1.0.0` _(imported by the Tailwind preset)_
103
95
  - `luxon` `>=3.0.0` _(optional - only required for `@spartan-ng/brain/date-time-luxon`)_
104
96
 
105
97
  ## Documentation
package/package.json CHANGED
@@ -1,15 +1,12 @@
1
1
  {
2
2
  "name": "@spartan-ng/brain",
3
- "version": "0.0.1-alpha.710",
3
+ "version": "0.0.1-alpha.711",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "https://github.com/spartan-ng/spartan"
7
7
  },
8
8
  "sideEffects": false,
9
9
  "exports": {
10
- "./hlm-tailwind-preset": {
11
- "default": "./hlm-tailwind-preset.js"
12
- },
13
10
  "./hlm-tailwind-preset.css": "./hlm-tailwind-preset.css",
14
11
  "./package.json": {
15
12
  "default": "./package.json"
@@ -171,7 +168,8 @@
171
168
  "clsx": ">=2.0.0",
172
169
  "luxon": ">=3.0.0",
173
170
  "rxjs": ">=6.6.0",
174
- "tailwindcss": ">=3.3.0"
171
+ "tailwindcss": ">=4.0.0",
172
+ "tw-animate-css": ">=1.0.0"
175
173
  },
176
174
  "peerDependenciesMeta": {
177
175
  "luxon": {
package/hlm-tailwind-preset.js DELETED
@@ -1,91 +0,0 @@
1
- const { fontFamily } = require('tailwindcss/defaultTheme');
2
-
3
- /** @type {import('tailwindcss').Config} */
4
- module.exports = {
5
- theme: {
6
- container: {
7
- center: true,
8
- padding: '2rem',
9
- screens: {
10
- '2xl': '1400px',
11
- },
12
- },
13
- extend: {
14
- colors: {
15
- border: 'hsl(var(--border))',
16
- input: 'hsl(var(--input))',
17
- ring: 'hsl(var(--ring))',
18
- background: 'hsl(var(--background))',
19
- foreground: 'hsl(var(--foreground))',
20
- primary: {
21
- DEFAULT: 'hsl(var(--primary))',
22
- foreground: 'hsl(var(--primary-foreground))',
23
- },
24
- secondary: {
25
- DEFAULT: 'hsl(var(--secondary))',
26
- foreground: 'hsl(var(--secondary-foreground))',
27
- },
28
- destructive: {
29
- DEFAULT: 'hsl(var(--destructive))',
30
- foreground: 'hsl(var(--destructive-foreground))',
31
- },
32
- muted: {
33
- DEFAULT: 'hsl(var(--muted))',
34
- foreground: 'hsl(var(--muted-foreground))',
35
- },
36
- accent: {
37
- DEFAULT: 'hsl(var(--accent))',
38
- foreground: 'hsl(var(--accent-foreground))',
39
- },
40
- popover: {
41
- DEFAULT: 'hsl(var(--popover))',
42
- foreground: 'hsl(var(--popover-foreground))',
43
- },
44
- card: {
45
- DEFAULT: 'hsl(var(--card))',
46
- foreground: 'hsl(var(--card-foreground))',
47
- },
48
- sidebar: {
49
- DEFAULT: 'hsl(var(--sidebar))',
50
- foreground: 'hsl(var(--sidebar-foreground))',
51
- accent: 'hsl(var(--sidebar-accent))',
52
- 'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
53
- border: 'hsl(var(--sidebar-border))',
54
- ring: 'hsl(var(--sidebar-ring))',
55
- },
56
- },
57
- borderRadius: {
58
- xs: '0.125rem',
59
- sm: 'calc(var(--radius) - 4px)',
60
- md: 'calc(var(--radius) - 2px)',
61
- lg: 'var(--radius)',
62
- xl: 'calc(var(--radius) + 4px)',
63
- },
64
- boxShadow: {
65
- xs: '0 1px 2px 0 rgb(0 0 0 / 0.05)',
66
- },
67
- fontFamily: {
68
- sans: ['var(--font-sans)', ...fontFamily.sans],
69
- },
70
- keyframes: {
71
- indeterminate: {
72
- '0%': {
73
- transform: 'translateX(-100%) scaleX(0.5)',
74
- },
75
- '100%': {
76
- transform: 'translateX(100%) scaleX(0.5)',
77
- },
78
- },
79
- 'caret-blink': {
80
- '0%,70%,100%': { opacity: '1' },
81
- '20%,50%': { opacity: '0' },
82
- },
83
- },
84
- animation: {
85
- indeterminate: 'indeterminate 4s infinite ease-in-out',
86
- 'caret-blink': 'caret-blink 1.25s ease-out infinite',
87
- },
88
- },
89
- },
90
- plugins: [require('tailwindcss-animate')],
91
- };