@novie/ui 0.1.9 → 0.1.11

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 (5) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.js +3 -3
  3. package/dist/index.js.map +1 -1
  4. package/package.json +1 -1
  5. package/src/index.css +70 -62
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@novie/ui",
3
- "version": "0.1.9",
3
+ "version": "0.1.11",
4
4
  "description": "Novie design system component library built on shadcn/ui conventions",
5
5
  "repository": {
6
6
  "type": "git",
package/src/index.css CHANGED
@@ -74,8 +74,8 @@
74
74
  /* semantic: text/primary/default ← palette: neutral-900 hex: #333333 */
75
75
 
76
76
  /* --- Destructive (Novie red) --- */
77
- --destructive: 10.7 77% 44.3%;
78
- /* semantic: bg/error/default ← palette: red-500 hex: #c8391a */
77
+ --destructive: 11.2 80.6% 36.5%;
78
+ /* semantic: bg/error/default ← palette: red-600 hex: #a82e12 */
79
79
  --destructive-foreground: 0 0% 100%;
80
80
  /* semantic: text/inverse/default ← palette: white hex: #ffffff */
81
81
 
@@ -93,15 +93,15 @@
93
93
  * STATUS TOKENS
94
94
  * ======================================== */
95
95
 
96
- /* --- Success (fern) --- */
97
- --success: 148.1 23.2% 39.8%;
98
- /* semantic: bg/success/default ← palette: fern-600 hex: #4e7d64 */
96
+ /* --- Success (green) --- */
97
+ --success: 85.5 50% 31.4%;
98
+ /* semantic: bg/success/default ← palette: green-600 hex: #567828 */
99
99
  --success-foreground: 0 0% 100%;
100
100
  /* semantic: text/inverse/default ← palette: white hex: #ffffff */
101
- --success-secondary: 143.1 28.9% 64.7%;
102
- /* semantic: bg/success/secondary ← palette: fern-400 hex: #8bbf9f */
103
- --success-tertiary: 152.3 30.2% 91.6%;
104
- /* semantic: bg/success/tertiary ← palette: fern-100 hex: #e3f0ea */
101
+ --success-secondary: 85.2 39.4% 50.2%;
102
+ /* semantic: bg/success/secondary ← palette: green-400 hex: #88b24e */
103
+ --success-tertiary: 78.3 39% 88.4%;
104
+ /* semantic: bg/success/tertiary ← palette: green-100 hex: #e6edd6 */
105
105
 
106
106
  /* --- Warning (orange) --- */
107
107
  --warning: 30.2 100% 61.4%;
@@ -162,13 +162,15 @@
162
162
  /* semantic: bg/interactive/secondary ← palette: sand-400 hex: #f3f1eb */
163
163
  --interactive-tertiary: 40 50% 97.6%;
164
164
  /* semantic: bg/interactive/tertiary ← palette: sand-300 hex: #fcfaf6 */
165
+ --interactive-active: 42.9 10.1% 86.5%;
166
+ /* semantic: bg/interactive/active ← palette: sand-550 hex: #e0ded9 */
165
167
 
166
168
  /* ========================================
167
169
  * SCENARIO BACKGROUNDS
168
170
  * ======================================== */
169
171
 
170
- --scenario-fern: 152.3 30.2% 91.6%;
171
- /* semantic: bg/scenario/fern ← palette: fern-100 hex: #e3f0ea */
172
+ --scenario-fern: 142 36.6% 83.9%;
173
+ /* semantic: bg/scenario/fern ← palette: forrest-100 hex: #c7e5d2 */
172
174
  --scenario-orange: 30 100% 87.1%;
173
175
  /* semantic: bg/scenario/orange ← palette: orange-100 hex: #ffdebd */
174
176
  --scenario-red: 15.7 82.1% 89%;
@@ -229,8 +231,8 @@
229
231
  /* semantic: text/error/default ← palette: red-600 hex: #a82e12 */
230
232
  --text-error-on-surface: 10.3 78.4% 14.5%;
231
233
  /* semantic: text/error/on-surface ← palette: red-900 hex: #421208 */
232
- --text-success: 148.1 23.2% 39.8%;
233
- /* semantic: text/success/default ← palette: fern-600 hex: #4e7d64 */
234
+ --text-success: 151.5 59.7% 26.3%;
235
+ /* semantic: text/success/default ← palette: forrest-600 hex: #1b6b45 */
234
236
  --text-success-on-surface: 146.1 33.3% 27.1%;
235
237
  /* semantic: text/success/on-surface ← palette: fern-700 hex: #2e5c42 */
236
238
  --text-warning: 31.5 86.9% 41.8%;
@@ -286,8 +288,8 @@
286
288
  /* semantic: Icon/error/Tertiary ← palette: — hex: #ef6e6e */
287
289
 
288
290
  /* Icon/success */
289
- --icon-success: 146.1 33.3% 27.1%;
290
- /* semantic: Icon/success/default ← palette: fern-700 hex: #2e5c42 */
291
+ --icon-success: 151.9 61.5% 20.4%;
292
+ /* semantic: Icon/success/default ← palette: forrest-700 hex: #145436 */
291
293
  --icon-success-on-surface: 0 0% 100%;
292
294
  /* semantic: Icon/success/on-surface ← palette: white hex: #ffffff */
293
295
  --icon-success-on-positive: 140.6 84.2% 92.5%;
@@ -344,6 +346,8 @@
344
346
  /* semantic: button/brand/hover ← palette: forrest-500 hex: #257550 */
345
347
  --button-brand-pressed: 151.9 61.5% 20.4%;
346
348
  /* semantic: button/brand/pressed ← palette: forrest-700 hex: #145436 */
349
+ --button-brand-secondary: 142 36.6% 83.9%;
350
+ /* semantic: button/brand/secondary ← palette: forrest-100 hex: #c7e5d2 */
347
351
 
348
352
  /* Secondary Filled (black bg) */
349
353
  --button-secondary-filled-hover: 0 0% 23.1%;
@@ -352,22 +356,22 @@
352
356
  /* Shared disabled tokens */
353
357
  --button-primary-bg-disabled: 0 0% 78%;
354
358
  /* semantic: button/primary/background-disabled ← palette: neutral-200 hex: #c7c7c7 */
355
- --button-primary-text-disabled: 208.2 11.3% 29.6%;
356
- /* semantic: text/info/default ← palette: slate-700 hex: #434c54 */
359
+ --button-primary-text-disabled: 0 0% 63.9%;
360
+ /* semantic: button/primary/text-disabled ← palette: neutral-400 hex: #a3a3a3 */
357
361
  --button-text-disabled: 0 0% 63.9%;
358
- /* semantic: button/primary/text-disabled ← palette: neutral-400 hex: #a3a3a3 */
362
+ /* semantic: button/secondary/text-disabled ← palette: neutral-400 hex: #a3a3a3 */
359
363
 
360
364
  /* Danger */
361
- --button-danger-hover: 11.1 80.6% 36.5%;
362
- /* semantic: background/error/default-hover ← palette: red-600 hex: #a82e12 */
363
- --button-danger-bg-disabled: 14.8 82.5% 79.4%;
365
+ --button-danger-hover: 11.2 80.6% 36.5%;
366
+ /* semantic: button/destructive/background ← palette: red-600 hex: #a82e12 */
367
+ --button-danger-bg-disabled: 14.8 81% 79.4%;
364
368
  /* semantic: button/destructive/background-disabled ← palette: red-200 hex: #f5b5a0 */
365
369
  --button-danger-text-disabled: 10.3 78.4% 14.5%;
366
370
  /* semantic: text/error/on-surface ← palette: red-900 hex: #421208 */
367
371
 
368
372
  /* Ghost */
369
- --button-ghost-text-disabled: 0 0% 68.6%;
370
- /* semantic: primary/400 ← palette: neutral-400 hex: #afafaf */
373
+ --button-ghost-text-disabled: 0 0% 63.9%;
374
+ /* semantic: button/ghost/text-disabled ← palette: neutral-400 hex: #a3a3a3 */
371
375
  --icon-button-hover: 0 0% 50.2%;
372
376
  /* semantic: icon/default/secondary ← palette: neutral-500 hex: #808080 */
373
377
  --icon-button-disabled: 0 0% 70.6%;
@@ -649,8 +653,8 @@
649
653
  /* semantic: text/primary/secondary (dark) ← palette: neutral-200 hex: #c7c7c7 */
650
654
 
651
655
  /* --- Accent (maps to interactive/secondary) --- */
652
- --accent: 0 0% 14.1%;
653
- /* semantic: bg/interactive/secondary (dark) ← palette: gray-800 hex: #242424 */
656
+ --accent: 0 0% 23.1%;
657
+ /* semantic: bg/interactive/secondary (dark) ← palette: gray-700 hex: #3b3b3b */
654
658
  --accent-foreground: 0 0% 92.5%;
655
659
  /* semantic: text/primary/default (dark) ← palette: neutral-50 hex: #ececec */
656
660
 
@@ -672,15 +676,15 @@
672
676
  * STATUS TOKENS
673
677
  * ======================================== */
674
678
 
675
- /* --- Success (fern) --- */
676
- --success: 146.1 33.3% 27.1%;
677
- /* semantic: bg/success/default (dark) ← palette: fern-700 hex: #2e5c42 */
679
+ /* --- Success (green) --- */
680
+ --success: 85.5 50% 31.4%;
681
+ /* semantic: bg/success/default (dark) ← palette: green-600 hex: #567828 */
678
682
  --success-foreground: 0 0% 100%;
679
683
  /* semantic: text/inverse/default (dark) ← palette: white hex: #ffffff */
680
- --success-secondary: 147.3 37.1% 17.5%;
681
- /* semantic: bg/success/secondary (dark) ← palette: fern-800 hex: #1c3d2b */
682
- --success-tertiary: 147.3 37.1% 17.5%;
683
- /* semantic: bg/success/tertiary (dark) ← palette: fern-800 hex: #1c3d2b */
684
+ --success-secondary: 84.8 42% 27.1%;
685
+ /* semantic: bg/success/secondary (dark) ← palette: green-700 hex: #4a6228 */
686
+ --success-tertiary: 87.3 42.3% 20.4%;
687
+ /* semantic: bg/success/tertiary (dark) ← palette: green-800 hex: #364a1e */
684
688
 
685
689
  /* --- Warning (orange) --- */
686
690
  --warning: 30.2 100% 61.4%;
@@ -693,8 +697,8 @@
693
697
  /* semantic: bg/warning/tertiary (dark) ← palette: orange-900 hex: #603812 */
694
698
 
695
699
  /* --- Info (slate) --- */
696
- --info: 210 11.9% 39.6%;
697
- /* semantic: bg/info/default (dark) ← palette: slate-700 hex: #596571 — NOTE: same as light, no dark override in Figma data */
700
+ --info: 210 13% 63.9%;
701
+ /* semantic: bg/info/default (dark) ← palette: slate-400 hex: #97a3af */
698
702
  --info-foreground: 0 0% 100%;
699
703
  /* semantic: text/inverse/default (dark) ← palette: white hex: #ffffff */
700
704
  --info-secondary: 208.2 11.3% 29.6%;
@@ -707,8 +711,8 @@
707
711
  /* semantic: bg/error/default (dark) ← palette: red-500 hex: #c8391a */
708
712
  --error-foreground: 0 0% 100%;
709
713
  /* semantic: text/inverse/default (dark) ← palette: white hex: #ffffff */
710
- --error-secondary: 10.1 78.8% 29.6%;
711
- /* semantic: bg/error/secondary (dark) ← palette: red-700 hex: #872410 */
714
+ --error-secondary: 10.1 78.8% 22.2%;
715
+ /* semantic: bg/error/secondary (dark) ← palette: red-800 hex: #651b0c */
712
716
  --error-tertiary: 10.1 78.8% 22.2%;
713
717
  /* semantic: bg/error/tertiary (dark) ← palette: red-800 hex: #651b0c */
714
718
 
@@ -741,13 +745,15 @@
741
745
  /* semantic: bg/interactive/secondary (dark) ← palette: gray-700 hex: #3b3b3b */
742
746
  --interactive-tertiary: 0 0% 39.6%;
743
747
  /* semantic: bg/interactive/tertiary (dark) ← palette: gray-600 hex: #656565 */
748
+ --interactive-active: 0 0% 39.6%;
749
+ /* semantic: bg/interactive/active (dark) ← palette: gray-600 hex: #656565 */
744
750
 
745
751
  /* ========================================
746
752
  * SCENARIO BACKGROUNDS
747
753
  * ======================================== */
748
754
 
749
- --scenario-fern: 147.3 37.1% 17.5%;
750
- /* semantic: bg/scenario/fern (dark) ← palette: fern-800 hex: #1c3d2b */
755
+ --scenario-fern: 152.5 64.9% 14.5%;
756
+ /* semantic: bg/scenario/fern (dark) ← palette: forrest-800 hex: #0d3d27 */
751
757
  --scenario-orange: 29.2 68.4% 22.4%;
752
758
  /* semantic: bg/scenario/orange (dark) ← palette: orange-900 hex: #603812 */
753
759
  --scenario-red: 10.1 78.8% 22.2%;
@@ -808,8 +814,8 @@
808
814
  /* semantic: text/error/default (dark) ← palette: red-300 hex: #ec8c72 */
809
815
  --text-error-on-surface: 15.7 82.1% 89%;
810
816
  /* semantic: text/error/on-surface (dark) ← palette: red-100 hex: #fad8cc */
811
- --text-success: 150.7 27.5% 70.8%;
812
- /* semantic: text/success/default (dark) ← palette: fern-300 hex: #a0c9b5 */
817
+ --text-success: 149.2 33.1% 53.7%;
818
+ /* semantic: text/success/default (dark) ← palette: forrest-300 hex: #62b088 */
813
819
  --text-success-on-surface: 148.8 26.9% 81.8%;
814
820
  /* semantic: text/success/on-surface (dark) ← palette: fern-200 hex: #c4ddd0 */
815
821
  --text-warning: 29.6 100% 68.2%;
@@ -865,8 +871,8 @@
865
871
  /* semantic: Icon/error/Tertiary (dark) — (estimated) */
866
872
 
867
873
  /* Icon/success */
868
- --icon-success: 150.7 27.5% 70.8%;
869
- /* semantic: Icon/success/default (dark) ← palette: fern-300 hex: #a0c9b5 */
874
+ --icon-success: 149.2 33.1% 53.7%;
875
+ /* semantic: Icon/success/default (dark) ← palette: forrest-300 hex: #62b088 */
870
876
  --icon-success-on-surface: 150 44% 9.8%;
871
877
  /* semantic: Icon/success/on-surface (dark) ← palette: fern-900 hex: #0e2419 — NOTE: Figma typo "fern900" */
872
878
  --icon-success-on-positive: 140.6 84.2% 92.5%;
@@ -920,36 +926,38 @@
920
926
  * ======================================== */
921
927
 
922
928
  /* Brand (Primary Button — green) */
923
- --button-brand-default: 151.5 59.7% 26.3%;
924
- /* semantic: button/brand/default (dark) ← palette: forrest-600 hex: #1b6b45 (estimated) */
925
- --button-brand-hover: 152.3 51.9% 30.2%;
926
- /* semantic: button/brand/hover (dark) ← palette: forrest-500 hex: #257550 (estimated) */
927
- --button-brand-pressed: 151.9 61.5% 20.4%;
928
- /* semantic: button/brand/pressed (dark) ← palette: forrest-700 hex: #145436 (estimated) */
929
+ --button-brand-default: 150.7 43.4% 38.8%;
930
+ /* semantic: button/brand/default (dark) ← palette: forrest-400 hex: #388e64 */
931
+ --button-brand-hover: 0 0% 100%;
932
+ /* semantic: button/brand/hover (dark) ← palette: white hex: #ffffff */
933
+ --button-brand-pressed: 0 0% 100%;
934
+ /* semantic: button/brand/pressed (dark) ← palette: white hex: #ffffff */
935
+ --button-brand-secondary: 0 0% 100%;
936
+ /* semantic: button/brand/secondary (dark) ← palette: white hex: #ffffff */
929
937
 
930
938
  /* Secondary Filled */
931
- --button-secondary-filled-hover: 0 0% 89.8%;
932
- /* semantic: button/primary/background-tertiary (dark) ← palette: gray-200 hex: #e5e5e5 (estimated) */
939
+ --button-secondary-filled-hover: 200 12% 95.1%;
940
+ /* semantic: button/primary/background-tertiary (dark) ← palette: gray-100 hex: #f1f3f4 */
933
941
 
934
942
  /* Shared disabled tokens */
935
943
  --button-primary-bg-disabled: 0 0% 23.1%;
936
944
  /* semantic: button/primary/background-disabled (dark) ← palette: gray-700 hex: #3b3b3b */
937
- --button-primary-text-disabled: 208.2 11.3% 29.6%;
938
- /* semantic: text/info/default (dark) ← palette: slate-700 hex: #434c54 (estimated) */
939
- --button-text-disabled: 0 0% 63.9%;
940
- /* semantic: button/primary/text-disabled (dark) ← palette: neutral-400 hex: #a3a3a3 (estimated) */
945
+ --button-primary-text-disabled: 0 0% 56.9%;
946
+ /* semantic: button/primary/text-disabled (dark) ← palette: neutral-500 hex: #919191 */
947
+ --button-text-disabled: 0 0% 56.9%;
948
+ /* semantic: button/secondary/text-disabled (dark) ← palette: neutral-500 hex: #919191 */
941
949
 
942
950
  /* Danger */
943
- --button-danger-hover: 11.1 80.6% 36.5%;
944
- /* semantic: background/error/default-hover (dark) ← palette: red-600 hex: #a82e12 (estimated) */
945
- --button-danger-bg-disabled: 14.8 82.5% 79.4%;
946
- /* semantic: button/destructive/background-disabled (dark) ← palette: red-200 hex: #f5b5a0 (estimated) */
947
- --button-danger-text-disabled: 10.3 78.4% 14.5%;
948
- /* semantic: text/error/on-surface (dark) ← palette: red-900 hex: #421208 (estimated) */
951
+ --button-danger-hover: 10.7 77% 44.3%;
952
+ /* semantic: button/destructive/background (dark) ← palette: red-500 hex: #c8391a */
953
+ --button-danger-bg-disabled: 10.1 78.8% 22.2%;
954
+ /* semantic: button/destructive/background-disabled (dark) ← palette: red-800 hex: #651b0c */
955
+ --button-danger-text-disabled: 15.7 82.1% 89%;
956
+ /* semantic: text/error/on-surface (dark) ← palette: red-100 hex: #fad8cc */
949
957
 
950
958
  /* Ghost */
951
- --button-ghost-text-disabled: 0 0% 68.6%;
952
- /* semantic: primary/400 (dark) ← palette: neutral-400 hex: #afafaf (estimated) */
959
+ --button-ghost-text-disabled: 0 0% 56.9%;
960
+ /* semantic: button/ghost/text-disabled (dark) ← palette: neutral-500 hex: #919191 */
953
961
  --icon-button-hover: 0 0% 50.2%;
954
962
  /* semantic: icon/default/secondary (dark) ← palette: neutral-500 hex: #808080 (estimated) */
955
963
  --icon-button-disabled: 0 0% 70.6%;