@webstudio-is/icons 0.57.0 → 0.58.0

package/lib/types/align-self-end.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const AlignSelfEndIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/align-self-start.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const AlignSelfStartIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/align-self-stretch.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const AlignSelfStretchIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/aspect-ratio.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const AspectRatioIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/check-mark.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IconProps } from "./types";
+export declare const CheckMarkIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/lib/types/chevron-double-down.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const ChevronDoubleDownIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/chevron-double-left.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const ChevronDoubleLeftIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/chevron-double-right.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const ChevronDoubleRightIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/chevron-double-up.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const ChevronDoubleUpIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/chevron-down.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const ChevronDownIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/chevron-left.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const ChevronLeftIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/chevron-right.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const ChevronRightIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/chevron-up.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const ChevronUpIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/cloud.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const CloudIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/copy.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const CopyIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/cross-circled-filled.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const CrossCircledFilledIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/cross-large.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const CrossLargeIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/cross-small.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const CrossSmallIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/cross.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const CrossIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/devices.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const DevicesIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/ellipses.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const EllipsesIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/flex-direction-column-reverse.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const FlexDirectionColumnReverseIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/flex-direction-column.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const FlexDirectionColumnIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/flex-direction-row-reverse.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const FlexDirectionRowReverseIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/flex-direction-row.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const FlexDirectionRowIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/flex-sizing-grow.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const FlexSizingGrowIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/flex-sizing-shrink.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const FlexSizingShrinkIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/flex-wrap-no-wrap.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const FlexWrapNowrapIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/flex-wrap-wrap-reverse.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const FlexWrapWrapReverseIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/flex-wrap-wrap.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const FlexWrapWrapIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/gap-column.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const ColumnGapIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/gap-row.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const RowGapIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/gear.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const gearIconCssVars: ({ fill }: {
+    fill: string;
+}) => {
+    [x: string]: string;
+};
+export declare const GearIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/index.d.ts

@@ -0,0 +1,83 @@
+export * from "./__generated__";
+export * from "./list-nested";
+export * from "./undo";
+export * from "./redo";
+export * from "./devices";
+export * from "./types";
+export * from "./align-content-center";
+export * from "./align-content-end";
+export * from "./align-content-space-around";
+export * from "./align-content-space-between";
+export * from "./align-content-start";
+export * from "./align-content-stretch";
+export * from "./align-items-baseline";
+export * from "./align-items-center";
+export * from "./align-items-end";
+export * from "./align-items-start";
+export * from "./align-items-stretch";
+export * from "./flex-direction-row";
+export * from "./flex-direction-column";
+export * from "./flex-direction-row-reverse";
+export * from "./flex-direction-column-reverse";
+export * from "./flex-wrap-wrap";
+export * from "./flex-wrap-no-wrap";
+export * from "./flex-wrap-wrap-reverse";
+export * from "./justify-content-center";
+export * from "./justify-content-end";
+export * from "./justify-content-space-around";
+export * from "./justify-content-space-between";
+export * from "./justify-content-start";
+export * from "./justify-items-center";
+export * from "./justify-items-end";
+export * from "./justify-items-space-around";
+export * from "./justify-items-space-between";
+export * from "./justify-items-start";
+export * from "./gap-row";
+export * from "./gap-column";
+export * from "./aspect-ratio";
+export * from "./cloud";
+export * from "./trash";
+export * from "./size";
+export * from "./upload";
+export * from "./gear";
+export * from "./copy";
+export * from "./new-page";
+export * from "./new-folder";
+export * from "./chevron-double-up";
+export * from "./chevron-double-down";
+export * from "./chevron-double-left";
+export * from "./chevron-double-right";
+export * from "./chevron-up";
+export * from "./chevron-down";
+export * from "./chevron-left";
+export * from "./chevron-right";
+export * from "./cross-circled-filled";
+export * from "./cross";
+export * from "./magnifying-glass";
+export * from "./menu";
+export * from "./align-self-start";
+export * from "./align-self-end";
+export * from "./align-self-center";
+export * from "./align-self-stretch";
+export * from "./align-self-baseline";
+export * from "./flex-sizing-grow";
+export * from "./flex-sizing-shrink";
+export * from "./order-first";
+export * from "./order-last";
+export * from "./cross-small";
+export * from "./cross-large";
+export * from "./ellipses";
+export * from "./text-align-center";
+export * from "./text-align-justify";
+export * from "./text-align-left";
+export * from "./text-align-right";
+export * from "./text-capitalize";
+export * from "./text-hyphen";
+export * from "./text-lowercase";
+export * from "./text-strikethrough";
+export * from "./text-truncate";
+export * from "./text-underline";
+export * from "./text-uppercase";
+export * from "./text-direction-ltr";
+export * from "./text-direction-rtl";
+export * from "./check-mark";

package/lib/types/index.stories.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export declare const Icons: ({ testColor }: {
+    testColor: boolean;
+}) => JSX.Element;
+declare const _default: {
+    title: string;
+    component: ({ testColor }: {
+        testColor: boolean;
+    }) => JSX.Element;
+    argTypes: {
+        testColor: {
+            name: string;
+            defaultValue: boolean;
+        };
+    };
+};
+export default _default;

package/lib/types/justify-content-center.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const JustifyContentCenterIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/justify-content-end.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const JustifyContentEndIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/justify-content-space-around.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const JustifyContentSpaceAroundIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/justify-content-space-between.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const JustifyContentSpaceBetweenIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/justify-content-start.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const JustifyContentStartIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/justify-items-center.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const JustifyItemsCenterIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/justify-items-end.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const JustifyItemsEndIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/justify-items-space-around.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const JustifyItemsSpaceAroundIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/justify-items-space-between.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const JustifyItemsSpaceBetweenIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/justify-items-start.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const JustifyItemsStartIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/list-nested.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const ListNestedIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/magnifying-glass.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const MagnifyingGlassIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/menu.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const MenuIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/new-folder.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const NewFolderIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/new-page.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const NewPageIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/order-first.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const OrderFirstIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/order-last.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const OrderLastIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/redo.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const RedoIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/size.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const SizeIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/text-align-center.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const TextAlignCenterIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/text-align-justify.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const TextAlignJustifyIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/text-align-left.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const TextAlignLeftIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/text-align-right.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const TextAlignRightIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/text-capitalize.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const TextCapitalizeIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/text-direction-ltr.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const TextDirectionLTRIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/text-direction-rtl.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const TextDirectionRTLIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/text-hyphen.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const TextHyphenIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/text-lowercase.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const TextLowercaseIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/text-strikethrough.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const TextStrikethroughIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/text-truncate.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const TextTruncateIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/text-underline.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const TextUnderlineIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/text-uppercase.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const TextUppercaseIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/trash.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const TrashIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/types.d.ts

@@ -0,0 +1,9 @@
+import type { SVGAttributes, RefAttributes, ForwardRefExoticComponent } from "react";
+export interface IconProps extends SVGAttributes<SVGElement> {
+    children?: never;
+    color?: string;
+    size?: number;
+}
+export type IconComponent = ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
+export type IconRecord = Record<string, IconComponent>;
+export type IconRecords = Record<string, IconRecord>;

package/lib/types/undo.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const UndoIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/upload.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const UploadIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/icons",
-  "version": "0.57.0",
+  "version": "0.58.0",
   "description": "Webstudio Icons",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -15,14 +15,14 @@
     "typescript": "5.0.3",
     "@webstudio-is/scripts": "^0.0.0",
     "@webstudio-is/storybook-config": "^0.0.0",
-    "@webstudio-is/tsconfig": "^1.0.4"
+    "@webstudio-is/tsconfig": "^1.0.5"
   },
   "peerDependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@webstudio-is/css-vars": "^0.57.0"
+    "@webstudio-is/css-vars": "^0.58.0"
   },
   "module": "./lib/index.js",
   "exports": {
@@ -42,7 +42,7 @@
   "scripts": {
     "dev": "build-package --watch",
     "build": "build-package",
-    "dts": "tsc",
+    "dts": "tsc --declarationDir lib/types",
     "generate": "rm -fr src/__generated__ && NODE_OPTIONS='--loader=tsx' svgo-jsx svgo-jsx.config.ts",
     "typecheck": "tsc --noEmit --emitDeclarationOnly false",
     "lint": "eslint ./src --ext .ts,.tsx --max-warnings 0",