@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/README.md +13 -1
- package/dist/components/ui/classes/typographyClasses.d.ts +1 -7
- package/dist/components/ui/props/index.d.ts +1 -0
- package/dist/index.d.ts +2 -2
- package/dist/index.esm.js +79 -85
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +122 -84
- package/dist/index.js.map +1 -1
- package/dist/ui.css +4 -4
- package/package.json +19 -9
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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-
|
|
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
|