@noya-app/noya-designsystem 0.1.5 → 0.1.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/.turbo/turbo-build.log +9 -9
- package/CHANGELOG.md +9 -0
- package/dist/index.d.mts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.js +15 -7
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +15 -7
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -3
- package/src/components/Button.tsx +14 -5
- package/src/components/RadioGroup.tsx +41 -40
- package/src/theme/dark.ts +3 -0
package/dist/index.mjs
CHANGED
|
@@ -137,17 +137,17 @@ var ButtonElement = styled4.button(({ theme, active, disabled, variant, size: si
|
|
|
137
137
|
paddingBottom: "12px",
|
|
138
138
|
paddingLeft: "16px"
|
|
139
139
|
},
|
|
140
|
-
background: active ? theme.colors.primary : variant === "none" || variant === "thin" ? "transparent" : theme.colors.inputBackground,
|
|
140
|
+
background: active ? theme.colors.primary : variant === "primaryGradient" ? `linear-gradient(90deg, ${theme.colors.primary}, ${theme.colors.primaryLight})` : variant === "none" || variant === "thin" ? "transparent" : theme.colors.inputBackground,
|
|
141
141
|
color: active ? "white" : theme.colors.text,
|
|
142
142
|
opacity: disabled ? 0.25 : 1,
|
|
143
143
|
"&:focus": {
|
|
144
144
|
boxShadow: `0 0 0 1px ${theme.colors.sidebar.background}, 0 0 0 3px ${theme.colors.primary}`
|
|
145
145
|
},
|
|
146
146
|
"&:hover": {
|
|
147
|
-
background: theme.colors.inputBackgroundLight
|
|
147
|
+
background: variant === "primaryGradient" ? theme.colors.primaryLight : theme.colors.inputBackgroundLight
|
|
148
148
|
},
|
|
149
149
|
"&:active": {
|
|
150
|
-
background: theme.colors.activeBackground
|
|
150
|
+
background: variant === "primaryGradient" ? theme.colors.primary : theme.colors.activeBackground
|
|
151
151
|
},
|
|
152
152
|
...variant === "primary" && {
|
|
153
153
|
background: theme.colors.primary,
|
|
@@ -558,18 +558,22 @@ var style = {
|
|
|
558
558
|
flex: "1 0 0",
|
|
559
559
|
flexDirection: "column"
|
|
560
560
|
};
|
|
561
|
-
var AutoSizer = memo4(function AutoSizer2({
|
|
561
|
+
var AutoSizer = memo4(function AutoSizer2({
|
|
562
|
+
children,
|
|
563
|
+
className
|
|
564
|
+
}) {
|
|
562
565
|
const containerRef = useRef2(null);
|
|
563
566
|
const containerSize = useSize(containerRef);
|
|
564
|
-
return /* @__PURE__ */ React9.createElement("div", { ref: containerRef, style }, containerSize && containerSize.width > 0 && containerSize.height > 0 && children(containerSize));
|
|
567
|
+
return /* @__PURE__ */ React9.createElement("div", { ref: containerRef, style, className }, containerSize && containerSize.width > 0 && containerSize.height > 0 && children(containerSize));
|
|
565
568
|
});
|
|
566
569
|
var SingleDimensionAutoSizer = memo4(function SingleDimensionAutoSizer2({
|
|
567
570
|
children,
|
|
568
|
-
dimension
|
|
571
|
+
dimension,
|
|
572
|
+
className
|
|
569
573
|
}) {
|
|
570
574
|
const containerRef = useRef2(null);
|
|
571
575
|
const containerSize = useSize(containerRef, dimension);
|
|
572
|
-
return /* @__PURE__ */ React9.createElement("div", { ref: containerRef, style }, containerSize && containerSize[dimension] > 0 && children(containerSize[dimension]));
|
|
576
|
+
return /* @__PURE__ */ React9.createElement("div", { ref: containerRef, style, className }, containerSize && containerSize[dimension] > 0 && children(containerSize[dimension]));
|
|
573
577
|
});
|
|
574
578
|
|
|
575
579
|
// ../noya-react-utils/src/components/FileDropTarget.tsx
|
|
@@ -4982,6 +4986,7 @@ var StyledRoot = styled29(ToggleGroupPrimitive.Root).withConfig({
|
|
|
4982
4986
|
var StyledItem = styled29(ToggleGroupPrimitive.Item).withConfig({
|
|
4983
4987
|
shouldForwardProp: (prop) => !ignoredProps3.has(prop)
|
|
4984
4988
|
})(({ theme, colorScheme }) => ({
|
|
4989
|
+
...theme.textStyles.small,
|
|
4985
4990
|
position: "relative",
|
|
4986
4991
|
flex: "1 1 0",
|
|
4987
4992
|
appearance: "none",
|
|
@@ -5592,6 +5597,9 @@ var colors2 = produce(colors, (colors3) => {
|
|
|
5592
5597
|
colors3.activeBackground = "rgba(181,178,255,0.08)";
|
|
5593
5598
|
colors3.thumbnailBackground = "#1f1d33";
|
|
5594
5599
|
colors3.thumbnailShadow = "#1f1d3366";
|
|
5600
|
+
colors3.breadcrumb.text = colors3.textMuted;
|
|
5601
|
+
colors3.breadcrumb.textHover = colors3.textSubtle;
|
|
5602
|
+
colors3.breadcrumb.icon = colors3.icon;
|
|
5595
5603
|
});
|
|
5596
5604
|
|
|
5597
5605
|
// src/utils/createSectionedMenu.ts
|