@gusarov-studio/rubik-ui 1.3.0 → 1.5.0

package/dist/Badge/Badge.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import "./Badge.scss";
+interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    variant?: "subtle" | "outline" | "solid" | "soft";
+    size?: "20" | "24" | "32";
+    appearance?: "gray" | "brand" | "error" | "warning" | "success" | "gray-blue" | "blue-light" | "blue" | "indigo" | "purple" | "pink" | "orange" | "white" | "black" | "inverted";
+    onDelete?: (e?: React.MouseEvent<HTMLButtonElement>) => void;
+    children?: React.ReactNode;
+}
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+export { Badge };

package/dist/Badge/index.d.ts

@@ -0,0 +1 @@
+export * from "./Badge";

package/dist/BrandIcon/BrandIcon.d.ts

@@ -1,8 +1,10 @@
 import React from "react";
-import type { BrandGlyph } from "./types";
-interface BrandIconProps extends Omit<BrandGlyph, "size"> {
-    glyph: string;
-    size?: number | string;
+import type { BrandIconGlyphProps } from "./types";
+import type { BrandIconGlyph } from "./glyphs";
+import "./BrandIcon.scss";
+export interface BrandIconProps extends BrandIconGlyphProps {
+    glyph: BrandIconGlyph;
+    appearance?: "primary" | "secondary" | "accent" | "inherit";
 }
 declare const BrandIcon: React.ForwardRefExoticComponent<BrandIconProps & React.RefAttributes<SVGSVGElement>>;
-export { BrandIcon };
+export { BrandIcon, type BrandIconGlyph };

package/dist/BrandIcon/glyphs/AngelList.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BrandIconGlyphProps } from "../types";
+declare const AngelList: React.ForwardRefExoticComponent<BrandIconGlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { AngelList };

package/dist/BrandIcon/glyphs/Apple.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BrandIconGlyphProps } from "../types";
+declare const Apple: React.ForwardRefExoticComponent<BrandIconGlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { Apple };

package/dist/BrandIcon/glyphs/ChatGPT3.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BrandIconGlyphProps } from "../types";
+declare const ChatGPT3: React.ForwardRefExoticComponent<BrandIconGlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { ChatGPT3 };

package/dist/BrandIcon/glyphs/ChatGPT4.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BrandIconGlyphProps } from "../types";
+declare const ChatGPT4: React.ForwardRefExoticComponent<BrandIconGlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { ChatGPT4 };

package/dist/BrandIcon/glyphs/Claude.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BrandIconGlyphProps } from "../types";
+declare const Claude: React.ForwardRefExoticComponent<BrandIconGlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { Claude };

package/dist/BrandIcon/glyphs/Clubhouse.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BrandIconGlyphProps } from "../types";
+declare const Clubhouse: React.ForwardRefExoticComponent<BrandIconGlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { Clubhouse };

package/dist/BrandIcon/glyphs/Discord.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BrandIconGlyphProps } from "../types";
+declare const Discord: React.ForwardRefExoticComponent<BrandIconGlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { Discord };

package/dist/BrandIcon/glyphs/Dribbble.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BrandIconGlyphProps } from "../types";
+declare const Dribbble: React.ForwardRefExoticComponent<BrandIconGlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { Dribbble };

package/dist/BrandIcon/glyphs/Facebook.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BrandIconGlyphProps } from "../types";
+declare const Facebook: React.ForwardRefExoticComponent<BrandIconGlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { Facebook };

package/dist/BrandIcon/glyphs/Figma.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BrandIconGlyphProps } from "../types";
+declare const Figma: React.ForwardRefExoticComponent<BrandIconGlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { Figma };

package/dist/BrandIcon/glyphs/Gemini.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BrandIconGlyphProps } from "../types";
+declare const Gemini: React.ForwardRefExoticComponent<BrandIconGlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { Gemini };

package/dist/BrandIcon/glyphs/GitHub.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BrandIconGlyphProps } from "../types";
+declare const GitHub: React.ForwardRefExoticComponent<BrandIconGlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { GitHub };

package/dist/BrandIcon/glyphs/Google.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BrandIconGlyphProps } from "../types";
+declare const Google: React.ForwardRefExoticComponent<BrandIconGlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { Google };

package/dist/BrandIcon/glyphs/Instagram.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BrandIconGlyphProps } from "../types";
+declare const Instagram: React.ForwardRefExoticComponent<BrandIconGlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { Instagram };

package/dist/BrandIcon/glyphs/LinkedIn.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BrandIconGlyphProps } from "../types";
+declare const LinkedIn: React.ForwardRefExoticComponent<BrandIconGlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { LinkedIn };

package/dist/BrandIcon/glyphs/Pinterest.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BrandIconGlyphProps } from "../types";
+declare const Pinterest: React.ForwardRefExoticComponent<BrandIconGlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { Pinterest };

package/dist/BrandIcon/glyphs/Reddit.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BrandIconGlyphProps } from "../types";
+declare const Reddit: React.ForwardRefExoticComponent<BrandIconGlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { Reddit };

package/dist/BrandIcon/glyphs/Signal.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BrandIconGlyphProps } from "../types";
+declare const Signal: React.ForwardRefExoticComponent<BrandIconGlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { Signal };

package/dist/BrandIcon/glyphs/Snapchat.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BrandIconGlyphProps } from "../types";
+declare const Snapchat: React.ForwardRefExoticComponent<BrandIconGlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { Snapchat };

package/dist/BrandIcon/glyphs/Telegram.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BrandIconGlyphProps } from "../types";
+declare const Telegram: React.ForwardRefExoticComponent<BrandIconGlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { Telegram };

package/dist/BrandIcon/glyphs/TikTok.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BrandIconGlyphProps } from "../types";
+declare const TikTok: React.ForwardRefExoticComponent<BrandIconGlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { TikTok };

package/dist/BrandIcon/glyphs/Tumblr.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BrandIconGlyphProps } from "../types";
+declare const Tumblr: React.ForwardRefExoticComponent<BrandIconGlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { Tumblr };

package/dist/BrandIcon/glyphs/Twitter.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BrandIconGlyphProps } from "../types";
+declare const Twitter: React.ForwardRefExoticComponent<BrandIconGlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { Twitter };

package/dist/BrandIcon/glyphs/XTwitter.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BrandIconGlyphProps } from "../types";
+declare const XTwitter: React.ForwardRefExoticComponent<BrandIconGlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { XTwitter };

package/dist/BrandIcon/glyphs/YouTube.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BrandIconGlyphProps } from "../types";
+declare const YouTube: React.ForwardRefExoticComponent<BrandIconGlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { YouTube };

package/dist/BrandIcon/glyphs/index.d.ts

@@ -0,0 +1,30 @@
+export declare const glyphs: {
+    facebook: import("react").ForwardRefExoticComponent<import("../types").BrandIconGlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    x: import("react").ForwardRefExoticComponent<import("../types").BrandIconGlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    twitter: import("react").ForwardRefExoticComponent<import("../types").BrandIconGlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    instagram: import("react").ForwardRefExoticComponent<import("../types").BrandIconGlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    linkedin: import("react").ForwardRefExoticComponent<import("../types").BrandIconGlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    google: import("react").ForwardRefExoticComponent<import("../types").BrandIconGlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    youtube: import("react").ForwardRefExoticComponent<import("../types").BrandIconGlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    apple: import("react").ForwardRefExoticComponent<import("../types").BrandIconGlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    snapchat: import("react").ForwardRefExoticComponent<import("../types").BrandIconGlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    pinterest: import("react").ForwardRefExoticComponent<import("../types").BrandIconGlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    github: import("react").ForwardRefExoticComponent<import("../types").BrandIconGlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    figma: import("react").ForwardRefExoticComponent<import("../types").BrandIconGlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    dribbble: import("react").ForwardRefExoticComponent<import("../types").BrandIconGlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    reddit: import("react").ForwardRefExoticComponent<import("../types").BrandIconGlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    discord: import("react").ForwardRefExoticComponent<import("../types").BrandIconGlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    "tik-tok": import("react").ForwardRefExoticComponent<import("../types").BrandIconGlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    tumblr: import("react").ForwardRefExoticComponent<import("../types").BrandIconGlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    telegram: import("react").ForwardRefExoticComponent<import("../types").BrandIconGlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    clubhouse: import("react").ForwardRefExoticComponent<import("../types").BrandIconGlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    signal: import("react").ForwardRefExoticComponent<import("../types").BrandIconGlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    "angel-list": import("react").ForwardRefExoticComponent<import("../types").BrandIconGlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    "chat-gpt-3": import("react").ForwardRefExoticComponent<import("../types").BrandIconGlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    "chat-gpt-4": import("react").ForwardRefExoticComponent<import("../types").BrandIconGlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    gemini: import("react").ForwardRefExoticComponent<import("../types").BrandIconGlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    claude: import("react").ForwardRefExoticComponent<import("../types").BrandIconGlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+};
+export type BrandIconGlyph = keyof typeof glyphs;
+declare function getGlyph(glyph: BrandIconGlyph): import("react").ForwardRefExoticComponent<import("../types").BrandIconGlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+export { getGlyph };

package/dist/BrandIcon/types.d.ts

@@ -1,4 +1,6 @@
 import type React from "react";
-export interface BrandGlyph extends React.SVGAttributes<SVGElement> {
-    size: number | string;
+export interface BrandIconGlyphProps extends React.SVGAttributes<SVGElement> {
+    children?: never;
+    variant?: "branded" | "solid";
+    size?: number;
 }

package/dist/Text/Text.d.ts

@@ -7,7 +7,7 @@ interface TextProps extends React.HTMLAttributes<TextElement> {
     htmlFor?: string;
     block?: boolean;
     truncate?: boolean;
-    size?: "regular-xxs" | "regular-xs" | "regular-sm" | "regular-md" | "regular-lg" | "regular-xl";
+    size?: "regular-xxs" | "regular-xs" | "regular-sm" | "regular-md" | "regular-lg" | "regular-xl" | "display-xs" | "display-sm" | "display-md" | "display-lg" | "display-xl" | "display-xxl";
     weight?: "regular" | "medium" | "semibold" | "bold";
     appearance?: "default" | "error" | "inherit" | "white";
 }

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import "./styles.scss";
 export * as Accordion from "./Accordion";
 export * from "./Alert";
+export * from "./Badge";
 export * from "./Box";
 export * from "./BrandIcon";
 export * from "./Button";