@medusajs/ui-preset 3.0.0-snapshot-20250410112222 → 3.0.0-snapshot-20251104004624

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 (11) hide show
  1. package/.turbo/turbo-build.log +8 -8
  2. package/CHANGELOG.md +45 -1
  3. package/dist/index.d.mts +1 -1
  4. package/dist/index.d.ts +1 -1
  5. package/dist/index.js +96 -78
  6. package/dist/index.mjs +99 -82
  7. package/package.json +5 -7
  8. package/src/theme/extension/theme.ts +4 -4
  9. package/src/theme/tokens/colors.ts +2 -2
  10. package/src/theme/tokens/effects.ts +7 -7
  11. package/src/theme/tokens/typography.ts +83 -65
package/.turbo/turbo-build.log CHANGED
@@ -1,16 +1,16 @@
1
1
  CLI Building entry: src/index.ts
2
2
  CLI Using tsconfig: tsconfig.json
3
- CLI tsup v7.2.0
3
+ CLI tsup v8.5.0
4
4
  CLI Using tsup config: /home/runner/work/medusa/medusa/packages/design-system/ui-preset/tsup.config.ts
5
5
  CLI Target: node16
6
6
  CLI Cleaning output folder
7
7
  CJS Build start
8
8
  ESM Build start
9
- ESM dist/index.mjs 45.04 KB
10
- ESM ⚡️ Build success in 40ms
11
- CJS dist/index.js 41.12 KB
12
- CJS ⚡️ Build success in 40ms
9
+ ESM dist/index.mjs 46.08 KB
10
+ ESM ⚡️ Build success in 52ms
11
+ CJS dist/index.js 42.09 KB
12
+ CJS ⚡️ Build success in 55ms
13
13
  DTS Build start
14
- DTS ⚡️ Build success in 2732ms
15
- DTS dist/index.d.ts 12.00 B
16
- DTS dist/index.d.mts 12.00 B
14
+ DTS ⚡️ Build success in 5598ms
15
+ DTS dist/index.d.ts 13.00 B
16
+ DTS dist/index.d.mts 13.00 B
package/CHANGELOG.md CHANGED
@@ -1,6 +1,50 @@
1
1
  # @medusajs/ui-preset
2
2
 
3
- ## 3.0.0-snapshot-20250410112222
3
+ ## 3.0.0-snapshot-20251104004624
4
+
5
+ ### Patch Changes
6
+
7
+ - [#13910](https://github.com/medusajs/medusa/pull/13910) [`224ab39a81e8d3cf3d6fa3ff5eee82541f64728d`](https://github.com/medusajs/medusa/commit/224ab39a81e8d3cf3d6fa3ff5eee82541f64728d) Thanks [@adrien2p](https://github.com/adrien2p)! - chore(): Dependencies cleanup and improvements
8
+
9
+ - [#13940](https://github.com/medusajs/medusa/pull/13940) [`afb40d437b3cc4ceb015df70985b2f005f40eaff`](https://github.com/medusajs/medusa/commit/afb40d437b3cc4ceb015df70985b2f005f40eaff) Thanks [@adrien2p](https://github.com/adrien2p)! - chore(): Cleanup and organize deps
10
+
11
+ ## 2.11.2
12
+
13
+ ## 2.11.1
14
+
15
+ ## 2.11.0
16
+
17
+ ## 2.10.3
18
+
19
+ ## 2.10.2
20
+
21
+ ## 2.10.1
22
+
23
+ ## 2.10.0
24
+
25
+ ## 2.9.0
26
+
27
+ ## 2.8.8
28
+
29
+ ## 2.8.7
30
+
31
+ ## 2.8.6
32
+
33
+ ## 2.8.5
34
+
35
+ ## 2.8.4
36
+
37
+ ## 2.8.3
38
+
39
+ ## 2.8.2
40
+
41
+ ## 2.8.1
42
+
43
+ ## 2.8.0
44
+
45
+ ## 2.7.1
46
+
47
+ ## 2.7.0
4
48
 
5
49
  ### Patch Changes
6
50
 
package/dist/index.d.mts CHANGED
@@ -1,2 +1,2 @@
1
1
 
2
- export { }
2
+ export { }
package/dist/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
 
2
- export { }
2
+ export { }
package/dist/index.js CHANGED
@@ -374,13 +374,10 @@ var theme = {
374
374
  }
375
375
  },
376
376
  "boxShadow": {
377
- "borders-interactive-with-active": "var(--borders-interactive-with-active)",
378
377
  "buttons-danger-focus": "var(--buttons-danger-focus)",
379
378
  "details-contrast-on-bg-interactive": "var(--details-contrast-on-bg-interactive)",
380
- "borders-interactive-with-focus": "var(--borders-interactive-with-focus)",
381
379
  "borders-error": "var(--borders-error)",
382
380
  "borders-focus": "var(--borders-focus)",
383
- "borders-interactive-with-shadow": "var(--borders-interactive-with-shadow)",
384
381
  "buttons-danger": "var(--buttons-danger)",
385
382
  "buttons-inverted-focus": "var(--buttons-inverted-focus)",
386
383
  "elevation-card-hover": "var(--elevation-card-hover)",
@@ -396,7 +393,10 @@ var theme = {
396
393
  "elevation-modal": "var(--elevation-modal)",
397
394
  "elevation-code-block": "var(--elevation-code-block)",
398
395
  "buttons-inverted": "var(--buttons-inverted)",
399
- "elevation-commandbar": "var(--elevation-commandbar)"
396
+ "elevation-commandbar": "var(--elevation-commandbar)",
397
+ "borders-interactive-with-focus": "var(--borders-interactive-with-focus)",
398
+ "borders-interactive-with-shadow": "var(--borders-interactive-with-shadow)",
399
+ "borders-interactive-with-active": "var(--borders-interactive-with-active)"
400
400
  }
401
401
  }
402
402
  };
@@ -584,8 +584,8 @@ var colors = {
584
584
  "--bg-overlay": "rgba(24, 24, 27, 0.4)",
585
585
  "--fg-disabled": "rgba(161, 161, 170, 1)",
586
586
  "--fg-muted": "rgba(113, 113, 122, 1)",
587
- "--alpha-400": "rgba(24, 24, 27, 0.24)",
588
- "--alpha-250": "rgba(24, 24, 27, 0.1)"
587
+ "--alpha-250": "rgba(24, 24, 27, 0.1)",
588
+ "--alpha-400": "rgba(24, 24, 27, 0.24)"
589
589
  }
590
590
  };
591
591
 
@@ -598,12 +598,10 @@ var components = {
598
598
  // src/theme/tokens/effects.ts
599
599
  var effects = {
600
600
  "dark": {
601
- "--borders-interactive-with-shadow": "0px 1px 2px 0px rgba(219, 234, 254, 0.5), 0px 0px 0px 1px rgba(96, 165, 250, 1)",
602
601
  "--details-contrast-on-bg-interactive": "0px 1px 2px 0px rgba(30, 58, 138, 0.6)",
603
602
  "--details-switch-handle": "0px 0px 2px 1px rgba(255, 255, 255, 1) inset, 0px 1px 0px 0px rgba(255, 255, 255, 1) inset, 0px 0px 0px 0.5px rgba(0, 0, 0, 0.16), 0px 5px 4px 0px rgba(0, 0, 0, 0.1), 0px 3px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.1)",
604
603
  "--borders-interactive-with-active": "0px 0px 0px 1px rgba(96, 165, 250, 1), 0px 0px 0px 4px rgba(59, 130, 246, 0.25)",
605
604
  "--borders-focus": "0px 0px 0px 1px rgba(24, 24, 27, 1), 0px 0px 0px 3px rgba(96, 165, 250, 0.8)",
606
- "--borders-interactive-with-focus": "0px 1px 2px 0px rgba(219, 234, 254, 0.5), 0px 0px 0px 1px rgba(96, 165, 250, 1), 0px 0px 0px 2px rgba(24, 24, 27, 1), 0px 0px 0px 4px rgba(96, 165, 250, 0.8)",
607
605
  "--details-switch-background-focus": "0px 0px 0px 1px rgba(24, 24, 27, 1), 0px 0px 0px 3px rgba(96, 165, 250, 0.8), 0px 1px 1px 0px rgba(0, 0, 0, 0.1) inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.1) inset, 0px 0px 0px 0.75px rgba(255, 255, 255, 0.12) inset, 0px 0px 8px 0px rgba(0, 0, 0, 0.1) inset",
608
606
  "--buttons-danger": "0px -1px 0px 0px rgba(255, 255, 255, 0.16), 0px 0px 0px 1px rgba(255, 255, 255, 0.12), 0px 0px 0px 1px rgba(159, 18, 57, 1), 0px 0px 1px 1.5px rgba(0, 0, 0, 0.24), 0px 2px 2px 0px rgba(0, 0, 0, 0.24)",
609
607
  "--buttons-danger-focus": "0px -1px 0px 0px rgba(255, 255, 255, 0.16), 0px 0px 0px 1px rgba(255, 255, 255, 0.12), 0px 0px 0px 1px rgba(159, 18, 57, 1), 0px 0px 0px 2px rgba(24, 24, 27, 1), 0px 0px 0px 4px rgba(96, 165, 250, 0.8)",
@@ -620,16 +618,15 @@ var effects = {
620
618
  "--buttons-neutral-focus": "0px -1px 0px 0px rgba(255, 255, 255, 0.06), 0px 0px 0px 1px rgba(255, 255, 255, 0.06), 0px 0px 0px 1px rgba(39, 39, 42, 1), 0px 0px 0px 2px rgba(24, 24, 27, 1), 0px 0px 0px 4px rgba(96, 165, 250, 0.8)",
621
619
  "--elevation-modal": "0px 0px 0px 1px rgba(24, 24, 27, 1) inset, 0px 0px 0px 1.5px rgba(255, 255, 255, 0.06) inset, 0px -1px 0px 0px rgba(255, 255, 255, 0.04), 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 4px 8px 0px rgba(0, 0, 0, 0.32), 0px 8px 16px 0px rgba(0, 0, 0, 0.32)",
622
620
  "--elevation-commandbar": "0px 0px 0px 0.75px rgba(24, 24, 27, 1) inset, 0px 0px 0px 1.25px rgba(255, 255, 255, 0.1) inset, 0px 4px 8px 0px rgba(0, 0, 0, 0.32), 0px 8px 16px 0px rgba(0, 0, 0, 0.32)",
623
- "--elevation-tooltip": "0px -1px 0px 0px rgba(255, 255, 255, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.32), 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 4px 8px 0px rgba(0, 0, 0, 0.32)"
621
+ "--elevation-tooltip": "0px -1px 0px 0px rgba(255, 255, 255, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.32), 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 4px 8px 0px rgba(0, 0, 0, 0.32)",
622
+ "--borders-interactive-with-focus": "0px -1px 2px 0px rgba(219, 234, 254, 0.5), 0px 0px 0px 1px rgba(96, 165, 250, 1), 0px 0px 0px 2px rgba(24, 24, 27, 1), 0px 0px 0px 4px rgba(96, 165, 250, 0.8)",
623
+ "--borders-interactive-with-shadow": "0px -1px 2px 0px rgba(219, 234, 254, 0.5), 0px 0px 0px 1px rgba(96, 165, 250, 1)"
624
624
  },
625
625
  "light": {
626
- "--borders-interactive-with-active": "0px 0px 0px 1px rgba(59, 130, 246, 1), 0px 0px 0px 4px rgba(59, 130, 246, 0.2)",
627
626
  "--buttons-danger-focus": "0px 0.75px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px 0px rgba(190, 18, 60, 0.4), 0px 0px 0px 1px rgba(190, 18, 60, 1), 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px rgba(59, 130, 246, 0.6)",
628
627
  "--details-contrast-on-bg-interactive": "0px 1px 2px 0px rgba(30, 58, 138, 0.6)",
629
- "--borders-interactive-with-focus": "0px 1px 2px 0px rgba(30, 58, 138, 0.5), 0px 0px 0px 1px rgba(59, 130, 246, 1), 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px rgba(59, 130, 246, 0.6)",
630
628
  "--borders-error": "0px 0px 0px 1px rgba(225, 29, 72, 1), 0px 0px 0px 3px rgba(225, 29, 72, 0.15)",
631
629
  "--borders-focus": "0px 0px 0px 1px rgba(255, 255, 255, 1), 0px 0px 0px 3px rgba(59, 130, 246, 0.6)",
632
- "--borders-interactive-with-shadow": "0px 1px 2px 0px rgba(30, 58, 138, 0.5), 0px 0px 0px 1px rgba(59, 130, 246, 1)",
633
630
  "--buttons-danger": "0px 0.75px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px 0px rgba(190, 18, 60, 0.4), 0px 0px 0px 1px rgba(190, 18, 60, 1)",
634
631
  "--buttons-inverted-focus": "0px 0.75px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px 0px rgba(0, 0, 0, 0.4), 0px 0px 0px 1px rgba(24, 24, 27, 1), 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px rgba(59, 130, 246, 0.6)",
635
632
  "--elevation-card-hover": "0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 1px 2px -1px rgba(0, 0, 0, 0.08), 0px 2px 8px 0px rgba(0, 0, 0, 0.1)",
@@ -645,7 +642,10 @@ var effects = {
645
642
  "--elevation-modal": "0px 0px 0px 1px rgba(255, 255, 255, 1) inset, 0px 0px 0px 1.5px rgba(228, 228, 231, 0.6) inset, 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 16px 32px 0px rgba(0, 0, 0, 0.08)",
646
643
  "--elevation-code-block": "0px 0px 0px 1px rgba(24, 24, 27, 1) inset, 0px 0px 0px 1.5px rgba(255, 255, 255, 0.2) inset",
647
644
  "--buttons-inverted": "0px 0.75px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px 0px rgba(0, 0, 0, 0.4), 0px 0px 0px 1px rgba(24, 24, 27, 1)",
648
- "--elevation-commandbar": "0px 0px 0px 0.75px rgba(39, 39, 42, 1) inset, 0px 0px 0px 1.25px rgba(255, 255, 255, 0.3) inset, 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 16px 32px 0px rgba(0, 0, 0, 0.08)"
645
+ "--elevation-commandbar": "0px 0px 0px 0.75px rgba(39, 39, 42, 1) inset, 0px 0px 0px 1.25px rgba(255, 255, 255, 0.3) inset, 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 16px 32px 0px rgba(0, 0, 0, 0.08)",
646
+ "--borders-interactive-with-focus": "0px 1px 2px 0px rgba(30, 58, 138, 0.5), 0px 0px 0px 1px rgba(37, 99, 235, 1), 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px rgba(37, 99, 235, 0.6)",
647
+ "--borders-interactive-with-shadow": "0px 1px 2px 0px rgba(30, 58, 138, 0.5), 0px 0px 0px 1px rgba(37, 99, 235, 1)",
648
+ "--borders-interactive-with-active": "0px 0px 0px 4px rgba(37, 99, 235, 0.2), 0px 0px 0px 1px rgba(37, 99, 235, 1)"
649
649
  }
650
650
  };
651
651
 
@@ -687,12 +687,6 @@ var typography = {
687
687
  "fontWeight": "500",
688
688
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
689
689
  },
690
- ".txt-xlarge": {
691
- "fontSize": "1.125rem",
692
- "lineHeight": "1.6875rem",
693
- "fontWeight": "400",
694
- "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
695
- },
696
690
  ".txt-compact-small-plus": {
697
691
  "fontSize": "0.8125rem",
698
692
  "lineHeight": "1.25rem",
@@ -711,12 +705,6 @@ var typography = {
711
705
  "fontWeight": "500",
712
706
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
713
707
  },
714
- ".txt-medium": {
715
- "fontSize": "0.875rem",
716
- "lineHeight": "1.3125rem",
717
- "fontWeight": "400",
718
- "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
719
- },
720
708
  ".txt-compact-large": {
721
709
  "fontSize": "1rem",
722
710
  "lineHeight": "1.25rem",
@@ -741,107 +729,137 @@ var typography = {
741
729
  "fontWeight": "400",
742
730
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
743
731
  },
744
- ".txt-xsmall-plus": {
745
- "fontSize": "0.75rem",
746
- "lineHeight": "1.125rem",
732
+ ".h4-webs": {
733
+ "fontSize": "1.5rem",
734
+ "lineHeight": "1.875rem",
747
735
  "fontWeight": "500",
748
736
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
749
737
  },
750
- ".txt-small": {
751
- "fontSize": "0.8125rem",
752
- "lineHeight": "1.21875rem",
753
- "fontWeight": "400",
738
+ ".h2-core": {
739
+ "fontSize": "1rem",
740
+ "lineHeight": "1.5rem",
741
+ "fontWeight": "500",
754
742
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
755
743
  },
756
- ".txt-small-plus": {
757
- "fontSize": "0.8125rem",
758
- "lineHeight": "1.21875rem",
744
+ ".h3-core": {
745
+ "fontSize": "0.875rem",
746
+ "lineHeight": "1.25rem",
759
747
  "fontWeight": "500",
760
748
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
761
749
  },
762
- ".txt-large": {
763
- "fontSize": "1rem",
764
- "lineHeight": "1.5rem",
765
- "fontWeight": "400",
750
+ ".h1-core": {
751
+ "fontSize": "1.125rem",
752
+ "lineHeight": "1.75rem",
753
+ "fontWeight": "500",
766
754
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
767
755
  },
768
- ".txt-medium-plus": {
756
+ ".h1-docs": {
757
+ "fontSize": "1.5rem",
758
+ "lineHeight": "1.875rem",
759
+ "fontWeight": "500",
760
+ "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
761
+ },
762
+ ".h4-docs": {
769
763
  "fontSize": "0.875rem",
770
- "lineHeight": "1.3125rem",
764
+ "lineHeight": "1.399999976158142rem",
771
765
  "fontWeight": "500",
772
766
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
773
767
  },
774
- ".txt-xsmall": {
768
+ ".code-label-plus": {
769
+ "fontSize": "0.75rem",
770
+ "lineHeight": "0.9375rem",
771
+ "fontWeight": "500",
772
+ "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
773
+ },
774
+ ".code-label": {
775
+ "fontSize": "0.75rem",
776
+ "lineHeight": "0.9375rem",
777
+ "fontWeight": "400",
778
+ "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
779
+ },
780
+ ".code-paragraph": {
781
+ "fontSize": "0.75rem",
782
+ "lineHeight": "1.2000000476837158rem",
783
+ "fontWeight": "400",
784
+ "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
785
+ },
786
+ ".code-paragraph-plus": {
787
+ "fontSize": "0.75rem",
788
+ "lineHeight": "1.2000000476837158rem",
789
+ "fontWeight": "500",
790
+ "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
791
+ },
792
+ ".txt-xsmall-plus": {
775
793
  "fontSize": "0.75rem",
776
- "lineHeight": "1.125rem",
794
+ "lineHeight": "1.2000000476837158rem",
795
+ "fontWeight": "500",
796
+ "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
797
+ },
798
+ ".txt-small": {
799
+ "fontSize": "0.8125rem",
800
+ "lineHeight": "1.3000000715255737rem",
777
801
  "fontWeight": "400",
778
802
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
779
803
  },
780
- ".txt-xlarge-plus": {
804
+ ".h2-docs": {
781
805
  "fontSize": "1.125rem",
782
- "lineHeight": "1.6875rem",
806
+ "lineHeight": "1.8000000715255737rem",
783
807
  "fontWeight": "500",
784
808
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
785
809
  },
786
- ".txt-large-plus": {
787
- "fontSize": "1rem",
788
- "lineHeight": "1.5rem",
789
- "fontWeight": "500",
810
+ ".txt-medium": {
811
+ "fontSize": "0.875rem",
812
+ "lineHeight": "1.399999976158142rem",
813
+ "fontWeight": "400",
790
814
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
791
815
  },
792
- ".h4-webs": {
793
- "fontSize": "1.5rem",
794
- "lineHeight": "1.875rem",
816
+ ".txt-small-plus": {
817
+ "fontSize": "0.8125rem",
818
+ "lineHeight": "1.3000000715255737rem",
795
819
  "fontWeight": "500",
796
820
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
797
821
  },
798
- ".h2-core": {
822
+ ".txt-large": {
799
823
  "fontSize": "1rem",
800
- "lineHeight": "1.5rem",
801
- "fontWeight": "500",
824
+ "lineHeight": "1.600000023841858rem",
825
+ "fontWeight": "400",
802
826
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
803
827
  },
804
- ".h3-core": {
828
+ ".txt-medium-plus": {
805
829
  "fontSize": "0.875rem",
806
- "lineHeight": "1.25rem",
830
+ "lineHeight": "1.399999976158142rem",
807
831
  "fontWeight": "500",
808
832
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
809
833
  },
810
- ".h1-core": {
811
- "fontSize": "1.125rem",
812
- "lineHeight": "1.75rem",
813
- "fontWeight": "500",
834
+ ".txt-xsmall": {
835
+ "fontSize": "0.75rem",
836
+ "lineHeight": "1.2000000476837158rem",
837
+ "fontWeight": "400",
814
838
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
815
839
  },
816
- ".h1-docs": {
817
- "fontSize": "1.5rem",
818
- "lineHeight": "1.875rem",
840
+ ".h3-docs": {
841
+ "fontSize": "1rem",
842
+ "lineHeight": "1.600000023841858rem",
819
843
  "fontWeight": "500",
820
844
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
821
845
  },
822
- ".h2-docs": {
846
+ ".txt-xlarge-plus": {
823
847
  "fontSize": "1.125rem",
824
- "lineHeight": "1.6875rem",
848
+ "lineHeight": "1.8000000715255737rem",
825
849
  "fontWeight": "500",
826
850
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
827
851
  },
828
- ".h3-docs": {
852
+ ".txt-large-plus": {
829
853
  "fontSize": "1rem",
830
- "lineHeight": "1.5rem",
854
+ "lineHeight": "1.600000023841858rem",
831
855
  "fontWeight": "500",
832
856
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
833
857
  },
834
- ".code-body": {
835
- "fontSize": "0.75rem",
836
- "lineHeight": "1.125rem",
858
+ ".txt-xlarge": {
859
+ "fontSize": "1.125rem",
860
+ "lineHeight": "1.8000000715255737rem",
837
861
  "fontWeight": "400",
838
- "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
839
- },
840
- ".code-label": {
841
- "fontSize": "0.75rem",
842
- "lineHeight": "0.9375rem",
843
- "fontWeight": "500",
844
- "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
862
+ "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
845
863
  }
846
864
  };
847
865
 
package/dist/index.mjs CHANGED
@@ -2,8 +2,7 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
2
2
  var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
3
3
  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
4
4
  }) : x)(function(x) {
5
- if (typeof require !== "undefined")
6
- return require.apply(this, arguments);
5
+ if (typeof require !== "undefined") return require.apply(this, arguments);
7
6
  throw Error('Dynamic require of "' + x + '" is not supported');
8
7
  });
9
8
  var __esm = (fn, res) => function __init() {
@@ -372,13 +371,10 @@ var init_theme = __esm({
372
371
  }
373
372
  },
374
373
  "boxShadow": {
375
- "borders-interactive-with-active": "var(--borders-interactive-with-active)",
376
374
  "buttons-danger-focus": "var(--buttons-danger-focus)",
377
375
  "details-contrast-on-bg-interactive": "var(--details-contrast-on-bg-interactive)",
378
- "borders-interactive-with-focus": "var(--borders-interactive-with-focus)",
379
376
  "borders-error": "var(--borders-error)",
380
377
  "borders-focus": "var(--borders-focus)",
381
- "borders-interactive-with-shadow": "var(--borders-interactive-with-shadow)",
382
378
  "buttons-danger": "var(--buttons-danger)",
383
379
  "buttons-inverted-focus": "var(--buttons-inverted-focus)",
384
380
  "elevation-card-hover": "var(--elevation-card-hover)",
@@ -394,7 +390,10 @@ var init_theme = __esm({
394
390
  "elevation-modal": "var(--elevation-modal)",
395
391
  "elevation-code-block": "var(--elevation-code-block)",
396
392
  "buttons-inverted": "var(--buttons-inverted)",
397
- "elevation-commandbar": "var(--elevation-commandbar)"
393
+ "elevation-commandbar": "var(--elevation-commandbar)",
394
+ "borders-interactive-with-focus": "var(--borders-interactive-with-focus)",
395
+ "borders-interactive-with-shadow": "var(--borders-interactive-with-shadow)",
396
+ "borders-interactive-with-active": "var(--borders-interactive-with-active)"
398
397
  }
399
398
  }
400
399
  };
@@ -588,8 +587,8 @@ var init_colors = __esm({
588
587
  "--bg-overlay": "rgba(24, 24, 27, 0.4)",
589
588
  "--fg-disabled": "rgba(161, 161, 170, 1)",
590
589
  "--fg-muted": "rgba(113, 113, 122, 1)",
591
- "--alpha-400": "rgba(24, 24, 27, 0.24)",
592
- "--alpha-250": "rgba(24, 24, 27, 0.1)"
590
+ "--alpha-250": "rgba(24, 24, 27, 0.1)",
591
+ "--alpha-400": "rgba(24, 24, 27, 0.24)"
593
592
  }
594
593
  };
595
594
  }
@@ -614,12 +613,10 @@ var init_effects = __esm({
614
613
  "use strict";
615
614
  effects = {
616
615
  "dark": {
617
- "--borders-interactive-with-shadow": "0px 1px 2px 0px rgba(219, 234, 254, 0.5), 0px 0px 0px 1px rgba(96, 165, 250, 1)",
618
616
  "--details-contrast-on-bg-interactive": "0px 1px 2px 0px rgba(30, 58, 138, 0.6)",
619
617
  "--details-switch-handle": "0px 0px 2px 1px rgba(255, 255, 255, 1) inset, 0px 1px 0px 0px rgba(255, 255, 255, 1) inset, 0px 0px 0px 0.5px rgba(0, 0, 0, 0.16), 0px 5px 4px 0px rgba(0, 0, 0, 0.1), 0px 3px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.1)",
620
618
  "--borders-interactive-with-active": "0px 0px 0px 1px rgba(96, 165, 250, 1), 0px 0px 0px 4px rgba(59, 130, 246, 0.25)",
621
619
  "--borders-focus": "0px 0px 0px 1px rgba(24, 24, 27, 1), 0px 0px 0px 3px rgba(96, 165, 250, 0.8)",
622
- "--borders-interactive-with-focus": "0px 1px 2px 0px rgba(219, 234, 254, 0.5), 0px 0px 0px 1px rgba(96, 165, 250, 1), 0px 0px 0px 2px rgba(24, 24, 27, 1), 0px 0px 0px 4px rgba(96, 165, 250, 0.8)",
623
620
  "--details-switch-background-focus": "0px 0px 0px 1px rgba(24, 24, 27, 1), 0px 0px 0px 3px rgba(96, 165, 250, 0.8), 0px 1px 1px 0px rgba(0, 0, 0, 0.1) inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.1) inset, 0px 0px 0px 0.75px rgba(255, 255, 255, 0.12) inset, 0px 0px 8px 0px rgba(0, 0, 0, 0.1) inset",
624
621
  "--buttons-danger": "0px -1px 0px 0px rgba(255, 255, 255, 0.16), 0px 0px 0px 1px rgba(255, 255, 255, 0.12), 0px 0px 0px 1px rgba(159, 18, 57, 1), 0px 0px 1px 1.5px rgba(0, 0, 0, 0.24), 0px 2px 2px 0px rgba(0, 0, 0, 0.24)",
625
622
  "--buttons-danger-focus": "0px -1px 0px 0px rgba(255, 255, 255, 0.16), 0px 0px 0px 1px rgba(255, 255, 255, 0.12), 0px 0px 0px 1px rgba(159, 18, 57, 1), 0px 0px 0px 2px rgba(24, 24, 27, 1), 0px 0px 0px 4px rgba(96, 165, 250, 0.8)",
@@ -636,16 +633,15 @@ var init_effects = __esm({
636
633
  "--buttons-neutral-focus": "0px -1px 0px 0px rgba(255, 255, 255, 0.06), 0px 0px 0px 1px rgba(255, 255, 255, 0.06), 0px 0px 0px 1px rgba(39, 39, 42, 1), 0px 0px 0px 2px rgba(24, 24, 27, 1), 0px 0px 0px 4px rgba(96, 165, 250, 0.8)",
637
634
  "--elevation-modal": "0px 0px 0px 1px rgba(24, 24, 27, 1) inset, 0px 0px 0px 1.5px rgba(255, 255, 255, 0.06) inset, 0px -1px 0px 0px rgba(255, 255, 255, 0.04), 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 4px 8px 0px rgba(0, 0, 0, 0.32), 0px 8px 16px 0px rgba(0, 0, 0, 0.32)",
638
635
  "--elevation-commandbar": "0px 0px 0px 0.75px rgba(24, 24, 27, 1) inset, 0px 0px 0px 1.25px rgba(255, 255, 255, 0.1) inset, 0px 4px 8px 0px rgba(0, 0, 0, 0.32), 0px 8px 16px 0px rgba(0, 0, 0, 0.32)",
639
- "--elevation-tooltip": "0px -1px 0px 0px rgba(255, 255, 255, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.32), 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 4px 8px 0px rgba(0, 0, 0, 0.32)"
636
+ "--elevation-tooltip": "0px -1px 0px 0px rgba(255, 255, 255, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.32), 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 4px 8px 0px rgba(0, 0, 0, 0.32)",
637
+ "--borders-interactive-with-focus": "0px -1px 2px 0px rgba(219, 234, 254, 0.5), 0px 0px 0px 1px rgba(96, 165, 250, 1), 0px 0px 0px 2px rgba(24, 24, 27, 1), 0px 0px 0px 4px rgba(96, 165, 250, 0.8)",
638
+ "--borders-interactive-with-shadow": "0px -1px 2px 0px rgba(219, 234, 254, 0.5), 0px 0px 0px 1px rgba(96, 165, 250, 1)"
640
639
  },
641
640
  "light": {
642
- "--borders-interactive-with-active": "0px 0px 0px 1px rgba(59, 130, 246, 1), 0px 0px 0px 4px rgba(59, 130, 246, 0.2)",
643
641
  "--buttons-danger-focus": "0px 0.75px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px 0px rgba(190, 18, 60, 0.4), 0px 0px 0px 1px rgba(190, 18, 60, 1), 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px rgba(59, 130, 246, 0.6)",
644
642
  "--details-contrast-on-bg-interactive": "0px 1px 2px 0px rgba(30, 58, 138, 0.6)",
645
- "--borders-interactive-with-focus": "0px 1px 2px 0px rgba(30, 58, 138, 0.5), 0px 0px 0px 1px rgba(59, 130, 246, 1), 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px rgba(59, 130, 246, 0.6)",
646
643
  "--borders-error": "0px 0px 0px 1px rgba(225, 29, 72, 1), 0px 0px 0px 3px rgba(225, 29, 72, 0.15)",
647
644
  "--borders-focus": "0px 0px 0px 1px rgba(255, 255, 255, 1), 0px 0px 0px 3px rgba(59, 130, 246, 0.6)",
648
- "--borders-interactive-with-shadow": "0px 1px 2px 0px rgba(30, 58, 138, 0.5), 0px 0px 0px 1px rgba(59, 130, 246, 1)",
649
645
  "--buttons-danger": "0px 0.75px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px 0px rgba(190, 18, 60, 0.4), 0px 0px 0px 1px rgba(190, 18, 60, 1)",
650
646
  "--buttons-inverted-focus": "0px 0.75px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px 0px rgba(0, 0, 0, 0.4), 0px 0px 0px 1px rgba(24, 24, 27, 1), 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px rgba(59, 130, 246, 0.6)",
651
647
  "--elevation-card-hover": "0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 1px 2px -1px rgba(0, 0, 0, 0.08), 0px 2px 8px 0px rgba(0, 0, 0, 0.1)",
@@ -661,7 +657,10 @@ var init_effects = __esm({
661
657
  "--elevation-modal": "0px 0px 0px 1px rgba(255, 255, 255, 1) inset, 0px 0px 0px 1.5px rgba(228, 228, 231, 0.6) inset, 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 16px 32px 0px rgba(0, 0, 0, 0.08)",
662
658
  "--elevation-code-block": "0px 0px 0px 1px rgba(24, 24, 27, 1) inset, 0px 0px 0px 1.5px rgba(255, 255, 255, 0.2) inset",
663
659
  "--buttons-inverted": "0px 0.75px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px 0px rgba(0, 0, 0, 0.4), 0px 0px 0px 1px rgba(24, 24, 27, 1)",
664
- "--elevation-commandbar": "0px 0px 0px 0.75px rgba(39, 39, 42, 1) inset, 0px 0px 0px 1.25px rgba(255, 255, 255, 0.3) inset, 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 16px 32px 0px rgba(0, 0, 0, 0.08)"
660
+ "--elevation-commandbar": "0px 0px 0px 0.75px rgba(39, 39, 42, 1) inset, 0px 0px 0px 1.25px rgba(255, 255, 255, 0.3) inset, 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 16px 32px 0px rgba(0, 0, 0, 0.08)",
661
+ "--borders-interactive-with-focus": "0px 1px 2px 0px rgba(30, 58, 138, 0.5), 0px 0px 0px 1px rgba(37, 99, 235, 1), 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px rgba(37, 99, 235, 0.6)",
662
+ "--borders-interactive-with-shadow": "0px 1px 2px 0px rgba(30, 58, 138, 0.5), 0px 0px 0px 1px rgba(37, 99, 235, 1)",
663
+ "--borders-interactive-with-active": "0px 0px 0px 4px rgba(37, 99, 235, 0.2), 0px 0px 0px 1px rgba(37, 99, 235, 1)"
665
664
  }
666
665
  };
667
666
  }
@@ -709,12 +708,6 @@ var init_typography = __esm({
709
708
  "fontWeight": "500",
710
709
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
711
710
  },
712
- ".txt-xlarge": {
713
- "fontSize": "1.125rem",
714
- "lineHeight": "1.6875rem",
715
- "fontWeight": "400",
716
- "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
717
- },
718
711
  ".txt-compact-small-plus": {
719
712
  "fontSize": "0.8125rem",
720
713
  "lineHeight": "1.25rem",
@@ -733,12 +726,6 @@ var init_typography = __esm({
733
726
  "fontWeight": "500",
734
727
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
735
728
  },
736
- ".txt-medium": {
737
- "fontSize": "0.875rem",
738
- "lineHeight": "1.3125rem",
739
- "fontWeight": "400",
740
- "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
741
- },
742
729
  ".txt-compact-large": {
743
730
  "fontSize": "1rem",
744
731
  "lineHeight": "1.25rem",
@@ -763,107 +750,137 @@ var init_typography = __esm({
763
750
  "fontWeight": "400",
764
751
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
765
752
  },
766
- ".txt-xsmall-plus": {
767
- "fontSize": "0.75rem",
768
- "lineHeight": "1.125rem",
753
+ ".h4-webs": {
754
+ "fontSize": "1.5rem",
755
+ "lineHeight": "1.875rem",
769
756
  "fontWeight": "500",
770
757
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
771
758
  },
772
- ".txt-small": {
773
- "fontSize": "0.8125rem",
774
- "lineHeight": "1.21875rem",
775
- "fontWeight": "400",
759
+ ".h2-core": {
760
+ "fontSize": "1rem",
761
+ "lineHeight": "1.5rem",
762
+ "fontWeight": "500",
776
763
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
777
764
  },
778
- ".txt-small-plus": {
779
- "fontSize": "0.8125rem",
780
- "lineHeight": "1.21875rem",
765
+ ".h3-core": {
766
+ "fontSize": "0.875rem",
767
+ "lineHeight": "1.25rem",
781
768
  "fontWeight": "500",
782
769
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
783
770
  },
784
- ".txt-large": {
785
- "fontSize": "1rem",
786
- "lineHeight": "1.5rem",
787
- "fontWeight": "400",
771
+ ".h1-core": {
772
+ "fontSize": "1.125rem",
773
+ "lineHeight": "1.75rem",
774
+ "fontWeight": "500",
788
775
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
789
776
  },
790
- ".txt-medium-plus": {
777
+ ".h1-docs": {
778
+ "fontSize": "1.5rem",
779
+ "lineHeight": "1.875rem",
780
+ "fontWeight": "500",
781
+ "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
782
+ },
783
+ ".h4-docs": {
791
784
  "fontSize": "0.875rem",
792
- "lineHeight": "1.3125rem",
785
+ "lineHeight": "1.399999976158142rem",
793
786
  "fontWeight": "500",
794
787
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
795
788
  },
796
- ".txt-xsmall": {
789
+ ".code-label-plus": {
790
+ "fontSize": "0.75rem",
791
+ "lineHeight": "0.9375rem",
792
+ "fontWeight": "500",
793
+ "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
794
+ },
795
+ ".code-label": {
796
+ "fontSize": "0.75rem",
797
+ "lineHeight": "0.9375rem",
798
+ "fontWeight": "400",
799
+ "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
800
+ },
801
+ ".code-paragraph": {
802
+ "fontSize": "0.75rem",
803
+ "lineHeight": "1.2000000476837158rem",
804
+ "fontWeight": "400",
805
+ "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
806
+ },
807
+ ".code-paragraph-plus": {
808
+ "fontSize": "0.75rem",
809
+ "lineHeight": "1.2000000476837158rem",
810
+ "fontWeight": "500",
811
+ "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
812
+ },
813
+ ".txt-xsmall-plus": {
797
814
  "fontSize": "0.75rem",
798
- "lineHeight": "1.125rem",
815
+ "lineHeight": "1.2000000476837158rem",
816
+ "fontWeight": "500",
817
+ "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
818
+ },
819
+ ".txt-small": {
820
+ "fontSize": "0.8125rem",
821
+ "lineHeight": "1.3000000715255737rem",
799
822
  "fontWeight": "400",
800
823
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
801
824
  },
802
- ".txt-xlarge-plus": {
825
+ ".h2-docs": {
803
826
  "fontSize": "1.125rem",
804
- "lineHeight": "1.6875rem",
827
+ "lineHeight": "1.8000000715255737rem",
805
828
  "fontWeight": "500",
806
829
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
807
830
  },
808
- ".txt-large-plus": {
809
- "fontSize": "1rem",
810
- "lineHeight": "1.5rem",
811
- "fontWeight": "500",
831
+ ".txt-medium": {
832
+ "fontSize": "0.875rem",
833
+ "lineHeight": "1.399999976158142rem",
834
+ "fontWeight": "400",
812
835
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
813
836
  },
814
- ".h4-webs": {
815
- "fontSize": "1.5rem",
816
- "lineHeight": "1.875rem",
837
+ ".txt-small-plus": {
838
+ "fontSize": "0.8125rem",
839
+ "lineHeight": "1.3000000715255737rem",
817
840
  "fontWeight": "500",
818
841
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
819
842
  },
820
- ".h2-core": {
843
+ ".txt-large": {
821
844
  "fontSize": "1rem",
822
- "lineHeight": "1.5rem",
823
- "fontWeight": "500",
845
+ "lineHeight": "1.600000023841858rem",
846
+ "fontWeight": "400",
824
847
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
825
848
  },
826
- ".h3-core": {
849
+ ".txt-medium-plus": {
827
850
  "fontSize": "0.875rem",
828
- "lineHeight": "1.25rem",
851
+ "lineHeight": "1.399999976158142rem",
829
852
  "fontWeight": "500",
830
853
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
831
854
  },
832
- ".h1-core": {
833
- "fontSize": "1.125rem",
834
- "lineHeight": "1.75rem",
835
- "fontWeight": "500",
855
+ ".txt-xsmall": {
856
+ "fontSize": "0.75rem",
857
+ "lineHeight": "1.2000000476837158rem",
858
+ "fontWeight": "400",
836
859
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
837
860
  },
838
- ".h1-docs": {
839
- "fontSize": "1.5rem",
840
- "lineHeight": "1.875rem",
861
+ ".h3-docs": {
862
+ "fontSize": "1rem",
863
+ "lineHeight": "1.600000023841858rem",
841
864
  "fontWeight": "500",
842
865
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
843
866
  },
844
- ".h2-docs": {
867
+ ".txt-xlarge-plus": {
845
868
  "fontSize": "1.125rem",
846
- "lineHeight": "1.6875rem",
869
+ "lineHeight": "1.8000000715255737rem",
847
870
  "fontWeight": "500",
848
871
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
849
872
  },
850
- ".h3-docs": {
873
+ ".txt-large-plus": {
851
874
  "fontSize": "1rem",
852
- "lineHeight": "1.5rem",
875
+ "lineHeight": "1.600000023841858rem",
853
876
  "fontWeight": "500",
854
877
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
855
878
  },
856
- ".code-body": {
857
- "fontSize": "0.75rem",
858
- "lineHeight": "1.125rem",
879
+ ".txt-xlarge": {
880
+ "fontSize": "1.125rem",
881
+ "lineHeight": "1.8000000715255737rem",
859
882
  "fontWeight": "400",
860
- "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
861
- },
862
- ".code-label": {
863
- "fontSize": "0.75rem",
864
- "lineHeight": "0.9375rem",
865
- "fontWeight": "500",
866
- "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
883
+ "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
867
884
  }
868
885
  };
869
886
  }
@@ -955,10 +972,10 @@ var init_preset = __esm({
955
972
  });
956
973
 
957
974
  // src/index.ts
958
- var require_src = __commonJS({
975
+ var require_index = __commonJS({
959
976
  "src/index.ts"(exports, module) {
960
977
  init_preset();
961
978
  module.exports = preset;
962
979
  }
963
980
  });
964
- export default require_src();
981
+ export default require_index();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@medusajs/ui-preset",
3
- "version": "3.0.0-snapshot-20250410112222",
3
+ "version": "3.0.0-snapshot-20251104004624",
4
4
  "description": "Medusa UI preset",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -19,7 +19,7 @@
19
19
  "types": "./dist/index.d.ts",
20
20
  "main": "./dist/index.js",
21
21
  "scripts": {
22
- "build": "tsup",
22
+ "build": "yarn run -T tsup",
23
23
  "generate": "toolbox tokens -o './src/theme'"
24
24
  },
25
25
  "dependencies": {
@@ -27,13 +27,11 @@
27
27
  "tailwindcss-animate": "^1.0.6"
28
28
  },
29
29
  "peerDependencies": {
30
- "tailwindcss": ">=3.0.0"
30
+ "tailwindcss": "^3.4.3"
31
31
  },
32
32
  "devDependencies": {
33
- "@medusajs/toolbox": "3.0.0-snapshot-20250410112222",
34
- "tailwindcss": "^3.4.1",
35
- "tsup": "^7.1.0",
36
- "typescript": "^5.1.6"
33
+ "@medusajs/toolbox": "3.0.0-snapshot-20251104004624",
34
+ "tailwindcss": "^3.4.3"
37
35
  },
38
36
  "publishConfig": {
39
37
  "access": "public"
package/src/theme/extension/theme.ts CHANGED
@@ -313,13 +313,10 @@ export const theme = {
313
313
  }
314
314
  },
315
315
  "boxShadow": {
316
- "borders-interactive-with-active": "var(--borders-interactive-with-active)",
317
316
  "buttons-danger-focus": "var(--buttons-danger-focus)",
318
317
  "details-contrast-on-bg-interactive": "var(--details-contrast-on-bg-interactive)",
319
- "borders-interactive-with-focus": "var(--borders-interactive-with-focus)",
320
318
  "borders-error": "var(--borders-error)",
321
319
  "borders-focus": "var(--borders-focus)",
322
- "borders-interactive-with-shadow": "var(--borders-interactive-with-shadow)",
323
320
  "buttons-danger": "var(--buttons-danger)",
324
321
  "buttons-inverted-focus": "var(--buttons-inverted-focus)",
325
322
  "elevation-card-hover": "var(--elevation-card-hover)",
@@ -335,7 +332,10 @@ export const theme = {
335
332
  "elevation-modal": "var(--elevation-modal)",
336
333
  "elevation-code-block": "var(--elevation-code-block)",
337
334
  "buttons-inverted": "var(--buttons-inverted)",
338
- "elevation-commandbar": "var(--elevation-commandbar)"
335
+ "elevation-commandbar": "var(--elevation-commandbar)",
336
+ "borders-interactive-with-focus": "var(--borders-interactive-with-focus)",
337
+ "borders-interactive-with-shadow": "var(--borders-interactive-with-shadow)",
338
+ "borders-interactive-with-active": "var(--borders-interactive-with-active)"
339
339
  }
340
340
  }
341
341
  }
package/src/theme/tokens/colors.ts CHANGED
@@ -180,7 +180,7 @@ export const colors = {
180
180
  "--bg-overlay": "rgba(24, 24, 27, 0.4)",
181
181
  "--fg-disabled": "rgba(161, 161, 170, 1)",
182
182
  "--fg-muted": "rgba(113, 113, 122, 1)",
183
- "--alpha-400": "rgba(24, 24, 27, 0.24)",
184
- "--alpha-250": "rgba(24, 24, 27, 0.1)"
183
+ "--alpha-250": "rgba(24, 24, 27, 0.1)",
184
+ "--alpha-400": "rgba(24, 24, 27, 0.24)"
185
185
  }
186
186
  }
package/src/theme/tokens/effects.ts CHANGED
@@ -1,11 +1,9 @@
1
1
  export const effects = {
2
2
  "dark": {
3
- "--borders-interactive-with-shadow": "0px 1px 2px 0px rgba(219, 234, 254, 0.5), 0px 0px 0px 1px rgba(96, 165, 250, 1)",
4
3
  "--details-contrast-on-bg-interactive": "0px 1px 2px 0px rgba(30, 58, 138, 0.6)",
5
4
  "--details-switch-handle": "0px 0px 2px 1px rgba(255, 255, 255, 1) inset, 0px 1px 0px 0px rgba(255, 255, 255, 1) inset, 0px 0px 0px 0.5px rgba(0, 0, 0, 0.16), 0px 5px 4px 0px rgba(0, 0, 0, 0.1), 0px 3px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.1)",
6
5
  "--borders-interactive-with-active": "0px 0px 0px 1px rgba(96, 165, 250, 1), 0px 0px 0px 4px rgba(59, 130, 246, 0.25)",
7
6
  "--borders-focus": "0px 0px 0px 1px rgba(24, 24, 27, 1), 0px 0px 0px 3px rgba(96, 165, 250, 0.8)",
8
- "--borders-interactive-with-focus": "0px 1px 2px 0px rgba(219, 234, 254, 0.5), 0px 0px 0px 1px rgba(96, 165, 250, 1), 0px 0px 0px 2px rgba(24, 24, 27, 1), 0px 0px 0px 4px rgba(96, 165, 250, 0.8)",
9
7
  "--details-switch-background-focus": "0px 0px 0px 1px rgba(24, 24, 27, 1), 0px 0px 0px 3px rgba(96, 165, 250, 0.8), 0px 1px 1px 0px rgba(0, 0, 0, 0.1) inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.1) inset, 0px 0px 0px 0.75px rgba(255, 255, 255, 0.12) inset, 0px 0px 8px 0px rgba(0, 0, 0, 0.1) inset",
10
8
  "--buttons-danger": "0px -1px 0px 0px rgba(255, 255, 255, 0.16), 0px 0px 0px 1px rgba(255, 255, 255, 0.12), 0px 0px 0px 1px rgba(159, 18, 57, 1), 0px 0px 1px 1.5px rgba(0, 0, 0, 0.24), 0px 2px 2px 0px rgba(0, 0, 0, 0.24)",
11
9
  "--buttons-danger-focus": "0px -1px 0px 0px rgba(255, 255, 255, 0.16), 0px 0px 0px 1px rgba(255, 255, 255, 0.12), 0px 0px 0px 1px rgba(159, 18, 57, 1), 0px 0px 0px 2px rgba(24, 24, 27, 1), 0px 0px 0px 4px rgba(96, 165, 250, 0.8)",
@@ -22,16 +20,15 @@ export const effects = {
22
20
  "--buttons-neutral-focus": "0px -1px 0px 0px rgba(255, 255, 255, 0.06), 0px 0px 0px 1px rgba(255, 255, 255, 0.06), 0px 0px 0px 1px rgba(39, 39, 42, 1), 0px 0px 0px 2px rgba(24, 24, 27, 1), 0px 0px 0px 4px rgba(96, 165, 250, 0.8)",
23
21
  "--elevation-modal": "0px 0px 0px 1px rgba(24, 24, 27, 1) inset, 0px 0px 0px 1.5px rgba(255, 255, 255, 0.06) inset, 0px -1px 0px 0px rgba(255, 255, 255, 0.04), 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 4px 8px 0px rgba(0, 0, 0, 0.32), 0px 8px 16px 0px rgba(0, 0, 0, 0.32)",
24
22
  "--elevation-commandbar": "0px 0px 0px 0.75px rgba(24, 24, 27, 1) inset, 0px 0px 0px 1.25px rgba(255, 255, 255, 0.1) inset, 0px 4px 8px 0px rgba(0, 0, 0, 0.32), 0px 8px 16px 0px rgba(0, 0, 0, 0.32)",
25
- "--elevation-tooltip": "0px -1px 0px 0px rgba(255, 255, 255, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.32), 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 4px 8px 0px rgba(0, 0, 0, 0.32)"
23
+ "--elevation-tooltip": "0px -1px 0px 0px rgba(255, 255, 255, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.32), 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 4px 8px 0px rgba(0, 0, 0, 0.32)",
24
+ "--borders-interactive-with-focus": "0px -1px 2px 0px rgba(219, 234, 254, 0.5), 0px 0px 0px 1px rgba(96, 165, 250, 1), 0px 0px 0px 2px rgba(24, 24, 27, 1), 0px 0px 0px 4px rgba(96, 165, 250, 0.8)",
25
+ "--borders-interactive-with-shadow": "0px -1px 2px 0px rgba(219, 234, 254, 0.5), 0px 0px 0px 1px rgba(96, 165, 250, 1)"
26
26
  },
27
27
  "light": {
28
- "--borders-interactive-with-active": "0px 0px 0px 1px rgba(59, 130, 246, 1), 0px 0px 0px 4px rgba(59, 130, 246, 0.2)",
29
28
  "--buttons-danger-focus": "0px 0.75px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px 0px rgba(190, 18, 60, 0.4), 0px 0px 0px 1px rgba(190, 18, 60, 1), 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px rgba(59, 130, 246, 0.6)",
30
29
  "--details-contrast-on-bg-interactive": "0px 1px 2px 0px rgba(30, 58, 138, 0.6)",
31
- "--borders-interactive-with-focus": "0px 1px 2px 0px rgba(30, 58, 138, 0.5), 0px 0px 0px 1px rgba(59, 130, 246, 1), 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px rgba(59, 130, 246, 0.6)",
32
30
  "--borders-error": "0px 0px 0px 1px rgba(225, 29, 72, 1), 0px 0px 0px 3px rgba(225, 29, 72, 0.15)",
33
31
  "--borders-focus": "0px 0px 0px 1px rgba(255, 255, 255, 1), 0px 0px 0px 3px rgba(59, 130, 246, 0.6)",
34
- "--borders-interactive-with-shadow": "0px 1px 2px 0px rgba(30, 58, 138, 0.5), 0px 0px 0px 1px rgba(59, 130, 246, 1)",
35
32
  "--buttons-danger": "0px 0.75px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px 0px rgba(190, 18, 60, 0.4), 0px 0px 0px 1px rgba(190, 18, 60, 1)",
36
33
  "--buttons-inverted-focus": "0px 0.75px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px 0px rgba(0, 0, 0, 0.4), 0px 0px 0px 1px rgba(24, 24, 27, 1), 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px rgba(59, 130, 246, 0.6)",
37
34
  "--elevation-card-hover": "0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 1px 2px -1px rgba(0, 0, 0, 0.08), 0px 2px 8px 0px rgba(0, 0, 0, 0.1)",
@@ -47,6 +44,9 @@ export const effects = {
47
44
  "--elevation-modal": "0px 0px 0px 1px rgba(255, 255, 255, 1) inset, 0px 0px 0px 1.5px rgba(228, 228, 231, 0.6) inset, 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 16px 32px 0px rgba(0, 0, 0, 0.08)",
48
45
  "--elevation-code-block": "0px 0px 0px 1px rgba(24, 24, 27, 1) inset, 0px 0px 0px 1.5px rgba(255, 255, 255, 0.2) inset",
49
46
  "--buttons-inverted": "0px 0.75px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px 0px rgba(0, 0, 0, 0.4), 0px 0px 0px 1px rgba(24, 24, 27, 1)",
50
- "--elevation-commandbar": "0px 0px 0px 0.75px rgba(39, 39, 42, 1) inset, 0px 0px 0px 1.25px rgba(255, 255, 255, 0.3) inset, 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 16px 32px 0px rgba(0, 0, 0, 0.08)"
47
+ "--elevation-commandbar": "0px 0px 0px 0.75px rgba(39, 39, 42, 1) inset, 0px 0px 0px 1.25px rgba(255, 255, 255, 0.3) inset, 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 16px 32px 0px rgba(0, 0, 0, 0.08)",
48
+ "--borders-interactive-with-focus": "0px 1px 2px 0px rgba(30, 58, 138, 0.5), 0px 0px 0px 1px rgba(37, 99, 235, 1), 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px rgba(37, 99, 235, 0.6)",
49
+ "--borders-interactive-with-shadow": "0px 1px 2px 0px rgba(30, 58, 138, 0.5), 0px 0px 0px 1px rgba(37, 99, 235, 1)",
50
+ "--borders-interactive-with-active": "0px 0px 0px 4px rgba(37, 99, 235, 0.2), 0px 0px 0px 1px rgba(37, 99, 235, 1)"
51
51
  }
52
52
  }
package/src/theme/tokens/typography.ts CHANGED
@@ -35,12 +35,6 @@ export const typography = {
35
35
  "fontWeight": "500",
36
36
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
37
37
  },
38
- ".txt-xlarge": {
39
- "fontSize": "1.125rem",
40
- "lineHeight": "1.6875rem",
41
- "fontWeight": "400",
42
- "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
43
- },
44
38
  ".txt-compact-small-plus": {
45
39
  "fontSize": "0.8125rem",
46
40
  "lineHeight": "1.25rem",
@@ -59,12 +53,6 @@ export const typography = {
59
53
  "fontWeight": "500",
60
54
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
61
55
  },
62
- ".txt-medium": {
63
- "fontSize": "0.875rem",
64
- "lineHeight": "1.3125rem",
65
- "fontWeight": "400",
66
- "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
67
- },
68
56
  ".txt-compact-large": {
69
57
  "fontSize": "1rem",
70
58
  "lineHeight": "1.25rem",
@@ -89,106 +77,136 @@ export const typography = {
89
77
  "fontWeight": "400",
90
78
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
91
79
  },
92
- ".txt-xsmall-plus": {
93
- "fontSize": "0.75rem",
94
- "lineHeight": "1.125rem",
80
+ ".h4-webs": {
81
+ "fontSize": "1.5rem",
82
+ "lineHeight": "1.875rem",
95
83
  "fontWeight": "500",
96
84
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
97
85
  },
98
- ".txt-small": {
99
- "fontSize": "0.8125rem",
100
- "lineHeight": "1.21875rem",
101
- "fontWeight": "400",
86
+ ".h2-core": {
87
+ "fontSize": "1rem",
88
+ "lineHeight": "1.5rem",
89
+ "fontWeight": "500",
102
90
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
103
91
  },
104
- ".txt-small-plus": {
105
- "fontSize": "0.8125rem",
106
- "lineHeight": "1.21875rem",
92
+ ".h3-core": {
93
+ "fontSize": "0.875rem",
94
+ "lineHeight": "1.25rem",
107
95
  "fontWeight": "500",
108
96
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
109
97
  },
110
- ".txt-large": {
111
- "fontSize": "1rem",
112
- "lineHeight": "1.5rem",
113
- "fontWeight": "400",
98
+ ".h1-core": {
99
+ "fontSize": "1.125rem",
100
+ "lineHeight": "1.75rem",
101
+ "fontWeight": "500",
114
102
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
115
103
  },
116
- ".txt-medium-plus": {
104
+ ".h1-docs": {
105
+ "fontSize": "1.5rem",
106
+ "lineHeight": "1.875rem",
107
+ "fontWeight": "500",
108
+ "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
109
+ },
110
+ ".h4-docs": {
117
111
  "fontSize": "0.875rem",
118
- "lineHeight": "1.3125rem",
112
+ "lineHeight": "1.399999976158142rem",
119
113
  "fontWeight": "500",
120
114
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
121
115
  },
122
- ".txt-xsmall": {
116
+ ".code-label-plus": {
117
+ "fontSize": "0.75rem",
118
+ "lineHeight": "0.9375rem",
119
+ "fontWeight": "500",
120
+ "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
121
+ },
122
+ ".code-label": {
123
+ "fontSize": "0.75rem",
124
+ "lineHeight": "0.9375rem",
125
+ "fontWeight": "400",
126
+ "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
127
+ },
128
+ ".code-paragraph": {
129
+ "fontSize": "0.75rem",
130
+ "lineHeight": "1.2000000476837158rem",
131
+ "fontWeight": "400",
132
+ "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
133
+ },
134
+ ".code-paragraph-plus": {
135
+ "fontSize": "0.75rem",
136
+ "lineHeight": "1.2000000476837158rem",
137
+ "fontWeight": "500",
138
+ "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
139
+ },
140
+ ".txt-xsmall-plus": {
123
141
  "fontSize": "0.75rem",
124
- "lineHeight": "1.125rem",
142
+ "lineHeight": "1.2000000476837158rem",
143
+ "fontWeight": "500",
144
+ "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
145
+ },
146
+ ".txt-small": {
147
+ "fontSize": "0.8125rem",
148
+ "lineHeight": "1.3000000715255737rem",
125
149
  "fontWeight": "400",
126
150
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
127
151
  },
128
- ".txt-xlarge-plus": {
152
+ ".h2-docs": {
129
153
  "fontSize": "1.125rem",
130
- "lineHeight": "1.6875rem",
154
+ "lineHeight": "1.8000000715255737rem",
131
155
  "fontWeight": "500",
132
156
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
133
157
  },
134
- ".txt-large-plus": {
135
- "fontSize": "1rem",
136
- "lineHeight": "1.5rem",
137
- "fontWeight": "500",
158
+ ".txt-medium": {
159
+ "fontSize": "0.875rem",
160
+ "lineHeight": "1.399999976158142rem",
161
+ "fontWeight": "400",
138
162
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
139
163
  },
140
- ".h4-webs": {
141
- "fontSize": "1.5rem",
142
- "lineHeight": "1.875rem",
164
+ ".txt-small-plus": {
165
+ "fontSize": "0.8125rem",
166
+ "lineHeight": "1.3000000715255737rem",
143
167
  "fontWeight": "500",
144
168
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
145
169
  },
146
- ".h2-core": {
170
+ ".txt-large": {
147
171
  "fontSize": "1rem",
148
- "lineHeight": "1.5rem",
149
- "fontWeight": "500",
172
+ "lineHeight": "1.600000023841858rem",
173
+ "fontWeight": "400",
150
174
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
151
175
  },
152
- ".h3-core": {
176
+ ".txt-medium-plus": {
153
177
  "fontSize": "0.875rem",
154
- "lineHeight": "1.25rem",
178
+ "lineHeight": "1.399999976158142rem",
155
179
  "fontWeight": "500",
156
180
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
157
181
  },
158
- ".h1-core": {
159
- "fontSize": "1.125rem",
160
- "lineHeight": "1.75rem",
161
- "fontWeight": "500",
182
+ ".txt-xsmall": {
183
+ "fontSize": "0.75rem",
184
+ "lineHeight": "1.2000000476837158rem",
185
+ "fontWeight": "400",
162
186
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
163
187
  },
164
- ".h1-docs": {
165
- "fontSize": "1.5rem",
166
- "lineHeight": "1.875rem",
188
+ ".h3-docs": {
189
+ "fontSize": "1rem",
190
+ "lineHeight": "1.600000023841858rem",
167
191
  "fontWeight": "500",
168
192
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
169
193
  },
170
- ".h2-docs": {
194
+ ".txt-xlarge-plus": {
171
195
  "fontSize": "1.125rem",
172
- "lineHeight": "1.6875rem",
196
+ "lineHeight": "1.8000000715255737rem",
173
197
  "fontWeight": "500",
174
198
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
175
199
  },
176
- ".h3-docs": {
200
+ ".txt-large-plus": {
177
201
  "fontSize": "1rem",
178
- "lineHeight": "1.5rem",
202
+ "lineHeight": "1.600000023841858rem",
179
203
  "fontWeight": "500",
180
204
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
181
205
  },
182
- ".code-body": {
183
- "fontSize": "0.75rem",
184
- "lineHeight": "1.125rem",
206
+ ".txt-xlarge": {
207
+ "fontSize": "1.125rem",
208
+ "lineHeight": "1.8000000715255737rem",
185
209
  "fontWeight": "400",
186
- "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
187
- },
188
- ".code-label": {
189
- "fontSize": "0.75rem",
190
- "lineHeight": "0.9375rem",
191
- "fontWeight": "500",
192
- "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
210
+ "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
193
211
  }
194
212
  }