@vaneui/md 0.3.1-alpha.20260104125946.4a6b7b2 → 0.3.1-alpha.20260104192853.8b57fd2

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 (6) hide show
  1. package/dist/index.esm.js +23 -1
  2. package/dist/index.esm.js.map +1 -1
  3. package/dist/index.js +23 -1
  4. package/dist/index.js.map +1 -1
  5. package/dist/styles/index.css +42 -0
  6. package/package.json +2 -2
package/dist/styles/index.css CHANGED
@@ -492,6 +492,16 @@
492
492
  --accent-color: var(--color-bg-info);
493
493
  --checked-bg-color: var(--color-bg-info);
494
494
  }
495
+ [data-variant="outline"][data-appearance="link"] {
496
+ --text-color: var(--color-text-link);
497
+ --bg-color: var(--color-bg-primary);
498
+ --bg-hover-color: var(--color-bg-hover-primary);
499
+ --bg-active-color: var(--color-bg-active-primary);
500
+ --border-color: var(--color-border-brand);
501
+ --ring-color: var(--color-border-brand);
502
+ --accent-color: var(--color-bg-primary);
503
+ --checked-bg-color: var(--color-bg-primary);
504
+ }
495
505
 
496
506
  /* -----------------------------------------
497
507
  FILLED VARIANT
@@ -586,6 +596,16 @@
586
596
  --accent-color: var(--color-bg-filled-info);
587
597
  --checked-bg-color: var(--color-bg-filled-info);
588
598
  }
599
+ [data-variant="filled"][data-appearance="link"] {
600
+ --text-color: var(--color-text-filled-link);
601
+ --bg-color: var(--color-bg-filled-brand);
602
+ --bg-hover-color: var(--color-bg-filled-hover-brand);
603
+ --bg-active-color: var(--color-bg-filled-active-brand);
604
+ --border-color: var(--color-border-filled-brand);
605
+ --ring-color: var(--color-border-filled-brand);
606
+ --accent-color: var(--color-bg-filled-brand);
607
+ --checked-bg-color: var(--color-bg-filled-brand);
608
+ }
589
609
 
590
610
  /* -----------------------------------------
591
611
  TRANSPARENT STATE
@@ -756,6 +776,7 @@
756
776
  --color-text-brand: var(--color-blue-600);
757
777
  --color-text-secondary: var(--color-gray-600);
758
778
  --color-text-tertiary: var(--color-gray-500);
779
+ --color-text-link: var(--color-blue-600);
759
780
  --color-text-accent: var(--color-rose-700);
760
781
  --color-text-success: var(--color-emerald-600);
761
782
  --color-text-danger: var(--color-red-600);
@@ -765,6 +786,7 @@
765
786
  --color-text-filled-brand: var(--color-blue-100);
766
787
  --color-text-filled-secondary: var(--color-gray-200);
767
788
  --color-text-filled-tertiary: var(--color-gray-300);
789
+ --color-text-filled-link: var(--color-blue-100);
768
790
  --color-text-filled-accent: var(--color-rose-100);
769
791
  --color-text-filled-success: var(--color-emerald-100);
770
792
  --color-text-filled-danger: var(--color-red-100);
@@ -3067,6 +3089,16 @@
3067
3089
  --accent-color: var(--color-bg-info);
3068
3090
  --checked-bg-color: var(--color-bg-info);
3069
3091
  }
3092
+ [data-variant="outline"][data-appearance="link"] {
3093
+ --text-color: var(--color-text-link);
3094
+ --bg-color: var(--color-bg-primary);
3095
+ --bg-hover-color: var(--color-bg-hover-primary);
3096
+ --bg-active-color: var(--color-bg-active-primary);
3097
+ --border-color: var(--color-border-brand);
3098
+ --ring-color: var(--color-border-brand);
3099
+ --accent-color: var(--color-bg-primary);
3100
+ --checked-bg-color: var(--color-bg-primary);
3101
+ }
3070
3102
  [data-variant="filled"][data-appearance="primary"] {
3071
3103
  --text-color: var(--color-text-filled-primary);
3072
3104
  --bg-color: var(--color-bg-filled-primary);
@@ -3157,6 +3189,16 @@
3157
3189
  --accent-color: var(--color-bg-filled-info);
3158
3190
  --checked-bg-color: var(--color-bg-filled-info);
3159
3191
  }
3192
+ [data-variant="filled"][data-appearance="link"] {
3193
+ --text-color: var(--color-text-filled-link);
3194
+ --bg-color: var(--color-bg-filled-brand);
3195
+ --bg-hover-color: var(--color-bg-filled-hover-brand);
3196
+ --bg-active-color: var(--color-bg-filled-active-brand);
3197
+ --border-color: var(--color-border-filled-brand);
3198
+ --ring-color: var(--color-border-filled-brand);
3199
+ --accent-color: var(--color-bg-filled-brand);
3200
+ --checked-bg-color: var(--color-bg-filled-brand);
3201
+ }
3160
3202
  [data-transparent="true"] {
3161
3203
  --bg-color: transparent;
3162
3204
  --bg-hover-color: transparent;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaneui/md",
3
- "version": "0.3.1-alpha.20260104125946.4a6b7b2",
3
+ "version": "0.3.1-alpha.20260104192853.8b57fd2",
4
4
  "description": "Markdown component for VaneUI - A React component that renders markdown using @vaneui/ui components",
5
5
  "author": "",
6
6
  "license": "ISC",
@@ -62,7 +62,7 @@
62
62
  "@types/jest": "^29.5.14",
63
63
  "@types/react": "^19.1.0",
64
64
  "@types/react-dom": "^19.1.0",
65
- "@vaneui/ui": "^0.3.1-alpha.20260104122258.84d5e12",
65
+ "@vaneui/ui": "^0.3.1-alpha.20260104192027.4377256",
66
66
  "jest": "^29.7.0",
67
67
  "jest-environment-jsdom": "^30.0.4",
68
68
  "jsdom": "^26.1.0",