@dust-tt/sparkle 0.3.4 → 0.3.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/dist/cjs/index.js +1 -1
- package/dist/esm/components/Avatar.d.ts +4 -2
- package/dist/esm/components/Avatar.d.ts.map +1 -1
- package/dist/esm/components/Avatar.js +10 -2
- package/dist/esm/components/Avatar.js.map +1 -1
- package/dist/esm/components/Card.d.ts +2 -2
- package/dist/esm/components/Card.d.ts.map +1 -1
- package/dist/esm/components/Card.js +11 -13
- package/dist/esm/components/Card.js.map +1 -1
- package/dist/esm/components/Checkbox.d.ts +1 -0
- package/dist/esm/components/Checkbox.d.ts.map +1 -1
- package/dist/esm/components/Checkbox.js +4 -5
- package/dist/esm/components/Checkbox.js.map +1 -1
- package/dist/esm/components/Chip.js +25 -40
- package/dist/esm/components/Chip.js.map +1 -1
- package/dist/esm/components/IconButton.d.ts +9 -7
- package/dist/esm/components/IconButton.d.ts.map +1 -1
- package/dist/esm/components/IconButton.js +13 -15
- package/dist/esm/components/IconButton.js.map +1 -1
- package/dist/esm/components/Label.d.ts +6 -2
- package/dist/esm/components/Label.d.ts.map +1 -1
- package/dist/esm/components/Label.js +16 -6
- package/dist/esm/components/Label.js.map +1 -1
- package/dist/esm/components/Notification.js +11 -11
- package/dist/esm/components/Notification.js.map +1 -1
- package/dist/esm/icons/actions/Frame.d.ts +5 -0
- package/dist/esm/icons/actions/Frame.d.ts.map +1 -0
- package/dist/esm/icons/actions/Frame.js +6 -0
- package/dist/esm/icons/actions/Frame.js.map +1 -0
- package/dist/esm/icons/actions/index.d.ts +1 -0
- package/dist/esm/icons/actions/index.d.ts.map +1 -1
- package/dist/esm/icons/actions/index.js +1 -0
- package/dist/esm/icons/actions/index.js.map +1 -1
- package/dist/esm/icons/src/actions/frame.svg +3 -0
- package/dist/esm/stories/Card.stories.js +2 -2
- package/dist/esm/stories/Card.stories.js.map +1 -1
- package/dist/esm/stories/IconButton.stories.d.ts +1 -10
- package/dist/esm/stories/IconButton.stories.d.ts.map +1 -1
- package/dist/esm/styles/global.css +1 -1
- package/package.json +1 -1
- package/src/components/Avatar.tsx +12 -4
- package/src/components/Card.tsx +27 -33
- package/src/components/Checkbox.tsx +5 -7
- package/src/components/Chip.tsx +70 -70
- package/src/components/IconButton.tsx +64 -59
- package/src/components/Label.tsx +28 -11
- package/src/components/Notification.tsx +12 -12
- package/src/icons/actions/Frame.tsx +18 -0
- package/src/icons/actions/index.ts +1 -0
- package/src/icons/src/actions/frame.svg +3 -0
- package/src/stories/Card.stories.tsx +2 -2
- package/src/styles/global.css +1 -1
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
declare const AVATAR_SIZES: readonly ["xs", "sm", "md", "lg", "xl", "2xl", "auto"];
|
|
3
|
-
type AvatarSizeType = (typeof AVATAR_SIZES)[number];
|
|
2
|
+
export declare const AVATAR_SIZES: readonly ["xs", "sm", "md", "lg", "xl", "2xl", "auto"];
|
|
3
|
+
export type AvatarSizeType = (typeof AVATAR_SIZES)[number];
|
|
4
|
+
export declare const AVATAR_VARIANTS: readonly ["default", "clickable", "disabled"];
|
|
5
|
+
export type AvatarVariantType = (typeof AVATAR_VARIANTS)[number];
|
|
4
6
|
interface AvatarProps {
|
|
5
7
|
size?: AvatarSizeType;
|
|
6
8
|
name?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,eAAO,MAAM,YAAY,wDAQf,CAAC;AACX,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAE3D,eAAO,MAAM,eAAe,+CAAgD,CAAC;AAC7E,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAkIjE,UAAU,WAAW;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,MAAM,EACN,OAAO,EACP,SAAiB,EACjB,IAAY,EACZ,SAAiB,EACjB,eAAe,EACf,UAAU,EACV,QAAgB,EAChB,SAAS,EACT,IAAI,EACJ,SAA+B,GAChC,EAAE,WAAW,qBA+Db;yBA9Ee,MAAM;;;AAgFtB,QAAA,MAAM,kBAAkB,6BAA8B,CAAC;AACvD,KAAK,mBAAmB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE/D,UAAU,gBAAgB;IACxB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC"}
|
|
@@ -5,8 +5,16 @@ import { Tooltip } from "../components";
|
|
|
5
5
|
import { UserIcon } from "../icons/app";
|
|
6
6
|
import { getEmojiAndBackgroundFromUrl } from "../lib/avatar/utils";
|
|
7
7
|
import { cn } from "../lib/utils";
|
|
8
|
-
var AVATAR_SIZES = [
|
|
9
|
-
|
|
8
|
+
export var AVATAR_SIZES = [
|
|
9
|
+
"xs",
|
|
10
|
+
"sm",
|
|
11
|
+
"md",
|
|
12
|
+
"lg",
|
|
13
|
+
"xl",
|
|
14
|
+
"2xl",
|
|
15
|
+
"auto",
|
|
16
|
+
];
|
|
17
|
+
export var AVATAR_VARIANTS = ["default", "clickable", "disabled"];
|
|
10
18
|
var avatarVariants = cva("s-flex s-flex-shrink-0 s-items-center s-justify-center s-overflow-hidden", {
|
|
11
19
|
variants: {
|
|
12
20
|
size: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,IAAM,YAAY,GAAG,
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,8 +2,8 @@ import React from "react";
|
|
|
2
2
|
import { LinkWrapperProps } from "../components/LinkWrapper";
|
|
3
3
|
export declare const CARD_VARIANTS: readonly ["primary", "secondary", "tertiary"];
|
|
4
4
|
export type CardVariantType = (typeof CARD_VARIANTS)[number];
|
|
5
|
-
export declare const
|
|
6
|
-
export type CardSizeType = (typeof
|
|
5
|
+
export declare const CARD_SIZES: readonly ["sm", "md", "lg"];
|
|
6
|
+
export type CardSizeType = (typeof CARD_SIZES)[number];
|
|
7
7
|
interface CommonProps {
|
|
8
8
|
variant?: CardVariantType;
|
|
9
9
|
size?: CardSizeType;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AASnE,eAAO,MAAM,aAAa,+CAAgD,CAAC;
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AASnE,eAAO,MAAM,aAAa,+CAAgD,CAAC;AAC3E,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,eAAO,MAAM,UAAU,6BAA8B,CAAC;AACtD,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAqDvD,UAAU,WAAW;IACnB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,aAAc,SAAQ,WAAW,EAAE,gBAAgB;IAC3D,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AAED,UAAU,eACR,SAAQ,WAAW,EACjB,KAAK,CAAC,oBAAoB,CAAC,cAAc,CAAC;IAC5C,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,GAAG,CAAC,EAAE,KAAK,CAAC;IACZ,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AA8DD,UAAU,aAAa;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,UAAU,iBACR,SAAQ,aAAa,EACnB,IAAI,CAAC,aAAa,EAAE,MAAM,aAAa,CAAC;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AAED,UAAU,mBACR,SAAQ,aAAa,EACnB,IAAI,CAAC,eAAe,EAAE,MAAM,aAAa,CAAC;IAC5C,IAAI,CAAC,EAAE,KAAK,CAAC;CACd;AAED,MAAM,MAAM,SAAS,GAAG,iBAAiB,GAAG,mBAAmB,CAAC;AAEhE,eAAO,MAAM,IAAI,kFAYhB,CAAC;AAyBF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;2CAa3B,CAAC;AAIH,eAAO,MAAM,QAAQ,6GAgBnB,CAAC"}
|
|
@@ -6,22 +6,20 @@ import { noHrefLink, SparkleContext, } from "../context";
|
|
|
6
6
|
import { XMarkIcon } from "../icons/app";
|
|
7
7
|
import { cn } from "../lib/utils";
|
|
8
8
|
export var CARD_VARIANTS = ["primary", "secondary", "tertiary"];
|
|
9
|
-
var
|
|
10
|
-
primary: cn("s-bg-muted-background", "s-border-border/0", "dark:s-bg-muted-background-night", "dark:s-border-border-night/0"),
|
|
11
|
-
secondary: cn("s-bg-background", "s-border-border", "dark:s-bg-background-night", "dark:s-border-border-night"),
|
|
12
|
-
tertiary: cn("s-bg-background", "s-border-border/0", "dark:s-bg-background-night", "dark:s-border-border-night/0"),
|
|
13
|
-
};
|
|
14
|
-
export var CARD_VARIANTS_SIZES = ["sm", "md", "lg"];
|
|
15
|
-
var sizeVariants = {
|
|
16
|
-
sm: "s-p-3 s-rounded-xl",
|
|
17
|
-
md: "s-p-4 s-rounded-2xl",
|
|
18
|
-
lg: "s-p-5 s-rounded-3xl",
|
|
19
|
-
};
|
|
9
|
+
export var CARD_SIZES = ["sm", "md", "lg"];
|
|
20
10
|
var interactiveClasses = cn("s-cursor-pointer", "s-transition s-duration-200", "hover:s-bg-primary-100 dark:hover:s-bg-primary-100-night", "active:s-bg-primary-150 dark:active:s-bg-primary-150-night", "disabled:s-text-primary-muted dark:disabled:s-text-primary-muted-night", "disabled:s-border-border dark:disabled:s-border-border-night", "disabled:s-pointer-events-none");
|
|
21
11
|
var cardVariants = cva(cn("s-flex s-text-left s-group", "s-border s-overflow-hidden", "s-text-foreground dark:s-text-foreground-night"), {
|
|
22
12
|
variants: {
|
|
23
|
-
variant:
|
|
24
|
-
|
|
13
|
+
variant: {
|
|
14
|
+
primary: cn("s-bg-muted-background", "s-border-border/0", "dark:s-bg-muted-background-night", "dark:s-border-border-night/0"),
|
|
15
|
+
secondary: cn("s-bg-background", "s-border-border", "dark:s-bg-background-night", "dark:s-border-border-night"),
|
|
16
|
+
tertiary: cn("s-bg-background", "s-border-border/0", "dark:s-bg-background-night", "dark:s-border-border-night/0"),
|
|
17
|
+
},
|
|
18
|
+
size: {
|
|
19
|
+
sm: "s-p-3 s-rounded-xl",
|
|
20
|
+
md: "s-p-4 s-rounded-2xl",
|
|
21
|
+
lg: "s-p-5 s-rounded-3xl",
|
|
22
|
+
},
|
|
25
23
|
},
|
|
26
24
|
defaultVariants: {
|
|
27
25
|
variant: "primary",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAmB,MAAM,4BAA4B,CAAC;AAErE,OAAO,EACL,UAAU,EACV,cAAc,GAEf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,MAAM,CAAC,IAAM,aAAa,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,CAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@ import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
|
2
2
|
import { VariantProps } from "class-variance-authority";
|
|
3
3
|
import React from "react";
|
|
4
4
|
export declare const CHECKBOX_SIZES: readonly ["xs", "sm"];
|
|
5
|
+
export type CheckboxSizeType = (typeof CHECKBOX_SIZES)[number];
|
|
5
6
|
declare const checkboxStyles: (props?: ({
|
|
6
7
|
checked?: boolean | "partial" | null | undefined;
|
|
7
8
|
size?: "xs" | "sm" | null | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,eAAO,MAAM,cAAc,uBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,eAAO,MAAM,cAAc,uBAAwB,CAAC;AACpD,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE/D,QAAA,MAAM,cAAc;;;mFA2BnB,CAAC;AAEF,KAAK,iBAAiB,GAAG,OAAO,GAAG,SAAS,CAAC;AAE7C,UAAU,aACR,SAAQ,IAAI,CACR,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EAC7D,SAAS,GAAG,gBAAgB,CAC7B,EACD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,QAAQ,yFA6BZ,CAAC;AAIH,UAAU,qBAAsB,SAAQ,aAAa;IACnD,IAAI,EAAE,MAAM,CAAC;CACd;AAED,iBAAS,gBAAgB,CAAC,EACxB,IAAI,EACJ,OAAO,EACP,EAAE,EACF,GAAG,KAAK,EACT,EAAE,qBAAqB,qBAcvB;AAED,UAAU,mCAAoC,SAAQ,qBAAqB;IACzE,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,iBAAS,8BAA8B,CAAC,EACtC,IAAI,EACJ,WAAW,EACX,OAAO,EACP,EAAE,EACF,GAAG,KAAK,EACT,EAAE,mCAAmC,qBAwBrC;AAED,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,8BAA8B,EAAE,CAAC;AACtE,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -8,10 +8,6 @@ import { Icon } from "./Icon";
|
|
|
8
8
|
import { Label } from "./Label";
|
|
9
9
|
import { Tooltip } from "./Tooltip";
|
|
10
10
|
export var CHECKBOX_SIZES = ["xs", "sm"];
|
|
11
|
-
var checkboxSizeVariant = {
|
|
12
|
-
xs: "s-h-4 s-w-4 s-rounded",
|
|
13
|
-
sm: "s-h-5 s-w-5 s-rounded-md",
|
|
14
|
-
};
|
|
15
11
|
var checkboxStyles = cva(cn("s-shrink-0 s-peer s-border s-transition s-duration-200 s-ease-in-out", "s-border-border-dark dark:s-border-border-dark-night s-bg-background dark:s-bg-background-night", "s-text-foreground dark:s-text-foreground-night", "focus-visible:s-ring-ring s-ring-offset-background focus-visible:s-outline-none focus-visible:s-ring-2 focus-visible:s-ring-offset-2", "hover:s-border-highlight hover:s-bg-highlight-50 dark:hover:s-bg-highlight-100-night hover:dark:s-border-highlight", "disabled:s-cursor-not-allowed disabled:s-opacity-50 disabled:s-border-border-dark disabled:dark:s-border-border-dark-night disabled:s-bg-background dark:disabled:s-bg-background-night"), {
|
|
16
12
|
variants: {
|
|
17
13
|
checked: {
|
|
@@ -19,7 +15,10 @@ var checkboxStyles = cva(cn("s-shrink-0 s-peer s-border s-transition s-duration-
|
|
|
19
15
|
partial: "data-[state=indeterminate]:s-bg-primary dark:data-[state=indeterminate]:s-bg-primary-night data-[state=indeterminate]:s-text-white data-[state=indeterminate]:s-border-primary",
|
|
20
16
|
false: "",
|
|
21
17
|
},
|
|
22
|
-
size:
|
|
18
|
+
size: {
|
|
19
|
+
xs: "s-h-4 s-w-4 s-rounded",
|
|
20
|
+
sm: "s-h-5 s-w-5 s-rounded-md",
|
|
21
|
+
},
|
|
23
22
|
},
|
|
24
23
|
defaultVariants: {
|
|
25
24
|
size: "sm",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,GAAG,EAAgB,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,CAAC,IAAM,cAAc,GAAG,CAAC,IAAI,EAAE,IAAI,CAAU,CAAC;AAGpD,IAAM,
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,GAAG,EAAgB,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,CAAC,IAAM,cAAc,GAAG,CAAC,IAAI,EAAE,IAAI,CAAU,CAAC;AAGpD,IAAM,cAAc,GAAG,GAAG,CACxB,EAAE,CACA,sEAAsE,EACtE,iGAAiG,EACjG,gDAAgD,EAChD,sIAAsI,EACtI,oHAAoH,EACpH,yLAAyL,CAC1L,EACD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,wJAAwJ;YAC9J,OAAO,EACL,gLAAgL;YAClL,KAAK,EAAE,EAAE;SACV;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,uBAAuB;YAC3B,EAAE,EAAE,0BAA0B;SAC/B;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,KAAK;KACf;CACF,CACF,CAAC;AAcF,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,UAAC,EAAmD,EAAE,GAAG;IAAtD,IAAA,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,EAAE,QAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAAjD,iDAAmD,CAAF;IAClD,IAAM,QAAQ,GAAG,CACf,oBAAC,iBAAiB,CAAC,IAAI,aACrB,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,SAAA,EAAE,IAAI,MAAA,EAAE,CAAC,EAAE,SAAS,CAAC,EAC3D,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,IACtD,KAAK;QAET,oBAAC,iBAAiB,CAAC,SAAS,IAAC,SAAS,EAAC,uDAAuD;YAC5F,8BAAM,SAAS,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;gBAClD,oBAAC,IAAI,IACH,IAAI,EAAC,IAAI,EACT,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACpD,SAAS,EAAC,gDAAgD,GAC1D,CACG,CACqB,CACP,CAC1B,CAAC;IAEF,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,oBAAC,OAAO,IAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,qBAAqB,SAAG,CACrE,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;AAM1D,SAAS,gBAAgB,CAAC,EAKF;IAJtB,IAAA,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,EAAE,QAAA,EACC,KAAK,cAJgB,yBAKzB,CADS;IAER,IAAM,OAAO,GAAG,CACd,6BAAK,SAAS,EAAC,+CAA+C;QAC5D,oBAAC,QAAQ,aAAC,EAAE,EAAE,EAAE,IAAM,KAAK,EAAI;QAC/B,oBAAC,KAAK,IACJ,OAAO,EAAE,EAAE,EACX,SAAS,EAAC,yGAAyG,IAElH,IAAI,CACC,CACJ,CACP,CAAC;IAEF,OAAO,OAAO,CAAC,CAAC,CAAC,oBAAC,OAAO,IAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC,OAAO,CAAC;AAC3E,CAAC;AAMD,SAAS,8BAA8B,CAAC,EAMF;IALpC,IAAA,IAAI,UAAA,EACJ,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,EAAE,QAAA,EACC,KAAK,cAL8B,wCAMvC,CADS;IAER,IAAM,OAAO,GAAG,CACd,6BAAK,SAAS,EAAC,gCAAgC;QAC7C,oBAAC,QAAQ,aAAC,EAAE,EAAE,EAAE,IAAM,KAAK,EAAI;QAC/B,6BAAK,SAAS,EAAC,iCAAiC;YAC9C,oBAAC,KAAK,IACJ,OAAO,EAAE,EAAE,EACX,SAAS,EAAC,yGAAyG,IAElH,IAAI,CACC;YACR,2BACE,SAAS,EAAE,EAAE,CACX,WAAW,EACX,4DAA4D,CAC7D,IAEA,WAAW,CACV,CACA,CACF,CACP,CAAC;IAEF,OAAO,OAAO,CAAC,CAAC,CAAC,oBAAC,OAAO,IAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC,OAAO,CAAC;AAC3E,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,8BAA8B,EAAE,CAAC"}
|
|
@@ -17,33 +17,30 @@ export var CHIP_COLORS = [
|
|
|
17
17
|
"rose",
|
|
18
18
|
"golden",
|
|
19
19
|
];
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
rose: "s-text-rose-900 dark:s-text-rose-900-night",
|
|
45
|
-
golden: "s-text-golden-900 dark:s-text-golden-900-night",
|
|
46
|
-
};
|
|
20
|
+
var chipVariants = cva("s-inline-flex s-box-border s-items-center", {
|
|
21
|
+
variants: {
|
|
22
|
+
size: {
|
|
23
|
+
mini: "s-rounded-md s-min-h-5 s-text-xs s-font-medium s-px-1.5 s-py-1 s-gap-0.5",
|
|
24
|
+
xs: "s-rounded-lg s-min-h-7 s-heading-xs s-px-3 s-gap-1",
|
|
25
|
+
sm: "s-rounded-xl s-min-h-9 s-heading-sm s-px-4 s-gap-1.5",
|
|
26
|
+
},
|
|
27
|
+
color: {
|
|
28
|
+
primary: cn("s-bg-muted-background s-border-border", "s-text-primary-900", "dark:s-bg-muted-background-night dark:s-border-border-night", "dark:s-text-primary-900-night"),
|
|
29
|
+
highlight: cn("s-bg-highlight-100 s-border-highlight-200", "s-text-highlight-900", "dark:s-bg-highlight-100-night dark:s-border-highlight-200-night", "dark:s-text-highlight-900-night"),
|
|
30
|
+
success: cn("s-bg-success-100 s-border-success-200", "s-text-success-900", "dark:s-bg-success-100-night dark:s-border-success-200-night", "dark:s-text-success-900-night"),
|
|
31
|
+
info: cn("s-bg-info-100 s-border-info-200", "s-text-info-900", "dark:s-bg-info-100-night dark:s-border-info-200-night", "dark:s-text-info-900-night"),
|
|
32
|
+
warning: cn("s-bg-warning-100 s-border-warning-200", "s-text-warning-900", "dark:s-bg-warning-100-night dark:s-border-warning-200-night", "dark:s-text-warning-900-night"),
|
|
33
|
+
green: cn("s-bg-green-100 s-border-green-200", "s-text-green-900", "dark:s-bg-green-100-night dark:s-border-green-200-night", "dark:s-text-green-900-night"),
|
|
34
|
+
blue: cn("s-bg-blue-100 s-border-blue-200", "s-text-blue-900", "dark:s-bg-blue-100-night dark:s-border-blue-200-night", "dark:s-text-blue-900-night"),
|
|
35
|
+
rose: cn("s-bg-rose-100 s-border-rose-200", "s-text-rose-900", "dark:s-bg-rose-100-night dark:s-border-rose-200-night", "dark:s-text-rose-900-night"),
|
|
36
|
+
golden: cn("s-bg-golden-100 s-border-golden-200", "s-text-golden-900", "dark:s-bg-golden-100-night dark:s-border-golden-200-night", "dark:s-text-golden-900-night"),
|
|
37
|
+
},
|
|
38
|
+
},
|
|
39
|
+
defaultVariants: {
|
|
40
|
+
size: "xs",
|
|
41
|
+
color: "primary",
|
|
42
|
+
},
|
|
43
|
+
});
|
|
47
44
|
var closeIconVariants = {
|
|
48
45
|
primary: cn("s-text-primary-700 hover:s-text-primary-500 active:s-text-primary-950", "dark:s-text-primary-700-night dark:hover:s-text-primary-500-night dark:active:s-text-primary-950-night"),
|
|
49
46
|
highlight: cn("s-text-highlight-900 hover:s-text-highlight-700 active:s-text-highlight-950", "dark:s-text-highlight-900-night dark:hover:s-text-highlight-700-night dark:active:s-text-highlight-950-night"),
|
|
@@ -55,18 +52,6 @@ var closeIconVariants = {
|
|
|
55
52
|
rose: cn("s-text-rose-900 hover:s-text-rose-700 active:s-text-rose-950", "dark:s-text-rose-900-night dark:hover:s-text-rose-700-night dark:active:s-text-rose-950-night"),
|
|
56
53
|
golden: cn("s-text-golden-900 hover:s-text-golden-700 active:s-text-golden-950", "dark:s-text-golden-900-night dark:hover:s-text-golden-700-night dark:active:s-text-golden-950-night"),
|
|
57
54
|
};
|
|
58
|
-
var chipVariants = cva("s-inline-flex s-box-border s-items-center", {
|
|
59
|
-
variants: {
|
|
60
|
-
size: sizeVariants,
|
|
61
|
-
text: textVariants,
|
|
62
|
-
background: backgroundVariants,
|
|
63
|
-
},
|
|
64
|
-
defaultVariants: {
|
|
65
|
-
size: "xs",
|
|
66
|
-
text: "primary",
|
|
67
|
-
background: "primary",
|
|
68
|
-
},
|
|
69
|
-
});
|
|
70
55
|
// TODO(yuka: 1606): we should update this component so that you cannot have both
|
|
71
56
|
// onClick and onRemove at the same time. We should use div when there is no onClick,
|
|
72
57
|
// but use button when there is onClick.
|
|
@@ -74,7 +59,7 @@ var chipVariants = cva("s-inline-flex s-box-border s-items-center", {
|
|
|
74
59
|
// with a role="button", a tabIndex={0} to make it focusable, and onKeyDown handler.
|
|
75
60
|
var Chip = React.forwardRef(function (_a, ref) {
|
|
76
61
|
var size = _a.size, color = _a.color, label = _a.label, children = _a.children, className = _a.className, isBusy = _a.isBusy, icon = _a.icon, onRemove = _a.onRemove, onClick = _a.onClick, href = _a.href, linkProps = __rest(_a, ["size", "color", "label", "children", "className", "isBusy", "icon", "onRemove", "onClick", "href"]);
|
|
77
|
-
var chipContent = (React.createElement("div", { className: cn(chipVariants({ size: size,
|
|
62
|
+
var chipContent = (React.createElement("div", { className: cn(chipVariants({ size: size, color: color }), className, onClick && "s-cursor-pointer"), "aria-label": label, ref: ref, onClick: onClick ? function () { return onClick(); } : undefined, role: onClick ? "button" : undefined, onKeyDown: function (e) {
|
|
78
63
|
if (onClick &&
|
|
79
64
|
(e.key === "Enter" || e.key === " ") &&
|
|
80
65
|
e.target === e.currentTarget) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../src/components/Chip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,KAAmC,MAAM,OAAO,CAAC;AAExD,OAAO,EACL,YAAY,EACZ,WAAW,GAEZ,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAC;AAEzC,MAAM,CAAC,IAAM,UAAU,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAU,CAAC;AAIxD,MAAM,CAAC,IAAM,WAAW,GAAG;IACzB,SAAS;IACT,SAAS;IACT,SAAS;IACT,MAAM;IACN,WAAW;IACX,OAAO;IACP,MAAM;IACN,MAAM;IACN,QAAQ;CACA,CAAC;AAIX,IAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../src/components/Chip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +1,18 @@
|
|
|
1
1
|
import React, { ComponentType, MouseEventHandler } from "react";
|
|
2
2
|
import { Tooltip } from "../components";
|
|
3
3
|
import { Button } from "../components/Button";
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
export declare const ICON_BUTTON_VARIANTS: readonly ["primary", "highlight", "warning", "outline", "ghost", "ghost-secondary"];
|
|
5
|
+
export type IconButtonVariantType = (typeof ICON_BUTTON_VARIANTS)[number];
|
|
6
|
+
declare const iconButtonVariants: (props?: ({
|
|
7
|
+
variant?: "primary" | "highlight" | "warning" | "outline" | "ghost" | "ghost-secondary" | null | undefined;
|
|
8
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
9
|
+
export interface IconButtonProps extends Omit<React.ComponentPropsWithoutRef<typeof Button>, "label" | "variant"> {
|
|
10
|
+
variant?: IconButtonVariantType;
|
|
6
11
|
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
7
|
-
size?: React.ComponentProps<typeof Button>["size"];
|
|
8
12
|
tooltip?: string;
|
|
9
13
|
tooltipPosition?: React.ComponentProps<typeof Tooltip>["side"];
|
|
10
14
|
icon: ComponentType;
|
|
11
|
-
|
|
12
|
-
disabled?: boolean;
|
|
13
|
-
};
|
|
15
|
+
}
|
|
14
16
|
declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
15
|
-
export { IconButton };
|
|
17
|
+
export { IconButton, iconButtonVariants };
|
|
16
18
|
//# sourceMappingURL=IconButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAmB,MAAM,4BAA4B,CAAC;AAGrE,eAAO,MAAM,oBAAoB,qFAAkB,CAAC;AACpD,MAAM,MAAM,qBAAqB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1E,QAAA,MAAM,kBAAkB;;mFA+CvB,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,EAC7C,OAAO,GAAG,SAAS,CACpB;IACD,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/D,IAAI,EAAE,aAAa,CAAC;CACrB;AAED,QAAA,MAAM,UAAU,2FAkCf,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -1,31 +1,29 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
2
|
import { cva } from "class-variance-authority";
|
|
3
3
|
import React from "react";
|
|
4
|
-
import { Button } from "../components/Button";
|
|
4
|
+
import { Button, BUTTON_VARIANTS } from "../components/Button";
|
|
5
5
|
import { cn } from "../lib/utils";
|
|
6
|
-
var
|
|
7
|
-
primary: cn("s-text-highlight-500 dark:s-text-highlight-500-night", "hover:s-text-highlight-400 dark:hover:s-text-highlight-500-night", "active:s-text-highlight-600 dark:active:s-text-highlight-600-night", "s-text-primary-500 dark:s-text-primary-500-night"),
|
|
8
|
-
warning: cn("s-text-warning-500 dark:s-text-warning-500-night", "hover:s-text-warning-400 dark:hover:s-text-warning-500-night", "active:s-text-warning-600 dark:active:s-text-warning-600-night", "s-text-primary-500 dark:s-text-primary-500-night"),
|
|
9
|
-
highlight: cn("s-text-foreground dark:s-text-foreground-night", "hover:s-text-highlight-400 dark:hover:s-text-highlight-500-night", "active:s-text-highlight-600 dark:active:s-text-highlight-600-night", "s-text-primary-500 dark:s-text-primary-500-night"),
|
|
10
|
-
outline: cn("s-text-primary-700 dark:s-text-primary-700-night", "hover:s-text-primary-400 dark:hover:s-text-primary-400-night", "active:s-text-highlight-600 dark:active:s-text-highlight-600-night", "s-text-primary-500 dark:s-text-primary-500-night"),
|
|
11
|
-
ghost: cn("s-text-white dark:s-text-primary-950", "hover:s-text-primary-100 dark:hover:s-text-primary-100-night", "active:s-text-primary-200 dark:active:s-text-primary-200-night", "s-text-white/50 dark:s-text-primary-950/50"),
|
|
12
|
-
"ghost-secondary": cn("s-text-white", "hover:s-text-primary-100 dark:hover:s-text-primary-100-night", "active:s-text-primary-200 dark:active:s-text-primary-200-night", "s-text-white/50 dark:s-text-primary-950/50"),
|
|
13
|
-
};
|
|
6
|
+
export var ICON_BUTTON_VARIANTS = BUTTON_VARIANTS;
|
|
14
7
|
var iconButtonVariants = cva("s-transition-all s-ease-out s-duration-300 s-cursor-pointer hover:s-scale-110", {
|
|
15
8
|
variants: {
|
|
16
|
-
variant:
|
|
17
|
-
|
|
18
|
-
|
|
9
|
+
variant: {
|
|
10
|
+
primary: cn("s-text-highlight-500 dark:s-text-highlight-500-night", "hover:s-text-highlight-400 dark:hover:s-text-highlight-500-night", "active:s-text-highlight-600 dark:active:s-text-highlight-600-night", "s-text-primary-500 dark:s-text-primary-500-night"),
|
|
11
|
+
warning: cn("s-text-warning-500 dark:s-text-warning-500-night", "hover:s-text-warning-400 dark:hover:s-text-warning-500-night", "active:s-text-warning-600 dark:active:s-text-warning-600-night", "s-text-primary-500 dark:s-text-primary-500-night"),
|
|
12
|
+
highlight: cn("s-text-foreground dark:s-text-foreground-night", "hover:s-text-highlight-400 dark:hover:s-text-highlight-500-night", "active:s-text-highlight-600 dark:active:s-text-highlight-600-night", "s-text-primary-500 dark:s-text-primary-500-night"),
|
|
13
|
+
outline: cn("s-text-primary-700 dark:s-text-primary-700-night", "hover:s-text-primary-400 dark:hover:s-text-primary-400-night", "active:s-text-highlight-600 dark:active:s-text-highlight-600-night", "s-text-primary-500 dark:s-text-primary-500-night"),
|
|
14
|
+
ghost: cn("s-text-white dark:s-text-primary-950", "hover:s-text-primary-100 dark:hover:s-text-primary-100-night", "active:s-text-primary-200 dark:active:s-text-primary-200-night", "s-text-white/50 dark:s-text-primary-950/50"),
|
|
15
|
+
"ghost-secondary": cn("s-text-white", "hover:s-text-primary-100 dark:hover:s-text-primary-100-night", "active:s-text-primary-200 dark:active:s-text-primary-200-night", "s-text-white/50 dark:s-text-primary-950/50"),
|
|
19
16
|
},
|
|
20
17
|
},
|
|
21
18
|
defaultVariants: {
|
|
22
19
|
variant: "outline",
|
|
23
|
-
disabled: false,
|
|
24
20
|
},
|
|
25
21
|
});
|
|
26
22
|
var IconButton = React.forwardRef(function (_a, ref) {
|
|
27
23
|
var _b = _a.variant, variant = _b === void 0 ? "outline" : _b, onClick = _a.onClick, _c = _a.disabled, disabled = _c === void 0 ? false : _c, tooltip = _a.tooltip, icon = _a.icon, className = _a.className, _d = _a.size, size = _d === void 0 ? "sm" : _d, props = __rest(_a, ["variant", "onClick", "disabled", "tooltip", "icon", "className", "size"]);
|
|
28
|
-
return (React.createElement(Button, __assign({ tooltip: tooltip, className: cn(iconButtonVariants({ variant: variant
|
|
24
|
+
return (React.createElement(Button, __assign({ tooltip: tooltip, className: cn(iconButtonVariants({ variant: variant }), disabled &&
|
|
25
|
+
cn("s-text-primary-500 dark:s-text-primary-500-night", "s-cursor-default hover:s-scale-100"), className), onClick: onClick, disabled: disabled, ref: ref, size: size, icon: icon, variant: "ghost" }, props)));
|
|
29
26
|
});
|
|
30
|
-
|
|
27
|
+
IconButton.displayName = "IconButton";
|
|
28
|
+
export { IconButton, iconButtonVariants };
|
|
31
29
|
//# sourceMappingURL=IconButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/components/IconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/components/IconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,MAAM,CAAC,IAAM,oBAAoB,GAAG,eAAe,CAAC;AAGpD,IAAM,kBAAkB,GAAG,GAAG,CAC5B,+EAA+E,EAC/E;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,EAAE,CACT,sDAAsD,EACtD,kEAAkE,EAClE,oEAAoE,EACpE,kDAAkD,CACnD;YACD,OAAO,EAAE,EAAE,CACT,kDAAkD,EAClD,8DAA8D,EAC9D,gEAAgE,EAChE,kDAAkD,CACnD;YACD,SAAS,EAAE,EAAE,CACX,gDAAgD,EAChD,kEAAkE,EAClE,oEAAoE,EACpE,kDAAkD,CACnD;YACD,OAAO,EAAE,EAAE,CACT,kDAAkD,EAClD,8DAA8D,EAC9D,oEAAoE,EACpE,kDAAkD,CACnD;YACD,KAAK,EAAE,EAAE,CACP,sCAAsC,EACtC,8DAA8D,EAC9D,gEAAgE,EAChE,4CAA4C,CAC7C;YACD,iBAAiB,EAAE,EAAE,CACnB,cAAc,EACd,8DAA8D,EAC9D,gEAAgE,EAChE,4CAA4C,CAC7C;SACF;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AAcF,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,UACE,EASC,EACD,GAAG;IATD,IAAA,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,OAAO,aAAA,EACP,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACR,KAAK,cARV,0EASC,CADS;IAGP,OAAA,CACH,oBAAC,MAAM,aACL,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CACX,kBAAkB,CAAC,EAAE,OAAO,SAAA,EAAE,CAAC,EAC/B,QAAQ;YACN,EAAE,CACA,kDAAkD,EAClD,oCAAoC,CACrC,EACH,SAAS,CACV,EACD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,OAAO,IACX,KAAK,EACT,CACH,CAAA;CAAA,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import * as LabelPrimitive from "@radix-ui/react-label";
|
|
2
|
+
import { type VariantProps } from "class-variance-authority";
|
|
2
3
|
import * as React from "react";
|
|
3
|
-
|
|
4
|
+
declare const labelVariants: (props?: ({
|
|
5
|
+
variant?: "muted" | "default" | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
7
|
+
export interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
|
|
4
8
|
isMuted?: boolean;
|
|
5
9
|
}
|
|
6
10
|
declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
|
|
7
|
-
export { Label };
|
|
11
|
+
export { Label, labelVariants };
|
|
8
12
|
//# sourceMappingURL=Label.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,aAAa;;mFAmBlB,CAAC;AAEF,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,EAChE,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,KAAK,qFAaT,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -1,14 +1,24 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
2
|
import * as LabelPrimitive from "@radix-ui/react-label";
|
|
3
|
+
import { cva } from "class-variance-authority";
|
|
3
4
|
import * as React from "react";
|
|
4
5
|
import { cn } from "../lib/utils";
|
|
6
|
+
var labelVariants = cva(cn("s-heading-sm", "peer-disabled:s-cursor-not-allowed peer-disabled:s-opacity-70"), {
|
|
7
|
+
variants: {
|
|
8
|
+
variant: {
|
|
9
|
+
default: cn("s-text-foreground", "dark:s-text-foreground-night"),
|
|
10
|
+
muted: cn("s-text-muted-foreground", "dark:s-text-muted-foreground-night"),
|
|
11
|
+
},
|
|
12
|
+
},
|
|
13
|
+
defaultVariants: {
|
|
14
|
+
variant: "default",
|
|
15
|
+
},
|
|
16
|
+
});
|
|
5
17
|
var Label = React.forwardRef(function (_a, ref) {
|
|
6
|
-
var className = _a.className, _b = _a.isMuted, isMuted = _b === void 0 ? false : _b, props = __rest(_a, ["className", "isMuted"]);
|
|
7
|
-
var
|
|
8
|
-
|
|
9
|
-
: "s-text-foreground dark:s-text-foreground-night", "peer-disabled:s-cursor-not-allowed peer-disabled:s-opacity-70");
|
|
10
|
-
return (React.createElement(LabelPrimitive.Root, __assign({ ref: ref, className: cn(labelVariants, className) }, props)));
|
|
18
|
+
var className = _a.className, variant = _a.variant, _b = _a.isMuted, isMuted = _b === void 0 ? false : _b, props = __rest(_a, ["className", "variant", "isMuted"]);
|
|
19
|
+
var effectiveVariant = isMuted ? "muted" : variant;
|
|
20
|
+
return (React.createElement(LabelPrimitive.Root, __assign({ ref: ref, className: cn(labelVariants({ variant: effectiveVariant }), className) }, props)));
|
|
11
21
|
});
|
|
12
22
|
Label.displayName = LabelPrimitive.Root.displayName;
|
|
13
|
-
export { Label };
|
|
23
|
+
export { Label, labelVariants };
|
|
14
24
|
//# sourceMappingURL=Label.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/components/Label.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/components/Label.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,IAAM,aAAa,GAAG,GAAG,CACvB,EAAE,CACA,cAAc,EACd,+DAA+D,CAChE,EACD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,EAAE,CAAC,mBAAmB,EAAE,8BAA8B,CAAC;YAChE,KAAK,EAAE,EAAE,CACP,yBAAyB,EACzB,oCAAoC,CACrC;SACF;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AAQF,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAG5B,UAAC,EAAiD,EAAE,GAAG;IAApD,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAE,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EAAK,KAAK,cAA/C,mCAAiD,CAAF;IAChD,IAAM,gBAAgB,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IAErD,OAAO,CACL,oBAAC,cAAc,CAAC,IAAI,aAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,CAAC,EAAE,SAAS,CAAC,IAClE,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,KAAK,CAAC,WAAW,GAAG,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC;AAEpD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -6,6 +6,15 @@ import { assertNever, cn } from "../lib/utils";
|
|
|
6
6
|
import { Icon } from "./Icon";
|
|
7
7
|
var NOTIFICATION_DELAY = 3000;
|
|
8
8
|
var NotificationsContext = React.createContext(function (n) { return n; });
|
|
9
|
+
var notificationVariants = cva("s-pt-0.5", {
|
|
10
|
+
variants: {
|
|
11
|
+
type: {
|
|
12
|
+
success: "s-text-success-600 dark:s-text-success-400-night",
|
|
13
|
+
error: "s-text-warning-500 dark:s-text-warning-500-night",
|
|
14
|
+
info: "s-text-info-600 dark:s-text-info-400-night",
|
|
15
|
+
},
|
|
16
|
+
},
|
|
17
|
+
});
|
|
9
18
|
function NotificationContent(_a) {
|
|
10
19
|
var type = _a.type, title = _a.title, description = _a.description, onDismiss = _a.onDismiss;
|
|
11
20
|
var icon = (function () {
|
|
@@ -20,19 +29,10 @@ function NotificationContent(_a) {
|
|
|
20
29
|
assertNever(type);
|
|
21
30
|
}
|
|
22
31
|
})();
|
|
23
|
-
var variantClassName = cva("s-pt-0.5", {
|
|
24
|
-
variants: {
|
|
25
|
-
type: {
|
|
26
|
-
success: "s-text-success-600 dark:s-text-success-400-night",
|
|
27
|
-
error: "s-text-warning-500 dark:s-text-warning-500-night",
|
|
28
|
-
info: "s-text-info-600 dark:s-text-info-400-night",
|
|
29
|
-
},
|
|
30
|
-
},
|
|
31
|
-
});
|
|
32
32
|
return (React.createElement("div", { className: cn("s-pointer-events-auto s-flex s-max-w-[400px] s-flex-row s-items-center s-gap-2 s-rounded-xl s-border", "s-border-border dark:s-border-border-night", "s-bg-background dark:s-bg-background-night", "s-cursor-pointer s-p-4 s-shadow-xl s-transition-colors hover:s-bg-muted/50 dark:hover:s-bg-muted-night/50"), onClick: onDismiss },
|
|
33
|
-
React.createElement(Icon, { size: "lg", visual: icon, className:
|
|
33
|
+
React.createElement(Icon, { size: "lg", visual: icon, className: notificationVariants({ type: type }), "aria-hidden": "true" }),
|
|
34
34
|
React.createElement("div", { className: "s-flex s-min-w-0 s-flex-grow s-flex-col" },
|
|
35
|
-
React.createElement("div", { className: cn("s-heading-md s-line-clamp-1 s-h-6 s-grow",
|
|
35
|
+
React.createElement("div", { className: cn("s-heading-md s-line-clamp-1 s-h-6 s-grow", notificationVariants({ type: type })) }, title || type),
|
|
36
36
|
description && (React.createElement("div", { className: cn("s-text-muted-foreground dark:s-text-muted-foreground-night", "s-line-clamp-3 s-text-sm s-font-normal") }, description)))));
|
|
37
37
|
}
|
|
38
38
|
export var Notification = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../src/components/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EACL,eAAe,EACf,qBAAqB,EACrB,WAAW,GACZ,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,IAAM,kBAAkB,GAAG,IAAI,CAAC;AAQhC,IAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAC9C,UAAC,CAAC,IAAK,OAAA,CAAC,EAAD,CAAC,CACT,CAAC;AAEF,SAAS,mBAAmB,CAAC,EAKmB;QAJ9C,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,SAAS,eAAA;IAET,IAAM,IAAI,GAAG,CAAC;QACZ,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,SAAS;gBACZ,OAAO,eAAe,CAAC;YACzB,KAAK,OAAO;gBACV,OAAO,WAAW,CAAC;YACrB,KAAK,MAAM;gBACT,OAAO,qBAAqB,CAAC;YAC/B;gBACE,WAAW,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,CAAC,EAAE,CAAC;IAEL,
|
|
1
|
+
{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../src/components/Notification.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Frame.d.ts","sourceRoot":"","sources":["../../../../src/icons/actions/Frame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,QAAA,MAAM,QAAQ,UAAW,SAAS,aAAa,CAAC,sBAc/C,CAAC;AACF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { __assign } from "tslib";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
var SvgFrame = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
4
|
+
React.createElement("path", { fill: "currentColor", d: "M21 3.107v18H3v-18h18Zm-9.811 10.158L5 14.355v4.752h7.218l-1.03-5.842ZM19 5.107h-7.219l2.468 14H19v-14Zm-9.25 0H5v7.218l5.841-1.03L9.75 5.108Z" }))); };
|
|
5
|
+
export default SvgFrame;
|
|
6
|
+
//# sourceMappingURL=Frame.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Frame.js","sourceRoot":"","sources":["../../../../src/icons/actions/Frame.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,IAAM,QAAQ,GAAG,UAAC,KAA8B,IAAK,OAAA,CACnD,sCACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,IACf,KAAK;IAET,8BACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,gJAAgJ,GAClJ,CACE,CACP,EAdoD,CAcpD,CAAC;AACF,eAAe,QAAQ,CAAC"}
|
|
@@ -52,6 +52,7 @@ export { default as ActionFlightTakeoffIcon } from "./FlightTakeoff";
|
|
|
52
52
|
export { default as ActionFolderIcon } from "./Folder";
|
|
53
53
|
export { default as ActionFolderAddIcon } from "./FolderAdd";
|
|
54
54
|
export { default as ActionFolderOpenIcon } from "./FolderOpen";
|
|
55
|
+
export { default as ActionFrameIcon } from "./Frame";
|
|
55
56
|
export { default as ActionFullscreenIcon } from "./Fullscreen";
|
|
56
57
|
export { default as ActionFullscreenExitIcon } from "./FullscreenExit";
|
|
57
58
|
export { default as ActionGamepadIcon } from "./Gamepad";
|