@novie/ui 0.1.7 → 0.1.10

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 (8) hide show
  1. package/dist/components/ui/button.d.ts +1 -1
  2. package/dist/components/ui/button.d.ts.map +1 -1
  3. package/dist/components/ui/tag.d.ts +1 -1
  4. package/dist/index.css +1 -1
  5. package/dist/index.js +27 -15
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/index.css +59 -41
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@novie/ui",
3
- "version": "0.1.7",
3
+ "version": "0.1.10",
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
@@ -337,30 +337,39 @@
337
337
  * BUTTON TOKENS
338
338
  * ======================================== */
339
339
 
340
- --button-primary-bg: 0 0% 0%;
341
- /* semantic: button/primary/background ← palette: gray-900 hex: #000000 */
340
+ /* Brand (Primary Button — green) */
341
+ --button-brand-default: 151.5 59.7% 26.3%;
342
+ /* semantic: button/brand/default ← palette: forrest-600 hex: #1b6b45 */
343
+ --button-brand-hover: 152.3 51.9% 30.2%;
344
+ /* semantic: button/brand/hover ← palette: forrest-500 hex: #257550 */
345
+ --button-brand-pressed: 151.9 61.5% 20.4%;
346
+ /* 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
+
350
+ /* Secondary Filled (black bg) */
351
+ --button-secondary-filled-hover: 0 0% 23.1%;
352
+ /* semantic: button/primary/background-tertiary ← palette: gray-700 hex: #3b3b3b */
353
+
354
+ /* Shared disabled tokens */
342
355
  --button-primary-bg-disabled: 0 0% 78%;
343
356
  /* semantic: button/primary/background-disabled ← palette: neutral-200 hex: #c7c7c7 */
344
- --button-primary-text: 0 0% 100%;
345
- /* semantic: button/primary/text ← palette: white hex: #ffffff */
346
- --button-secondary-bg: 0 0% 0% / 0%;
347
- /* semantic: button/secondary/background ← palette: transparent hex: #00000000 */
348
- --button-secondary-hover-border: 0 0% 53.7%;
349
- /* semantic: button/secondary/border-hover ← palette: gray-500 hex: #898989 */
350
- --button-primary-hover: 0 0% 14.1%;
351
- /* semantic: button/primary-hover ← palette: gray-800 hex: #242424 */
352
- --button-primary-text-disabled: 215 9% 29.4%;
353
- /* semantic: text/info/default ← palette: slate-600 hex: #434c54 */
354
- --button-danger-hover: 346.3 71.3% 39.6%;
355
- /* semantic: background/error/default-hover ← palette: red-700 hex: #ad1c31 */
356
- --button-danger-bg-disabled: 14.1 85.5% 79.6%;
357
+ --button-primary-text-disabled: 208.2 11.3% 29.6%;
358
+ /* semantic: text/info/default ← palette: slate-700 hex: #434c54 */
359
+ --button-text-disabled: 0 0% 63.9%;
360
+ /* semantic: button/primary/text-disabled ← palette: neutral-400 hex: #a3a3a3 */
361
+
362
+ /* 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%;
357
366
  /* semantic: button/destructive/background-disabled ← palette: red-200 hex: #f5b5a0 */
358
- --button-danger-text-disabled: 14.5 71.4% 16.5%;
367
+ --button-danger-text-disabled: 10.3 78.4% 14.5%;
359
368
  /* semantic: text/error/on-surface ← palette: red-900 hex: #421208 */
360
- --button-ghost-bg: 0 0% 0% / 0%;
361
- /* semantic: button/ghost/background ← palette: transparent hex: #00000000 */
362
- --button-ghost-hover: 210 17% 98%;
363
- /* semantic: background/primary/default-hover ← palette: gray-50 hex: #f8f9fa */
369
+
370
+ /* Ghost */
371
+ --button-ghost-text-disabled: 0 0% 68.6%;
372
+ /* semantic: primary/400 ← palette: neutral-400 hex: #afafaf */
364
373
  --icon-button-hover: 0 0% 50.2%;
365
374
  /* semantic: icon/default/secondary ← palette: neutral-500 hex: #808080 */
366
375
  --icon-button-disabled: 0 0% 70.6%;
@@ -912,30 +921,39 @@
912
921
  * BUTTON TOKENS
913
922
  * ======================================== */
914
923
 
915
- --button-primary-bg: 0 0% 100%;
916
- /* semantic: button/primary/background (dark) ← palette: white hex: #ffffff */
924
+ /* 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) */
933
+
934
+ /* Secondary Filled */
935
+ --button-secondary-filled-hover: 0 0% 89.8%;
936
+ /* semantic: button/primary/background-tertiary (dark) ← palette: gray-200 hex: #e5e5e5 (estimated) */
937
+
938
+ /* Shared disabled tokens */
917
939
  --button-primary-bg-disabled: 0 0% 23.1%;
918
940
  /* semantic: button/primary/background-disabled (dark) ← palette: gray-700 hex: #3b3b3b */
919
- --button-primary-text: 0 0% 0%;
920
- /* semantic: button/primary/text (dark) ← palette: gray-900 hex: #000000 */
921
- --button-secondary-bg: 0 0% 0% / 0%;
922
- /* semantic: button/secondary/background (dark) ← palette: black-0 hex: transparent */
923
- --button-secondary-hover-border: 0 0% 53.7%;
924
- /* semantic: button/secondary/border-hover (dark) ← palette: gray-500 hex: #898989 (estimated) */
925
- --button-primary-hover: 0 0% 89.8%;
926
- /* semantic: button/primary-hover (dark) ← palette: gray-200 hex: #e5e5e5 (estimated) */
927
- --button-primary-text-disabled: 215 9% 29.4%;
928
- /* semantic: text/info/default (dark) ← palette: slate-600 hex: #434c54 (estimated) */
929
- --button-danger-hover: 346.3 71.3% 39.6%;
930
- /* semantic: background/error/default-hover (dark) ← palette: red-700 hex: #ad1c31 (estimated) */
931
- --button-danger-bg-disabled: 14.1 85.5% 79.6%;
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
+
946
+ /* 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%;
932
950
  /* semantic: button/destructive/background-disabled (dark) ← palette: red-200 hex: #f5b5a0 (estimated) */
933
- --button-danger-text-disabled: 14.5 71.4% 16.5%;
934
- /* semantic: text/error/on-surface (dark) ← palette: red-900 hex: #421208 (estimated) */
935
- --button-ghost-bg: 0 0% 0% / 0%;
936
- /* semantic: button/ghost/background (dark) ← palette: black-0 hex: transparent */
937
- --button-ghost-hover: 0 0% 23.1%;
938
- /* semantic: background/primary/default-hover (dark) ← palette: gray-700 hex: #3b3b3b (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) */
953
+
954
+ /* Ghost */
955
+ --button-ghost-text-disabled: 0 0% 68.6%;
956
+ /* semantic: primary/400 (dark) ← palette: neutral-400 hex: #afafaf (estimated) */
939
957
  --icon-button-hover: 0 0% 50.2%;
940
958
  /* semantic: icon/default/secondary (dark) ← palette: neutral-500 hex: #808080 (estimated) */
941
959
  --icon-button-disabled: 0 0% 70.6%;