@cypress-design/react-statusicon 0.2.5 → 0.3.0

package/dist/react/StatusIcon.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { SVGProps } from 'react';
 import type { Variant, Size } from '../constants';
 import { statuses } from '../constants';
-export declare type StatusIconProps = {
+export type StatusIconProps = {
     /**
      * The size of the icon's canvas, in pixels.
      */

package/dist/react/StatusIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusIcon.d.ts","sourceRoot":"","sources":["../../StatusIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAKvC,oBAAY,eAAe,GAAG;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IACX;;MAEE;IACF,MAAM,CAAC,EAAE,MAAM,OAAO,QAAQ,GAAG,IAAI,GAAG,SAAS,CAAA;IACjD;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAC/B,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,CAW1C,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"StatusIcon.d.ts","sourceRoot":"","sources":["../../StatusIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAKvC,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IACX;;MAEE;IACF,MAAM,CAAC,EAAE,MAAM,OAAO,QAAQ,GAAG,IAAI,GAAG,SAAS,CAAA;IACjD;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAC/B,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,CAW1C,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/react/{OutlineStatusIcon.d.ts → _OutlineStatusIcon.d.ts}

@@ -3,4 +3,4 @@ import { SVGProps } from 'react';
 import type { VariantStatusIconProps } from '../constants';
 export declare const OutlineStatusIcon: React.FC<VariantStatusIconProps & SVGProps<SVGSVGElement>>;
 export default OutlineStatusIcon;
-//# sourceMappingURL=OutlineStatusIcon.d.ts.map
+//# sourceMappingURL=_OutlineStatusIcon.d.ts.map

package/dist/react/_OutlineStatusIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_OutlineStatusIcon.d.ts","sourceRoot":"","sources":["../../_OutlineStatusIcon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAG1D,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CACtC,sBAAsB,GAAG,QAAQ,CAAC,aAAa,CAAC,CAWjD,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/dist/react/{SimpleStatusIcon.d.ts → _SimpleStatusIcon.d.ts}

@@ -3,4 +3,4 @@ import { SVGProps } from 'react';
 import type { VariantStatusIconProps } from '../constants';
 export declare const SimpleStatusIcon: React.FC<VariantStatusIconProps & SVGProps<SVGSVGElement>>;
 export default SimpleStatusIcon;
-//# sourceMappingURL=SimpleStatusIcon.d.ts.map
+//# sourceMappingURL=_SimpleStatusIcon.d.ts.map

package/dist/react/_SimpleStatusIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_SimpleStatusIcon.d.ts","sourceRoot":"","sources":["../../_SimpleStatusIcon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAG1D,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CACrC,sBAAsB,GAAG,QAAQ,CAAC,aAAa,CAAC,CAWjD,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/react/{SolidStatusIcon.d.ts → _SolidStatusIcon.d.ts}

@@ -3,4 +3,4 @@ import { SVGProps } from 'react';
 import type { VariantStatusIconProps } from '../constants';
 export declare const SolidStatusIcon: React.FC<VariantStatusIconProps & SVGProps<SVGSVGElement>>;
 export default SolidStatusIcon;
-//# sourceMappingURL=SolidStatusIcon.d.ts.map
+//# sourceMappingURL=_SolidStatusIcon.d.ts.map

package/dist/react/_SolidStatusIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_SolidStatusIcon.d.ts","sourceRoot":"","sources":["../../_SolidStatusIcon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAG1D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CACpC,sBAAsB,GAAG,QAAQ,CAAC,aAAa,CAAC,CAWjD,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/react/index.d.ts

@@ -1,6 +1,6 @@
 export { default } from './StatusIcon';
-export { OutlineStatusIcon } from './OutlineStatusIcon';
-export { SimpleStatusIcon } from './SimpleStatusIcon';
-export { SolidStatusIcon } from './SolidStatusIcon';
+export { OutlineStatusIcon } from './_OutlineStatusIcon';
+export { SimpleStatusIcon } from './_SimpleStatusIcon';
+export { SolidStatusIcon } from './_SolidStatusIcon';
 export type { statusTypes as StatusType } from '../constants';
 //# sourceMappingURL=index.d.ts.map

package/dist/react/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,YAAY,EAAE,WAAW,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,YAAY,EAAE,WAAW,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/index.ts

@@ -1,5 +1,5 @@
 export { default } from './StatusIcon'
-export { OutlineStatusIcon } from './OutlineStatusIcon'
-export { SimpleStatusIcon } from './SimpleStatusIcon'
-export { SolidStatusIcon } from './SolidStatusIcon'
+export { OutlineStatusIcon } from './_OutlineStatusIcon'
+export { SimpleStatusIcon } from './_SimpleStatusIcon'
+export { SolidStatusIcon } from './_SolidStatusIcon'
 export type { statusTypes as StatusType } from '../constants'

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@cypress-design/react-statusicon",
-	"version": "0.2.5",
+	"version": "0.3.0",
 	"files": [
 		"*"
 	],
@@ -19,9 +19,12 @@
 		"build:types": "tsc --project ./tsconfig.build.json"
 	},
 	"dependencies": {
-		"@cypress-design/icon-registry": "^0.20.2",
-		"@cypress-design/react-icon": "^0.17.2",
+		"@cypress-design/icon-registry": "^0.21.0",
+		"@cypress-design/react-icon": "^0.19.0",
 		"clsx": "*"
 	},
+	"devDependencies": {
+		"@cypress-design/css": "*"
+	},
 	"license": "MIT"
 }

package/tsconfig.json

@@ -1,5 +1,8 @@
 {
   "extends": "../../../tsconfig.react.json",
+  "compilerOptions": {
+    "rootDir": "../"
+  },
   "include": [
     "*.tsx",
     "*.ts",

package/StatusIcon.stories.mdx

@@ -1,134 +0,0 @@
-import { ArgsTable, Canvas, Meta, Story, Description } from '@storybook/addon-docs'
-import { version } from "./package.json"
-import changelog from "./CHANGELOG.md"
-import StatusIconStory from './StatusIcon.rootstory'
-import { statuses } from '../constants'
-
-import StatusIcon from './StatusIcon'
-import { OutlineStatusIcon, SimpleStatusIcon, SolidStatusIcon } from '@cypress-design/react-statusicon'
-
-<h1>StatusIcon<span className="text-lg font-normal"> - v{version}</span></h1>
-
-There is <a href="https://on.cypress.io/writing-and-organizing-tests" target="_blank">info in the docs</a> about what these statuses mean. The terminology can be a bit confusing, particularly around <a href="https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests#Pending" target="_blank">pending</a> and <a href="https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests#Skipped" target="_blank">skipped</a> test results.
-
-Runs, specs, and groups have one and only one of the following status: RUNNING, ERRORED, FAILED, TIMEDOUT, NOTESTS, PASSED, OVERLIMIT, or CANCELLED
-
-Specs can also have status UNCLAIMED
-
-Test results have one and only one of the following statuses: RUNNING, PENDING, SKIPPED, FAILED, PASSED, TIMEDOUT, ERRORED, or CANCELLED
-
-<Meta
-  title="StatusIcon"
-  component={StatusIcon}
-  parameters={{
-    design: {
-      type: "figma",
-      url: "https://www.figma.com/file/1WJ3GVQyMV5e7xVxPg3yID/Design-System?node-id=6814%3A10841",
-    }
-  }}
-  argTypes={{
-    size: {
-      control: { type: 'select' },
-      defaultValue: '16'
-    },
-    status: {
-      control: { type: 'select' },
-      options: Object.keys(statuses),
-      defaultValue: 'failed'
-    },
-    variant: {
-      control: { type: 'select' },
-      defaultValue: 'simple'
-    },
-  }} />
-
-<Canvas withSource="none">
-  <Story name="StatusIcon">
-    <StatusIconStory />
-  </Story>
-</Canvas>
-
-## Basic use
-
-```jsx
-import StatusIcon from '@cypress-design/react-statusicon'
-
-<StatusIcon status="failed" size="16" variant="simple" />
-```
-
-<Canvas>
-  <Story name="Basic use">
-    {(args) => {
-      return (
-        <StatusIcon
-          status={args.status}
-          size={args.size}
-          variant={args.variant}
-        />
-      )
-    }}
-  </Story>
-</Canvas>
-
-Not all statuses have unique icons for each variant. But if you pass any variant of the icon, it will default to one that is available for that status.
-
-As an example, if you pass `variant="simple"` with `status="errored"`, it will default to the solid variant, since the errored status has no simple variant available.
-
-<Canvas>
-  <StatusIcon
-    status="errored"
-    size="16"
-    variant="simple"
-  />
-</Canvas>
-
-## Tree-shakable
-
-If you want to avoid loading all the icon variants, you may use each variant separately.
-
-```jsx
-import { OutlineStatusIcon } from '@cypress-design/react-statusicon'
-
-<OutlineStatusIcon status="failed" size="16" />
-```
-
-<Canvas>
-  <Story name="Tree-shakable">
-    <OutlineStatusIcon
-      status="failed"
-      size="16"
-    />
-    <SimpleStatusIcon
-      status="failed"
-      size="16"
-    />
-    <SolidStatusIcon
-      status="failed"
-      size="16"
-    />
-  </Story>
-</Canvas>
-
-## Placeholder
-
-The placeholder icon appears if you pass a falsy status or no status at all.
-
-<Canvas>
-  <Story name="Placeholder">
-    <StatusIcon
-      status={null}
-      size="16"
-      variant="simple"
-    />
-    <StatusIcon
-      size="16"
-      variant="simple"
-    />
-  </Story>
-</Canvas>
-
-<ArgsTable />
-
-<Description>
-  {changelog.replace(/^# .+/, '## Changelog')}
-</Description>

package/dist/react/OutlineStatusIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"OutlineStatusIcon.d.ts","sourceRoot":"","sources":["../../OutlineStatusIcon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAG1D,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CACtC,sBAAsB,GAAG,QAAQ,CAAC,aAAa,CAAC,CAWjD,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/dist/react/SimpleStatusIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SimpleStatusIcon.d.ts","sourceRoot":"","sources":["../../SimpleStatusIcon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAG1D,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CACrC,sBAAsB,GAAG,QAAQ,CAAC,aAAa,CAAC,CAWjD,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/react/SolidStatusIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SolidStatusIcon.d.ts","sourceRoot":"","sources":["../../SolidStatusIcon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAG1D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CACpC,sBAAsB,GAAG,QAAQ,CAAC,aAAa,CAAC,CAWjD,CAAA;AAED,eAAe,eAAe,CAAA"}