@versini/ui-styles 8.4.0 → 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 -132
  2. package/package.json +3 -3
package/dist/index.js CHANGED
@@ -1,10 +1,10 @@
1
1
  /*!
2
- @versini/ui-styles v8.4.0
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";
@@ -92,7 +92,6 @@ import colors from "tailwindcss/colors";
92
92
  "@versini/ui-card",
93
93
  "@versini/ui-datagrid",
94
94
  "@versini/ui-debug-overlay",
95
- "@versini/ui-dialog",
96
95
  "@versini/ui-dropdown",
97
96
  "@versini/ui-fingerprint",
98
97
  "@versini/ui-footer",
@@ -106,7 +105,6 @@ import colors from "tailwindcss/colors";
106
105
  "@versini/ui-spinner",
107
106
  "@versini/ui-styles",
108
107
  "@versini/ui-system",
109
- "@versini/ui-table",
110
108
  "@versini/ui-textarea",
111
109
  "@versini/ui-textinput",
112
110
  "@versini/ui-toggle",
@@ -114,6 +112,7 @@ import colors from "tailwindcss/colors";
114
112
  "@versini/ui-tooltip",
115
113
  "@versini/ui-truncate",
116
114
  "@versini/ui-types",
115
+ "@versini/ui-typography",
117
116
  "@versini/ui-utilities"
118
117
  ];
119
118
 
@@ -256,134 +255,10 @@ const dynamicColors = ()=>{
256
255
  /* export default */ const tailwindcss_colors = (dynamicColors());
257
256
 
258
257
 
259
- const typography_typography = ({ theme })=>({
260
- DEFAULT: {
261
- css: {
262
- maxWidth: "inherit",
263
- "h1, h2, h3, h4, h5, h6": {
264
- fontFamily: "Open Sans, ui-sans-serif, system-ui, sans-serif",
265
- fontWeight: "400"
266
- },
267
- h1: {
268
- fontSize: "1.75em"
269
- },
270
- h2: {
271
- marginTop: "1em"
272
- },
273
- ".av-header h1, .av-header h2, .av-header h3, .av-header h4, .av-header h5, .av-header h6": {
274
- margin: "0"
275
- },
276
- ".av-header p": {
277
- margin: "0"
278
- },
279
- blockquote: {
280
- borderLeftWidth: "6px"
281
- },
282
- "blockquote p": {
283
- fontFamily: "Georgia, Cambria, Times New Roman, Times, serif"
284
- },
285
- li: {
286
- fontSize: "1rem"
287
- },
288
- "li > p, ul > p, ol > p": {
289
- marginBottom: "0",
290
- marginTop: "0"
291
- },
292
- "li > ul": {
293
- marginTop: "0",
294
- paddingInlineStart: "0"
295
- },
296
- "ul > li": {
297
- marginBottom: "0",
298
- marginTop: "0"
299
- },
300
- pre: {
301
- marginTop: "2rem",
302
- marginBottom: "2rem",
303
- fontSize: "0.875rem",
304
- lineHeight: "1.25rem"
305
- },
306
- code: {
307
- fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace'
308
- }
309
- }
310
- },
311
- light: {
312
- css: {
313
- "--tw-prose-body": tokens.colors["copy-light"],
314
- "--tw-prose-headings": tokens.colors["copy-medium"],
315
- "--tw-prose-lead": tokens.colors["copy-light"],
316
- "--tw-prose-links": tokens.colors["copy-light"],
317
- "--tw-prose-bold": tokens.colors["copy-light"],
318
- "--tw-prose-counters": tokens.colors["copy-medium"],
319
- "--tw-prose-bullets": tokens.colors["copy-medium"],
320
- "--tw-prose-hr": tokens.colors["copy-medium"],
321
- "--tw-prose-quotes": tokens.colors["copy-light"],
322
- "--tw-prose-quote-borders": tokens.colors["copy-light"],
323
- "--tw-prose-captions": tokens.colors["copy-light"],
324
- "--tw-prose-code": tokens.colors["copy-light"],
325
- "--tw-prose-pre-code": tokens.colors["copy-lighter"],
326
- "--tw-prose-pre-bg": tokens.colors["surface-medium"],
327
- "--tw-prose-kbd": tokens.colors["copy-light"],
328
- li: {
329
- color: tokens.colors["copy-light"]
330
- }
331
- }
332
- },
333
- lighter: {
334
- css: {
335
- "--tw-prose-body": tokens.colors["copy-lighter"],
336
- "--tw-prose-headings": tokens.colors["copy-light"],
337
- "--tw-prose-lead": tokens.colors["copy-lighter"],
338
- "--tw-prose-links": tokens.colors["copy-lighter"],
339
- "--tw-prose-bold": tokens.colors["copy-lighter"],
340
- "--tw-prose-counters": tokens.colors["copy-light"],
341
- "--tw-prose-bullets": tokens.colors["copy-light"],
342
- "--tw-prose-hr": tokens.colors["copy-light"],
343
- "--tw-prose-quotes": tokens.colors["copy-lighter"],
344
- "--tw-prose-quote-borders": tokens.colors["copy-lighter"],
345
- "--tw-prose-captions": tokens.colors["copy-lighter"],
346
- "--tw-prose-code": tokens.colors["copy-lighter"],
347
- "--tw-prose-pre-code": tokens.colors["copy-lighter"],
348
- "--tw-prose-pre-bg": tokens.colors["surface-darker"],
349
- "--tw-prose-kbd": tokens.colors["copy-lighter"],
350
- li: {
351
- color: tokens.colors["copy-lighter"]
352
- }
353
- }
354
- },
355
- dark: {
356
- css: {
357
- "--tw-prose-body": theme("colors.slate[800]"),
358
- "--tw-prose-headings": theme("colors.slate[900]"),
359
- "--tw-prose-lead": theme("colors.slate[700]"),
360
- "--tw-prose-links": theme("colors.slate[900]"),
361
- "--tw-prose-bold": theme("colors.slate[900]"),
362
- "--tw-prose-counters": theme("colors.slate[600]"),
363
- "--tw-prose-bullets": theme("colors.slate[900]"),
364
- "--tw-prose-hr": theme("colors.slate[300]"),
365
- "--tw-prose-quotes": theme("colors.slate[900]"),
366
- "--tw-prose-quote-borders": theme("colors.slate[300]"),
367
- "--tw-prose-captions": theme("colors.slate[700]"),
368
- "--tw-prose-code": theme("colors.slate[900]"),
369
- "--tw-prose-pre-code": tokens.colors["copy-lighter"],
370
- "--tw-prose-pre-bg": tokens.colors["surface-darker"],
371
- "--tw-prose-kbd": theme("colors.slate[800]"),
372
- li: {
373
- color: tokens.colors["copy-dark"]
374
- }
375
- }
376
- }
377
- });
378
- /* export default */ const tailwindcss_typography = (typography_typography);
379
-
380
-
381
-
382
- /* export default */ const tailwindcss_theme = ({
258
+ /* export default */ const theme = ({
383
259
  theme: {
384
260
  extend: {
385
- colors: tailwindcss_colors,
386
- typography: tailwindcss_typography
261
+ colors: tailwindcss_colors
387
262
  }
388
263
  }
389
264
  });
@@ -420,7 +295,7 @@ const typography_typography = ({ theme })=>({
420
295
  * parameter to the plugin function, which is then used to extend the
421
296
  * default TailwindCSS theme.
422
297
  */ /* v8 ignore start */ const customPlugins = [
423
- typography,
298
+ typographyPlugin,
424
299
  container_queries,
425
300
  tailwindcss_plugin(function({ addComponents, addVariant }) {
426
301
  addComponents(textInput);
@@ -429,7 +304,7 @@ const typography_typography = ({ theme })=>({
429
304
  addComponents(tooltip);
430
305
  addVariant("last-bubble-right", ".av-bubble-right:not(:has(+ .av-bubble-right)) &");
431
306
  addVariant("last-bubble-left", ".av-bubble-left:not(:has(+ .av-bubble-left)) &");
432
- }, tailwindcss_theme)
307
+ }, theme)
433
308
  ];
434
309
  /* v8 ignore stop */ /**
435
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.0",
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": "17220b771f97115901ce34188fe98b911b75cfdc"
52
+ "gitHead": "6f0ba5933ab114566dc2065b20ca9ffb14c5aba4"
53
53
  }