@novie/ui 0.1.7 → 0.1.9

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 +24 -12
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/index.css +55 -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.9",
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,37 @@
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
+
348
+ /* Secondary Filled (black bg) */
349
+ --button-secondary-filled-hover: 0 0% 23.1%;
350
+ /* semantic: button/primary/background-tertiary ← palette: gray-700 hex: #3b3b3b */
351
+
352
+ /* Shared disabled tokens */
342
353
  --button-primary-bg-disabled: 0 0% 78%;
343
354
  /* 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%;
355
+ --button-primary-text-disabled: 208.2 11.3% 29.6%;
356
+ /* semantic: text/info/default ← palette: slate-700 hex: #434c54 */
357
+ --button-text-disabled: 0 0% 63.9%;
358
+ /* semantic: button/primary/text-disabled ← palette: neutral-400 hex: #a3a3a3 */
359
+
360
+ /* 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%;
357
364
  /* semantic: button/destructive/background-disabled ← palette: red-200 hex: #f5b5a0 */
358
- --button-danger-text-disabled: 14.5 71.4% 16.5%;
365
+ --button-danger-text-disabled: 10.3 78.4% 14.5%;
359
366
  /* 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 */
367
+
368
+ /* Ghost */
369
+ --button-ghost-text-disabled: 0 0% 68.6%;
370
+ /* semantic: primary/400 ← palette: neutral-400 hex: #afafaf */
364
371
  --icon-button-hover: 0 0% 50.2%;
365
372
  /* semantic: icon/default/secondary ← palette: neutral-500 hex: #808080 */
366
373
  --icon-button-disabled: 0 0% 70.6%;
@@ -912,30 +919,37 @@
912
919
  * BUTTON TOKENS
913
920
  * ======================================== */
914
921
 
915
- --button-primary-bg: 0 0% 100%;
916
- /* semantic: button/primary/background (dark) ← palette: white hex: #ffffff */
922
+ /* 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
+
930
+ /* Secondary Filled */
931
+ --button-secondary-filled-hover: 0 0% 89.8%;
932
+ /* semantic: button/primary/background-tertiary (dark) ← palette: gray-200 hex: #e5e5e5 (estimated) */
933
+
934
+ /* Shared disabled tokens */
917
935
  --button-primary-bg-disabled: 0 0% 23.1%;
918
936
  /* 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%;
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) */
941
+
942
+ /* 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%;
932
946
  /* 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) */
947
+ --button-danger-text-disabled: 10.3 78.4% 14.5%;
948
+ /* semantic: text/error/on-surface (dark) ← palette: red-900 hex: #421208 (estimated) */
949
+
950
+ /* Ghost */
951
+ --button-ghost-text-disabled: 0 0% 68.6%;
952
+ /* semantic: primary/400 (dark) ← palette: neutral-400 hex: #afafaf (estimated) */
939
953
  --icon-button-hover: 0 0% 50.2%;
940
954
  /* semantic: icon/default/secondary (dark) ← palette: neutral-500 hex: #808080 (estimated) */
941
955
  --icon-button-disabled: 0 0% 70.6%;