@payfit/unity-illustrations 2.1.4 → 2.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-illustrations",
-  "version": "2.1.4",
+  "version": "2.2.0",
   "module": "./dist/esm/index.js",
   "type": "module",
   "sideEffects": false,
@@ -37,26 +37,26 @@
     "@payfit/hr-app-eslint": "0.0.0-use.local",
     "@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
     "@payfit/storybook-config": "0.0.0-use.local",
-    "@payfit/unity-themes": "2.1.4",
+    "@payfit/unity-themes": "2.2.0",
     "@payfit/vite-configs": "0.0.0-use.local",
-    "@storybook/addon-a11y": "10.1.11",
-    "@storybook/addon-docs": "10.1.11",
-    "@storybook/addon-links": "10.1.11",
-    "@storybook/react-vite": "10.1.11",
+    "@storybook/addon-a11y": "10.2.0",
+    "@storybook/addon-docs": "10.2.0",
+    "@storybook/addon-links": "10.2.0",
+    "@storybook/react-vite": "10.2.0",
     "@storybook/test-runner": "0.24.2",
     "@types/react": "18.3.18",
     "@types/react-dom": "18.3.5",
     "image-size": "1.0.2",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "storybook": "10.1.11",
+    "storybook": "10.2.0",
     "svgo": "3.3.2",
     "tailwindcss": "4.1.11",
     "tsx": "4.17.0",
     "vite": "7.1.12"
   },
   "peerDependencies": {
-    "@payfit/unity-themes": "2.1.4",
+    "@payfit/unity-themes": "2.2.0",
     "react": "18.3.1",
     "react-dom": "18.3.1"
   }

package/src/generated/AccountingAnimation.ts

@@ -1,33 +0,0 @@
-// AUTO-GENERATED FILE. DO NOT EDIT.
-// Source: Type=Animation,Name=accounting.webp (Animated WEBP - 969x852)
-import assetUrl from './assets/AccountingAnimation.webp'
-import type { IllustrationAsset, BaseAnimatedImageAsset } from './types'
-
-export type AccountingAnimationAsset = IllustrationAsset<BaseAnimatedImageAsset & {
-  readonly name: 'AccountingAnimation'
-}>
-
-/**
- * AccountingAnimation animated illustration asset (969x852)
- * @example
- * ```tsx
- * import { Illustration } from '@payfit/unity-illustrations'
- * import AccountingAnimation from '@payfit/unity-illustrations/assets/AccountingAnimation'
- *
- * <Illustration
- *   variant="picture"
- *   src={AccountingAnimation}
- *   alt="Accounting animation"
- * />
- * ```
- */
-const AccountingAnimation: AccountingAnimationAsset = {
-  type: 'image',
-  url: assetUrl,
-  animated: true,
-  dimensions: { width: 969, height: 852 },
-  category: 'animation',
-  name: 'AccountingAnimation',
-} as AccountingAnimationAsset
-
-export default AccountingAnimation

package/src/generated/AddEmployee.ts

@@ -1,31 +0,0 @@
-// AUTO-GENERATED FILE. DO NOT EDIT.
-// Source: Type=generic, Name=add_employee.svg
-import svgUrl from './assets/AddEmployee.svg'
-import type { IllustrationAsset, BaseSvgAsset } from './types'
-
-export type AddEmployeeAsset = IllustrationAsset<BaseSvgAsset & {
-  readonly name: 'AddEmployee'
-}>
-
-/**
- * AddEmployee illustration asset
- * @example
- * ```tsx
- * import { Illustration } from '@payfit/unity-illustrations'
- * import AddEmployee from '@payfit/unity-illustrations/assets/AddEmployee'
- *
- * <Illustration
- *   illustration={AddEmployee}
- *   alt="AddEmployee illustration"
- *   size="md"
- * />
- * ```
- */
-const AddEmployee: AddEmployeeAsset = {
-  type: 'svg',
-  url: svgUrl,
-  animated: false,
-  name: 'AddEmployee',
-} as AddEmployeeAsset
-
-export default AddEmployee

package/src/generated/AdministrativeDocument.ts

@@ -1,31 +0,0 @@
-// AUTO-GENERATED FILE. DO NOT EDIT.
-// Source: Size=large, Type=generic, Name=administrative_document, With background=no.svg
-import svgUrl from './assets/AdministrativeDocument.svg'
-import type { IllustrationAsset, BaseSvgAsset } from './types'
-
-export type AdministrativeDocumentAsset = IllustrationAsset<BaseSvgAsset & {
-  readonly name: 'AdministrativeDocument'
-}>
-
-/**
- * AdministrativeDocument illustration asset
- * @example
- * ```tsx
- * import { Illustration } from '@payfit/unity-illustrations'
- * import AdministrativeDocument from '@payfit/unity-illustrations/assets/AdministrativeDocument'
- *
- * <Illustration
- *   illustration={AdministrativeDocument}
- *   alt="AdministrativeDocument illustration"
- *   size="md"
- * />
- * ```
- */
-const AdministrativeDocument: AdministrativeDocumentAsset = {
-  type: 'svg',
-  url: svgUrl,
-  animated: false,
-  name: 'AdministrativeDocument',
-} as AdministrativeDocumentAsset
-
-export default AdministrativeDocument

package/src/generated/AdministrativeDocumentWithBackground.ts

@@ -1,31 +0,0 @@
-// AUTO-GENERATED FILE. DO NOT EDIT.
-// Source: Size=large, Type=generic, Name=administrative_document, With background=yes.svg
-import svgUrl from './assets/AdministrativeDocumentWithBackground.svg'
-import type { IllustrationAsset, BaseSvgAsset } from './types'
-
-export type AdministrativeDocumentWithBackgroundAsset = IllustrationAsset<BaseSvgAsset & {
-  readonly name: 'AdministrativeDocumentWithBackground'
-}>
-
-/**
- * AdministrativeDocumentWithBackground illustration asset
- * @example
- * ```tsx
- * import { Illustration } from '@payfit/unity-illustrations'
- * import AdministrativeDocumentWithBackground from '@payfit/unity-illustrations/assets/AdministrativeDocumentWithBackground'
- *
- * <Illustration
- *   illustration={AdministrativeDocumentWithBackground}
- *   alt="AdministrativeDocumentWithBackground illustration"
- *   size="md"
- * />
- * ```
- */
-const AdministrativeDocumentWithBackground: AdministrativeDocumentWithBackgroundAsset = {
-  type: 'svg',
-  url: svgUrl,
-  animated: false,
-  name: 'AdministrativeDocumentWithBackground',
-} as AdministrativeDocumentWithBackgroundAsset
-
-export default AdministrativeDocumentWithBackground

package/src/generated/AlphabetCube.ts

@@ -1,31 +0,0 @@
-// AUTO-GENERATED FILE. DO NOT EDIT.
-// Source: Type=generic, Name=alphabet_cube.svg
-import svgUrl from './assets/AlphabetCube.svg'
-import type { IllustrationAsset, BaseSvgAsset } from './types'
-
-export type AlphabetCubeAsset = IllustrationAsset<BaseSvgAsset & {
-  readonly name: 'AlphabetCube'
-}>
-
-/**
- * AlphabetCube illustration asset
- * @example
- * ```tsx
- * import { Illustration } from '@payfit/unity-illustrations'
- * import AlphabetCube from '@payfit/unity-illustrations/assets/AlphabetCube'
- *
- * <Illustration
- *   illustration={AlphabetCube}
- *   alt="AlphabetCube illustration"
- *   size="md"
- * />
- * ```
- */
-const AlphabetCube: AlphabetCubeAsset = {
-  type: 'svg',
-  url: svgUrl,
-  animated: false,
-  name: 'AlphabetCube',
-} as AlphabetCubeAsset
-
-export default AlphabetCube

package/src/generated/Analysis.ts

@@ -1,31 +0,0 @@
-// AUTO-GENERATED FILE. DO NOT EDIT.
-// Source: Type=generic, Name=analysis.svg
-import svgUrl from './assets/Analysis.svg'
-import type { IllustrationAsset, BaseSvgAsset } from './types'
-
-export type AnalysisAsset = IllustrationAsset<BaseSvgAsset & {
-  readonly name: 'Analysis'
-}>
-
-/**
- * Analysis illustration asset
- * @example
- * ```tsx
- * import { Illustration } from '@payfit/unity-illustrations'
- * import Analysis from '@payfit/unity-illustrations/assets/Analysis'
- *
- * <Illustration
- *   illustration={Analysis}
- *   alt="Analysis illustration"
- *   size="md"
- * />
- * ```
- */
-const Analysis: AnalysisAsset = {
-  type: 'svg',
-  url: svgUrl,
-  animated: false,
-  name: 'Analysis',
-} as AnalysisAsset
-
-export default Analysis

package/src/generated/AnnualTaxes.ts

@@ -1,31 +0,0 @@
-// AUTO-GENERATED FILE. DO NOT EDIT.
-// Source: Size=130x120px, Type=specific, Name=annual_taxes, With background=no.svg
-import svgUrl from './assets/AnnualTaxes.svg'
-import type { IllustrationAsset, BaseSvgAsset } from './types'
-
-export type AnnualTaxesAsset = IllustrationAsset<BaseSvgAsset & {
-  readonly name: 'AnnualTaxes'
-}>
-
-/**
- * AnnualTaxes illustration asset
- * @example
- * ```tsx
- * import { Illustration } from '@payfit/unity-illustrations'
- * import AnnualTaxes from '@payfit/unity-illustrations/assets/AnnualTaxes'
- *
- * <Illustration
- *   illustration={AnnualTaxes}
- *   alt="AnnualTaxes illustration"
- *   size="md"
- * />
- * ```
- */
-const AnnualTaxes: AnnualTaxesAsset = {
-  type: 'svg',
-  url: svgUrl,
-  animated: false,
-  name: 'AnnualTaxes',
-} as AnnualTaxesAsset
-
-export default AnnualTaxes

package/src/generated/AutomationInProgress.ts

@@ -1,31 +0,0 @@
-// AUTO-GENERATED FILE. DO NOT EDIT.
-// Source: Type=generic, Name=automation_in_progress.svg
-import svgUrl from './assets/AutomationInProgress.svg'
-import type { IllustrationAsset, BaseSvgAsset } from './types'
-
-export type AutomationInProgressAsset = IllustrationAsset<BaseSvgAsset & {
-  readonly name: 'AutomationInProgress'
-}>
-
-/**
- * AutomationInProgress illustration asset
- * @example
- * ```tsx
- * import { Illustration } from '@payfit/unity-illustrations'
- * import AutomationInProgress from '@payfit/unity-illustrations/assets/AutomationInProgress'
- *
- * <Illustration
- *   illustration={AutomationInProgress}
- *   alt="AutomationInProgress illustration"
- *   size="md"
- * />
- * ```
- */
-const AutomationInProgress: AutomationInProgressAsset = {
-  type: 'svg',
-  url: svgUrl,
-  animated: false,
-  name: 'AutomationInProgress',
-} as AutomationInProgressAsset
-
-export default AutomationInProgress

package/src/generated/BabyBottle.ts

@@ -1,31 +0,0 @@
-// AUTO-GENERATED FILE. DO NOT EDIT.
-// Source: Size=large, Type=generic, Name=baby_bottle, With background=no.svg
-import svgUrl from './assets/BabyBottle.svg'
-import type { IllustrationAsset, BaseSvgAsset } from './types'
-
-export type BabyBottleAsset = IllustrationAsset<BaseSvgAsset & {
-  readonly name: 'BabyBottle'
-}>
-
-/**
- * BabyBottle illustration asset
- * @example
- * ```tsx
- * import { Illustration } from '@payfit/unity-illustrations'
- * import BabyBottle from '@payfit/unity-illustrations/assets/BabyBottle'
- *
- * <Illustration
- *   illustration={BabyBottle}
- *   alt="BabyBottle illustration"
- *   size="md"
- * />
- * ```
- */
-const BabyBottle: BabyBottleAsset = {
-  type: 'svg',
-  url: svgUrl,
-  animated: false,
-  name: 'BabyBottle',
-} as BabyBottleAsset
-
-export default BabyBottle

package/src/generated/BabyBottleWithBackground.ts

@@ -1,31 +0,0 @@
-// AUTO-GENERATED FILE. DO NOT EDIT.
-// Source: Size=large, Type=generic, Name=baby_bottle, With background=yes.svg
-import svgUrl from './assets/BabyBottleWithBackground.svg'
-import type { IllustrationAsset, BaseSvgAsset } from './types'
-
-export type BabyBottleWithBackgroundAsset = IllustrationAsset<BaseSvgAsset & {
-  readonly name: 'BabyBottleWithBackground'
-}>
-
-/**
- * BabyBottleWithBackground illustration asset
- * @example
- * ```tsx
- * import { Illustration } from '@payfit/unity-illustrations'
- * import BabyBottleWithBackground from '@payfit/unity-illustrations/assets/BabyBottleWithBackground'
- *
- * <Illustration
- *   illustration={BabyBottleWithBackground}
- *   alt="BabyBottleWithBackground illustration"
- *   size="md"
- * />
- * ```
- */
-const BabyBottleWithBackground: BabyBottleWithBackgroundAsset = {
-  type: 'svg',
-  url: svgUrl,
-  animated: false,
-  name: 'BabyBottleWithBackground',
-} as BabyBottleWithBackgroundAsset
-
-export default BabyBottleWithBackground

package/src/generated/Bell.ts

@@ -1,31 +0,0 @@
-// AUTO-GENERATED FILE. DO NOT EDIT.
-// Source: Size=large, Type=generic, Name=bell, With background=no.svg
-import svgUrl from './assets/Bell.svg'
-import type { IllustrationAsset, BaseSvgAsset } from './types'
-
-export type BellAsset = IllustrationAsset<BaseSvgAsset & {
-  readonly name: 'Bell'
-}>
-
-/**
- * Bell illustration asset
- * @example
- * ```tsx
- * import { Illustration } from '@payfit/unity-illustrations'
- * import Bell from '@payfit/unity-illustrations/assets/Bell'
- *
- * <Illustration
- *   illustration={Bell}
- *   alt="Bell illustration"
- *   size="md"
- * />
- * ```
- */
-const Bell: BellAsset = {
-  type: 'svg',
-  url: svgUrl,
-  animated: false,
-  name: 'Bell',
-} as BellAsset
-
-export default Bell

package/src/generated/BellWithBackground.ts

@@ -1,31 +0,0 @@
-// AUTO-GENERATED FILE. DO NOT EDIT.
-// Source: Size=large, Type=generic, Name=bell, With background=yes.svg
-import svgUrl from './assets/BellWithBackground.svg'
-import type { IllustrationAsset, BaseSvgAsset } from './types'
-
-export type BellWithBackgroundAsset = IllustrationAsset<BaseSvgAsset & {
-  readonly name: 'BellWithBackground'
-}>
-
-/**
- * BellWithBackground illustration asset
- * @example
- * ```tsx
- * import { Illustration } from '@payfit/unity-illustrations'
- * import BellWithBackground from '@payfit/unity-illustrations/assets/BellWithBackground'
- *
- * <Illustration
- *   illustration={BellWithBackground}
- *   alt="BellWithBackground illustration"
- *   size="md"
- * />
- * ```
- */
-const BellWithBackground: BellWithBackgroundAsset = {
-  type: 'svg',
-  url: svgUrl,
-  animated: false,
-  name: 'BellWithBackground',
-} as BellWithBackgroundAsset
-
-export default BellWithBackground

package/src/generated/Bicycle.ts

@@ -1,31 +0,0 @@
-// AUTO-GENERATED FILE. DO NOT EDIT.
-// Source: Size=large, Type=generic, Name=bicycle, With background=no.svg
-import svgUrl from './assets/Bicycle.svg'
-import type { IllustrationAsset, BaseSvgAsset } from './types'
-
-export type BicycleAsset = IllustrationAsset<BaseSvgAsset & {
-  readonly name: 'Bicycle'
-}>
-
-/**
- * Bicycle illustration asset
- * @example
- * ```tsx
- * import { Illustration } from '@payfit/unity-illustrations'
- * import Bicycle from '@payfit/unity-illustrations/assets/Bicycle'
- *
- * <Illustration
- *   illustration={Bicycle}
- *   alt="Bicycle illustration"
- *   size="md"
- * />
- * ```
- */
-const Bicycle: BicycleAsset = {
-  type: 'svg',
-  url: svgUrl,
-  animated: false,
-  name: 'Bicycle',
-} as BicycleAsset
-
-export default Bicycle

package/src/generated/BicycleWithBackground.ts

@@ -1,31 +0,0 @@
-// AUTO-GENERATED FILE. DO NOT EDIT.
-// Source: Size=large, Type=generic, Name=bicycle, With background=yes.svg
-import svgUrl from './assets/BicycleWithBackground.svg'
-import type { IllustrationAsset, BaseSvgAsset } from './types'
-
-export type BicycleWithBackgroundAsset = IllustrationAsset<BaseSvgAsset & {
-  readonly name: 'BicycleWithBackground'
-}>
-
-/**
- * BicycleWithBackground illustration asset
- * @example
- * ```tsx
- * import { Illustration } from '@payfit/unity-illustrations'
- * import BicycleWithBackground from '@payfit/unity-illustrations/assets/BicycleWithBackground'
- *
- * <Illustration
- *   illustration={BicycleWithBackground}
- *   alt="BicycleWithBackground illustration"
- *   size="md"
- * />
- * ```
- */
-const BicycleWithBackground: BicycleWithBackgroundAsset = {
-  type: 'svg',
-  url: svgUrl,
-  animated: false,
-  name: 'BicycleWithBackground',
-} as BicycleWithBackgroundAsset
-
-export default BicycleWithBackground

package/src/generated/BigIdea.ts

@@ -1,31 +0,0 @@
-// AUTO-GENERATED FILE. DO NOT EDIT.
-// Source: Type=generic, Name=big_idea.svg
-import svgUrl from './assets/BigIdea.svg'
-import type { IllustrationAsset, BaseSvgAsset } from './types'
-
-export type BigIdeaAsset = IllustrationAsset<BaseSvgAsset & {
-  readonly name: 'BigIdea'
-}>
-
-/**
- * BigIdea illustration asset
- * @example
- * ```tsx
- * import { Illustration } from '@payfit/unity-illustrations'
- * import BigIdea from '@payfit/unity-illustrations/assets/BigIdea'
- *
- * <Illustration
- *   illustration={BigIdea}
- *   alt="BigIdea illustration"
- *   size="md"
- * />
- * ```
- */
-const BigIdea: BigIdeaAsset = {
-  type: 'svg',
-  url: svgUrl,
-  animated: false,
-  name: 'BigIdea',
-} as BigIdeaAsset
-
-export default BigIdea

package/src/generated/Binoculars.ts

@@ -1,31 +0,0 @@
-// AUTO-GENERATED FILE. DO NOT EDIT.
-// Source: Type=generic, Name=binoculars.svg
-import svgUrl from './assets/Binoculars.svg'
-import type { IllustrationAsset, BaseSvgAsset } from './types'
-
-export type BinocularsAsset = IllustrationAsset<BaseSvgAsset & {
-  readonly name: 'Binoculars'
-}>
-
-/**
- * Binoculars illustration asset
- * @example
- * ```tsx
- * import { Illustration } from '@payfit/unity-illustrations'
- * import Binoculars from '@payfit/unity-illustrations/assets/Binoculars'
- *
- * <Illustration
- *   illustration={Binoculars}
- *   alt="Binoculars illustration"
- *   size="md"
- * />
- * ```
- */
-const Binoculars: BinocularsAsset = {
-  type: 'svg',
-  url: svgUrl,
-  animated: false,
-  name: 'Binoculars',
-} as BinocularsAsset
-
-export default Binoculars

package/src/generated/BinocularsAnimation.ts

@@ -1,33 +0,0 @@
-// AUTO-GENERATED FILE. DO NOT EDIT.
-// Source: Type=Animation,Name=binoculars.webp (Animated WEBP - 750x750)
-import assetUrl from './assets/BinocularsAnimation.webp'
-import type { IllustrationAsset, BaseAnimatedImageAsset } from './types'
-
-export type BinocularsAnimationAsset = IllustrationAsset<BaseAnimatedImageAsset & {
-  readonly name: 'BinocularsAnimation'
-}>
-
-/**
- * BinocularsAnimation animated illustration asset (750x750)
- * @example
- * ```tsx
- * import { Illustration } from '@payfit/unity-illustrations'
- * import BinocularsAnimation from '@payfit/unity-illustrations/assets/BinocularsAnimation'
- *
- * <Illustration
- *   variant="picture"
- *   src={BinocularsAnimation}
- *   alt="Binoculars animation"
- * />
- * ```
- */
-const BinocularsAnimation: BinocularsAnimationAsset = {
-  type: 'image',
-  url: assetUrl,
-  animated: true,
-  dimensions: { width: 750, height: 750 },
-  category: 'animation',
-  name: 'BinocularsAnimation',
-} as BinocularsAnimationAsset
-
-export default BinocularsAnimation

package/src/generated/Biscuit.ts

@@ -1,31 +0,0 @@
-// AUTO-GENERATED FILE. DO NOT EDIT.
-// Source: Type=generic, Name=biscuit.svg
-import svgUrl from './assets/Biscuit.svg'
-import type { IllustrationAsset, BaseSvgAsset } from './types'
-
-export type BiscuitAsset = IllustrationAsset<BaseSvgAsset & {
-  readonly name: 'Biscuit'
-}>
-
-/**
- * Biscuit illustration asset
- * @example
- * ```tsx
- * import { Illustration } from '@payfit/unity-illustrations'
- * import Biscuit from '@payfit/unity-illustrations/assets/Biscuit'
- *
- * <Illustration
- *   illustration={Biscuit}
- *   alt="Biscuit illustration"
- *   size="md"
- * />
- * ```
- */
-const Biscuit: BiscuitAsset = {
-  type: 'svg',
-  url: svgUrl,
-  animated: false,
-  name: 'Biscuit',
-} as BiscuitAsset
-
-export default Biscuit

package/src/generated/BiscuitCrumbs.ts

@@ -1,31 +0,0 @@
-// AUTO-GENERATED FILE. DO NOT EDIT.
-// Source: Type=generic, Name=biscuit_crumbs.svg
-import svgUrl from './assets/BiscuitCrumbs.svg'
-import type { IllustrationAsset, BaseSvgAsset } from './types'
-
-export type BiscuitCrumbsAsset = IllustrationAsset<BaseSvgAsset & {
-  readonly name: 'BiscuitCrumbs'
-}>
-
-/**
- * BiscuitCrumbs illustration asset
- * @example
- * ```tsx
- * import { Illustration } from '@payfit/unity-illustrations'
- * import BiscuitCrumbs from '@payfit/unity-illustrations/assets/BiscuitCrumbs'
- *
- * <Illustration
- *   illustration={BiscuitCrumbs}
- *   alt="BiscuitCrumbs illustration"
- *   size="md"
- * />
- * ```
- */
-const BiscuitCrumbs: BiscuitCrumbsAsset = {
-  type: 'svg',
-  url: svgUrl,
-  animated: false,
-  name: 'BiscuitCrumbs',
-} as BiscuitCrumbsAsset
-
-export default BiscuitCrumbs