@idds/styles 1.2.18 → 1.2.20
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.
- package/README.md +8 -8
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -151,7 +151,7 @@ For production, it's recommended to pin to a specific version instead of `@lates
|
|
|
151
151
|
rel="stylesheet"
|
|
152
152
|
/>
|
|
153
153
|
<link
|
|
154
|
-
href="https://unpkg.com/@idds/styles@1.2.12/dist/tailwind/css/
|
|
154
|
+
href="https://unpkg.com/@idds/styles@1.2.12/dist/tailwind/css/panrb.min.css"
|
|
155
155
|
rel="stylesheet"
|
|
156
156
|
/>
|
|
157
157
|
```
|
|
@@ -172,12 +172,12 @@ The package is published from the `dist/` folder with the following structure:
|
|
|
172
172
|
├── css/ # Tailwind CSS v4 theme files
|
|
173
173
|
│ ├── idds.css # Default theme
|
|
174
174
|
│ ├── idds.min.css # Minified
|
|
175
|
-
│ ├──
|
|
175
|
+
│ ├── panrb.css # Brand themes
|
|
176
176
|
│ └── ... # (with .min.css versions)
|
|
177
177
|
└── ts/ # Tailwind CSS v3 TypeScript tokens
|
|
178
178
|
├── default.ts
|
|
179
179
|
├── idds.ts
|
|
180
|
-
├──
|
|
180
|
+
├── panrb.ts
|
|
181
181
|
└── ... # Brand-specific tokens
|
|
182
182
|
```
|
|
183
183
|
|
|
@@ -202,7 +202,7 @@ For Tailwind v3, use the TypeScript token files:
|
|
|
202
202
|
```js
|
|
203
203
|
// tailwind.config.js
|
|
204
204
|
import iddsTokens from '@idds/styles/tailwind/ts/idds';
|
|
205
|
-
import panRbTokens from '@idds/styles/tailwind/ts/
|
|
205
|
+
import panRbTokens from '@idds/styles/tailwind/ts/panrb'; // Optional: brand theme
|
|
206
206
|
|
|
207
207
|
export default {
|
|
208
208
|
theme: {
|
|
@@ -232,7 +232,7 @@ Then you can use classes like:
|
|
|
232
232
|
- `@idds/styles/tailwind/ts/bgn` - BGN brand
|
|
233
233
|
- `@idds/styles/tailwind/ts/bkn` - BKN brand
|
|
234
234
|
- `@idds/styles/tailwind/ts/lan` - LAN brand
|
|
235
|
-
- `@idds/styles/tailwind/ts/
|
|
235
|
+
- `@idds/styles/tailwind/ts/panrb` - panrb brand
|
|
236
236
|
|
|
237
237
|
### Tailwind CSS v4
|
|
238
238
|
|
|
@@ -241,14 +241,14 @@ For Tailwind v4, use the CSS files with `@theme` syntax:
|
|
|
241
241
|
```css
|
|
242
242
|
/* your main CSS file */
|
|
243
243
|
@import '@idds/styles/tailwind/css/idds.css';
|
|
244
|
-
@import '@idds/styles/tailwind/css/
|
|
244
|
+
@import '@idds/styles/tailwind/css/panrb.css'; /* Optional: brand theme */
|
|
245
245
|
```
|
|
246
246
|
|
|
247
247
|
Or use minified versions for production:
|
|
248
248
|
|
|
249
249
|
```css
|
|
250
250
|
@import '@idds/styles/tailwind/css/idds.min.css';
|
|
251
|
-
@import '@idds/styles/tailwind/css/
|
|
251
|
+
@import '@idds/styles/tailwind/css/panrb.min.css';
|
|
252
252
|
```
|
|
253
253
|
|
|
254
254
|
Then you can use classes like:
|
|
@@ -266,7 +266,7 @@ Then you can use classes like:
|
|
|
266
266
|
- `@idds/styles/tailwind/css/bgn.css` - BGN brand
|
|
267
267
|
- `@idds/styles/tailwind/css/bkn.css` - BKN brand
|
|
268
268
|
- `@idds/styles/tailwind/css/lan.css` - LAN brand
|
|
269
|
-
- `@idds/styles/tailwind/css/
|
|
269
|
+
- `@idds/styles/tailwind/css/panrb.css` - panrb brand
|
|
270
270
|
|
|
271
271
|
### Example Usage
|
|
272
272
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@idds/styles",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.20",
|
|
4
4
|
"description": "Shared CSS styles and colors for INA Digital Design System",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.css",
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
"repository": {
|
|
59
59
|
"type": "git",
|
|
60
60
|
"url": "git+https://github.com/inadigital/designsystem-advanced.git",
|
|
61
|
-
"directory": "
|
|
61
|
+
"directory": "idds/packages/styles"
|
|
62
62
|
},
|
|
63
63
|
"bugs": {
|
|
64
64
|
"url": "https://github.com/inadigital/designsystem-advanced/issues"
|