@versini/ui-styles 8.4.1 → 8.5.0

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 (2) hide show
  1. package/dist/index.js +7 -130
  2. package/package.json +3 -3
package/dist/index.js CHANGED
@@ -1,10 +1,10 @@
1
1
  /*!
2
- @versini/ui-styles v8.4.1
2
+ @versini/ui-styles v8.5.0
3
3
  © 2026 gizmette.com
4
4
  */
5
5
 
6
6
  import container_queries from "@tailwindcss/container-queries";
7
- import typography from "@tailwindcss/typography";
7
+ import { typographyPlugin } from "@versini/ui-typography";
8
8
  import tailwindcss_plugin from "tailwindcss/plugin";
9
9
  import { oklch } from "culori";
10
10
  import colors from "tailwindcss/colors";
@@ -112,6 +112,7 @@ import colors from "tailwindcss/colors";
112
112
  "@versini/ui-tooltip",
113
113
  "@versini/ui-truncate",
114
114
  "@versini/ui-types",
115
+ "@versini/ui-typography",
115
116
  "@versini/ui-utilities"
116
117
  ];
117
118
 
@@ -254,134 +255,10 @@ const dynamicColors = ()=>{
254
255
  /* export default */ const tailwindcss_colors = (dynamicColors());
255
256
 
256
257
 
257
- const typography_typography = ({ theme })=>({
258
- DEFAULT: {
259
- css: {
260
- maxWidth: "inherit",
261
- "h1, h2, h3, h4, h5, h6": {
262
- fontFamily: "Open Sans, ui-sans-serif, system-ui, sans-serif",
263
- fontWeight: "400"
264
- },
265
- h1: {
266
- fontSize: "1.75em"
267
- },
268
- h2: {
269
- marginTop: "1em"
270
- },
271
- ".av-header h1, .av-header h2, .av-header h3, .av-header h4, .av-header h5, .av-header h6": {
272
- margin: "0"
273
- },
274
- ".av-header p": {
275
- margin: "0"
276
- },
277
- blockquote: {
278
- borderLeftWidth: "6px"
279
- },
280
- "blockquote p": {
281
- fontFamily: "Georgia, Cambria, Times New Roman, Times, serif"
282
- },
283
- li: {
284
- fontSize: "1rem"
285
- },
286
- "li > p, ul > p, ol > p": {
287
- marginBottom: "0",
288
- marginTop: "0"
289
- },
290
- "li > ul": {
291
- marginTop: "0",
292
- paddingInlineStart: "0"
293
- },
294
- "ul > li": {
295
- marginBottom: "0",
296
- marginTop: "0"
297
- },
298
- pre: {
299
- marginTop: "2rem",
300
- marginBottom: "2rem",
301
- fontSize: "0.875rem",
302
- lineHeight: "1.25rem"
303
- },
304
- code: {
305
- fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace'
306
- }
307
- }
308
- },
309
- light: {
310
- css: {
311
- "--tw-prose-body": tokens.colors["copy-light"],
312
- "--tw-prose-headings": tokens.colors["copy-medium"],
313
- "--tw-prose-lead": tokens.colors["copy-light"],
314
- "--tw-prose-links": tokens.colors["copy-light"],
315
- "--tw-prose-bold": tokens.colors["copy-light"],
316
- "--tw-prose-counters": tokens.colors["copy-medium"],
317
- "--tw-prose-bullets": tokens.colors["copy-medium"],
318
- "--tw-prose-hr": tokens.colors["copy-medium"],
319
- "--tw-prose-quotes": tokens.colors["copy-light"],
320
- "--tw-prose-quote-borders": tokens.colors["copy-light"],
321
- "--tw-prose-captions": tokens.colors["copy-light"],
322
- "--tw-prose-code": tokens.colors["copy-light"],
323
- "--tw-prose-pre-code": tokens.colors["copy-lighter"],
324
- "--tw-prose-pre-bg": tokens.colors["surface-medium"],
325
- "--tw-prose-kbd": tokens.colors["copy-light"],
326
- li: {
327
- color: tokens.colors["copy-light"]
328
- }
329
- }
330
- },
331
- lighter: {
332
- css: {
333
- "--tw-prose-body": tokens.colors["copy-lighter"],
334
- "--tw-prose-headings": tokens.colors["copy-light"],
335
- "--tw-prose-lead": tokens.colors["copy-lighter"],
336
- "--tw-prose-links": tokens.colors["copy-lighter"],
337
- "--tw-prose-bold": tokens.colors["copy-lighter"],
338
- "--tw-prose-counters": tokens.colors["copy-light"],
339
- "--tw-prose-bullets": tokens.colors["copy-light"],
340
- "--tw-prose-hr": tokens.colors["copy-light"],
341
- "--tw-prose-quotes": tokens.colors["copy-lighter"],
342
- "--tw-prose-quote-borders": tokens.colors["copy-lighter"],
343
- "--tw-prose-captions": tokens.colors["copy-lighter"],
344
- "--tw-prose-code": tokens.colors["copy-lighter"],
345
- "--tw-prose-pre-code": tokens.colors["copy-lighter"],
346
- "--tw-prose-pre-bg": tokens.colors["surface-darker"],
347
- "--tw-prose-kbd": tokens.colors["copy-lighter"],
348
- li: {
349
- color: tokens.colors["copy-lighter"]
350
- }
351
- }
352
- },
353
- dark: {
354
- css: {
355
- "--tw-prose-body": theme("colors.slate[800]"),
356
- "--tw-prose-headings": theme("colors.slate[900]"),
357
- "--tw-prose-lead": theme("colors.slate[700]"),
358
- "--tw-prose-links": theme("colors.slate[900]"),
359
- "--tw-prose-bold": theme("colors.slate[900]"),
360
- "--tw-prose-counters": theme("colors.slate[600]"),
361
- "--tw-prose-bullets": theme("colors.slate[900]"),
362
- "--tw-prose-hr": theme("colors.slate[300]"),
363
- "--tw-prose-quotes": theme("colors.slate[900]"),
364
- "--tw-prose-quote-borders": theme("colors.slate[300]"),
365
- "--tw-prose-captions": theme("colors.slate[700]"),
366
- "--tw-prose-code": theme("colors.slate[900]"),
367
- "--tw-prose-pre-code": tokens.colors["copy-lighter"],
368
- "--tw-prose-pre-bg": tokens.colors["surface-darker"],
369
- "--tw-prose-kbd": theme("colors.slate[800]"),
370
- li: {
371
- color: tokens.colors["copy-dark"]
372
- }
373
- }
374
- }
375
- });
376
- /* export default */ const tailwindcss_typography = (typography_typography);
377
-
378
-
379
-
380
- /* export default */ const tailwindcss_theme = ({
258
+ /* export default */ const theme = ({
381
259
  theme: {
382
260
  extend: {
383
- colors: tailwindcss_colors,
384
- typography: tailwindcss_typography
261
+ colors: tailwindcss_colors
385
262
  }
386
263
  }
387
264
  });
@@ -418,7 +295,7 @@ const typography_typography = ({ theme })=>({
418
295
  * parameter to the plugin function, which is then used to extend the
419
296
  * default TailwindCSS theme.
420
297
  */ /* v8 ignore start */ const customPlugins = [
421
- typography,
298
+ typographyPlugin,
422
299
  container_queries,
423
300
  tailwindcss_plugin(function({ addComponents, addVariant }) {
424
301
  addComponents(textInput);
@@ -427,7 +304,7 @@ const typography_typography = ({ theme })=>({
427
304
  addComponents(tooltip);
428
305
  addVariant("last-bubble-right", ".av-bubble-right:not(:has(+ .av-bubble-right)) &");
429
306
  addVariant("last-bubble-left", ".av-bubble-left:not(:has(+ .av-bubble-left)) &");
430
- }, tailwindcss_theme)
307
+ }, theme)
431
308
  ];
432
309
  /* v8 ignore stop */ /**
433
310
  * The plugin "merge" function is used to merge the custom configuration with
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@versini/ui-styles",
3
- "version": "8.4.1",
3
+ "version": "8.5.0",
4
4
  "license": "MIT",
5
5
  "author": "Arno Versini",
6
6
  "publishConfig": {
@@ -41,7 +41,7 @@
41
41
  },
42
42
  "dependencies": {
43
43
  "@tailwindcss/container-queries": "0.1.1",
44
- "@tailwindcss/typography": "0.5.19",
44
+ "@versini/ui-typography": "1.0.0",
45
45
  "culori": "4.0.2",
46
46
  "fs-extra": "11.3.3",
47
47
  "tailwindcss": "4.1.18"
@@ -49,5 +49,5 @@
49
49
  "devDependencies": {
50
50
  "rollup-plugin-copy": "3.5.0"
51
51
  },
52
- "gitHead": "32098c9021e69e9d49f78c5c81688936d95feac6"
52
+ "gitHead": "6f0ba5933ab114566dc2065b20ca9ffb14c5aba4"
53
53
  }