@julseb-lib/react 1.1.2 → 1.1.4

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 (15) hide show
  1. package/dist/{Image-SOI547ZO.js → Image-H4XQZCCA.js} +2 -2
  2. package/dist/{chunk-ZPUNEWJC.js → chunk-2TEITKOX.js} +9 -12
  3. package/dist/chunk-2TEITKOX.js.map +1 -0
  4. package/dist/index.cjs +20 -28
  5. package/dist/index.cjs.map +1 -1
  6. package/dist/index.css +76 -4
  7. package/dist/index.d.cts +2 -2
  8. package/dist/index.d.ts +2 -2
  9. package/dist/index.js +14 -19
  10. package/dist/index.js.map +1 -1
  11. package/dist/types/components-props.d.cts +2 -1
  12. package/dist/types/components-props.d.ts +2 -1
  13. package/package.json +1 -1
  14. package/dist/chunk-ZPUNEWJC.js.map +0 -1
  15. /package/dist/{Image-SOI547ZO.js.map → Image-H4XQZCCA.js.map} +0 -0
package/dist/index.css CHANGED
@@ -315,11 +315,83 @@ body {
315
315
  color: var(--color-font);
316
316
  max-width: 100dvw;
317
317
  line-height: var(--leading-normal);
318
+ }
318
319
 
319
- &.dark {
320
- --color-background: var(--color-black);
321
- --color-font: var(--color-white);
322
- }
320
+ .dark {
321
+ --color-primary-50: var(--color-blue-950);
322
+ --color-primary-100: var(--color-blue-900);
323
+ --color-primary-200: var(--color-blue-800);
324
+ --color-primary-300: var(--color-blue-700);
325
+ --color-primary-400: var(--color-blue-600);
326
+ --color-primary-500: var(--color-blue-500);
327
+ --color-primary-600: var(--color-blue-400);
328
+ --color-primary-700: var(--color-blue-300);
329
+ --color-primary-800: var(--color-blue-200);
330
+ --color-primary-900: var(--color-blue-100);
331
+ --color-primary-950: var(--color-blue-50);
332
+
333
+ --color-secondary-50: var(--color-cyan-950);
334
+ --color-secondary-100: var(--color-cyan-900);
335
+ --color-secondary-200: var(--color-cyan-800);
336
+ --color-secondary-300: var(--color-cyan-700);
337
+ --color-secondary-400: var(--color-cyan-600);
338
+ --color-secondary-500: var(--color-cyan-500);
339
+ --color-secondary-600: var(--color-cyan-400);
340
+ --color-secondary-700: var(--color-cyan-300);
341
+ --color-secondary-800: var(--color-cyan-200);
342
+ --color-secondary-900: var(--color-cyan-100);
343
+ --color-secondary-950: var(--color-cyan-50);
344
+
345
+ --color-success-50: var(--color-green-950);
346
+ --color-success-100: var(--color-green-900);
347
+ --color-success-200: var(--color-green-800);
348
+ --color-success-300: var(--color-green-700);
349
+ --color-success-400: var(--color-green-600);
350
+ --color-success-500: var(--color-green-500);
351
+ --color-success-600: var(--color-green-400);
352
+ --color-success-700: var(--color-green-300);
353
+ --color-success-800: var(--color-green-200);
354
+ --color-success-900: var(--color-green-100);
355
+ --color-success-950: var(--color-green-50);
356
+
357
+ --color-danger-50: var(--color-red-950);
358
+ --color-danger-100: var(--color-red-900);
359
+ --color-danger-200: var(--color-red-800);
360
+ --color-danger-300: var(--color-red-700);
361
+ --color-danger-400: var(--color-red-600);
362
+ --color-danger-500: var(--color-red-500);
363
+ --color-danger-600: var(--color-red-400);
364
+ --color-danger-700: var(--color-red-300);
365
+ --color-danger-800: var(--color-red-200);
366
+ --color-danger-900: var(--color-red-100);
367
+ --color-danger-950: var(--color-red-50);
368
+
369
+ --color-warning-50: var(--color-amber-950);
370
+ --color-warning-100: var(--color-amber-900);
371
+ --color-warning-200: var(--color-amber-800);
372
+ --color-warning-300: var(--color-amber-700);
373
+ --color-warning-400: var(--color-amber-600);
374
+ --color-warning-500: var(--color-amber-500);
375
+ --color-warning-600: var(--color-amber-400);
376
+ --color-warning-700: var(--color-amber-300);
377
+ --color-warning-800: var(--color-amber-200);
378
+ --color-warning-900: var(--color-amber-100);
379
+ --color-warning-950: var(--color-amber-50);
380
+
381
+ --color-gray-50: var(--color-neutral-950);
382
+ --color-gray-100: var(--color-neutral-900);
383
+ --color-gray-200: var(--color-neutral-800);
384
+ --color-gray-300: var(--color-neutral-700);
385
+ --color-gray-400: var(--color-neutral-600);
386
+ --color-gray-500: var(--color-neutral-500);
387
+ --color-gray-600: var(--color-neutral-400);
388
+ --color-gray-700: var(--color-neutral-300);
389
+ --color-gray-800: var(--color-neutral-200);
390
+ --color-gray-900: var(--color-neutral-100);
391
+ --color-gray-950: var(--color-neutral-50);
392
+
393
+ --color-background: var(--color-black);
394
+ --color-font: var(--color-white);
323
395
  }
324
396
 
325
397
  .smooth {
package/dist/index.d.cts CHANGED
@@ -1,4 +1,4 @@
1
- import { c as LibColorsHover, ag as CssTextAlign, L as LibColors, a as LibColorsShort, b as LibAllColors, q as LibThemeNames, e as LibOverlays, f as LibAllColorsAndOverlays, l as LibSpacers, al as CssAlignContent, aj as CssAlignItems, ak as CssJustifyContent, ai as CssJustifyItems, F as LibMaxWidth, m as LibRadiuses, ao as CssObjectFit, v as LibButtonVariantExtended, k as LibShadows, ah as CssVerticalAlign, ae as DispatchState, a6 as TranslateLang, ab as ReactChildren, a8 as LibCountry, ac as ReactElement, t as LibLoaderVariant } from './global-DrPydXbS.cjs';
1
+ import { c as LibColorsHover, ag as CssTextAlign, L as LibColors, a as LibColorsShort, b as LibAllColors, e as LibOverlays, f as LibAllColorsAndOverlays, l as LibSpacers, al as CssAlignContent, aj as CssAlignItems, ak as CssJustifyContent, ai as CssJustifyItems, F as LibMaxWidth, m as LibRadiuses, ao as CssObjectFit, v as LibButtonVariantExtended, k as LibShadows, ah as CssVerticalAlign, ae as DispatchState, a6 as TranslateLang, ab as ReactChildren, q as LibThemeNames, a8 as LibCountry, ac as ReactElement, t as LibLoaderVariant } from './global-DrPydXbS.cjs';
2
2
  export { aw as designTokens } from './global-DrPydXbS.cjs';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import { ClassNameValue } from 'tailwind-merge';
@@ -30,7 +30,7 @@ declare const genTextAllColor: Record<LibAllColors, string>;
30
30
 
31
31
  declare const genBgColor: Record<LibColors, string>;
32
32
  declare const genBgColorShort: Record<LibColorsShort, string>;
33
- declare const genBgColor50: (theme: LibThemeNames) => Record<"primary" | "secondary" | "success" | "danger" | "warning" | "gray" | "white", string>;
33
+ declare const genBgColor50: Record<Exclude<LibColorsShort, "black" | "transparent" | "background" | "current">, string>;
34
34
  declare const genBgColorHover: Record<LibColorsHover, string>;
35
35
  declare const genBgColorGhostHover: Record<LibColorsHover, string>;
36
36
  declare const genBgOverlay: Record<LibOverlays, string>;
package/dist/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { c as LibColorsHover, ag as CssTextAlign, L as LibColors, a as LibColorsShort, b as LibAllColors, q as LibThemeNames, e as LibOverlays, f as LibAllColorsAndOverlays, l as LibSpacers, al as CssAlignContent, aj as CssAlignItems, ak as CssJustifyContent, ai as CssJustifyItems, F as LibMaxWidth, m as LibRadiuses, ao as CssObjectFit, v as LibButtonVariantExtended, k as LibShadows, ah as CssVerticalAlign, ae as DispatchState, a6 as TranslateLang, ab as ReactChildren, a8 as LibCountry, ac as ReactElement, t as LibLoaderVariant } from './global-DrPydXbS.js';
1
+ import { c as LibColorsHover, ag as CssTextAlign, L as LibColors, a as LibColorsShort, b as LibAllColors, e as LibOverlays, f as LibAllColorsAndOverlays, l as LibSpacers, al as CssAlignContent, aj as CssAlignItems, ak as CssJustifyContent, ai as CssJustifyItems, F as LibMaxWidth, m as LibRadiuses, ao as CssObjectFit, v as LibButtonVariantExtended, k as LibShadows, ah as CssVerticalAlign, ae as DispatchState, a6 as TranslateLang, ab as ReactChildren, q as LibThemeNames, a8 as LibCountry, ac as ReactElement, t as LibLoaderVariant } from './global-DrPydXbS.js';
2
2
  export { aw as designTokens } from './global-DrPydXbS.js';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import { ClassNameValue } from 'tailwind-merge';
@@ -30,7 +30,7 @@ declare const genTextAllColor: Record<LibAllColors, string>;
30
30
 
31
31
  declare const genBgColor: Record<LibColors, string>;
32
32
  declare const genBgColorShort: Record<LibColorsShort, string>;
33
- declare const genBgColor50: (theme: LibThemeNames) => Record<"primary" | "secondary" | "success" | "danger" | "warning" | "gray" | "white", string>;
33
+ declare const genBgColor50: Record<Exclude<LibColorsShort, "black" | "transparent" | "background" | "current">, string>;
34
34
  declare const genBgColorHover: Record<LibColorsHover, string>;
35
35
  declare const genBgColorGhostHover: Record<LibColorsHover, string>;
36
36
  declare const genBgOverlay: Record<LibOverlays, string>;