@atom-learning/components 2.28.3-beta.2 → 2.29.0-beta.2

package/dist/stitches.js

@@ -1 +1 @@
-import*as o from"@atom-learning/theme";import{createStitches as e}from"@stitches/react";const i={bg:t=>({background:t}),inset:t=>({top:t,right:t,bottom:t,left:t}),size:t=>({height:t,width:t}),p:t=>({padding:t}),pt:t=>({paddingTop:t}),pr:t=>({paddingRight:t}),pb:t=>({paddingBottom:t}),pl:t=>({paddingLeft:t}),px:t=>({paddingLeft:t,paddingRight:t}),py:t=>({paddingTop:t,paddingBottom:t}),m:t=>({margin:t}),mt:t=>({marginTop:t}),mr:t=>({marginRight:t}),mb:t=>({marginBottom:t}),ml:t=>({marginLeft:t}),mx:t=>({marginLeft:t,marginRight:t}),my:t=>({marginTop:t,marginBottom:t})},m={sm:"(min-width: 550px)",md:"(min-width: 800px)",lg:"(min-width: 1100px)",xl:"(min-width: 1350px)",reducedMotion:"(prefers-reduced-motion)",allowMotion:"(prefers-reduced-motion: no-preference)",hover:"(hover: hover)"},d=e({theme:o,utils:i,media:m}),{css:n,getCssText:r,createTheme:p,globalCss:g,keyframes:a,styled:s,theme:h}=d;export{p as createTheme,n as css,r as getCssText,g as globalCss,a as keyframes,m as media,s as styled,h as theme,i as utils};
+import*as o from"@atom-learning/theme";import{createStitches as e}from"@stitches/react";const i={bg:t=>({background:t}),inset:t=>({top:t,right:t,bottom:t,left:t}),size:t=>({height:t,width:t}),p:t=>({padding:t}),pt:t=>({paddingTop:t}),pr:t=>({paddingRight:t}),pb:t=>({paddingBottom:t}),pl:t=>({paddingLeft:t}),px:t=>({paddingLeft:t,paddingRight:t}),py:t=>({paddingTop:t,paddingBottom:t}),m:t=>({margin:t}),mt:t=>({marginTop:t}),mr:t=>({marginRight:t}),mb:t=>({marginBottom:t}),ml:t=>({marginLeft:t}),mx:t=>({marginLeft:t,marginRight:t}),my:t=>({marginTop:t,marginBottom:t})},m={sm:"(min-width: 550px)",md:"(min-width: 800px)",lg:"(min-width: 1100px)",xl:"(min-width: 1350px)",reducedMotion:"(prefers-reduced-motion)",allowMotion:"(prefers-reduced-motion: no-preference)",hover:"(hover: hover)"},d=e({theme:o,utils:i,media:m}),{css:n,getCssText:r,createTheme:p,globalCss:g,keyframes:a,styled:h,theme:s}=d;export{p as createTheme,n as css,r as getCssText,g as globalCss,a as keyframes,m as media,h as styled,s as theme,i as utils};

package/dist/utilities/create-theme-variants/createThemeVariants.d.ts

@@ -19,112 +19,4 @@ import { CSS, theme } from '../../stitches';
  * // }
  * ```
  */
-export declare const createThemeVariants: <ThemeProperty extends keyof Theme>(themeProperty: ThemeProperty, styles: CSS) => Record<keyof (string & {
-    className: string;
-    selector: string;
-} & {
-    colors: {
-        textForeground: import("@stitches/react/types/theme").Token<"textForeground", string, "colors", "">;
-        textSubtle: import("@stitches/react/types/theme").Token<"textSubtle", string, "colors", "">;
-        textPlaceholder: import("@stitches/react/types/theme").Token<"textPlaceholder", string, "colors", "">;
-        background: import("@stitches/react/types/theme").Token<"background", string, "colors", "">;
-        backgroundAccent: import("@stitches/react/types/theme").Token<"backgroundAccent", string, "colors", "">;
-        tonal50: import("@stitches/react/types/theme").Token<"tonal50", string, "colors", "">;
-        tonal100: import("@stitches/react/types/theme").Token<"tonal100", string, "colors", "">;
-        tonal200: import("@stitches/react/types/theme").Token<"tonal200", string, "colors", "">;
-        tonal300: import("@stitches/react/types/theme").Token<"tonal300", string, "colors", "">;
-        tonal400: import("@stitches/react/types/theme").Token<"tonal400", string, "colors", "">;
-        tonal500: import("@stitches/react/types/theme").Token<"tonal500", string, "colors", "">;
-        tonal600: import("@stitches/react/types/theme").Token<"tonal600", string, "colors", "">;
-        alpha100: import("@stitches/react/types/theme").Token<"alpha100", string, "colors", "">;
-        alpha150: import("@stitches/react/types/theme").Token<"alpha150", string, "colors", "">;
-        alpha200: import("@stitches/react/types/theme").Token<"alpha200", string, "colors", "">;
-        alpha250: import("@stitches/react/types/theme").Token<"alpha250", string, "colors", "">;
-        alpha600: import("@stitches/react/types/theme").Token<"alpha600", string, "colors", "">;
-        primaryLight: import("@stitches/react/types/theme").Token<"primaryLight", string, "colors", "">;
-        primary: import("@stitches/react/types/theme").Token<"primary", string, "colors", "">;
-        primaryMid: import("@stitches/react/types/theme").Token<"primaryMid", string, "colors", "">;
-        primaryDark: import("@stitches/react/types/theme").Token<"primaryDark", string, "colors", "">;
-        secondary: import("@stitches/react/types/theme").Token<"secondary", string, "colors", "">;
-        brandRed: import("@stitches/react/types/theme").Token<"brandRed", string, "colors", "">;
-        brandRedAccent: import("@stitches/react/types/theme").Token<"brandRedAccent", string, "colors", "">;
-        brandGreen: import("@stitches/react/types/theme").Token<"brandGreen", string, "colors", "">;
-        brandGreenAccent: import("@stitches/react/types/theme").Token<"brandGreenAccent", string, "colors", "">;
-        brandPurple: import("@stitches/react/types/theme").Token<"brandPurple", string, "colors", "">;
-        brandPurpleAccent: import("@stitches/react/types/theme").Token<"brandPurpleAccent", string, "colors", "">;
-        brandYellow: import("@stitches/react/types/theme").Token<"brandYellow", string, "colors", "">;
-        brandYellowAccent: import("@stitches/react/types/theme").Token<"brandYellowAccent", string, "colors", "">;
-        successLight: import("@stitches/react/types/theme").Token<"successLight", string, "colors", "">;
-        success: import("@stitches/react/types/theme").Token<"success", string, "colors", "">;
-        successMid: import("@stitches/react/types/theme").Token<"successMid", string, "colors", "">;
-        successDark: import("@stitches/react/types/theme").Token<"successDark", string, "colors", "">;
-        dangerLight: import("@stitches/react/types/theme").Token<"dangerLight", string, "colors", "">;
-        danger: import("@stitches/react/types/theme").Token<"danger", string, "colors", "">;
-        dangerMid: import("@stitches/react/types/theme").Token<"dangerMid", string, "colors", "">;
-        dangerDark: import("@stitches/react/types/theme").Token<"dangerDark", string, "colors", "">;
-        warningLight: import("@stitches/react/types/theme").Token<"warningLight", string, "colors", "">;
-        warning: import("@stitches/react/types/theme").Token<"warning", string, "colors", "">;
-        warningMid: import("@stitches/react/types/theme").Token<"warningMid", string, "colors", "">;
-        warningDark: import("@stitches/react/types/theme").Token<"warningDark", string, "colors", "">;
-        warningText: import("@stitches/react/types/theme").Token<"warningText", string, "colors", "">;
-        subjectEnglish: import("@stitches/react/types/theme").Token<"subjectEnglish", string, "colors", "">;
-        subjectMaths: import("@stitches/react/types/theme").Token<"subjectMaths", string, "colors", "">;
-        subjectScience: import("@stitches/react/types/theme").Token<"subjectScience", string, "colors", "">;
-        subjectVerbalReasoning: import("@stitches/react/types/theme").Token<"subjectVerbalReasoning", string, "colors", "">;
-        subjectNonVerbalReasoning: import("@stitches/react/types/theme").Token<"subjectNonVerbalReasoning", string, "colors", "">;
-        subjectCreativeWriting: import("@stitches/react/types/theme").Token<"subjectCreativeWriting", string, "colors", "">;
-        subjectExamSkills: import("@stitches/react/types/theme").Token<"subjectExamSkills", string, "colors", "">;
-    };
-    space: {
-        0: import("@stitches/react/types/theme").Token<"0", string, "space", "">;
-        1: import("@stitches/react/types/theme").Token<"1", string, "space", "">;
-        2: import("@stitches/react/types/theme").Token<"2", string, "space", "">;
-        3: import("@stitches/react/types/theme").Token<"3", string, "space", "">;
-        4: import("@stitches/react/types/theme").Token<"4", string, "space", "">;
-        5: import("@stitches/react/types/theme").Token<"5", string, "space", "">;
-        6: import("@stitches/react/types/theme").Token<"6", string, "space", "">;
-        7: import("@stitches/react/types/theme").Token<"7", string, "space", "">;
-        8: import("@stitches/react/types/theme").Token<"8", string, "space", "">;
-        9: import("@stitches/react/types/theme").Token<"9", string, "space", "">;
-    };
-    fontSizes: {
-        xs: import("@stitches/react/types/theme").Token<"xs", string, "fontSizes", "">;
-        sm: import("@stitches/react/types/theme").Token<"sm", string, "fontSizes", "">;
-        md: import("@stitches/react/types/theme").Token<"md", string, "fontSizes", "">;
-        lg: import("@stitches/react/types/theme").Token<"lg", string, "fontSizes", "">;
-        xl: import("@stitches/react/types/theme").Token<"xl", string, "fontSizes", "">;
-        "2xl": import("@stitches/react/types/theme").Token<"2xl", string, "fontSizes", "">;
-        "3xl": import("@stitches/react/types/theme").Token<"3xl", string, "fontSizes", "">;
-        "4xl": import("@stitches/react/types/theme").Token<"4xl", string, "fontSizes", "">;
-    };
-    fonts: {
-        sans: import("@stitches/react/types/theme").Token<"sans", string, "fonts", "">;
-        mono: import("@stitches/react/types/theme").Token<"mono", string, "fonts", "">;
-        display: import("@stitches/react/types/theme").Token<"display", string, "fonts", "">;
-        body: import("@stitches/react/types/theme").Token<"body", string, "fonts", "">;
-    };
-    sizes: {
-        0: import("@stitches/react/types/theme").Token<"0", string, "sizes", "">;
-        1: import("@stitches/react/types/theme").Token<"1", string, "sizes", "">;
-        2: import("@stitches/react/types/theme").Token<"2", string, "sizes", "">;
-        3: import("@stitches/react/types/theme").Token<"3", string, "sizes", "">;
-        4: import("@stitches/react/types/theme").Token<"4", string, "sizes", "">;
-        5: import("@stitches/react/types/theme").Token<"5", string, "sizes", "">;
-        6: import("@stitches/react/types/theme").Token<"6", string, "sizes", "">;
-        7: import("@stitches/react/types/theme").Token<"7", string, "sizes", "">;
-        8: import("@stitches/react/types/theme").Token<"8", string, "sizes", "">;
-    };
-    radii: {
-        0: import("@stitches/react/types/theme").Token<"0", string, "radii", "">;
-        1: import("@stitches/react/types/theme").Token<"1", string, "radii", "">;
-        2: import("@stitches/react/types/theme").Token<"2", string, "radii", "">;
-        3: import("@stitches/react/types/theme").Token<"3", string, "radii", "">;
-        round: import("@stitches/react/types/theme").Token<"round", string, "radii", "">;
-    };
-    shadows: {
-        0: import("@stitches/react/types/theme").Token<"0", string, "shadows", "">;
-        1: import("@stitches/react/types/theme").Token<"1", string, "shadows", "">;
-        2: import("@stitches/react/types/theme").Token<"2", string, "shadows", "">;
-        3: import("@stitches/react/types/theme").Token<"3", string, "shadows", "">;
-    };
-})[ThemeProperty], CSS>;
+export declare const createThemeVariants: <ThemeProperty extends keyof Theme>(themeProperty: ThemeProperty, styles: CSS) => Record<string | number | symbol, any>;

package/dist/utilities/css-wrapper/CSSWrapper.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { CSS } from '../../stitches';
+import type { CSS } from '~/stitches';
 declare type CssWrapperProps = {
     css?: CSS;
     children: React.ReactNode;

package/dist/utilities/hooks/useCallbackRef.js

@@ -1 +1 @@
-import*as l from"react";const n=()=>{const e=l.useRef(null),u=l.useCallback(t=>{t&&(e.current=t)},[]);return[e,u]},s=()=>{const[e,u]=l.useState(null),t=l.useCallback(a=>{a&&u(a)},[]);return[e,t]};export{n as useCallbackRef,s as useCallbackRefState};
+import*as t from"react";const s=()=>{const e=t.useRef(null),n=t.useCallback(r=>{r&&(e.current=r)},[]);return[e,n]};export{s as useCallbackRef};

package/dist/utilities/hooks/useScrollPosition.d.ts

@@ -1,7 +1,4 @@
-export declare const useScrollPosition: ({ elRef, delay }: {
-    elRef?: HTMLElement | null | undefined;
-    delay?: number | undefined;
-}) => {
-    left: number;
-    top: number;
+export declare const useScrollPosition: () => {
+    x: number;
+    y: number;
 };

package/dist/utilities/hooks/useScrollPosition.js

@@ -1 +1 @@
-import{useState as s,useEffect as n}from"react";import{debounce as c}from"throttle-debounce";const f=({elRef:e,delay:r=500})=>{const[l,o]=s({left:0,top:0});return n(()=>{if(!e)return;const t=c(r,()=>{o({left:e.scrollLeft,top:e.scrollTop})});return e.addEventListener("scroll",t),()=>{e.removeEventListener("scroll",t)}},[e]),l};export{f as useScrollPosition};
+import{useState as s,useEffect as l}from"react";import{throttle as i}from"throttle-debounce";const c=()=>{const[t,r]=s({x:0,y:0}),{x:e,y:n}=t;return l(()=>{const o=i(500,()=>{r({x:window.scrollX,y:window.scrollY})});return window.addEventListener("scroll",o),()=>{window.removeEventListener("scroll",o)}},[]),{x:e,y:n}};export{c as useScrollPosition};

package/dist/utilities/style/capsize.d.ts

@@ -1,4 +1,4 @@
-import { CSS } from '../../stitches';
+import { CSS } from '~/stitches';
 /**
  * https://seek-oss.github.io/capsize/
  *

package/dist/utilities/style/keyframe-animations.d.ts

@@ -1,32 +1,8 @@
-export declare const slideUpAndFade: {
-    (): string;
-    name: string;
-};
-export declare const slideRightAndFade: {
-    (): string;
-    name: string;
-};
-export declare const slideDownAndFade: {
-    (): string;
-    name: string;
-};
-export declare const slideLeftAndFade: {
-    (): string;
-    name: string;
-};
-export declare const fadeIn: {
-    (): string;
-    name: string;
-};
-export declare const fadeOut: {
-    (): string;
-    name: string;
-};
-export declare const slideInLeft: {
-    (): string;
-    name: string;
-};
-export declare const slideOutLeft: {
-    (): string;
-    name: string;
-};
+export declare const slideUpAndFade: any;
+export declare const slideRightAndFade: any;
+export declare const slideDownAndFade: any;
+export declare const slideLeftAndFade: any;
+export declare const fadeIn: any;
+export declare const fadeOut: any;
+export declare const slideInLeft: any;
+export declare const slideOutLeft: any;

package/package.json

@@ -4,7 +4,7 @@
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",
   "module": "dist/index.js",
-  "version": "2.28.3-beta.2",
+  "version": "2.29.0-beta.2",
   "description": "",
   "files": [
     "dist"
@@ -17,7 +17,6 @@
     "build:docs": "node ./scripts/generate-component-props.mjs && node ./scripts/export-documentation.mjs",
     "start:sandbox": "vite -c ./sandbox/vite.config.js",
     "add-component": "node ./scripts/add-component.mjs",
-    "prepublishOnly": "run-s clean build:lib build:types build:docs",
     "clean": "del ./dist/",
     "format": "prettier 'src/**/*.{js,ts,tsx}' --write",
     "lint": "eslint 'src/**/*.{js,ts,tsx}' --fix",
@@ -71,6 +70,7 @@
     "@semantic-release/npm": "^7.1.1",
     "@semantic-release/release-notes-generator": "^9.0.2",
     "@size-limit/preset-small-lib": "^7.0.5",
+    "@stitches/react": "^1.2.8",
     "@testing-library/jest-dom": "^5.11.9",
     "@testing-library/react": "^11.2.3",
     "@testing-library/react-hooks": "^7.0.2",
@@ -107,7 +107,6 @@
     "react-docgen-typescript": "2.1.0",
     "rollup": "^2.39.0",
     "rollup-plugin-esbuild": "^4.8.2",
-    "rollup-plugin-json": "^4.0.0",
     "rollup-plugin-summary": "^1.3.0",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-visualizer": "^4.2.2",
@@ -123,6 +122,7 @@
   "peerDependencies": {
     "@atom-learning/icons": "^1.0.0",
     "@atom-learning/theme": "^1.0.0",
+    "@stitches/react": "^1.0.0",
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
   },
@@ -149,7 +149,6 @@
     "@radix-ui/react-tooltip": "^1.0.0",
     "@radix-ui/react-visually-hidden": "^1.0.0",
     "@reach/combobox": "^0.16.1",
-    "@stitches/react": "^1.2.8",
     "@tanstack/react-table": "^8.5.11",
     "@types/react": "^17.0.30",
     "color2k": "^2.0.0",
@@ -172,7 +171,7 @@
   "husky": {
     "hooks": {
       "commit-msg": "commitlint -E HUSKY_GIT_PARAMS",
-      "pre-commit": "bash ../scripts/prevent-commit.sh && lint-staged"
+      "pre-commit": "bash scripts/prevent-commit.sh && lint-staged"
     }
   },
   "commitlint": {

package/CHANGELOG.md

@@ -1,200 +0,0 @@
-# [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
-
-
-### Features
-
-* **stepper:** adding ability to override default forward behaviour ([#318](https://github.com/Atom-Learning/components/issues/318)) ([c9cc080](https://github.com/Atom-Learning/components/commit/c9cc080ce9c77afda0ba9df48eb74276ce2c4505))
-
-# [1.3.0](https://github.com/Atom-Learning/components/compare/v1.2.1...v1.3.0) (2022-04-07)
-
-
-### Bug Fixes
-
-* add compound variant for outline secondary buttons ([09bb100](https://github.com/Atom-Learning/components/commit/09bb10071d10f421eec37bc505860120396e2232))
-* add typings to package.json to explicitly refer index.d.ts ([033c9b6](https://github.com/Atom-Learning/components/commit/033c9b6330d1b75a862a0a0c4d525a53e3707571))
-* added type=search back and used css to hide browser icon ([13cf732](https://github.com/Atom-Learning/components/commit/13cf7320eda155eed7b6b340602cfeee02021745))
-* adding custom plurals ([ad13522](https://github.com/Atom-Learning/components/commit/ad1352277fac5b6b6e4f4b41c7a7b0092c62d4ae))
-* adding label translation, input size, and fixing popover tweaks ([08c47e6](https://github.com/Atom-Learning/components/commit/08c47e6b18537e73150d9010311d8d59d31fdc09))
-* adding test for min max values ([5026b4d](https://github.com/Atom-Learning/components/commit/5026b4d95f9ac7a7c9fdc7baf06f153d8c00a8f5))
-* adding test for slidersteps ([7254b0f](https://github.com/Atom-Learning/components/commit/7254b0f85d9cb81e2ebeab5946ab91caa46804fb))
-* allow external change handler on date input ([d265761](https://github.com/Atom-Learning/components/commit/d26576148c94740899f87cfd6708dc5a982f8fb4))
-* attempting to fix merge issue ([531590e](https://github.com/Atom-Learning/components/commit/531590e2ae068be69303f63e83e612e974cb8a90))
-* avoid initial render, screenWidth can be left undefined ([35766bf](https://github.com/Atom-Learning/components/commit/35766bfeb28a66bee20e735aaf27b34862815495))
-* change accordion type ([8caeed7](https://github.com/Atom-Learning/components/commit/8caeed70b8425090e15ae0451bbc4b8b7601d72c))
-* changing composition so value is a separate component ([7cefeed](https://github.com/Atom-Learning/components/commit/7cefeed2d6097152ea484c329d3bce02c45cfc6d))
-* changing prop name to appearance ([429cab2](https://github.com/Atom-Learning/components/commit/429cab230f959de10fbbd8af51bebb5942b9193e))
-* changing unintuitive variant name ([d6993b0](https://github.com/Atom-Learning/components/commit/d6993b08346dffb6a2033a25f1c05bcbd84bd1c4))
-* css as per designs ([9f3a964](https://github.com/Atom-Learning/components/commit/9f3a96483c6acc2482ba7114d45ea11b2cffa529))
-* css typing ([324e323](https://github.com/Atom-Learning/components/commit/324e323a0e5aae0bddc76170f7833abf26832809))
-* dateinput type error ([ee5e109](https://github.com/Atom-Learning/components/commit/ee5e1094dfc46ec449fc5c1d207c62614dd2e1ea))
-* disabled state should not have any interaction whatsoever ([7e458ee](https://github.com/Atom-Learning/components/commit/7e458ee5311be59b552f99eb21aeaa0888168544))
-* documentation ([82e8ac4](https://github.com/Atom-Learning/components/commit/82e8ac45bca1d97d34bcb9ac3d36158af5c7edc0))
-* drop mount check inside useEffect hook ([8771774](https://github.com/Atom-Learning/components/commit/8771774de3a479d102e804eeec933685f22f1e64))
-* ensure dayjs plugin is treated as external dep ([a2525ea](https://github.com/Atom-Learning/components/commit/a2525eaf3d64dbcfd22351ae31d98b3d2d42fef5))
-* extend type to allow passing CSS ([261cda6](https://github.com/Atom-Learning/components/commit/261cda629c8435a8615e8b01d51fb55dd0a46d4b))
-* fixing tests, changing div to box ([1f57a3a](https://github.com/Atom-Learning/components/commit/1f57a3a874b7049b4accb3d498dfde1563aad4cd))
-* focus issue with next/prev buttons ([67d3de3](https://github.com/Atom-Learning/components/commit/67d3de3f5c65ed11f12588757a849bbe4601fa7d))
-* forcing boolean to clean up logic ([eeaec16](https://github.com/Atom-Learning/components/commit/eeaec164e7ff5ad35a0f61e38dcfeadff4922a3a))
-* introduce enum for icon ([2ce7486](https://github.com/Atom-Learning/components/commit/2ce7486b6410406e1cb67ecc3c5d7f72c4fe1949))
-* making position more responsive, updating tests ([01d2e77](https://github.com/Atom-Learning/components/commit/01d2e77a42f78fbe8b6e8ab7d7c3702327e163c9))
-* minor test and docs fixes ([a128057](https://github.com/Atom-Learning/components/commit/a1280573e8334c27ae58d5d63169840f1473b755))
-* minor tweak to tests ([cfb37a0](https://github.com/Atom-Learning/components/commit/cfb37a073dbb9015e98212525385d50eda1b245f))
-* minor update to docs ([c7a1673](https://github.com/Atom-Learning/components/commit/c7a1673f1e655177fcbe93838f84949e645e80dd))
-* minor update to docs ([35dbedd](https://github.com/Atom-Learning/components/commit/35dbedd6a0d26001025cf28007e8c9ace8396e73))
-* more responsive styling, mdx changes ([e18585a](https://github.com/Atom-Learning/components/commit/e18585accc31e5c62637ad4e9f922a43b10b1e9c))
-* positioning of icon ([5f630f0](https://github.com/Atom-Learning/components/commit/5f630f0b351c21a705dcb6f042332ab130f138f3))
-* prop name and docs example ([2e6a91e](https://github.com/Atom-Learning/components/commit/2e6a91e882402204507d24391d688f9e608f136b))
-* proper types for validationMode ([7f6cb30](https://github.com/Atom-Learning/components/commit/7f6cb300a769a7c43670f937517528519bb4ff13))
-* reducing height of track ([43f1f33](https://github.com/Atom-Learning/components/commit/43f1f335b8c1bb9ae06050b7ff913771b1fc5ce8))
-* remove unnecessary box wrapper ([cd6203f](https://github.com/Atom-Learning/components/commit/cd6203fab71597d243b25b13be987e0508b462a8))
-* remove unnecessary calendar docs, update datefield docs ([2a3ecb0](https://github.com/Atom-Learning/components/commit/2a3ecb0204b29e13f1542f65e11893eaeffad65a))
-* remove unused babel file ([8df5e19](https://github.com/Atom-Learning/components/commit/8df5e195eb78c5462e5610cf9d8c3cf1f53c4172))
-* remove unused code ([8019865](https://github.com/Atom-Learning/components/commit/8019865df92a86fee4f23480ec09d4dba4c18986))
-* remove unwanted padding from container ([2d3fd00](https://github.com/Atom-Learning/components/commit/2d3fd00ccdbdc293d923b96d4a348d508b22c874))
-* removing unneeded default value ([4db40c6](https://github.com/Atom-Learning/components/commit/4db40c656bf73b2a459dd69fcee5c0de8d705baf))
-* rename Icon component ([ce20992](https://github.com/Atom-Learning/components/commit/ce20992e40e29a6940ef57749184871be539b0b5))
-* rename prop and move callback into useEffect hook ([14cd086](https://github.com/Atom-Learning/components/commit/14cd086a536a937087a1088beefedd36170865fd))
-* rename test description ([3137897](https://github.com/Atom-Learning/components/commit/313789734a3d06ac0d1e2d5e7ec159335106224b))
-* render buttons with display: none to include them in snapshot ([9844223](https://github.com/Atom-Learning/components/commit/9844223fc29a4505620111f8427ba4c3073fe7b0))
-* replace babel-jest ([8c1c0d4](https://github.com/Atom-Learning/components/commit/8c1c0d4dcfffe162b0effe415ef96998fb421484))
-* replace iconwrapper for accordion ([52d93ad](https://github.com/Atom-Learning/components/commit/52d93ade51e91e9c71e21ab5d078e5ad0668705e))
-* revalidate on date select ([a688ed8](https://github.com/Atom-Learning/components/commit/a688ed81950e751e53c686c84331226a03aa397b))
-* revert jest to last version to stop node engine errors ([6351b74](https://github.com/Atom-Learning/components/commit/6351b74f7a29363511ed61816b29b09821000ba4))
-* review feedback ([9237067](https://github.com/Atom-Learning/components/commit/9237067445a947e3aacde6645a03961de2708703))
-* review feedback ([d74a333](https://github.com/Atom-Learning/components/commit/d74a3337de79f373eca066050c0f98116bd9e7e1))
-* rotation applied to all icons and not just the arrow ([595a246](https://github.com/Atom-Learning/components/commit/595a246216ffc2bfb84c6c29806d17dcfeb8e817))
-* search input onChange ([f13bd23](https://github.com/Atom-Learning/components/commit/f13bd23c8fd12eb32b7c41a62122206891dc9d6f))
-* separating slidersteps component ([5d1b0af](https://github.com/Atom-Learning/components/commit/5d1b0afac6268218fd75893365fa0e8ff28095f2))
-* separator colours and skipping behaviour ([8e85863](https://github.com/Atom-Learning/components/commit/8e85863fa36f31503cdfc67f74427ff128a77e03))
-* slider min max bug ([2a5405f](https://github.com/Atom-Learning/components/commit/2a5405fd7ce0ef7fa13219eb4775b4fa8fc00938))
-* snapshot test ([b364cf6](https://github.com/Atom-Learning/components/commit/b364cf66c865a875ae978393c533a1e662bec1b8))
-* stepper being able to navigate outside bullet range when no OnComplete handler is passed ([c620481](https://github.com/Atom-Learning/components/commit/c620481fa5d41583779590c63e183f9c0532aba9))
-* stepper types ([f7e1c20](https://github.com/Atom-Learning/components/commit/f7e1c208dbb911ccaade2bebb6cdbf49fe82f39b))
-* stop render on empty value ([005c14c](https://github.com/Atom-Learning/components/commit/005c14c9fc819f7106ef6768ac1a1ac110af662a))
-* tabs jump on font weight change ([219b01b](https://github.com/Atom-Learning/components/commit/219b01bbf86cc81881893b5efd925aea27c1ba93))
-* throttle was being called in a wrong way ([bce0d0d](https://github.com/Atom-Learning/components/commit/bce0d0db6d2fc5569bec0e1eec96399fdf573d64))
-* TS issues ([fad5121](https://github.com/Atom-Learning/components/commit/fad5121e853f6fa56368c8ec479b260e955c886b))
-* tweaking null return logic ([528afda](https://github.com/Atom-Learning/components/commit/528afda648c8c6275414c7856ff145facd4884c2))
-* typo on slider mdx ([45c2218](https://github.com/Atom-Learning/components/commit/45c2218bb9e21f41aea864b6ca387794bfcf06b8))
-* unifying disabled theme styles ([14538e4](https://github.com/Atom-Learning/components/commit/14538e43f66fb1cf4d1665898c985318aaaada28))
-* update snaps ([af59ab1](https://github.com/Atom-Learning/components/commit/af59ab1e77377fac7c71f7e785f44a81b3e24650))
-* update theme package ([1059b45](https://github.com/Atom-Learning/components/commit/1059b45256c79fc84bc6f8659b1d32f832b93114))
-* updating key to not be index ([26de60e](https://github.com/Atom-Learning/components/commit/26de60e4995a8cd5488a63cec03555ceb9d8d01c))
-* updating mdx ([ce15564](https://github.com/Atom-Learning/components/commit/ce155646da9fb5dd4230b9135eaad9cd6d1824e8))
-* updating mdx ([60604ee](https://github.com/Atom-Learning/components/commit/60604ee02f959767fdc06d15b8aceb16078918bb))
-* updating mdx ([c433934](https://github.com/Atom-Learning/components/commit/c433934f3bc0e3377b2067d61c4a3d0b208b4bdd))
-* updating mdx files ([f55277b](https://github.com/Atom-Learning/components/commit/f55277b47476a5614a632b09b39118d0fa3c85c0))
-* updating readme ([959ec26](https://github.com/Atom-Learning/components/commit/959ec2629e01bbeb6781e9bcf236fb544153be86))
-* updating readme ([4032986](https://github.com/Atom-Learning/components/commit/40329868600b456eff3e7456028e1f747817462b))
-* updating style changes to be opt in and better typed ([3b94b09](https://github.com/Atom-Learning/components/commit/3b94b09d7ce7ac359b58149eb2cc86f49a47c740))
-* use stitches to style the icon ([5fb3fb2](https://github.com/Atom-Learning/components/commit/5fb3fb2e5a066cc1967ca0093158a363de161ac0))
-* yarn.lock ([a81c04a](https://github.com/Atom-Learning/components/commit/a81c04a9f8b67fc222d971c808bc9babfb708b34))
-
-
-### Features
-
-* add date field, finalise date input changes ([58edcfc](https://github.com/Atom-Learning/components/commit/58edcfc365ca7a5f902cdffb6f9de9c9f5c2009d))
-* add tab scrollers which allows easy navigation if tabs length is more than available space ([cec5b04](https://github.com/Atom-Learning/components/commit/cec5b04235f2c24915050dfd71975608ddee7c86))
-* add test:ci option to improve logs on ci ([3452dbb](https://github.com/Atom-Learning/components/commit/3452dbbf141d659a2044148712dd243729fb8916))
-* added translation, firstDayOfWeek, test, and documentation ([ca785b4](https://github.com/Atom-Learning/components/commit/ca785b4509ee581f5ba7d916c041f8291235ad24))
-* adding neutral outline variant ([53a793a](https://github.com/Atom-Learning/components/commit/53a793a02836a74a8e2dac481cedec2e1707fef2))
-* adding new table variants ([8a1fcc8](https://github.com/Atom-Learning/components/commit/8a1fcc8d68f48c78fc3dfc5a9a2e9a758c9eaaf6))
-* adding optional uppercase to tabs ([708c6f2](https://github.com/Atom-Learning/components/commit/708c6f2d5ca33988b69f2aa868fdb8543aa56d6b))
-* additional icon variant ([7e471bc](https://github.com/Atom-Learning/components/commit/7e471bc558543f84a732bc3180bd79dde76b58aa))
-* button neutral theme ([8bbcf1a](https://github.com/Atom-Learning/components/commit/8bbcf1a4301cb07579de485fb6789576f7fa82c1))
-* changed new variants colors for different states ([d29b374](https://github.com/Atom-Learning/components/commit/d29b374319bf133d2525681036e9ca3cda326a86))
-* grid max item size ([573c17e](https://github.com/Atom-Learning/components/commit/573c17e0aec90b68e636de8238f3a98922113593))
-* initial work on calendar component ([ebc8948](https://github.com/Atom-Learning/components/commit/ebc8948b66573efcc782e29b78537d89968d43d8))
-* initial work on date input ([4fc6827](https://github.com/Atom-Learning/components/commit/4fc682733639ce69a60e2d869cdeaaeb88f3a4c3))
-* initial work on slider ([f5a6ea1](https://github.com/Atom-Learning/components/commit/f5a6ea11349b903ed1b05ab27dc2da0004a2a595))
-* make it possible to show / hide close button in modal ([1c44907](https://github.com/Atom-Learning/components/commit/1c44907ad94a5ccf5c07d2b329d292ccb05a9368))
-* no light bg for tabs ([b57cdff](https://github.com/Atom-Learning/components/commit/b57cdff08f0c5594d909bcaf2f23414b2087a06a))
-* notification badge component ([3f93049](https://github.com/Atom-Learning/components/commit/3f930490be322df4f58e3f643d197e1d7db6d142))
-* option to hide the chevron icon in trigger ([6cc28bf](https://github.com/Atom-Learning/components/commit/6cc28bff3dd5a25f734e860cdcbddc17e4725432))
-* pass ref onto the ReactPlayer component so that we have access to the ReactPlayer instance ([fb2b09c](https://github.com/Atom-Learning/components/commit/fb2b09ca81e62581dcf3b5e55a8ec5722c3621dc))
-* progress-indicator ([b2ebe20](https://github.com/Atom-Learning/components/commit/b2ebe208e0af05245c3738403bb0b6c05250f2d6))
-* remove :before and :after for nested Text components ([55e7a9b](https://github.com/Atom-Learning/components/commit/55e7a9be37fac435a85b21c21df505be26b26e89))
-* replace babel & terser with esbuild ([bb11c3c](https://github.com/Atom-Learning/components/commit/bb11c3cbb6d226750eaae75372e49d9afaa05606))
-* **SearchInput:** added clear functionality ([8c0fc32](https://github.com/Atom-Learning/components/commit/8c0fc3240cfaeb50df231da383a448eabd509d75))
-* show / hide scroller buttons based on scroll position ([a6c7e49](https://github.com/Atom-Learning/components/commit/a6c7e49b0851415fc90e4c8d401b6926bacdd719))
-* simplifying output label to callback ([fcf0eb2](https://github.com/Atom-Learning/components/commit/fcf0eb2c0d88dfbc6c8b17c8831ba022de537539))
-* slider step functionality ([ec0d308](https://github.com/Atom-Learning/components/commit/ec0d308c6f106aed3ba6f130bb163990c923adf9))
-* slider value label ([9645dc9](https://github.com/Atom-Learning/components/commit/9645dc9abb3c7dc2fd96212b6c4b395cdc206b89))
-* slider.steps component, composition change ([5be643f](https://github.com/Atom-Learning/components/commit/5be643f7caa9db1dcc91bb3c6537dc87458512ed))
-* sliderfield component added ([3536925](https://github.com/Atom-Learning/components/commit/35369251f41ddd74bfe491ea5022bd60ab7a2c42))
-* support multiple values, updating mdx ([a01bfab](https://github.com/Atom-Learning/components/commit/a01bfab5635b6a0710cb997bc4794fd69299f025))
-* tab scroll percentage ([06240fb](https://github.com/Atom-Learning/components/commit/06240fb093d760121ab18ed053f826e37d42cb94))
-* update slider api ([d752c75](https://github.com/Atom-Learning/components/commit/d752c751395313cd6fa499c26f5ed342d6b4bbe3))
-* update to preset-small-lib to improve performance ([431da9c](https://github.com/Atom-Learning/components/commit/431da9ced8916e0ebc90dc064d200adcb1c25384))
-* WIP update packages and improve keyboard accessibility ([e0f5f9d](https://github.com/Atom-Learning/components/commit/e0f5f9dfa989e74c3ada486b16785ebb7f0d7c8e))
-
-
-### Reverts
-
-* remove showChevron option ([e9b928c](https://github.com/Atom-Learning/components/commit/e9b928c53e23431563719624cb77b244a79e73b9))
-
-# [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.1...v1.4.0) (2021-12-03)
-
-# [1.3.1](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.3.1) (2021-11-25)
-
-# [1.3.0](https://github.com/Atom-Learning/components/compare/v1.2.3...v1.3.0) (2021-11-23)
-
-# [1.2.3](https://github.com/Atom-Learning/components/compare/v1.2.2...v1.2.3) (2021-11-16)
-
-# [1.2.2](https://github.com/Atom-Learning/components/compare/v1.2.1...v1.2.2) (2021-11-12)
-
-# [1.2.1](https://github.com/Atom-Learning/components/compare/v1.2.0...v1.2.1) (2021-11-11)
-
-# [1.2.0](https://github.com/Atom-Learning/components/compare/v1.1.1...v1.2.0) (2021-11-10)
-
-
-### Bug Fixes
-
-* adding TODO on type ([e928651](https://github.com/Atom-Learning/components/commit/e928651928291f8a9b639c8fa6c348b1bafe6513))
-* few changes from PR ([e0f75a1](https://github.com/Atom-Learning/components/commit/e0f75a1788af1e23ec6efdfdd24f2788d73d33b0))
-* fixing small error on documentation ([3be573a](https://github.com/Atom-Learning/components/commit/3be573a7584cbe8470a0db0186302e3e39e8734b))
-
-
-### Features
-
-* adding accordion component ([60eac3c](https://github.com/Atom-Learning/components/commit/60eac3c47e3ce48371af624ff1ec0b6477b86823))
-
-## [1.1.1](https://github.com/Atom-Learning/components/compare/v1.1.0...v1.1.1) (2021-11-10)
-
-
-### Bug Fixes
-
-* update snapshot ([e71c8a4](https://github.com/Atom-Learning/components/commit/e71c8a4f03227a29eeefca9d2afd7b6355a3ed46))
-
-# [1.1.0](https://github.com/Atom-Learning/components/compare/v1.0.2...v1.1.0) (2021-11-05)
-
-
-### Features
-
-* update dropdown item styles ([6bf229f](https://github.com/Atom-Learning/components/commit/6bf229fbfa9cffaaa74fda5d3629636a926a3404))
-
-## [1.0.2](https://github.com/Atom-Learning/components/compare/v1.0.1...v1.0.2) (2021-11-02)
-
-
-### Bug Fixes
-
-* reinstate as type on heading and text ([1ec5ca7](https://github.com/Atom-Learning/components/commit/1ec5ca7d7ae09664bbd662cc21fee7784cf1bb3c))
-* remove redundant flex styles for block Label ([54715ff](https://github.com/Atom-Learning/components/commit/54715ffc938231b4569a3ce4813c2e25d5404988))
-* remove unnecessary overridden as & size types ([985231a](https://github.com/Atom-Learning/components/commit/985231a9259005a6b44cdfe20ba786f942dba81c))
-
-## [1.0.1](https://github.com/Atom-Learning/components/compare/v1.0.0...v1.0.1) (2021-11-02)
-
-
-### Bug Fixes
-
-* remove cursor pointer from disabled tab ([34c283f](https://github.com/Atom-Learning/components/commit/34c283f70ce73d0ca2b2886e495bcece5475097c))
-
-# 1.0.0 (2021-10-22)
-
-- Initial release 🎉
-
-# Changelog
-
-All notable changes to this project will be documented in this file.
-
-_NOTE: THIS FILE IS AUTOMATICALLY UPDATED_