@x-plat/design-system 0.7.2 → 0.8.0

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 (41) 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.css +4 -1
  9. package/dist/components/Input/index.css +2 -0
  10. package/dist/components/Link/index.cjs +64 -0
  11. package/dist/components/Link/index.css +25 -0
  12. package/dist/components/Link/index.d.cts +27 -0
  13. package/dist/components/Link/index.d.ts +27 -0
  14. package/dist/components/Link/index.js +37 -0
  15. package/dist/components/LinkButton/index.cjs +64 -0
  16. package/dist/components/LinkButton/index.css +106 -0
  17. package/dist/components/LinkButton/index.d.cts +28 -0
  18. package/dist/components/LinkButton/index.d.ts +28 -0
  19. package/dist/components/LinkButton/index.js +37 -0
  20. package/dist/components/TextArea/index.css +2 -0
  21. package/dist/components/Tooltip/index.cjs +77 -32
  22. package/dist/components/Tooltip/index.d.cts +10 -2
  23. package/dist/components/Tooltip/index.d.ts +10 -2
  24. package/dist/components/Tooltip/index.js +77 -32
  25. package/dist/components/index.cjs +247 -153
  26. package/dist/components/index.css +36 -1
  27. package/dist/components/index.d.cts +2 -0
  28. package/dist/components/index.d.ts +2 -0
  29. package/dist/components/index.js +222 -130
  30. package/dist/index.cjs +266 -172
  31. package/dist/index.css +36 -1
  32. package/dist/index.d.cts +2 -0
  33. package/dist/index.d.ts +2 -0
  34. package/dist/index.js +239 -147
  35. package/guidelines/AGENT_PROMPT.md +2 -2
  36. package/guidelines/Guidelines.md +2 -1
  37. package/guidelines/components/button.md +54 -0
  38. package/guidelines/components/card.md +15 -19
  39. package/guidelines/components/link.md +35 -0
  40. package/guidelines/components/overlay.md +30 -1
  41. 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);
@@ -3802,6 +3809,32 @@
3802
3809
  cursor: pointer;
3803
3810
  }
3804
3811
 
3812
+ /* src/components/Link/link.scss */
3813
+ .lib-xplat-link {
3814
+ color: var(--semantic-text-link);
3815
+ cursor: pointer;
3816
+ text-underline-offset: 2px;
3817
+ text-decoration-thickness: 1px;
3818
+ border-radius: var(--spacing-radius-sm);
3819
+ transition: text-decoration-color 0.28s cubic-bezier(0.25, 0.46, 0.45, 0.94);
3820
+ }
3821
+ .lib-xplat-link.underline-always {
3822
+ text-decoration: underline;
3823
+ }
3824
+ .lib-xplat-link.underline-hover {
3825
+ text-decoration: none;
3826
+ }
3827
+ .lib-xplat-link.underline-hover:hover {
3828
+ text-decoration: underline;
3829
+ }
3830
+ .lib-xplat-link.underline-none {
3831
+ text-decoration: none;
3832
+ }
3833
+ .lib-xplat-link:focus-visible {
3834
+ outline: 2px solid var(--semantic-interaction-focus-ring);
3835
+ outline-offset: 2px;
3836
+ }
3837
+
3805
3838
  /* src/components/NotificationBadge/notificationBadge.scss */
3806
3839
  .lib-xplat-notification-badge {
3807
3840
  position: relative;
@@ -5231,6 +5264,8 @@
5231
5264
  .lib-xplat-textarea-wrap .lib-xplat-textarea:focus {
5232
5265
  border-color: var(--semantic-interaction-focus-ring);
5233
5266
  box-shadow: 0 0 0 2px var(--semantic-interaction-overlay-10);
5267
+ outline: 2px solid transparent;
5268
+ outline-offset: 2px;
5234
5269
  }
5235
5270
  .lib-xplat-textarea-wrap .lib-xplat-textarea:not(:placeholder-shown):not(:focus) {
5236
5271
  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';