@scripso-homepad/ui 0.4.7 → 0.4.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 (32) hide show
  1. package/README.md +1 -1
  2. package/dist/{chunk-7KLVMNDM.js → chunk-YSDLHEJ7.js} +218 -28
  3. package/dist/chunk-YSDLHEJ7.js.map +1 -0
  4. package/dist/index.cjs +24 -20
  5. package/dist/index.cjs.map +1 -1
  6. package/dist/index.d.cts +29 -29
  7. package/dist/index.d.ts +29 -29
  8. package/dist/index.js +63 -249
  9. package/dist/index.js.map +1 -1
  10. package/dist/web/index.cjs +482 -21
  11. package/dist/web/index.cjs.map +1 -1
  12. package/dist/web/index.d.cts +43 -3
  13. package/dist/web/index.d.ts +43 -3
  14. package/dist/web/index.js +249 -6
  15. package/dist/web/index.js.map +1 -1
  16. package/package.json +1 -1
  17. package/src/components/Button.tsx +10 -3
  18. package/src/components/Select.tsx +1 -1
  19. package/src/icons/ArrowUpRightIcon.tsx +1 -1
  20. package/src/icons/ArrowUpRightIcon.web.tsx +1 -1
  21. package/src/theme/input.ts +2 -2
  22. package/src/theme/select.ts +2 -2
  23. package/src/theme/tokens.ts +12 -12
  24. package/src/web/components/ConfirmModal.stories.tsx +55 -0
  25. package/src/web/components/ConfirmModal.tsx +116 -0
  26. package/src/web/components/Modal.stories.tsx +130 -0
  27. package/src/web/components/Modal.tsx +162 -0
  28. package/src/web/components/TableActionButton.tsx +6 -1
  29. package/src/web/components/TableActionsMenu.tsx +2 -2
  30. package/src/web/icons/TableMenuInfoIcon.tsx +2 -2
  31. package/src/web/index.ts +6 -0
  32. package/dist/chunk-7KLVMNDM.js.map +0 -1
package/dist/index.d.cts CHANGED
@@ -259,18 +259,18 @@ declare const stormGray: {
259
259
  type StormGrayStep = keyof typeof stormGray;
260
260
  /** Navy scale — Figma steps 0 → 8.5 */
261
261
  declare const navy: {
262
- readonly "0": "#f8f9fb";
263
- readonly "0.5": "#e5e9ef";
264
- readonly "1": "#cdd3df";
265
- readonly "1.5": "#b4bece";
266
- readonly "2": "#9ca8be";
267
- readonly "3": "#6a7d9e";
268
- readonly "4": "#39527d";
269
- readonly "5": "#08275d";
270
- readonly "6": "#061f4a";
271
- readonly "7": "#051738";
272
- readonly "8": "#031025";
273
- readonly "8.5": "#020c1c";
262
+ readonly "0": "#f6fafe";
263
+ readonly "0.5": "#dee5eb";
264
+ readonly "1": "#c6d0d8";
265
+ readonly "1.5": "#afbac5";
266
+ readonly "2": "#97a5b2";
267
+ readonly "3": "#677b8c";
268
+ readonly "4": "#385066";
269
+ readonly "5": "#082640";
270
+ readonly "6": "#061e33";
271
+ readonly "7": "#051726";
272
+ readonly "8": "#030f1a";
273
+ readonly "8.5": "#020b13";
274
274
  };
275
275
  type NavyStep = keyof typeof navy;
276
276
  /** Ruby Red scale — Figma steps 0 → 8.5 */
@@ -309,7 +309,7 @@ type EmeraldGreenStep = keyof typeof emeraldGreen;
309
309
  declare const brand: {
310
310
  readonly slateBlue: "#182e3c";
311
311
  readonly stormGray: "#455765";
312
- readonly navy: "#08275d";
312
+ readonly navy: "#082640";
313
313
  readonly rubyRed: "#ae0011";
314
314
  readonly emeraldGreen: "#279d54";
315
315
  };
@@ -343,20 +343,20 @@ declare const colors: {
343
343
  readonly rubyRed850: "#340005";
344
344
  /** Primary brand ruby red — Figma Ruby Red 5 */
345
345
  readonly rubyRed: "#ae0011";
346
- readonly navy0: "#f8f9fb";
347
- readonly navy50: "#e5e9ef";
348
- readonly navy100: "#cdd3df";
349
- readonly navy150: "#b4bece";
350
- readonly navy200: "#9ca8be";
351
- readonly navy300: "#6a7d9e";
352
- readonly navy400: "#39527d";
353
- readonly navy500: "#08275d";
354
- readonly navy600: "#061f4a";
355
- readonly navy700: "#051738";
356
- readonly navy800: "#031025";
357
- readonly navy850: "#020c1c";
346
+ readonly navy0: "#f6fafe";
347
+ readonly navy50: "#dee5eb";
348
+ readonly navy100: "#c6d0d8";
349
+ readonly navy150: "#afbac5";
350
+ readonly navy200: "#97a5b2";
351
+ readonly navy300: "#677b8c";
352
+ readonly navy400: "#385066";
353
+ readonly navy500: "#082640";
354
+ readonly navy600: "#061e33";
355
+ readonly navy700: "#051726";
356
+ readonly navy800: "#030f1a";
357
+ readonly navy850: "#020b13";
358
358
  /** Primary brand navy — Figma Navy 5 */
359
- readonly navy: "#08275d";
359
+ readonly navy: "#082640";
360
360
  readonly stormGray0: "#fbfcfc";
361
361
  readonly stormGray50: "#eceef0";
362
362
  readonly stormGray100: "#dadde0";
@@ -392,7 +392,7 @@ declare const colors: {
392
392
  readonly errorLight: "#fee2e2";
393
393
  /** @deprecated Use `rubyRed` */
394
394
  readonly inputError: "#ae0011";
395
- readonly inputOutlineFocus: "#e5e9ef";
395
+ readonly inputOutlineFocus: "#dee5eb";
396
396
  readonly inputOutlineError: "#f7dddf";
397
397
  readonly warning: "#92400e";
398
398
  readonly warningBg: "#fef3c7";
@@ -462,7 +462,7 @@ declare const buttonTypography: {
462
462
  };
463
463
  declare const shadows: {
464
464
  readonly card: {
465
- readonly shadowColor: "#08275d";
465
+ readonly shadowColor: "#082640";
466
466
  readonly shadowOffset: {
467
467
  readonly width: 0;
468
468
  readonly height: 4;
@@ -472,7 +472,7 @@ declare const shadows: {
472
472
  readonly elevation: 2;
473
473
  };
474
474
  readonly cardLg: {
475
- readonly shadowColor: "#08275d";
475
+ readonly shadowColor: "#082640";
476
476
  readonly shadowOffset: {
477
477
  readonly width: 0;
478
478
  readonly height: 4;
package/dist/index.d.ts CHANGED
@@ -259,18 +259,18 @@ declare const stormGray: {
259
259
  type StormGrayStep = keyof typeof stormGray;
260
260
  /** Navy scale — Figma steps 0 → 8.5 */
261
261
  declare const navy: {
262
- readonly "0": "#f8f9fb";
263
- readonly "0.5": "#e5e9ef";
264
- readonly "1": "#cdd3df";
265
- readonly "1.5": "#b4bece";
266
- readonly "2": "#9ca8be";
267
- readonly "3": "#6a7d9e";
268
- readonly "4": "#39527d";
269
- readonly "5": "#08275d";
270
- readonly "6": "#061f4a";
271
- readonly "7": "#051738";
272
- readonly "8": "#031025";
273
- readonly "8.5": "#020c1c";
262
+ readonly "0": "#f6fafe";
263
+ readonly "0.5": "#dee5eb";
264
+ readonly "1": "#c6d0d8";
265
+ readonly "1.5": "#afbac5";
266
+ readonly "2": "#97a5b2";
267
+ readonly "3": "#677b8c";
268
+ readonly "4": "#385066";
269
+ readonly "5": "#082640";
270
+ readonly "6": "#061e33";
271
+ readonly "7": "#051726";
272
+ readonly "8": "#030f1a";
273
+ readonly "8.5": "#020b13";
274
274
  };
275
275
  type NavyStep = keyof typeof navy;
276
276
  /** Ruby Red scale — Figma steps 0 → 8.5 */
@@ -309,7 +309,7 @@ type EmeraldGreenStep = keyof typeof emeraldGreen;
309
309
  declare const brand: {
310
310
  readonly slateBlue: "#182e3c";
311
311
  readonly stormGray: "#455765";
312
- readonly navy: "#08275d";
312
+ readonly navy: "#082640";
313
313
  readonly rubyRed: "#ae0011";
314
314
  readonly emeraldGreen: "#279d54";
315
315
  };
@@ -343,20 +343,20 @@ declare const colors: {
343
343
  readonly rubyRed850: "#340005";
344
344
  /** Primary brand ruby red — Figma Ruby Red 5 */
345
345
  readonly rubyRed: "#ae0011";
346
- readonly navy0: "#f8f9fb";
347
- readonly navy50: "#e5e9ef";
348
- readonly navy100: "#cdd3df";
349
- readonly navy150: "#b4bece";
350
- readonly navy200: "#9ca8be";
351
- readonly navy300: "#6a7d9e";
352
- readonly navy400: "#39527d";
353
- readonly navy500: "#08275d";
354
- readonly navy600: "#061f4a";
355
- readonly navy700: "#051738";
356
- readonly navy800: "#031025";
357
- readonly navy850: "#020c1c";
346
+ readonly navy0: "#f6fafe";
347
+ readonly navy50: "#dee5eb";
348
+ readonly navy100: "#c6d0d8";
349
+ readonly navy150: "#afbac5";
350
+ readonly navy200: "#97a5b2";
351
+ readonly navy300: "#677b8c";
352
+ readonly navy400: "#385066";
353
+ readonly navy500: "#082640";
354
+ readonly navy600: "#061e33";
355
+ readonly navy700: "#051726";
356
+ readonly navy800: "#030f1a";
357
+ readonly navy850: "#020b13";
358
358
  /** Primary brand navy — Figma Navy 5 */
359
- readonly navy: "#08275d";
359
+ readonly navy: "#082640";
360
360
  readonly stormGray0: "#fbfcfc";
361
361
  readonly stormGray50: "#eceef0";
362
362
  readonly stormGray100: "#dadde0";
@@ -392,7 +392,7 @@ declare const colors: {
392
392
  readonly errorLight: "#fee2e2";
393
393
  /** @deprecated Use `rubyRed` */
394
394
  readonly inputError: "#ae0011";
395
- readonly inputOutlineFocus: "#e5e9ef";
395
+ readonly inputOutlineFocus: "#dee5eb";
396
396
  readonly inputOutlineError: "#f7dddf";
397
397
  readonly warning: "#92400e";
398
398
  readonly warningBg: "#fef3c7";
@@ -462,7 +462,7 @@ declare const buttonTypography: {
462
462
  };
463
463
  declare const shadows: {
464
464
  readonly card: {
465
- readonly shadowColor: "#08275d";
465
+ readonly shadowColor: "#082640";
466
466
  readonly shadowOffset: {
467
467
  readonly width: 0;
468
468
  readonly height: 4;
@@ -472,7 +472,7 @@ declare const shadows: {
472
472
  readonly elevation: 2;
473
473
  };
474
474
  readonly cardLg: {
475
- readonly shadowColor: "#08275d";
475
+ readonly shadowColor: "#082640";
476
476
  readonly shadowOffset: {
477
477
  readonly width: 0;
478
478
  readonly height: 4;