@novie/ui 0.1.10 → 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 (3) hide show
  1. package/dist/index.css +1 -1
  2. package/package.json +1 -1
  3. package/src/index.css +70 -66
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@novie/ui",
3
- "version": "0.1.10",
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,8 +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 */
347
- --button-brand-secondary: 147.9 36.4% 69.8%;
348
- /* semantic: button/brand/secondary ← palette: forrest-300 hex: #96ceb0 */
349
+ --button-brand-secondary: 142 36.6% 83.9%;
350
+ /* semantic: button/brand/secondary ← palette: forrest-100 hex: #c7e5d2 */
349
351
 
350
352
  /* Secondary Filled (black bg) */
351
353
  --button-secondary-filled-hover: 0 0% 23.1%;
@@ -354,22 +356,22 @@
354
356
  /* Shared disabled tokens */
355
357
  --button-primary-bg-disabled: 0 0% 78%;
356
358
  /* semantic: button/primary/background-disabled ← palette: neutral-200 hex: #c7c7c7 */
357
- --button-primary-text-disabled: 208.2 11.3% 29.6%;
358
- /* 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 */
359
361
  --button-text-disabled: 0 0% 63.9%;
360
- /* semantic: button/primary/text-disabled ← palette: neutral-400 hex: #a3a3a3 */
362
+ /* semantic: button/secondary/text-disabled ← palette: neutral-400 hex: #a3a3a3 */
361
363
 
362
364
  /* Danger */
363
- --button-danger-hover: 11.1 80.6% 36.5%;
364
- /* semantic: background/error/default-hover ← palette: red-600 hex: #a82e12 */
365
- --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%;
366
368
  /* semantic: button/destructive/background-disabled ← palette: red-200 hex: #f5b5a0 */
367
369
  --button-danger-text-disabled: 10.3 78.4% 14.5%;
368
370
  /* semantic: text/error/on-surface ← palette: red-900 hex: #421208 */
369
371
 
370
372
  /* Ghost */
371
- --button-ghost-text-disabled: 0 0% 68.6%;
372
- /* 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 */
373
375
  --icon-button-hover: 0 0% 50.2%;
374
376
  /* semantic: icon/default/secondary ← palette: neutral-500 hex: #808080 */
375
377
  --icon-button-disabled: 0 0% 70.6%;
@@ -651,8 +653,8 @@
651
653
  /* semantic: text/primary/secondary (dark) ← palette: neutral-200 hex: #c7c7c7 */
652
654
 
653
655
  /* --- Accent (maps to interactive/secondary) --- */
654
- --accent: 0 0% 14.1%;
655
- /* 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 */
656
658
  --accent-foreground: 0 0% 92.5%;
657
659
  /* semantic: text/primary/default (dark) ← palette: neutral-50 hex: #ececec */
658
660
 
@@ -674,15 +676,15 @@
674
676
  * STATUS TOKENS
675
677
  * ======================================== */
676
678
 
677
- /* --- Success (fern) --- */
678
- --success: 146.1 33.3% 27.1%;
679
- /* 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 */
680
682
  --success-foreground: 0 0% 100%;
681
683
  /* semantic: text/inverse/default (dark) ← palette: white hex: #ffffff */
682
- --success-secondary: 147.3 37.1% 17.5%;
683
- /* semantic: bg/success/secondary (dark) ← palette: fern-800 hex: #1c3d2b */
684
- --success-tertiary: 147.3 37.1% 17.5%;
685
- /* 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 */
686
688
 
687
689
  /* --- Warning (orange) --- */
688
690
  --warning: 30.2 100% 61.4%;
@@ -695,8 +697,8 @@
695
697
  /* semantic: bg/warning/tertiary (dark) ← palette: orange-900 hex: #603812 */
696
698
 
697
699
  /* --- Info (slate) --- */
698
- --info: 210 11.9% 39.6%;
699
- /* 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 */
700
702
  --info-foreground: 0 0% 100%;
701
703
  /* semantic: text/inverse/default (dark) ← palette: white hex: #ffffff */
702
704
  --info-secondary: 208.2 11.3% 29.6%;
@@ -709,8 +711,8 @@
709
711
  /* semantic: bg/error/default (dark) ← palette: red-500 hex: #c8391a */
710
712
  --error-foreground: 0 0% 100%;
711
713
  /* semantic: text/inverse/default (dark) ← palette: white hex: #ffffff */
712
- --error-secondary: 10.1 78.8% 29.6%;
713
- /* 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 */
714
716
  --error-tertiary: 10.1 78.8% 22.2%;
715
717
  /* semantic: bg/error/tertiary (dark) ← palette: red-800 hex: #651b0c */
716
718
 
@@ -743,13 +745,15 @@
743
745
  /* semantic: bg/interactive/secondary (dark) ← palette: gray-700 hex: #3b3b3b */
744
746
  --interactive-tertiary: 0 0% 39.6%;
745
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 */
746
750
 
747
751
  /* ========================================
748
752
  * SCENARIO BACKGROUNDS
749
753
  * ======================================== */
750
754
 
751
- --scenario-fern: 147.3 37.1% 17.5%;
752
- /* 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 */
753
757
  --scenario-orange: 29.2 68.4% 22.4%;
754
758
  /* semantic: bg/scenario/orange (dark) ← palette: orange-900 hex: #603812 */
755
759
  --scenario-red: 10.1 78.8% 22.2%;
@@ -810,8 +814,8 @@
810
814
  /* semantic: text/error/default (dark) ← palette: red-300 hex: #ec8c72 */
811
815
  --text-error-on-surface: 15.7 82.1% 89%;
812
816
  /* semantic: text/error/on-surface (dark) ← palette: red-100 hex: #fad8cc */
813
- --text-success: 150.7 27.5% 70.8%;
814
- /* 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 */
815
819
  --text-success-on-surface: 148.8 26.9% 81.8%;
816
820
  /* semantic: text/success/on-surface (dark) ← palette: fern-200 hex: #c4ddd0 */
817
821
  --text-warning: 29.6 100% 68.2%;
@@ -867,8 +871,8 @@
867
871
  /* semantic: Icon/error/Tertiary (dark) — (estimated) */
868
872
 
869
873
  /* Icon/success */
870
- --icon-success: 150.7 27.5% 70.8%;
871
- /* 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 */
872
876
  --icon-success-on-surface: 150 44% 9.8%;
873
877
  /* semantic: Icon/success/on-surface (dark) ← palette: fern-900 hex: #0e2419 — NOTE: Figma typo "fern900" */
874
878
  --icon-success-on-positive: 140.6 84.2% 92.5%;
@@ -922,38 +926,38 @@
922
926
  * ======================================== */
923
927
 
924
928
  /* Brand (Primary Button — green) */
925
- --button-brand-default: 151.5 59.7% 26.3%;
926
- /* semantic: button/brand/default (dark) ← palette: forrest-600 hex: #1b6b45 (estimated) */
927
- --button-brand-hover: 152.3 51.9% 30.2%;
928
- /* semantic: button/brand/hover (dark) ← palette: forrest-500 hex: #257550 (estimated) */
929
- --button-brand-pressed: 151.9 61.5% 20.4%;
930
- /* semantic: button/brand/pressed (dark) ← palette: forrest-700 hex: #145436 (estimated) */
931
- --button-brand-secondary: 147.9 36.4% 69.8%;
932
- /* semantic: button/brand/secondary (dark) ← palette: forrest-300 hex: #96ceb0 (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 */
933
937
 
934
938
  /* Secondary Filled */
935
- --button-secondary-filled-hover: 0 0% 89.8%;
936
- /* 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 */
937
941
 
938
942
  /* Shared disabled tokens */
939
943
  --button-primary-bg-disabled: 0 0% 23.1%;
940
944
  /* semantic: button/primary/background-disabled (dark) ← palette: gray-700 hex: #3b3b3b */
941
- --button-primary-text-disabled: 208.2 11.3% 29.6%;
942
- /* semantic: text/info/default (dark) ← palette: slate-700 hex: #434c54 (estimated) */
943
- --button-text-disabled: 0 0% 63.9%;
944
- /* 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 */
945
949
 
946
950
  /* Danger */
947
- --button-danger-hover: 11.1 80.6% 36.5%;
948
- /* semantic: background/error/default-hover (dark) ← palette: red-600 hex: #a82e12 (estimated) */
949
- --button-danger-bg-disabled: 14.8 82.5% 79.4%;
950
- /* semantic: button/destructive/background-disabled (dark) ← palette: red-200 hex: #f5b5a0 (estimated) */
951
- --button-danger-text-disabled: 10.3 78.4% 14.5%;
952
- /* 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 */
953
957
 
954
958
  /* Ghost */
955
- --button-ghost-text-disabled: 0 0% 68.6%;
956
- /* 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 */
957
961
  --icon-button-hover: 0 0% 50.2%;
958
962
  /* semantic: icon/default/secondary (dark) ← palette: neutral-500 hex: #808080 (estimated) */
959
963
  --icon-button-disabled: 0 0% 70.6%;