@uob-web-and-digital/component-library 2.7.0 → 2.7.2

package/README.md

@@ -1,111 +1,111 @@
-# University of Birmingham Component Library
-
-This is the frontend component library for the University of Birmingham website built using Storybook 7 and SASS.
-
-## Contents
-
-- [Installation and setup](#installation-and-setup)
-- [Working locally on the project](#working-locally-on-the-project)
-- [Creating Components](#creating-components)
-- [Deploying changes to the public Storybook](#deploying-project-changes-to-the-public-storybook)
-- [Publishing changes to the NPMJS package library](#publishing-changes-to-the-npmjs-package-library)
-- [Using the NPMJS package library](#using-the-component-package-library)
-
-## Installation and setup
-
-### Compatibility
-
-- **Node:** ^18.18.0
-- **React:** ^18.3.1
-
-### Setting up the project locally
-
-1. Clone the repo from Github: `git clone git@github.com:uob-itservices/component-library.git`
-2. Install NPM Node Modules by running `npm install` from the project root
-
-## Working locally on the project
-
-Run `npm run storybook` from the project root. This will run a new instance of [Storybook](https://storybook.js.org/) that can be accessed from `localhost:6006`.
-
-Changes made locally are automatically compiled and the browser instance of Storybook will automaticaly refresh, hot-loading changes very quickly where possible.
-
-## Creating components
-
-Components should always be created within the `src/components` folder.
-
-### Naming component folders
-
-You can create a new folder within `src/components` that is based on the chosen name for your component. The format of this folder name, react component and story should always be PascalCase i.e. `MyNewComponent`. SASS files should always be camelCase i.e. `myNewComponent`
-
-### Component file structure
-
-Within the component folder you must create the following 3 files:
-
-```
-ComponentName
- |_ {ComponentName}.tsx
- |_ {ComponentName}.stories.ts
- |_ {componentName}.scss
-```
-
-#### {ComponentName}.tsx
-
-This file is where the Component Structure is defined.
-
-#### {ComponentName}.stories.ts
-
-This file allows developers to pass in mockup content to the component that will render within Storybook. More information is available in the Storybook docs [Storybook JS - Defining Stories](https://storybook.js.org/docs/react/writing-stories/introduction#defining-stories)
-
-#### {componentName}.scss
-
-This is where component styling is defined using SASS/CSS.
-
-## Deploying project changes to the public Storybook
-
-The visible Storybook for sharing changes is private and is accessed at [https://stunning-invention-1w42em5.pages.github.io/](https://stunning-invention-1w42em5.pages.github.io/) you will need to be a member of the uob-itservices GitHub organisation and have access to the repository.
-
-This is automatically deployed and built when changes are pushed to the `develop` branch of the GitHub repository.
-
-## Linting Before Committing
-
-Before pushing a new commit to this component-library, please ensure that you run the following ES Lint command in your terminal:
-
-`npm run lint`
-
-This will highlight any linting issues that may arise when making file changes that will need to be fixed.
-
-To adhere to the commit message best practice commitlint is used. More information on commit message linting can be found here at [https://github.com/conventional-changelog/commitlint/#what-is-commitlint](https://github.com/conventional-changelog/commitlint/#what-is-commitlint)
-
-## Publishing changes to the NPMJS package library
-
-The repository will need publishing to the NPMJS package library [https://www.npmjs.com/package/@uob-web-and-digital/component-library](https://www.npmjs.com/package/@uob-web-and-digital/component-library) before it can be used in the UoB website.
-
-This is a private package so a read-only NPM access token will need be created in order to install the package.
-
-When the library in ready for a new release of the NPM package, you will need to increase the version number in the package.json and run a `npm install` to ensure the project gets updated with this version. After this you will need to create a pull request into the `develop` branch and then another pull request from the `develop` branch into `main`
-
-As this is a manual process, ensure that the `main` branch of the repository is always in sync with the currently published package.
-
-Releasing to the NPM registry are managed by GitHub Actions. You will need to create a new release and use the new release version as the tag. Once the release is published a GitHub Action will automatically run all the steps to publish the package on NPM.
-
-## Using the component package library
-
-In order to use the package you must have a NPM Access Token with read-only access to `@uob-web-and-digital/component-library`.
-
-To install the package run `npm install @uob-web-and-digital/component-library`.
-
-After installation you will need to add the following to your layout file;
-
-```
-import '@uob-web-and-digital/component-library/dist/main.css';
-```
-
-## Base64 fonts
-
-Fonts are base64 encoded so they are not hosted on a third party.
-
-To encode fonts to base64 you can run;
-
-```
-base64 -i Font.woff2 -o Font64txt
-```
+# University of Birmingham Component Library
+
+This is the frontend component library for the University of Birmingham website built using Storybook 7 and SASS.
+
+## Contents
+
+- [Installation and setup](#installation-and-setup)
+- [Working locally on the project](#working-locally-on-the-project)
+- [Creating Components](#creating-components)
+- [Deploying changes to the public Storybook](#deploying-project-changes-to-the-public-storybook)
+- [Publishing changes to the NPMJS package library](#publishing-changes-to-the-npmjs-package-library)
+- [Using the NPMJS package library](#using-the-component-package-library)
+
+## Installation and setup
+
+### Compatibility
+
+- **Node:** ^18.18.0
+- **React:** ^18.3.1
+
+### Setting up the project locally
+
+1. Clone the repo from Github: `git clone git@github.com:uob-itservices/component-library.git`
+2. Install NPM Node Modules by running `npm install` from the project root
+
+## Working locally on the project
+
+Run `npm run storybook` from the project root. This will run a new instance of [Storybook](https://storybook.js.org/) that can be accessed from `localhost:6006`.
+
+Changes made locally are automatically compiled and the browser instance of Storybook will automaticaly refresh, hot-loading changes very quickly where possible.
+
+## Creating components
+
+Components should always be created within the `src/components` folder.
+
+### Naming component folders
+
+You can create a new folder within `src/components` that is based on the chosen name for your component. The format of this folder name, react component and story should always be PascalCase i.e. `MyNewComponent`. SASS files should always be camelCase i.e. `myNewComponent`
+
+### Component file structure
+
+Within the component folder you must create the following 3 files:
+
+```
+ComponentName
+ |_ {ComponentName}.tsx
+ |_ {ComponentName}.stories.ts
+ |_ {componentName}.scss
+```
+
+#### {ComponentName}.tsx
+
+This file is where the Component Structure is defined.
+
+#### {ComponentName}.stories.ts
+
+This file allows developers to pass in mockup content to the component that will render within Storybook. More information is available in the Storybook docs [Storybook JS - Defining Stories](https://storybook.js.org/docs/react/writing-stories/introduction#defining-stories)
+
+#### {componentName}.scss
+
+This is where component styling is defined using SASS/CSS.
+
+## Deploying project changes to the public Storybook
+
+The visible Storybook for sharing changes is private and is accessed at [https://stunning-invention-1w42em5.pages.github.io/](https://stunning-invention-1w42em5.pages.github.io/) you will need to be a member of the uob-itservices GitHub organisation and have access to the repository.
+
+This is automatically deployed and built when changes are pushed to the `develop` branch of the GitHub repository.
+
+## Linting Before Committing
+
+Before pushing a new commit to this component-library, please ensure that you run the following ES Lint command in your terminal:
+
+`npm run lint`
+
+This will highlight any linting issues that may arise when making file changes that will need to be fixed.
+
+To adhere to the commit message best practice commitlint is used. More information on commit message linting can be found here at [https://github.com/conventional-changelog/commitlint/#what-is-commitlint](https://github.com/conventional-changelog/commitlint/#what-is-commitlint)
+
+## Publishing changes to the NPMJS package library
+
+The repository will need publishing to the NPMJS package library [https://www.npmjs.com/package/@uob-web-and-digital/component-library](https://www.npmjs.com/package/@uob-web-and-digital/component-library) before it can be used in the UoB website.
+
+This is a private package so a read-only NPM access token will need be created in order to install the package.
+
+When the library in ready for a new release of the NPM package, you will need to increase the version number in the package.json and run a `npm install` to ensure the project gets updated with this version. After this you will need to create a pull request into the `develop` branch and then another pull request from the `develop` branch into `main`
+
+As this is a manual process, ensure that the `main` branch of the repository is always in sync with the currently published package.
+
+Releasing to the NPM registry are managed by GitHub Actions. You will need to create a new release and use the new release version as the tag. Once the release is published a GitHub Action will automatically run all the steps to publish the package on NPM.
+
+## Using the component package library
+
+In order to use the package you must have a NPM Access Token with read-only access to `@uob-web-and-digital/component-library`.
+
+To install the package run `npm install @uob-web-and-digital/component-library`.
+
+After installation you will need to add the following to your layout file;
+
+```
+import '@uob-web-and-digital/component-library/dist/main.css';
+```
+
+## Base64 fonts
+
+Fonts are base64 encoded so they are not hosted on a third party.
+
+To encode fonts to base64 you can run;
+
+```
+base64 -i Font.woff2 -o Font64txt
+```

package/package.json

@@ -1,121 +1,121 @@
-{
-  "name": "@uob-web-and-digital/component-library",
-  "version": "2.7.0",
-  "description": "A component library using React and Storybook.",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/uob-itservices/component-library.git"
-  },
-  "bugs": {
-    "url": "https://github.com/uob-itservices/component-library/issues"
-  },
-  "homepage": "https://github.com/uob-itservices/component-library#readme",
-  "author": {
-    "name": "University of Birmingham"
-  },
-  "source": "src/index.ts",
-  "main": "dist/main.js",
-  "module": "dist/module.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "license": "",
-  "devDependencies": {
-    "@babel/preset-env": "^7.27.1",
-    "@babel/preset-react": "^7.27.1",
-    "@babel/preset-typescript": "^7.27.1",
-    "@commitlint/cli": "^19.8.1",
-    "@commitlint/config-conventional": "^19.8.1",
-    "@rollup/plugin-commonjs": "^28.0.6",
-    "@rollup/plugin-image": "^3.0.3",
-    "@rollup/plugin-node-resolve": "^16.0.1",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@storybook/addon-a11y": "^8.6.14",
-    "@storybook/addon-essentials": "^8.6.14",
-    "@storybook/addon-interactions": "^8.6.14",
-    "@storybook/addon-links": "^8.6.14",
-    "@storybook/addon-onboarding": "^8.6.14",
-    "@storybook/addon-styling-webpack": "^1.0.0",
-    "@storybook/addon-webpack5-compiler-swc": "^3.0.0",
-    "@storybook/blocks": "^8.6.14",
-    "@storybook/react": "^8.6.14",
-    "@storybook/react-webpack5": "^8.6.14",
-    "@types/pluralize": "^0.0.33",
-    "@types/react": "^18.3.23",
-    "@types/sanitize-html": "^2.16.0",
-    "autoprefixer": "^10.4.21",
-    "chromatic": "^11.29.0",
-    "eslint": "^8.57.1",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-typescript": "^18.0.0",
-    "eslint-plugin-prettier": "^5.5.4",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-storybook": "^0.6.15",
-    "file-loader": "^6.2.0",
-    "husky": "^8.0.0",
-    "lint-staged": "^14.0.1",
-    "postcss": "^8.5.6",
-    "postcss-loader": "^7.3.4",
-    "react-dom": "^18.3.1",
-    "resolve-url-loader": "^5.0.0",
-    "rollup": "^4.1.4",
-    "rollup-plugin-dts": "^6.1.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-scss": "^4.0.0",
-    "rollup-plugin-typescript2": "^0.36.0",
-    "sass": "^1.68.0",
-    "sass-loader": "^13.3.2",
-    "storybook": "^8.6.14",
-    "storybook-addon-performance": "^0.17.1",
-    "style-loader": "^3.3.3",
-    "stylelint": "^15.11.0",
-    "stylelint-config-idiomatic-order": "^9.0.0",
-    "stylelint-config-prettier-scss": "^1.0.0",
-    "stylelint-config-recommended": "^13.0.0",
-    "stylelint-config-recommended-scss": "^13.0.0",
-    "stylelint-config-sass-guidelines": "^10.0.0",
-    "stylelint-config-standard": "^34.0.0",
-    "stylelint-config-standard-scss": "^11.0.0",
-    "typescript": "^5.2.2"
-  },
-  "dependencies": {
-    "@storybook/addon-docs": "^8.6.14",
-    "@storybook/testing-library": "^0.2.2",
-    "clsx": "^2.1.1",
-    "embla-carousel-class-names": "^8.6.0",
-    "embla-carousel-react": "^8.6.0",
-    "focus-trap-react": "^10.3.1",
-    "framer-motion": "^12.23.12",
-    "pluralize": "^8.0.0",
-    "react": "^18.3.1"
-  },
-  "overrides": {
-    "stylelint-config-idiomatic-order": {
-      "stylelint": "^15.11.0"
-    }
-  },
-  "scripts": {
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "lint": "eslint \"./src/**/*.{js,jsx,ts,tsx}\" --max-warnings 0",
-    "lint-css": "stylelint --allow-empty-input '**/*.{css,scss}'",
-    "css-fix": "stylelint --fix '**/*.{css,scss}'",
-    "pretty": "prettier --write './**/*.{ts,tsx,scss,css,json,md,mdx}'",
-    "prepare": "husky install",
-    "pre-commit": "lint-staged",
-    "build-package": "rollup -c --bundleConfigAsCjs",
-    "chromatic": "npx chromatic --project-token=772c1293b28c"
-  },
-  "lint-staged": {
-    "src/**/*.{js,jsx,ts,tsx}": [
-      "npm run pretty",
-      "npm run lint"
-    ],
-    "src/**/*.{css,scss}": [
-      "npm run pretty",
-      "npm run lint-css"
-    ]
-  }
-}
+{
+  "name": "@uob-web-and-digital/component-library",
+  "version": "2.7.2",
+  "description": "A component library using React and Storybook.",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/uob-itservices/component-library.git"
+  },
+  "bugs": {
+    "url": "https://github.com/uob-itservices/component-library/issues"
+  },
+  "homepage": "https://github.com/uob-itservices/component-library#readme",
+  "author": {
+    "name": "University of Birmingham"
+  },
+  "source": "src/index.ts",
+  "main": "dist/main.js",
+  "module": "dist/module.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "license": "",
+  "devDependencies": {
+    "@babel/preset-env": "^7.27.1",
+    "@babel/preset-react": "^7.27.1",
+    "@babel/preset-typescript": "^7.27.1",
+    "@commitlint/cli": "^19.8.1",
+    "@commitlint/config-conventional": "^19.8.1",
+    "@rollup/plugin-commonjs": "^28.0.6",
+    "@rollup/plugin-image": "^3.0.3",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@storybook/addon-a11y": "^8.6.14",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-interactions": "^8.6.14",
+    "@storybook/addon-links": "^8.6.14",
+    "@storybook/addon-onboarding": "^8.6.14",
+    "@storybook/addon-styling-webpack": "^1.0.0",
+    "@storybook/addon-webpack5-compiler-swc": "^3.0.0",
+    "@storybook/blocks": "^8.6.14",
+    "@storybook/react": "^8.6.14",
+    "@storybook/react-webpack5": "^8.6.14",
+    "@types/pluralize": "^0.0.33",
+    "@types/react": "^18.3.23",
+    "@types/sanitize-html": "^2.16.0",
+    "autoprefixer": "^10.4.21",
+    "chromatic": "^11.29.0",
+    "eslint": "^8.57.1",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-airbnb-typescript": "^18.0.0",
+    "eslint-plugin-prettier": "^5.5.4",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-storybook": "^0.6.15",
+    "file-loader": "^6.2.0",
+    "husky": "^8.0.0",
+    "lint-staged": "^14.0.1",
+    "postcss": "^8.5.6",
+    "postcss-loader": "^7.3.4",
+    "react-dom": "^18.3.1",
+    "resolve-url-loader": "^5.0.0",
+    "rollup": "^4.1.4",
+    "rollup-plugin-dts": "^6.1.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-scss": "^4.0.0",
+    "rollup-plugin-typescript2": "^0.36.0",
+    "sass": "^1.68.0",
+    "sass-loader": "^13.3.2",
+    "storybook": "^8.6.14",
+    "storybook-addon-performance": "^0.17.1",
+    "style-loader": "^3.3.3",
+    "stylelint": "^15.11.0",
+    "stylelint-config-idiomatic-order": "^9.0.0",
+    "stylelint-config-prettier-scss": "^1.0.0",
+    "stylelint-config-recommended": "^13.0.0",
+    "stylelint-config-recommended-scss": "^13.0.0",
+    "stylelint-config-sass-guidelines": "^10.0.0",
+    "stylelint-config-standard": "^34.0.0",
+    "stylelint-config-standard-scss": "^11.0.0",
+    "typescript": "^5.2.2"
+  },
+  "dependencies": {
+    "@storybook/addon-docs": "^8.6.14",
+    "@storybook/testing-library": "^0.2.2",
+    "clsx": "^2.1.1",
+    "embla-carousel-class-names": "^8.6.0",
+    "embla-carousel-react": "^8.6.0",
+    "focus-trap-react": "^10.3.1",
+    "framer-motion": "^12.23.12",
+    "pluralize": "^8.0.0",
+    "react": "^18.3.1"
+  },
+  "overrides": {
+    "stylelint-config-idiomatic-order": {
+      "stylelint": "^15.11.0"
+    }
+  },
+  "scripts": {
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "lint": "eslint \"./src/**/*.{js,jsx,ts,tsx}\" --max-warnings 0",
+    "lint-css": "stylelint --allow-empty-input '**/*.{css,scss}'",
+    "css-fix": "stylelint --fix '**/*.{css,scss}'",
+    "pretty": "prettier --write './**/*.{ts,tsx,scss,css,json,md,mdx}'",
+    "prepare": "husky install",
+    "pre-commit": "lint-staged",
+    "build-package": "rollup -c --bundleConfigAsCjs",
+    "chromatic": "npx chromatic --project-token=772c1293b28c"
+  },
+  "lint-staged": {
+    "src/**/*.{js,jsx,ts,tsx}": [
+      "npm run pretty",
+      "npm run lint"
+    ],
+    "src/**/*.{css,scss}": [
+      "npm run pretty",
+      "npm run lint-css"
+    ]
+  }
+}

package/dist/components/atoms/BreadcrumbLink/BreadcrumbLink.d.ts

@@ -1,10 +0,0 @@
-import { ReactElement } from 'react';
-import { ThemeProps } from '../../../themeProps';
-import './breadcrumbLink.scss';
-export interface BreadcrumbLinkProps {
-    theme: ThemeProps;
-    inverse?: boolean;
-    url: string;
-    title: string;
-}
-export default function BreadcrumbLink({ theme, inverse, url, title }: BreadcrumbLinkProps): ReactElement;

package/dist/components/atoms/BreadcrumbLink/BreadcrumbLink.stories.d.ts

@@ -1,11 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import BreadcrumbLink from './BreadcrumbLink';
-declare const meta: {
-    title: string;
-    component: typeof BreadcrumbLink;
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Dark: Story;
-export declare const Light: Story;

package/dist/components/atoms/CalendarGraphic/CalendarGraphic.d.ts

@@ -1,10 +0,0 @@
-import { ReactElement } from 'react';
-import { ThemeProps } from '../../../themeProps';
-import './calendarGraphic.scss';
-export interface CalendarGraphicProps {
-    theme: ThemeProps;
-    status: 'Upcoming' | 'Recorded' | 'More';
-    day?: string;
-    month?: string;
-}
-export default function CalendarGraphic({ theme, status, day, month }: CalendarGraphicProps): ReactElement;

package/dist/components/atoms/CalendarGraphic/CalendarGraphic.stories.d.ts

@@ -1,12 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import CalendarGraphic from './CalendarGraphic';
-declare const meta: {
-    title: string;
-    component: typeof CalendarGraphic;
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const CalendarGraphicUpcomingEvent: Story;
-export declare const CalendarGraphicRecordedEvent: Story;
-export declare const CalendarGraphicMoreDatesEvent: Story;

package/dist/components/atoms/CampusSelectorLink/CampusSelectorLink.d.ts

@@ -1,17 +0,0 @@
-import { ReactElement } from 'react';
-import { ThemeProps } from '../../../themeProps';
-import './campusSelectorLink.scss';
-export interface CampusSelectorLinkProps {
-    /**
-     * The theme to use
-     */
-    theme: ThemeProps;
-    /**
-     * Whether to inverse the colours
-     */
-    label: string;
-    url: string;
-    externalLink?: boolean;
-    active?: boolean;
-}
-export default function CampusSelectorLink({ theme, label, url, externalLink, active }: CampusSelectorLinkProps): ReactElement;

package/dist/components/atoms/CampusSelectorLink/CampusSelectorLink.stories.d.ts

@@ -1,11 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import CampusSelectorLink from './CampusSelectorLink';
-declare const meta: {
-    title: string;
-    component: typeof CampusSelectorLink;
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof CampusSelectorLink>;
-export declare const Default: Story;
-export declare const Active: Story;

package/dist/components/atoms/Checkbox/Checkbox.d.ts

@@ -1,13 +0,0 @@
-import { ReactElement, ChangeEvent } from 'react';
-import { ThemeProps } from '../../../themeProps';
-import './checkbox.scss';
-export interface CheckboxProps {
-    theme: ThemeProps;
-    name: string;
-    value: string;
-    defaultChecked?: boolean;
-    label: string;
-    id: string;
-    onChange?: (e: ChangeEvent) => void;
-}
-export default function Checkbox({ theme, name, defaultChecked, label, id, value, onChange }: CheckboxProps): ReactElement;

package/dist/components/atoms/Checkbox/Checkbox.stories.d.ts

@@ -1,10 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import Checkbox from './Checkbox';
-declare const meta: {
-    title: string;
-    component: typeof Checkbox;
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof Checkbox>;
-export declare const Default: Story;

package/dist/components/atoms/CourseDeliveryPill/CourseDeliveryPill.d.ts

@@ -1,10 +0,0 @@
-import { ReactElement } from 'react';
-import { ThemeProps } from '../../../themeProps';
-import { IconType } from '../Icons/Icons';
-import './courseDeliveryPill.scss';
-export interface CourseDeliveryPillProps {
-    theme: ThemeProps;
-    label: string;
-    iconType?: IconType;
-}
-export default function CourseDeliveryPill({ theme, label, iconType }: CourseDeliveryPillProps): ReactElement;

package/dist/components/atoms/CourseDeliveryPill/CourseDeliveryPill.stories.d.ts

@@ -1,11 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import CourseDeliveryPill from './CourseDeliveryPill';
-declare const meta: {
-    title: string;
-    component: typeof CourseDeliveryPill;
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof CourseDeliveryPill>;
-export declare const Default: Story;
-export declare const NoIcon: Story;

package/dist/components/atoms/CourseIcon/CourseIcon.d.ts

@@ -1,11 +0,0 @@
-import { ReactElement } from 'react';
-import { ThemeProps } from '../../../themeProps';
-import { IconType } from '../Icons/Icons';
-import './courseIcon.scss';
-export interface CourseIconProps {
-    theme: ThemeProps;
-    inverse?: boolean;
-    icon: IconType;
-    backgroundColor?: 'pale' | 'dark';
-}
-export default function CourseIcon({ theme, inverse, icon, backgroundColor }: CourseIconProps): ReactElement;

package/dist/components/atoms/CourseIcon/CourseIcon.stories.d.ts

@@ -1,12 +0,0 @@
-import { ReactElement } from 'react';
-declare const meta: {
-    title: string;
-    parameters: {
-        layout: string;
-        backgrounds: {
-            default: string;
-        };
-    };
-};
-export default meta;
-export declare const allCourseIconsExample: () => ReactElement;

package/dist/components/atoms/DateInput/DateInput.d.ts

@@ -1,12 +0,0 @@
-import { ChangeEvent, ReactElement } from 'react';
-import { ThemeProps } from '../../../themeProps';
-import './dateInput.scss';
-export interface DateInputProps {
-    theme: ThemeProps;
-    name: string;
-    id: string;
-    label: string;
-    defaultValue?: string;
-    onChange?: (e: ChangeEvent) => void;
-}
-export default function DateInput({ theme, name, id, label, defaultValue, onChange }: DateInputProps): ReactElement;

package/dist/components/atoms/DateInput/DateInput.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import DateInput from './DateInput';
-declare const meta: Meta<typeof DateInput>;
-export default meta;
-type Story = StoryObj<typeof DateInput>;
-export declare const Default: Story;