@acorex/styles 21.0.3-next.40 → 21.0.3-next.42

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/package.json +1 -1
  2. package/themes/default.css +49 -49
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@acorex/styles",
3
- "version": "21.0.3-next.40",
3
+ "version": "21.0.3-next.42",
4
4
  "main": "index.css",
5
5
  "author": "Ali Safari",
6
6
  "license": "ISC",
package/themes/default.css CHANGED
@@ -62,19 +62,19 @@ html.ax-dark {
62
62
  --ax-overlay-full-width: 93;
63
63
  --ax-sys-icon-width: inherit;
64
64
  --ax-sys-icon-height: inherit;
65
- --ax-sys-body-font-size: 0.875rem; /* 14px — matches ax-md */
65
+ --ax-sys-body-font-size: 1rem; /* 16px — standard Tailwind text-base */
66
66
  --ax-sys-border-radius-base: 0.5rem;
67
67
  --ax-sys-spacing-base: 0.25rem;
68
68
  --ax-sys-text-xs-base: 0.75rem; /* 12px */
69
69
  --ax-sys-text-sm-base: 0.875rem; /* 14px */
70
- --ax-sys-text-lg-base: 0.875rem; /* 14px */
71
- --ax-sys-text-xl-base: 1rem; /* 16px */
70
+ --ax-sys-text-lg-base: 1.125rem; /* 18px */
71
+ --ax-sys-text-xl-base: 1.25rem; /* 20px */
72
72
  --ax-sys-leading-3-base: 0.75rem;
73
73
  --ax-sys-leading-4-base: 1rem;
74
74
  --ax-sys-leading-5-base: 1.25rem;
75
75
  --ax-sys-leading-6-base: 1.5rem;
76
76
 
77
- /* Default Tailwind scale (matches ax-md) — used when no ax-* size class is applied */
77
+ /* Standard Tailwind type scale (matches ax-md) — used when no ax-* size class is applied */
78
78
  --spacing: var(--ax-sys-spacing-base);
79
79
  --text-xs: var(--ax-sys-text-xs-base);
80
80
  --text-sm: var(--ax-sys-text-sm-base);
@@ -3574,18 +3574,18 @@ html.ax-dark {
3574
3574
  /* Border radius — 4px */
3575
3575
  --ax-sys-border-radius: calc(var(--ax-sys-border-radius-base) - var(--ax-sys-padding-step));
3576
3576
 
3577
- /* Typography — 12px */
3578
- --text-xs: 0.75rem;
3579
- --text-sm: 0.75rem;
3580
- --text-base: 0.75rem;
3581
- --text-lg: 0.75rem;
3582
- --text-xl: 0.75rem;
3577
+ /* Typography — scaled down from standard Tailwind (preserves relative scale) */
3578
+ --text-xs: calc(var(--ax-sys-text-xs-base) * 5 / 6);
3579
+ --text-sm: calc(var(--ax-sys-text-sm-base) * 11 / 14);
3580
+ --text-base: calc(var(--ax-sys-body-font-size) * 0.75);
3581
+ --text-lg: calc(var(--ax-sys-text-lg-base) * 7 / 9);
3582
+ --text-xl: calc(var(--ax-sys-text-xl-base) * 0.8);
3583
3583
 
3584
3584
  /* Line Heights */
3585
3585
  --leading-3: var(--ax-sys-leading-3-base);
3586
- --leading-4: var(--ax-sys-leading-4-base);
3587
- --leading-5: var(--ax-sys-leading-5-base);
3588
- --leading-6: var(--ax-sys-leading-6-base);
3586
+ --leading-4: calc(var(--ax-sys-leading-4-base) * 0.875);
3587
+ --leading-5: calc(var(--ax-sys-leading-5-base) * 0.8);
3588
+ --leading-6: calc(var(--ax-sys-leading-6-base) * 5 / 6);
3589
3589
  }
3590
3590
 
3591
3591
  @utility ax-sm {
@@ -3598,18 +3598,18 @@ html.ax-dark {
3598
3598
  /* Border radius — 4px */
3599
3599
  --ax-sys-border-radius: calc(var(--ax-sys-border-radius-base) - var(--ax-sys-padding-step));
3600
3600
 
3601
- /* Typography — 14px */
3602
- --text-xs: 0.875rem;
3603
- --text-sm: 0.875rem;
3604
- --text-base: 0.875rem;
3605
- --text-lg: 0.875rem;
3606
- --text-xl: 0.875rem;
3601
+ /* Typography — scaled down from standard Tailwind (preserves relative scale) */
3602
+ --text-xs: calc(var(--ax-sys-text-xs-base) * 11 / 12);
3603
+ --text-sm: calc(var(--ax-sys-text-sm-base) * 6 / 7);
3604
+ --text-base: calc(var(--ax-sys-body-font-size) * 0.875);
3605
+ --text-lg: calc(var(--ax-sys-text-lg-base) * 8 / 9);
3606
+ --text-xl: calc(var(--ax-sys-text-xl-base) * 0.9);
3607
3607
 
3608
3608
  /* Line Heights */
3609
- --leading-3: var(--ax-sys-leading-3-base);
3609
+ --leading-3: calc(var(--ax-sys-leading-3-base) * 7 / 6);
3610
3610
  --leading-4: var(--ax-sys-leading-4-base);
3611
- --leading-5: var(--ax-sys-leading-5-base);
3612
- --leading-6: var(--ax-sys-leading-6-base);
3611
+ --leading-5: calc(var(--ax-sys-leading-5-base) * 0.9);
3612
+ --leading-6: calc(var(--ax-sys-leading-6-base) * 11 / 12);
3613
3613
  }
3614
3614
 
3615
3615
  @utility ax-md {
@@ -3617,17 +3617,17 @@ html.ax-dark {
3617
3617
  /* Control height — 40px */
3618
3618
  --ax-sys-size-base: var(--ax-sys-size-md);
3619
3619
 
3620
- /* Tailwind Default Scale — spacing unit 4px */
3620
+ /* Standard Tailwind scale — spacing unit 4px */
3621
3621
  --spacing: var(--ax-sys-spacing-base);
3622
3622
  /* Border radius — 8px */
3623
3623
  --ax-sys-border-radius: var(--ax-sys-border-radius-base);
3624
3624
 
3625
- /* Typography — 14px */
3626
- --text-xs: 0.875rem;
3627
- --text-sm: 0.875rem;
3628
- --text-base: 0.875rem;
3629
- --text-lg: 0.875rem;
3630
- --text-xl: 0.875rem;
3625
+ /* Typography — standard Tailwind */
3626
+ --text-xs: var(--ax-sys-text-xs-base);
3627
+ --text-sm: var(--ax-sys-text-sm-base);
3628
+ --text-base: var(--ax-sys-body-font-size);
3629
+ --text-lg: var(--ax-sys-text-lg-base);
3630
+ --text-xl: var(--ax-sys-text-xl-base);
3631
3631
 
3632
3632
  /* Line Heights */
3633
3633
  --leading-3: var(--ax-sys-leading-3-base);
@@ -3646,18 +3646,18 @@ html.ax-dark {
3646
3646
  /* Border radius — 8px (same as md) */
3647
3647
  --ax-sys-border-radius: var(--ax-sys-border-radius-base);
3648
3648
 
3649
- /* Typography — 14px */
3650
- --text-xs: 0.875rem;
3651
- --text-sm: 0.875rem;
3652
- --text-base: 0.875rem;
3653
- --text-lg: 0.875rem;
3654
- --text-xl: 0.875rem;
3649
+ /* Typography — scaled up from standard Tailwind (preserves relative scale) */
3650
+ --text-xs: calc(var(--ax-sys-text-xs-base) * 13 / 12);
3651
+ --text-sm: calc(var(--ax-sys-text-sm-base) * 15 / 14);
3652
+ --text-base: calc(var(--ax-sys-body-font-size) * 17 / 16);
3653
+ --text-lg: calc(var(--ax-sys-text-lg-base) * 10 / 9);
3654
+ --text-xl: calc(var(--ax-sys-text-xl-base) * 1.1);
3655
3655
 
3656
3656
  /* Line Heights */
3657
- --leading-3: var(--ax-sys-leading-3-base);
3658
- --leading-4: var(--ax-sys-leading-4-base);
3659
- --leading-5: var(--ax-sys-leading-5-base);
3660
- --leading-6: var(--ax-sys-leading-6-base);
3657
+ --leading-3: calc(var(--ax-sys-leading-3-base) * 4 / 3);
3658
+ --leading-4: calc(var(--ax-sys-leading-4-base) * 1.125);
3659
+ --leading-5: calc(var(--ax-sys-leading-5-base) * 1.1);
3660
+ --leading-6: calc(var(--ax-sys-leading-6-base) * 13 / 12);
3661
3661
  }
3662
3662
 
3663
3663
  @utility ax-xl {
@@ -3670,16 +3670,16 @@ html.ax-dark {
3670
3670
  /* Border radius — 8px (same as md) */
3671
3671
  --ax-sys-border-radius: var(--ax-sys-border-radius-base);
3672
3672
 
3673
- /* Typography — 16px */
3674
- --text-xs: 1rem;
3675
- --text-sm: 1rem;
3676
- --text-base: 1rem;
3677
- --text-lg: 1rem;
3678
- --text-xl: 1rem;
3673
+ /* Typography — scaled up from standard Tailwind (preserves relative scale) */
3674
+ --text-xs: calc(var(--ax-sys-text-xs-base) * 7 / 6);
3675
+ --text-sm: calc(var(--ax-sys-text-sm-base) * 8 / 7);
3676
+ --text-base: calc(var(--ax-sys-body-font-size) * 1.125);
3677
+ --text-lg: calc(var(--ax-sys-text-lg-base) * 11 / 9);
3678
+ --text-xl: calc(var(--ax-sys-text-xl-base) * 1.2);
3679
3679
 
3680
3680
  /* Line Heights */
3681
- --leading-3: var(--ax-sys-leading-3-base);
3682
- --leading-4: var(--ax-sys-leading-4-base);
3683
- --leading-5: var(--ax-sys-leading-5-base);
3684
- --leading-6: var(--ax-sys-leading-6-base);
3681
+ --leading-3: calc(var(--ax-sys-leading-3-base) * 1.5);
3682
+ --leading-4: calc(var(--ax-sys-leading-4-base) * 1.25);
3683
+ --leading-5: calc(var(--ax-sys-leading-5-base) * 1.2);
3684
+ --leading-6: calc(var(--ax-sys-leading-6-base) * 7 / 6);
3685
3685
  }