@vaneui/ui 0.1.1 → 0.1.3

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/dist/index.js CHANGED
@@ -316,83 +316,6 @@ PositionTheme.defaultClasses = {
316
316
  static: "static"
317
317
  };
318
318
 
319
- const fontWeightClasses = {
320
- thin: "font-thin",
321
- extralight: "font-extralight",
322
- light: "font-light",
323
- normal: "font-normal",
324
- medium: "font-medium",
325
- semibold: "font-semibold",
326
- bold: "font-bold",
327
- extrabold: "font-extrabold",
328
- black: "font-black",
329
- };
330
- const fontStyleClasses = {
331
- italic: "italic",
332
- notItalic: "not-italic",
333
- };
334
- const fontFamilyClasses = {
335
- sans: "font-sans",
336
- serif: "font-serif",
337
- mono: "font-mono",
338
- };
339
- const textDecorationClasses = {
340
- underline: "underline",
341
- lineThrough: "line-through",
342
- noUnderline: "no-underline",
343
- overline: "overline",
344
- };
345
- const textTransformClasses = {
346
- uppercase: "uppercase",
347
- lowercase: "lowercase",
348
- capitalize: "capitalize",
349
- normalCase: "normal-case",
350
- };
351
- const textAlignClasses = {
352
- textLeft: "text-left",
353
- textCenter: "text-center",
354
- textRight: "text-right",
355
- textJustify: "text-justify",
356
- };
357
- // Text appearance classes for filled buttons (all white text)
358
- const filledTextAppearanceClasses = {
359
- default: "text-white",
360
- primary: "text-white",
361
- secondary: "text-white",
362
- tertiary: "text-white",
363
- muted: "text-white",
364
- link: "text-white",
365
- accent: "text-white",
366
- success: "text-white",
367
- danger: "text-white",
368
- warning: "text-white",
369
- info: "text-white",
370
- transparent: "text-transparent",
371
- };
372
- // Default text appearance classes (for non-button components)
373
- const textAppearanceClasses = {
374
- default: "text-(--text-color-default)",
375
- primary: "text-(--text-color-primary)",
376
- secondary: "text-(--text-color-secondary)",
377
- tertiary: "text-(--text-color-tertiary)",
378
- muted: "text-(--text-color-muted)",
379
- link: "text-(--text-color-link)",
380
- accent: "text-(--text-color-accent)",
381
- success: "text-(--text-color-success)",
382
- danger: "text-(--text-color-danger)",
383
- warning: "text-(--text-color-warning)",
384
- info: "text-(--text-color-info)",
385
- transparent: "text-transparent",
386
- };
387
- // Text size classes
388
- const textSizeClasses = {
389
- xs: "text-xs",
390
- sm: "text-sm",
391
- md: "text-base",
392
- lg: "text-lg",
393
- xl: "text-xl",
394
- };
395
-
396
319
  class FontStyleTheme extends BaseTheme {
397
320
  constructor(initial) {
398
321
  super();
@@ -406,7 +329,10 @@ class FontStyleTheme extends BaseTheme {
406
329
  return [key ? this[key] : '']; // No default for font style
407
330
  }
408
331
  }
409
- FontStyleTheme.defaultClasses = fontStyleClasses;
332
+ FontStyleTheme.defaultClasses = {
333
+ italic: "italic",
334
+ notItalic: "not-italic",
335
+ };
410
336
 
411
337
  class FontFamilyTheme extends BaseTheme {
412
338
  constructor(initial) {
@@ -421,7 +347,11 @@ class FontFamilyTheme extends BaseTheme {
421
347
  return [this[key !== null && key !== void 0 ? key : 'sans'] || ''];
422
348
  }
423
349
  }
424
- FontFamilyTheme.defaultClasses = fontFamilyClasses;
350
+ FontFamilyTheme.defaultClasses = {
351
+ sans: "font-sans",
352
+ serif: "font-serif",
353
+ mono: "font-mono",
354
+ };
425
355
 
426
356
  class FontWeightTheme extends BaseTheme {
427
357
  constructor(initial) {
@@ -436,7 +366,17 @@ class FontWeightTheme extends BaseTheme {
436
366
  return [this[key !== null && key !== void 0 ? key : 'normal'] || '']; // Default to 'normal' if no key is provided
437
367
  }
438
368
  }
439
- FontWeightTheme.defaultClasses = fontWeightClasses;
369
+ FontWeightTheme.defaultClasses = {
370
+ thin: "font-thin",
371
+ extralight: "font-extralight",
372
+ light: "font-light",
373
+ normal: "font-normal",
374
+ medium: "font-medium",
375
+ semibold: "font-semibold",
376
+ bold: "font-bold",
377
+ extrabold: "font-extrabold",
378
+ black: "font-black",
379
+ };
440
380
 
441
381
  class TextDecorationTheme extends BaseTheme {
442
382
  constructor(initial) {
@@ -451,7 +391,12 @@ class TextDecorationTheme extends BaseTheme {
451
391
  return [key ? this[key] : '']; // No default for text decoration
452
392
  }
453
393
  }
454
- TextDecorationTheme.defaultClasses = textDecorationClasses;
394
+ TextDecorationTheme.defaultClasses = {
395
+ underline: "underline",
396
+ lineThrough: "line-through",
397
+ noUnderline: "no-underline",
398
+ overline: "overline",
399
+ };
455
400
 
456
401
  class TextTransformTheme extends BaseTheme {
457
402
  constructor(initial) {
@@ -466,7 +411,12 @@ class TextTransformTheme extends BaseTheme {
466
411
  return [key ? this[key] : '']; // No default for text transform
467
412
  }
468
413
  }
469
- TextTransformTheme.defaultClasses = textTransformClasses;
414
+ TextTransformTheme.defaultClasses = {
415
+ uppercase: "uppercase",
416
+ lowercase: "lowercase",
417
+ capitalize: "capitalize",
418
+ normalCase: "normal-case",
419
+ };
470
420
 
471
421
  class TextAlignTheme extends BaseTheme {
472
422
  constructor(initial) {
@@ -481,7 +431,12 @@ class TextAlignTheme extends BaseTheme {
481
431
  return [key ? this[key] : '']; // No default for text align
482
432
  }
483
433
  }
484
- TextAlignTheme.defaultClasses = textAlignClasses;
434
+ TextAlignTheme.defaultClasses = {
435
+ textLeft: "text-left",
436
+ textCenter: "text-center",
437
+ textRight: "text-right",
438
+ textJustify: "text-justify",
439
+ };
485
440
 
486
441
  const isObject = (item) => {
487
442
  return item !== null && typeof item === 'object' && !Array.isArray(item);
@@ -3593,6 +3548,45 @@ PyTheme.defaultClasses = {
3593
3548
  noPadding: "py-0"
3594
3549
  };
3595
3550
 
3551
+ // Text appearance classes for filled buttons (all white text)
3552
+ const filledTextAppearanceClasses = {
3553
+ default: "text-white",
3554
+ primary: "text-white",
3555
+ secondary: "text-white",
3556
+ tertiary: "text-white",
3557
+ muted: "text-white",
3558
+ link: "text-white",
3559
+ accent: "text-white",
3560
+ success: "text-white",
3561
+ danger: "text-white",
3562
+ warning: "text-white",
3563
+ info: "text-white",
3564
+ transparent: "text-transparent",
3565
+ };
3566
+ // Default text appearance classes (for non-button components)
3567
+ const textAppearanceClasses = {
3568
+ default: "text-(--text-color-default)",
3569
+ primary: "text-(--text-color-primary)",
3570
+ secondary: "text-(--text-color-secondary)",
3571
+ tertiary: "text-(--text-color-tertiary)",
3572
+ muted: "text-(--text-color-muted)",
3573
+ link: "text-(--text-color-link)",
3574
+ accent: "text-(--text-color-accent)",
3575
+ success: "text-(--text-color-success)",
3576
+ danger: "text-(--text-color-danger)",
3577
+ warning: "text-(--text-color-warning)",
3578
+ info: "text-(--text-color-info)",
3579
+ transparent: "text-transparent",
3580
+ };
3581
+ // Text size classes
3582
+ const textSizeClasses = {
3583
+ xs: "text-xs",
3584
+ sm: "text-sm",
3585
+ md: "text-base",
3586
+ lg: "text-lg",
3587
+ xl: "text-xl",
3588
+ };
3589
+
3596
3590
  class TextAppearanceTheme extends BaseTheme {
3597
3591
  constructor(initialOverrides) {
3598
3592
  super();
@@ -4130,7 +4124,7 @@ const createTypographyComponentTheme = (tag, base = "text-balance", textSizeMap
4130
4124
  }, defaults);
4131
4125
  };
4132
4126
  // Page title specific theme
4133
- const pageTitleTheme = createTypographyComponentTheme("h1", "text-balance tracking-tighter w-fit", {
4127
+ const pageTitleTheme = createTypographyComponentTheme("h1", "text-balance tracking-tight w-fit", {
4134
4128
  xs: "text-3xl max-lg:text-2xl max-md:text-xl",
4135
4129
  sm: "text-4xl max-lg:text-3xl max-md:text-2xl",
4136
4130
  md: "text-5xl max-lg:text-4xl max-md:text-3xl",
@@ -4721,27 +4715,71 @@ const List = (props) => {
4721
4715
  return jsxRuntime.jsx(ThemedComponent, { theme: theme.list, propsToOmit: TYPOGRAPHY_COMPONENT_KEYS, ...props });
4722
4716
  };
4723
4717
 
4718
+ exports.APPEARANCE_KEYS = APPEARANCE_KEYS;
4719
+ exports.BADGE_KEYS = BADGE_KEYS;
4720
+ exports.BASE_COMPONENT_KEYS = BASE_COMPONENT_KEYS;
4721
+ exports.BORDER_KEYS = BORDER_KEYS;
4722
+ exports.BREAKPOINT_KEYS = BREAKPOINT_KEYS;
4723
+ exports.BUTTON_KEYS = BUTTON_KEYS;
4724
4724
  exports.Badge = Badge;
4725
4725
  exports.Button = Button;
4726
+ exports.CARD_KEYS = CARD_KEYS;
4727
+ exports.CHIP_KEYS = CHIP_KEYS;
4728
+ exports.COL_KEYS = COL_KEYS;
4726
4729
  exports.COMPONENT_KEYS = COMPONENT_KEYS;
4730
+ exports.CONTAINER_KEYS = CONTAINER_KEYS;
4727
4731
  exports.Card = Card;
4728
4732
  exports.Chip = Chip;
4729
4733
  exports.Col = Col;
4730
4734
  exports.Container = Container;
4735
+ exports.DIRECTION_REVERSE_KEYS = DIRECTION_REVERSE_KEYS;
4736
+ exports.DISPLAY_KEYS = DISPLAY_KEYS;
4737
+ exports.DIVIDER_KEYS = DIVIDER_KEYS;
4731
4738
  exports.Divider = Divider;
4739
+ exports.EXCLUSIVE_KEY_GROUPS = EXCLUSIVE_KEY_GROUPS;
4740
+ exports.FLEX_DIRECTION_KEYS = FLEX_DIRECTION_KEYS;
4741
+ exports.FONT_FAMILY_KEYS = FONT_FAMILY_KEYS;
4742
+ exports.FONT_KEYS = FONT_KEYS;
4743
+ exports.FONT_STYLE_KEYS = FONT_STYLE_KEYS;
4744
+ exports.FONT_WEIGHT_KEYS = FONT_WEIGHT_KEYS;
4745
+ exports.GAP_KEYS = GAP_KEYS;
4746
+ exports.GRID_KEYS = GRID_KEYS;
4732
4747
  exports.Grid3 = Grid3;
4733
4748
  exports.Grid4 = Grid4;
4749
+ exports.HIDE_KEYS = HIDE_KEYS;
4750
+ exports.ITEMS_KEYS = ITEMS_KEYS;
4751
+ exports.JUSTIFY_KEYS = JUSTIFY_KEYS;
4734
4752
  exports.Link = Link;
4735
4753
  exports.List = List;
4736
4754
  exports.ListItem = ListItem;
4755
+ exports.MODE_KEYS = MODE_KEYS;
4756
+ exports.PADDING_KEYS = PADDING_KEYS;
4757
+ exports.PILL_KEYS = PILL_KEYS;
4758
+ exports.POSITION_KEYS = POSITION_KEYS;
4737
4759
  exports.PageTitle = PageTitle;
4760
+ exports.RING_KEYS = RING_KEYS;
4761
+ exports.ROUNDED_KEYS = ROUNDED_KEYS;
4762
+ exports.ROW_KEYS = ROW_KEYS;
4738
4763
  exports.Row = Row;
4764
+ exports.SECTION_KEYS = SECTION_KEYS;
4765
+ exports.SHADOW_KEYS = SHADOW_KEYS;
4766
+ exports.SHAPE_KEYS = SHAPE_KEYS;
4767
+ exports.SHARP_KEYS = SHARP_KEYS;
4768
+ exports.SIZE_KEYS = SIZE_KEYS;
4769
+ exports.STACK_KEYS = STACK_KEYS;
4739
4770
  exports.Section = Section;
4740
4771
  exports.SectionTitle = SectionTitle;
4741
4772
  exports.Stack = Stack;
4773
+ exports.TEXT_ALIGN_KEYS = TEXT_ALIGN_KEYS;
4774
+ exports.TEXT_APPEARANCE_KEYS = TEXT_APPEARANCE_KEYS;
4775
+ exports.TEXT_DECORATION_KEYS = TEXT_DECORATION_KEYS;
4776
+ exports.TEXT_TRANSFORM_KEYS = TEXT_TRANSFORM_KEYS;
4777
+ exports.TYPOGRAPHY_COMPONENT_KEYS = TYPOGRAPHY_COMPONENT_KEYS;
4742
4778
  exports.Text = Text;
4743
4779
  exports.ThemeProvider = ThemeProvider;
4744
4780
  exports.Title = Title;
4781
+ exports.VARIANT_KEYS = VARIANT_KEYS;
4782
+ exports.WRAP_KEYS = WRAP_KEYS;
4745
4783
  exports.defaultTheme = defaultTheme;
4746
4784
  exports.useTheme = useTheme;
4747
4785
  //# sourceMappingURL=index.js.map