@shohojdhara/atomix 0.5.4 → 0.5.6

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 (57) hide show
  1. package/README.md +43 -21
  2. package/dist/atomix.css +2489 -183
  3. package/dist/atomix.css.map +1 -1
  4. package/dist/atomix.min.css +5 -5
  5. package/dist/atomix.min.css.map +1 -1
  6. package/dist/config.js +2 -5
  7. package/dist/config.js.map +1 -1
  8. package/dist/core.d.ts +100 -8
  9. package/dist/core.js +89 -79
  10. package/dist/core.js.map +1 -1
  11. package/dist/forms.js +1 -7
  12. package/dist/forms.js.map +1 -1
  13. package/dist/heavy.js +7 -3
  14. package/dist/heavy.js.map +1 -1
  15. package/dist/index.d.ts +179 -54
  16. package/dist/index.esm.js +123 -105
  17. package/dist/index.esm.js.map +1 -1
  18. package/dist/index.js +128 -106
  19. package/dist/index.js.map +1 -1
  20. package/dist/index.min.js +1 -1
  21. package/dist/index.min.js.map +1 -1
  22. package/dist/theme.js +0 -4
  23. package/dist/theme.js.map +1 -1
  24. package/package.json +1 -1
  25. package/src/components/Accordion/Accordion.tsx +40 -25
  26. package/src/components/Breadcrumb/Breadcrumb.tsx +22 -13
  27. package/src/components/Button/Button.tsx +4 -5
  28. package/src/components/Callout/Callout.tsx +98 -96
  29. package/src/components/Card/Card.tsx +117 -103
  30. package/src/components/Card/index.ts +7 -5
  31. package/src/components/Dropdown/Dropdown.tsx +27 -8
  32. package/src/components/EdgePanel/EdgePanel.tsx +7 -2
  33. package/src/components/Modal/Modal.tsx +27 -8
  34. package/src/components/Spinner/Spinner.tsx +60 -43
  35. package/src/components/Tabs/Tabs.tsx +163 -149
  36. package/src/lib/composables/useInput.ts +11 -9
  37. package/src/lib/config/loader.ts +5 -2
  38. package/src/lib/types/components.ts +84 -0
  39. package/src/styles/01-settings/_settings.background.scss +35 -5
  40. package/src/styles/02-tools/_tools.background.scss +145 -61
  41. package/src/styles/06-components/_components.accordion.scss +2 -2
  42. package/src/styles/06-components/_components.badge.scss +1 -1
  43. package/src/styles/06-components/_components.button.scss +2 -2
  44. package/src/styles/06-components/_components.callout.scss +2 -2
  45. package/src/styles/06-components/_components.card.scss +3 -3
  46. package/src/styles/06-components/_components.dropdown.scss +1 -1
  47. package/src/styles/06-components/_components.dynamic-background.scss +69 -0
  48. package/src/styles/06-components/_components.edge-panel.scss +2 -2
  49. package/src/styles/06-components/_components.input.scss +3 -3
  50. package/src/styles/06-components/_components.messages.scss +6 -6
  51. package/src/styles/06-components/_components.modal.scss +1 -1
  52. package/src/styles/06-components/_components.navbar.scss +1 -1
  53. package/src/styles/06-components/_components.popover.scss +1 -1
  54. package/src/styles/06-components/_components.toggle.scss +1 -1
  55. package/src/styles/06-components/_components.tooltip.scss +3 -3
  56. package/src/styles/06-components/_index.scss +1 -0
  57. package/src/styles/99-utilities/_utilities.link.scss +4 -5
package/dist/heavy.js CHANGED
@@ -4170,7 +4170,7 @@ const Badge = memo((({label: label, variant: variant = "primary", size: size =
4170
4170
 
4171
4171
  Badge.displayName = "Badge";
4172
4172
 
4173
- const Spinner = memo((({size: size = "md", variant: variant = "primary", fullscreen: fullscreen = !1, className: className = "", style: style, glass: glass, "aria-label": ariaLabel, role: role = "status"}) => {
4173
+ const Spinner = memo( forwardRef((({size: size = "md", variant: variant = "primary", fullscreen: fullscreen = !1, className: className = "", style: style, glass: glass, "aria-label": ariaLabel, role: role = "status", "aria-live": ariaLive = "polite", "aria-describe": ariaDescribe, ...rest}, ref) => {
4174
4174
  const {generateSpinnerClass: generateSpinnerClass} =
4175
4175
  /**
4176
4176
  * Spinner state and functionality
@@ -4206,13 +4206,17 @@ const Spinner = memo((({size: size = "md", variant: variant = "primary", fullsc
4206
4206
  fullscreen: fullscreen,
4207
4207
  className: `${className} ${glass ? "c-spinner--glass" : ""}`.trim()
4208
4208
  }), spinnerContent = jsx("div", {
4209
+ ref: ref,
4209
4210
  className: spinnerClass,
4210
4211
  style: style,
4211
4212
  role: role,
4212
4213
  "aria-label": ariaLabel || "Loading",
4214
+ "aria-live": ariaLive,
4215
+ "aria-describe": ariaDescribe,
4216
+ ...rest,
4213
4217
  children: jsx("span", {
4214
4218
  className: "u-visually-hidden",
4215
- children: ariaLabel || "Loading..."
4219
+ children: ariaLabel || "Loading content..."
4216
4220
  })
4217
4221
  });
4218
4222
  if (glass) {
@@ -4231,7 +4235,7 @@ const Spinner = memo((({size: size = "md", variant: variant = "primary", fullsc
4231
4235
  });
4232
4236
  }
4233
4237
  return spinnerContent;
4234
- }));
4238
+ })));
4235
4239
 
4236
4240
  Spinner.displayName = "Spinner";
4237
4241