@x-plat/design-system 0.7.2 → 0.8.1

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 (52) hide show
  1. package/dist/components/AutoResizeTextArea/index.css +2 -0
  2. package/dist/components/Button/index.css +2 -1
  3. package/dist/components/Button/index.d.cts +6 -0
  4. package/dist/components/Button/index.d.ts +6 -0
  5. package/dist/components/Chart/index.cjs +8 -1
  6. package/dist/components/Chart/index.js +8 -1
  7. package/dist/components/ChatInput/index.css +4 -0
  8. package/dist/components/DatePicker/index.cjs +388 -400
  9. package/dist/components/DatePicker/index.css +7 -1
  10. package/dist/components/DatePicker/index.js +375 -387
  11. package/dist/components/Dropdown/index.cjs +21 -26
  12. package/dist/components/Dropdown/index.js +20 -25
  13. package/dist/components/Input/index.css +2 -0
  14. package/dist/components/Link/index.cjs +64 -0
  15. package/dist/components/Link/index.css +25 -0
  16. package/dist/components/Link/index.d.cts +27 -0
  17. package/dist/components/Link/index.d.ts +27 -0
  18. package/dist/components/Link/index.js +37 -0
  19. package/dist/components/LinkButton/index.cjs +64 -0
  20. package/dist/components/LinkButton/index.css +106 -0
  21. package/dist/components/LinkButton/index.d.cts +28 -0
  22. package/dist/components/LinkButton/index.d.ts +28 -0
  23. package/dist/components/LinkButton/index.js +37 -0
  24. package/dist/components/Modal/index.cjs +18 -28
  25. package/dist/components/Modal/index.css +3 -0
  26. package/dist/components/Modal/index.js +17 -27
  27. package/dist/components/PopOver/index.cjs +18 -23
  28. package/dist/components/PopOver/index.js +17 -22
  29. package/dist/components/Select/index.cjs +337 -342
  30. package/dist/components/Select/index.js +336 -341
  31. package/dist/components/TextArea/index.css +2 -0
  32. package/dist/components/Tooltip/index.cjs +92 -52
  33. package/dist/components/Tooltip/index.d.cts +10 -2
  34. package/dist/components/Tooltip/index.d.ts +10 -2
  35. package/dist/components/Tooltip/index.js +91 -51
  36. package/dist/components/index.cjs +578 -488
  37. package/dist/components/index.css +39 -1
  38. package/dist/components/index.d.cts +2 -0
  39. package/dist/components/index.d.ts +2 -0
  40. package/dist/components/index.js +527 -439
  41. package/dist/index.cjs +602 -512
  42. package/dist/index.css +39 -1
  43. package/dist/index.d.cts +2 -0
  44. package/dist/index.d.ts +2 -0
  45. package/dist/index.js +549 -461
  46. package/guidelines/AGENT_PROMPT.md +2 -2
  47. package/guidelines/Guidelines.md +2 -1
  48. package/guidelines/components/button.md +54 -0
  49. package/guidelines/components/card.md +15 -19
  50. package/guidelines/components/link.md +35 -0
  51. package/guidelines/components/overlay.md +30 -1
  52. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -1458,6 +1458,8 @@
1458
1458
  .lib-xplat-auto-resize-textarea-wrapper .lib-xplat-auto-resize-textarea:focus-within {
1459
1459
  border-color: var(--semantic-interaction-focus-ring);
1460
1460
  box-shadow: 0 0 0 2px var(--semantic-interaction-overlay-10);
1461
+ outline: 2px solid transparent;
1462
+ outline-offset: 2px;
1461
1463
  }
1462
1464
  .lib-xplat-auto-resize-textarea-wrapper .lib-xplat-auto-resize-textarea:has(> textarea:not(:placeholder-shown)):not(:focus-within) {
1463
1465
  border-color: var(--semantic-border-tertiary);
@@ -1719,7 +1721,8 @@
1719
1721
  font-weight: var(--semantic-typo-label-1-m-weight);
1720
1722
  letter-spacing: var(--semantic-typo-label-1-m-ls);
1721
1723
  }
1722
- .lib-xplat-button:disabled {
1724
+ .lib-xplat-button:disabled,
1725
+ .lib-xplat-button.disabled {
1723
1726
  cursor: not-allowed;
1724
1727
  background-color: var(--semantic-surface-neutral-disabled) !important;
1725
1728
  border-color: var(--semantic-surface-neutral-disabled) !important;
@@ -2400,6 +2403,8 @@
2400
2403
  .lib-xplat-chat-input:focus-within {
2401
2404
  border-color: var(--semantic-interaction-focus-ring);
2402
2405
  box-shadow: 0 0 0 2px var(--semantic-interaction-overlay-10);
2406
+ outline: 2px solid transparent;
2407
+ outline-offset: 2px;
2403
2408
  }
2404
2409
  .lib-xplat-chat-input.disabled {
2405
2410
  background-color: var(--semantic-surface-neutral-secondary);
@@ -2632,6 +2637,8 @@
2632
2637
  .lib-xplat-input-wrap .lib-xplat-input:focus-within {
2633
2638
  border-color: var(--semantic-interaction-focus-ring);
2634
2639
  box-shadow: 0 0 0 2px var(--semantic-interaction-overlay-10);
2640
+ outline: 2px solid transparent;
2641
+ outline-offset: 2px;
2635
2642
  }
2636
2643
  .lib-xplat-input-wrap .lib-xplat-input:has(> input:not(:placeholder-shown)):not(:focus-within) {
2637
2644
  border-color: var(--semantic-border-tertiary);
@@ -2744,6 +2751,9 @@
2744
2751
  transform: scale(1);
2745
2752
  opacity: 1;
2746
2753
  }
2754
+ .lib-xplat-modal.modal-box.enter.settled {
2755
+ transform: none;
2756
+ }
2747
2757
  .lib-xplat-modal.modal-box.exit {
2748
2758
  transform: scale(0.9);
2749
2759
  opacity: 0;
@@ -3802,6 +3812,32 @@
3802
3812
  cursor: pointer;
3803
3813
  }
3804
3814
 
3815
+ /* src/components/Link/link.scss */
3816
+ .lib-xplat-link {
3817
+ color: var(--semantic-text-link);
3818
+ cursor: pointer;
3819
+ text-underline-offset: 2px;
3820
+ text-decoration-thickness: 1px;
3821
+ border-radius: var(--spacing-radius-sm);
3822
+ transition: text-decoration-color 0.28s cubic-bezier(0.25, 0.46, 0.45, 0.94);
3823
+ }
3824
+ .lib-xplat-link.underline-always {
3825
+ text-decoration: underline;
3826
+ }
3827
+ .lib-xplat-link.underline-hover {
3828
+ text-decoration: none;
3829
+ }
3830
+ .lib-xplat-link.underline-hover:hover {
3831
+ text-decoration: underline;
3832
+ }
3833
+ .lib-xplat-link.underline-none {
3834
+ text-decoration: none;
3835
+ }
3836
+ .lib-xplat-link:focus-visible {
3837
+ outline: 2px solid var(--semantic-interaction-focus-ring);
3838
+ outline-offset: 2px;
3839
+ }
3840
+
3805
3841
  /* src/components/NotificationBadge/notificationBadge.scss */
3806
3842
  .lib-xplat-notification-badge {
3807
3843
  position: relative;
@@ -5231,6 +5267,8 @@
5231
5267
  .lib-xplat-textarea-wrap .lib-xplat-textarea:focus {
5232
5268
  border-color: var(--semantic-interaction-focus-ring);
5233
5269
  box-shadow: 0 0 0 2px var(--semantic-interaction-overlay-10);
5270
+ outline: 2px solid transparent;
5271
+ outline-offset: 2px;
5234
5272
  }
5235
5273
  .lib-xplat-textarea-wrap .lib-xplat-textarea:not(:placeholder-shown):not(:focus) {
5236
5274
  border-color: var(--semantic-border-tertiary);
package/dist/index.d.cts CHANGED
@@ -23,6 +23,8 @@ export { HtmlTypeWriter, HtmlTypeWriter as HtmlTypewriter } from './components/H
23
23
  export { IconButton } from './components/IconButton/index.cjs';
24
24
  export { ImageSelector } from './components/ImageSelector/index.cjs';
25
25
  export { Input, PasswordInput } from './components/Input/index.cjs';
26
+ export { Link } from './components/Link/index.cjs';
27
+ export { LinkButton } from './components/LinkButton/index.cjs';
26
28
  export { Modal } from './components/Modal/index.cjs';
27
29
  export { NotificationBadge as Badge, NotificationBadge } from './components/NotificationBadge/index.cjs';
28
30
  export { Pagination } from './components/Pagination/index.cjs';
package/dist/index.d.ts CHANGED
@@ -23,6 +23,8 @@ export { HtmlTypeWriter, HtmlTypeWriter as HtmlTypewriter } from './components/H
23
23
  export { IconButton } from './components/IconButton/index.js';
24
24
  export { ImageSelector } from './components/ImageSelector/index.js';
25
25
  export { Input, PasswordInput } from './components/Input/index.js';
26
+ export { Link } from './components/Link/index.js';
27
+ export { LinkButton } from './components/LinkButton/index.js';
26
28
  export { Modal } from './components/Modal/index.js';
27
29
  export { NotificationBadge as Badge, NotificationBadge } from './components/NotificationBadge/index.js';
28
30
  export { Pagination } from './components/Pagination/index.js';