@noya-app/noya-designsystem 0.0.14 → 0.0.15
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 +12 -0
- package/dist/index.d.mts +15 -11
- package/dist/index.d.ts +15 -11
- package/dist/index.js +28 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +27 -3
- package/dist/index.mjs.map +1 -1
- package/package.json +6 -6
- package/src/components/Chip.tsx +74 -73
- package/src/components/Dialog.tsx +51 -26
- package/src/components/Switch.tsx +25 -25
- package/src/components/Text.tsx +3 -0
package/dist/index.mjs
CHANGED
|
@@ -477,6 +477,28 @@ var Dialog = forwardRef3(function Dialog2({
|
|
|
477
477
|
children
|
|
478
478
|
));
|
|
479
479
|
});
|
|
480
|
+
var FullscreenDialog = forwardRef3(function FullscreenDialog2({ style, ...rest }, forwardedRef) {
|
|
481
|
+
return /* @__PURE__ */ React7.createElement(
|
|
482
|
+
Dialog,
|
|
483
|
+
{
|
|
484
|
+
ref: forwardedRef,
|
|
485
|
+
style: {
|
|
486
|
+
width: "100%",
|
|
487
|
+
height: "100%",
|
|
488
|
+
maxWidth: "100%",
|
|
489
|
+
maxHeight: "100%",
|
|
490
|
+
top: "0",
|
|
491
|
+
left: "0",
|
|
492
|
+
transform: "none",
|
|
493
|
+
display: "flex",
|
|
494
|
+
flexDirection: "column",
|
|
495
|
+
padding: 0,
|
|
496
|
+
...style
|
|
497
|
+
},
|
|
498
|
+
...rest
|
|
499
|
+
}
|
|
500
|
+
);
|
|
501
|
+
});
|
|
480
502
|
|
|
481
503
|
// src/components/InputField.tsx
|
|
482
504
|
import { CaretDownIcon } from "@noya-app/noya-icons";
|
|
@@ -1758,6 +1780,7 @@ var ChipElement = styled14.span(({ theme, colorScheme, size: size2, variant, mon
|
|
|
1758
1780
|
display: "inline-flex",
|
|
1759
1781
|
alignItems: "center",
|
|
1760
1782
|
lineHeight: "1.4",
|
|
1783
|
+
whiteSpace: "pre",
|
|
1761
1784
|
...size2 === "medium" ? {
|
|
1762
1785
|
fontSize: "11px",
|
|
1763
1786
|
padding: "4px 8px"
|
|
@@ -4818,7 +4841,7 @@ var Slider = function Slider2({
|
|
|
4818
4841
|
import * as SwitchPrimitive from "@radix-ui/react-switch";
|
|
4819
4842
|
import React36 from "react";
|
|
4820
4843
|
import styled31 from "styled-components";
|
|
4821
|
-
var SwitchRoot = styled31(SwitchPrimitive.Root)(({ theme, variant }) => ({
|
|
4844
|
+
var SwitchRoot = styled31(SwitchPrimitive.Root)(({ theme, colorScheme: variant }) => ({
|
|
4822
4845
|
all: "unset",
|
|
4823
4846
|
width: 32,
|
|
4824
4847
|
height: 19,
|
|
@@ -4850,12 +4873,12 @@ var SwitchThumb = styled31(SwitchPrimitive.Thumb)({
|
|
|
4850
4873
|
var Switch = function Switch2({
|
|
4851
4874
|
value,
|
|
4852
4875
|
onChange,
|
|
4853
|
-
|
|
4876
|
+
colorScheme = "normal"
|
|
4854
4877
|
}) {
|
|
4855
4878
|
return /* @__PURE__ */ React36.createElement(
|
|
4856
4879
|
SwitchRoot,
|
|
4857
4880
|
{
|
|
4858
|
-
|
|
4881
|
+
colorScheme,
|
|
4859
4882
|
checked: value,
|
|
4860
4883
|
onCheckedChange: (newValue) => {
|
|
4861
4884
|
onChange(newValue);
|
|
@@ -5454,6 +5477,7 @@ export {
|
|
|
5454
5477
|
DropdownMenu,
|
|
5455
5478
|
FillInputField,
|
|
5456
5479
|
FillPreviewBackground,
|
|
5480
|
+
FullscreenDialog,
|
|
5457
5481
|
GlobalInputBlurProvider,
|
|
5458
5482
|
GradientPicker,
|
|
5459
5483
|
GridView,
|