@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.
- package/README.md +43 -21
- package/dist/atomix.css +2489 -183
- package/dist/atomix.css.map +1 -1
- package/dist/atomix.min.css +5 -5
- package/dist/atomix.min.css.map +1 -1
- package/dist/config.js +2 -5
- package/dist/config.js.map +1 -1
- package/dist/core.d.ts +100 -8
- package/dist/core.js +89 -79
- package/dist/core.js.map +1 -1
- package/dist/forms.js +1 -7
- package/dist/forms.js.map +1 -1
- package/dist/heavy.js +7 -3
- package/dist/heavy.js.map +1 -1
- package/dist/index.d.ts +179 -54
- package/dist/index.esm.js +123 -105
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +128 -106
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/dist/theme.js +0 -4
- package/dist/theme.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Accordion/Accordion.tsx +40 -25
- package/src/components/Breadcrumb/Breadcrumb.tsx +22 -13
- package/src/components/Button/Button.tsx +4 -5
- package/src/components/Callout/Callout.tsx +98 -96
- package/src/components/Card/Card.tsx +117 -103
- package/src/components/Card/index.ts +7 -5
- package/src/components/Dropdown/Dropdown.tsx +27 -8
- package/src/components/EdgePanel/EdgePanel.tsx +7 -2
- package/src/components/Modal/Modal.tsx +27 -8
- package/src/components/Spinner/Spinner.tsx +60 -43
- package/src/components/Tabs/Tabs.tsx +163 -149
- package/src/lib/composables/useInput.ts +11 -9
- package/src/lib/config/loader.ts +5 -2
- package/src/lib/types/components.ts +84 -0
- package/src/styles/01-settings/_settings.background.scss +35 -5
- package/src/styles/02-tools/_tools.background.scss +145 -61
- package/src/styles/06-components/_components.accordion.scss +2 -2
- package/src/styles/06-components/_components.badge.scss +1 -1
- package/src/styles/06-components/_components.button.scss +2 -2
- package/src/styles/06-components/_components.callout.scss +2 -2
- package/src/styles/06-components/_components.card.scss +3 -3
- package/src/styles/06-components/_components.dropdown.scss +1 -1
- package/src/styles/06-components/_components.dynamic-background.scss +69 -0
- package/src/styles/06-components/_components.edge-panel.scss +2 -2
- package/src/styles/06-components/_components.input.scss +3 -3
- package/src/styles/06-components/_components.messages.scss +6 -6
- package/src/styles/06-components/_components.modal.scss +1 -1
- package/src/styles/06-components/_components.navbar.scss +1 -1
- package/src/styles/06-components/_components.popover.scss +1 -1
- package/src/styles/06-components/_components.toggle.scss +1 -1
- package/src/styles/06-components/_components.tooltip.scss +3 -3
- package/src/styles/06-components/_index.scss +1 -0
- 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
|
|