@atom-learning/components 6.16.0 → 6.16.1-beta.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.
- package/dist/components/dialog/DialogContent.js +19 -6
- package/dist/components/dialog/DialogContent.js.map +1 -1
- package/dist/components/navigation/NavigationMenu.js +1 -1
- package/dist/components/navigation/NavigationMenu.js.map +1 -1
- package/dist/components/toast/ToastProvider.js +2 -1
- package/dist/components/toast/ToastProvider.js.map +1 -1
- package/dist/components/top-bar/TopBar.js +2 -2
- package/dist/components/top-bar/TopBar.js.map +1 -1
- package/dist/docgen.json +1 -1
- package/dist/index.cjs.js +24 -10
- package/dist/index.cjs.js.map +1 -1
- package/package.json +2 -1
- package/src/index.css +2 -0
- package/src/responsive-variant-classes.css +1 -1
- package/src/utilities.css +6 -0
package/dist/index.cjs.js
CHANGED
|
@@ -5794,7 +5794,9 @@ var StyledDialogContent = styled(_radix_ui_react_dialog.Content, {
|
|
|
5794
5794
|
"max-h-[90vh]",
|
|
5795
5795
|
"supports-svh:h-auto",
|
|
5796
5796
|
"supports-svh:max-h-[90vh]",
|
|
5797
|
-
"w-95"
|
|
5797
|
+
"w-95",
|
|
5798
|
+
"[&>[data-dialog-close]]:top-4",
|
|
5799
|
+
"[&>[data-dialog-close]]:right-4"
|
|
5798
5800
|
],
|
|
5799
5801
|
sm: [
|
|
5800
5802
|
"rounded-md",
|
|
@@ -5803,7 +5805,9 @@ var StyledDialogContent = styled(_radix_ui_react_dialog.Content, {
|
|
|
5803
5805
|
"max-h-[90vh]",
|
|
5804
5806
|
"supports-svh:h-auto",
|
|
5805
5807
|
"supports-svh:max-h-[90vh]",
|
|
5806
|
-
"w-120"
|
|
5808
|
+
"w-120",
|
|
5809
|
+
"[&>[data-dialog-close]]:top-4",
|
|
5810
|
+
"[&>[data-dialog-close]]:right-4"
|
|
5807
5811
|
],
|
|
5808
5812
|
md: [
|
|
5809
5813
|
"rounded-md",
|
|
@@ -5812,7 +5816,9 @@ var StyledDialogContent = styled(_radix_ui_react_dialog.Content, {
|
|
|
5812
5816
|
"max-h-[90vh]",
|
|
5813
5817
|
"supports-svh:h-auto",
|
|
5814
5818
|
"supports-svh:max-h-[90vh]",
|
|
5815
|
-
"w-150"
|
|
5819
|
+
"w-150",
|
|
5820
|
+
"[&>[data-dialog-close]]:top-4",
|
|
5821
|
+
"[&>[data-dialog-close]]:right-4"
|
|
5816
5822
|
],
|
|
5817
5823
|
lg: [
|
|
5818
5824
|
"rounded-md",
|
|
@@ -5821,7 +5827,9 @@ var StyledDialogContent = styled(_radix_ui_react_dialog.Content, {
|
|
|
5821
5827
|
"max-h-[90vh]",
|
|
5822
5828
|
"supports-svh:h-auto",
|
|
5823
5829
|
"supports-svh:max-h-[90vh]",
|
|
5824
|
-
"w-200"
|
|
5830
|
+
"w-200",
|
|
5831
|
+
"[&>[data-dialog-close]]:top-4",
|
|
5832
|
+
"[&>[data-dialog-close]]:right-4"
|
|
5825
5833
|
],
|
|
5826
5834
|
xl: [
|
|
5827
5835
|
"rounded-md",
|
|
@@ -5830,7 +5838,9 @@ var StyledDialogContent = styled(_radix_ui_react_dialog.Content, {
|
|
|
5830
5838
|
"max-h-[90vh]",
|
|
5831
5839
|
"supports-svh:h-auto",
|
|
5832
5840
|
"supports-svh:max-h-[90vh]",
|
|
5833
|
-
"w-275"
|
|
5841
|
+
"w-275",
|
|
5842
|
+
"[&>[data-dialog-close]]:top-4",
|
|
5843
|
+
"[&>[data-dialog-close]]:right-4"
|
|
5834
5844
|
],
|
|
5835
5845
|
fullscreen: [
|
|
5836
5846
|
"rounded-none",
|
|
@@ -5839,7 +5849,9 @@ var StyledDialogContent = styled(_radix_ui_react_dialog.Content, {
|
|
|
5839
5849
|
"max-w-screen",
|
|
5840
5850
|
"max-h-screen",
|
|
5841
5851
|
"supports-svh:h-svh",
|
|
5842
|
-
"supports-svh:max-h-svh"
|
|
5852
|
+
"supports-svh:max-h-svh",
|
|
5853
|
+
"[&>[data-dialog-close]]:top-safe-offset-4",
|
|
5854
|
+
"[&>[data-dialog-close]]:right-safe-offset-4"
|
|
5843
5855
|
]
|
|
5844
5856
|
},
|
|
5845
5857
|
layout: { panel: [
|
|
@@ -5862,6 +5874,7 @@ var DialogContent = ({ size = "sm", children, closeDialogText = "Close dialog",
|
|
|
5862
5874
|
hasTooltip: false,
|
|
5863
5875
|
size: "md",
|
|
5864
5876
|
theme: "neutral",
|
|
5877
|
+
"data-dialog-close": true,
|
|
5865
5878
|
className: "absolute top-4 right-4 size-12"
|
|
5866
5879
|
}, /* @__PURE__ */ react.createElement(Icon, { is: _atom_learning_icons.Close })), react.Children.map(children, (child) => child?.type !== DialogBackground && child))));
|
|
5867
5880
|
//#endregion
|
|
@@ -6738,7 +6751,7 @@ var NavigationMenuComponent = ({ children, className, ...props }) => {
|
|
|
6738
6751
|
const [activeItem, setActiveItem] = react.default.useState();
|
|
6739
6752
|
const [listWidth, setListWidth] = react.default.useState(0);
|
|
6740
6753
|
const listRef = react.default.useRef(null);
|
|
6741
|
-
react.default.
|
|
6754
|
+
react.default.useEffect(() => {
|
|
6742
6755
|
if (listRef.current) setListWidth(listRef.current.offsetWidth);
|
|
6743
6756
|
}, [react.default.Children.toArray(children).length]);
|
|
6744
6757
|
react.default.useEffect(() => {
|
|
@@ -9289,7 +9302,8 @@ var ToastProviderBase = styled("div", { base: [
|
|
|
9289
9302
|
"z-2147483647",
|
|
9290
9303
|
"inset-2",
|
|
9291
9304
|
"pointer-events-none",
|
|
9292
|
-
"
|
|
9305
|
+
"top-safe-or-2",
|
|
9306
|
+
"sm:top-safe-or-3"
|
|
9293
9307
|
] });
|
|
9294
9308
|
var ToastWrapper = styled("div", {
|
|
9295
9309
|
base: [
|
|
@@ -9684,8 +9698,8 @@ var StyledRoot = styled("header", {
|
|
|
9684
9698
|
variants: {
|
|
9685
9699
|
hasScrolled: { true: ["shadow-[0px_4px_4px_-2px_rgba(31,31,31,0.1)]"] },
|
|
9686
9700
|
size: {
|
|
9687
|
-
md: ["h-16"],
|
|
9688
|
-
lg: ["h-24"]
|
|
9701
|
+
md: ["h-safe-offset-16", "pt-safe"],
|
|
9702
|
+
lg: ["h-safe-offset-24", "pt-safe"]
|
|
9689
9703
|
},
|
|
9690
9704
|
diffused: { true: ["supports-color-mix:bg-[color-mix(in_hsl,(--base-1)_70%,transparent)]", "supports-color-mix:backdrop-blur-sm"] },
|
|
9691
9705
|
appearance: {
|