react-cosmos-ui 6.0.0-alpha.15 → 6.0.0-alpha.17

package/dist/components/Icon.d.ts

@@ -1,7 +1,11 @@
+/// <reference types="react" />
 import { SvgChildren } from './BaseSvg.js';
-type IconProps = {
-    children: SvgChildren;
+export type IconProps = {
     size?: number | string;
+    strokeWidth?: number;
+};
+type Props = IconProps & {
+    children: SvgChildren;
 };
-export declare function Icon({ children, size }: IconProps): JSX.Element;
+export declare function Icon({ children, size, strokeWidth }: Props): JSX.Element;
 export {};

package/dist/components/Icon.js

@@ -1,5 +1,5 @@
 import React from 'react';
 import { BaseSvg } from './BaseSvg.js';
-export function Icon({ children, size = '100%' }) {
-    return (React.createElement(BaseSvg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }, children));
+export function Icon({ children, size = '100%', strokeWidth = 1.5 }) {
+    return (React.createElement(BaseSvg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }, children));
 }

package/dist/components/Illustration.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SvgChildren } from './BaseSvg.js';
 type Props = {
     children: SvgChildren;

package/dist/components/KeyBox.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     value: string;
     bgColor: string;

package/dist/components/SidePanel.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const SidePanelContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SidePanelHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
 type TitleProps = {

package/dist/components/Space.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     width: number;
 } | {

package/dist/components/ValueInputTree/ExpandCollapseValues.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FixtureStateValues } from 'react-cosmos-core';
 import { TreeExpansion } from '../../shared/treeExpansion.js';
 type Props = {

package/dist/components/ValueInputTree/ValueInput/BooleanValueInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     id: string;
     name: string;

package/dist/components/ValueInputTree/ValueInput/NullValueInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     name: string;
 };

package/dist/components/ValueInputTree/ValueInput/NumberValueInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     id: string;
     name: string;

package/dist/components/ValueInputTree/ValueInput/StringValueInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     id: string;
     name: string;

package/dist/components/ValueInputTree/ValueInput/UndefinedValueInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     name: string;
 };

package/dist/components/ValueInputTree/ValueInput/UnserializableValueInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     name: string;
     data: string;

package/dist/components/ValueInputTree/ValueInput/ValueInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PrimitiveData } from 'react-cosmos-core';
 import { LeafValue } from '../shared.js';
 type Props = {

package/dist/components/ValueInputTree/ValueInput/ValueInput.js

@@ -4,10 +4,10 @@ import { ValueTreeItem } from '../shared.js';
 import { BooleanValueInput } from './BooleanValueInput.js';
 import { NullValueInput } from './NullValueInput.js';
 import { NumberValueInput } from './NumberValueInput.js';
-import { ValueInputContainer } from './shared.js';
 import { StringValueInput } from './StringValueInput.js';
 import { UndefinedValueInput } from './UndefinedValueInput.js';
 import { UnserializableValueInput } from './UnserializableValueInput.js';
+import { ValueInputContainer } from './shared.js';
 export function ValueInput({ value, name, id, indentLevel, onChange }) {
     return (React.createElement(ValueInputSlot, { slotProps: { id, name, value, indentLevel, onChange } },
         React.createElement(ValueTreeItem, { indentLevel: indentLevel },

package/dist/components/ValueInputTree/ValueInputDir.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     name: string;
     childNames: string[];

package/dist/components/ValueInputTree/index.d.ts

@@ -1,4 +1,4 @@
+export { ValueInputTree } from './ValueInputTree.js';
 export { stringifyElementId, stringifyFixtureId } from './shared.js';
 export { hasFsValues, sortFsValueGroups } from './valueGroups.js';
-export { ValueInputTree } from './ValueInputTree.js';
-export { FixtureExpansion, FixtureExpansionGroup, getFixtureExpansion, OnElementExpansionChange, updateElementExpansion, } from './valueTreeExpansion.js';
+export { FixtureExpansion, FixtureExpansionGroup, OnElementExpansionChange, getFixtureExpansion, updateElementExpansion, } from './valueTreeExpansion.js';

package/dist/components/ValueInputTree/index.js

@@ -1,4 +1,4 @@
+export { ValueInputTree } from './ValueInputTree.js';
 export { stringifyElementId, stringifyFixtureId } from './shared.js';
 export { hasFsValues, sortFsValueGroups } from './valueGroups.js';
-export { ValueInputTree } from './ValueInputTree.js';
 export { getFixtureExpansion, updateElementExpansion, } from './valueTreeExpansion.js';

package/dist/components/icons/index.d.ts

@@ -1,6 +1,5 @@
-type Props = {
-    size?: number;
-};
+/// <reference types="react" />
+import { IconProps } from '../Icon.js';
 export declare const ChevronLeftIcon: () => JSX.Element;
 export declare const ChevronRightIcon: () => JSX.Element;
 export declare const ChevronDownIcon: () => JSX.Element;
@@ -11,11 +10,11 @@ export declare const MaximizeIcon: () => JSX.Element;
 export declare const SmartphoneIcon: () => JSX.Element;
 export declare const Minimize2Icon: () => JSX.Element;
 export declare const RefreshCwIcon: () => JSX.Element;
-export declare const RefreshCcwIcon: (props: Props) => JSX.Element;
+export declare const RefreshCcwIcon: (props: IconProps) => JSX.Element;
 export declare const HomeIcon: () => JSX.Element;
 export declare const CastIcon: () => JSX.Element;
 export declare const EditIcon: () => JSX.Element;
-export declare const CheckCircleIcon: () => JSX.Element;
+export declare const CheckCircleIcon: (props: IconProps) => JSX.Element;
 export declare const AlertCircleIcon: () => JSX.Element;
 export declare const InfoIcon: () => JSX.Element;
 export declare const LoaderIcon: () => JSX.Element;
@@ -30,4 +29,3 @@ export declare const HelpCircleIcon: () => JSX.Element;
 export declare const MinusSquareIcon: () => JSX.Element;
 export declare const PlusSquareIcon: () => JSX.Element;
 export declare const StarIcon: () => JSX.Element;
-export {};

package/dist/components/icons/index.js

@@ -42,7 +42,7 @@ export const CastIcon = () => (React.createElement(Icon, null,
 export const EditIcon = () => (React.createElement(Icon, null,
     React.createElement("path", { d: "M20 14.66V20a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h5.34" }),
     React.createElement("polygon", { points: "18 2 22 6 12 16 8 16 8 12 18 2" })));
-export const CheckCircleIcon = () => (React.createElement(Icon, null,
+export const CheckCircleIcon = (props) => (React.createElement(Icon, { ...props },
     React.createElement("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
     React.createElement("polyline", { points: "22 4 12 14.01 9 11.01" })));
 export const AlertCircleIcon = () => (React.createElement(Icon, null,

package/dist/components/illustrations/ArtificialIntelligence.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const ArtificialIntelligenceIllustration: ({ title, }: {
     title: string;
 }) => JSX.Element;

package/dist/components/illustrations/Astronaut.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const AstronautIllustration: ({ title }: {
     title: string;
 }) => JSX.Element;

package/dist/components/illustrations/BlankCanvas.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const BlankCanvasIllustration: ({ title }: {
     title: string;
 }) => JSX.Element;

package/dist/components/inputs/NumberInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type NumberInputStyles = {
     focusedColor: string;
     focusedBg: string;

package/dist/components/inputs/Select.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type BaseOption = {
     value: string;
     label: string;