@autoguru/overdrive 4.1.0 → 4.1.4

package/CHANGELOG.md

@@ -1,1255 +0,0 @@
-# @autoguru/overdrive
-
-## 4.1.0
-
-### Minor Changes
-
--   af65bd3: New responsive Image component
-
-## 4.0.4
-
-### Patch Changes
-
--   1ac5083: Adds babel preset env
-
-## 4.0.3
-
-### Patch Changes
-
--   7f65be1: TextArea: Fixed min height
-
-## 4.0.2
-
-### Patch Changes
-
--   f7bfcdb: Tabs Get a more distinct colour for unselected tab labels
-
-## 4.0.1
-
-### Patch Changes
-
--   e2cebc8: Applies type fixes
-
-## 4.0.0
-
-### Major Changes
-
--   dd12f20: Migrates Overdrive to vanilla extract
-
-## 3.0.0
-
-### Major Changes
-
--   eb36462: Overdrive: Migrates styling away from treat to vanilla extract
--   aaac596: Migrate to vanilla extract
-
-### Patch Changes
-
--   4324095: OverdriveProvider: Imports reset styles
--   4324095: OverdriveProvider: Imports global fonts
--   2623174: fixes list of files with side effects
--   03ca973: Autosuggest: Replaces deprecated fill-available with stretch
--   56edcaf: Overdrive: Gets file extentions for imports
--   2fbe7bf: OverdriveProvider: Accepts runtime breakpoint token
--   4324095: Compiles released package to JS
--   4858d44: Compiles Overdrive package into JS
--   36736c3: useMedia
--   ec17939: Adds babel react preset
--   965c7ed: Portal: Makes theme wrapping optional
--   19d14a1: Multiple theming fixes
--   aa5d74b: Portal: Removes memo
--   4324095: Reverts compiling to js
--   713b1a3: Oderdrive: Fixed type generation for released package
--   4b3b1ec: Adds inhouse babel config
--   ca4e971: Portal: Fixes unwrapped version
--   158d3bb: Accept custom runtime breakpoint tokens
-
-## 3.0.0-next.18
-
-### Patch Changes
-
--   Fixes type generation for released package
-
-## 3.0.0-next.17
-
-### Patch Changes
-
--   useMedia
-
-## 3.0.0-next.16
-
-### Patch Changes
-
--   Portal: Removes memo
-
-## 3.0.0-next.15
-
-### Patch Changes
-
--   Portal: Fixes unwrapped version
-
-## 3.0.0-next.14
-
-### Patch Changes
-
--   Portal: Makes theme wrapping optional
-
-## 3.0.0-next.13
-
-### Patch Changes
-
--   OverdriveProvider: Accepts runtime breakpoint token
-
-## 3.0.0-next.12
-
-### Patch Changes
-
--   Accept custom runtime breakpoint tokens
-
-## 3.0.0-next.11
-
-### Patch Changes
-
--   Autosuggest: Replaces deprecated fill-available with stretch
-
-## 3.0.0-next.10
-
-### Patch Changes
-
--   fixes list of files with sideeffects
-
-## 3.0.0-next.9
-
-### Patch Changes
-
--   ec17939: Adds babel react preset
-
-## 3.0.0-next.8
-
-### Patch Changes
-
--   Overdrive: Gets file extentions for imports
-
-## 3.0.0-next.7
-
-### Patch Changes
-
--   Adds inhouse babel config
-
-## 3.0.0-next.6
-
-### Patch Changes
-
--   OverdriveProvider: Imports global fonts
-
-## 3.0.0-next.5
-
-### Patch Changes
-
--   OverdriveProvider: Imports reset styles
-
-## 3.0.0-next.4
-
-### Patch Changes
-
--   Compiles released package to JS
-
-## 3.0.0-next.3
-
-### Patch Changes
-
--   Reverts compiling to js
-
-## 3.0.0-next.2
-
-### Patch Changes
-
--   Compiles Overdrive package into JS
-
-## 3.0.0-next.1
-
-### Patch Changes
-
--   Multiple theming fixes
-
-## 3.0.0-next.0
-
-### Major Changes
-
--   eb36462: Overdrive: Migrates styling away from treat to vanilla extract
--   aaac596: Migrate to vanilla extract
-
-## 3.0.0-next.1
-
-### Major Changes
-
--   Migrate to vanilla extract
-
-## 3.0.0-next.0
-
-### Major Changes
-
--   Overdrive: Migrates styling away from treat to vanilla extract
-
-## 2.7.0
-
-### Minor Changes
-
--   f982d1c: Upgraded to react v18 alpha
--   0fa7afd: Overdsrive: Gets compiled into javascripts and typescript types
--   7033333: Hooks: New useAttachedBoxes helper hook
--   f15d951: Hooks: New useResponsiveValue value hook
-
-### Patch Changes
-
--   b7e6aae: Adds relese script
--   25dda76: Attached Boxes: Accept default box props
--   85e9ceb: StandardModal: Hides it's frame overflow
--   d08c689: Badge: Gets new large size
--   96a8299: NumberInput: Gets new preventMouseWheel prop to prevent value
-    change while scrolling
--   fd3cea4: AttachedBoxes: Do not get default paddings
--   7f2122b: Adds more utils root export
--   b7e6aae: Overdrive: Gets files list added to package.json
--   b7e6aae: Fixes main file
--   006435e: StandardModal: Gets narrow and skinny sizes
--   d89cd04: LoadingBox Accepts default Box props
--   b7e6aae: Overdrive index main index files fixed
--   ded7b5d: Inputs: Get their hover states going to a darker shade
--   8b1f6df: useResponsiveValue: Gets exported from libs root
--   fd3cea4: AttachedBoxes: Accept external classnames
--   ff9a789: Sets index.ts as main entry file
--   ba85147: Overdrive: Multiple export changes
--   5c1b018: Publish command: Nolonger compiles to JS
-
-## 2.7.0-next.18
-
-### Patch Changes
-
--   Overdrive: Multiple export changes
-
-## 2.7.0-next.17
-
-### Patch Changes
-
--   Badge: Gets new large size
-
-## 2.7.0-next.16
-
-### Patch Changes
-
--   Publish command: Nolonger compiles to JS
-
-## 2.7.0-next.15
-
-### Patch Changes
-
--   Adds more utils root export
-
-## 2.7.0-next.14
-
-### Patch Changes
-
--   Sets index.ts as main entry file
-
-## 2.7.0-next.13
-
-### Patch Changes
-
--   Fixes main file
-
-## 2.7.0-next.12
-
-### Patch Changes
-
--   Overdrive index main index files fixed
-
-## 2.7.0-next.11
-
-### Patch Changes
-
--   Overdrive: Gets files list added to package.json
-
-## 2.7.0-next.10
-
-### Patch Changes
-
--   Adds relese script
-
-## 2.7.0-next.9
-
-### Minor Changes
-
--   Overdsrive: Gets compiled into javascripts and typescript types
-
-## 2.7.0-next.8
-
-### Patch Changes
-
--   NumberInput: Gets new preventMouseWheel prop to prevent value change while
-    scrolling
-
-## 2.7.0-next.7
-
-### Patch Changes
-
--   StandardModal: Hides it's frame overflow
-
-## 2.7.0-next.6
-
-### Patch Changes
-
--   StandardModal: Gets narrow and skinny sizes
-
-## 2.7.0-next.5
-
-### Patch Changes
-
--   LoadingBox Accepts default Box props
-
-## 2.7.0-next.4
-
-### Patch Changes
-
--   AttachedBoxes: Do not get default paddings
--   AttachedBoxes: Accept external classnames
-
-## 2.7.0-next.3
-
-### Patch Changes
-
--   Attached Boxes: Accept default box props
--   8b1f6df: useResponsiveValue: Gets exported from libs root
-
-## 2.7.0-next.2
-
-### Minor Changes
-
--   7033333: Hooks: New useAttachedBoxes helper hook
--   f15d951: Hooks: New useResponsiveValue value hook
-
-## 2.7.0-next.1
-
-### Patch Changes
-
--   ded7b5d: Inputs: Get their hover states going to a darker shade
-
-## 2.7.0-next.0
-
-### Minor Changes
-
--   Upgraded to react v18 alpha
-
-## 2.6.3
-
-### Patch Changes
-
--   f6e8135: AutoSuggest: Gets increased results fylout maxHeight value
-
-## 2.6.2
-
-### Patch Changes
-
--   23780cc: Autosuggest: Gets a fix for white background under round edges
-
-## 2.6.1
-
-### Patch Changes
-
--   d2ba68a: AutoSuggest: Gets white background for results ul element
-
-## 2.6.0
-
-### Minor Changes
-
--   b625d7c: AutoSuggest: Gets a clear input button when with value
--   b625d7c: AutoSuggest: Gets enforced inline options view
-
-## 2.5.1
-
-### Patch Changes
-
--   7072055: Toaster: gets primary, secondary and shine variants
-
-## 2.5.0
-
-### Minor Changes
-
--   9411d17: MinimalModal: New MinimalModal component with StandardModal
-    features but without any baked in UI
-
-## 2.4.4
-
-### Patch Changes
-
--   97f8b2d: Button: Uses theme secondary colour for secondary variation border
-
-## 2.4.3
-
-### Patch Changes
-
--   a3908d9: AutoSuggest: Gets fix for fullscreen veiw resizing html tag width
-    to 0
-
-## 2.4.2
-
-### Patch Changes
-
--   e7fe560: Inputs: Get stories with no notch
-
-## 2.4.1
-
-### Patch Changes
-
--   dd39f3a: Overdrive Themes: Gets a new flat theme added
-
-## 2.4.0
-
-### Minor Changes
-
--   4c96195: Theming: All explicitly set component colours now use theme based
-    colours
-
-## 2.3.1
-
-### Patch Changes
-
--   a631d85: SelectInput: Gets option to be passed a custom field icon
-
-    AutoSuggest: Gets option to be passed a custom field icon
-
-## 2.3.0
-
-### Minor Changes
-
--   f4eb420: Input fields: Get a loading state
-
-## 2.2.8
-
-### Patch Changes
-
--   75d6708: Checkbox: Accepts ref
-
-    RadioGroup: Accepts ref
-
-    Radio: Accepts ref
-
-## 2.2.7
-
-### Patch Changes
-
--   e004bff: Text: Gets capitalise text transform prop
-
-## 2.2.6
-
-### Patch Changes
-
--   b328760: Box: Gets padding reset for field and fieldset elements
-
-    AutoSuggest: Gets fix for exception when clicking outside an open
-    AutoSuggest
-
-## 2.2.5
-
-### Patch Changes
-
--   075e32e: useBoxStyles: Borders paddings and margins are no longer rest on
-    block elements
--   075e32e: Heading: Gets explicit reset styles
--   6068142: AutoSuggest: Fixed undefined error caused by blurring out of
-    AutoSuggest
-
-## 2.2.4
-
-### Patch Changes
-
--   ee67f76: TextLink: Gets inline reset styles
-
-    ProgressSpinner: Gets svg and block resets for the animates SVG
-
-## 2.2.3
-
-### Patch Changes
-
--   340da9a: Text: Gets explicit reset styles for span and p
-
-    field: Gets explicit reset styles
-
-    fieldset: Gets explicit reset styles
-
-## 2.2.2
-
-### Patch Changes
-
--   a3274cb: useBoxStyles: Applies base reset styles to div elements
--   a3274cb: TextAreaInput: Gets base input reset styles
-
-## 2.2.1
-
-### Patch Changes
-
--   0e10140: useBoxStyles: Base reset styles now spread individually into
-    element type reset styles
-
-## 2.2.0
-
-### Minor Changes
-
--   667876a: **Checkboxes**: Disabled mode gets reduced opacity
-
-    **Radio**: Disabled mode gets reduced opacity
-
-## 2.1.9
-
-### Patch Changes
-
--   252f512: Upgrades treat to latest
--   ca5cb40: **Heading**: Heading component _should_ pass all text style props
-    down
-
-## 2.1.8
-
-### Patch Changes
-
--   d9b96c6: **StandardModal**: Fixes mobile view to be pinned to the bottom and
-    table view is all rounded corners
--   99bc4f9: **Stepper**: Fixes extra re-render on each change
-
-## 2.1.7
-
-### Patch Changes
-
--   977a99f: **Section**: Introduces a new small option for width values
-
-## 2.1.6
-
-### Patch Changes
-
--   463422c: **Badge**: Fixes default text style colour incorrect style ordering
-    ordering
-
-## 2.1.5
-
-### Patch Changes
-
--   42057f4: **Badge**: Fixes inverted text style colours and incorrect ordering
-    caused by [treat](https://github.com/seek-oss/treat)
-
-## 2.1.4
-
-### Patch Changes
-
--   a54636d: **AutoSuggest**: Fix's it so if Suggestions is ever undefined or
-    empty, that the nextFn doesnt fail
--   dec98ef: **StandardModal**: The main region to be wrapped in a flex to allow
-    stretching children
-
-## 2.1.3
-
-### Patch Changes
-
--   c81a433: **SelectInput**: Fixes wrong prop type needed
-
-## 2.1.2
-
-### Patch Changes
-
--   1d4b39e: **SelectInput**: Increases target click area to cover the full
-    width of component.
-
-## 2.1.1
-
-### Minor Changes
-
--   052a024: Corrected types to be more type safe and accurate.
-
-    Notably `<Box>`. Seeing as we `createElement`, we fixed types to only allow
-    `IntrinsicElements | JSXElementConstructor`. As such, any `"button"` or
-    `TextLink` prop values will work. However, `<TextLink />` will not.
-
-## 2.0.27
-
-### Patch Changes
-
--   648ec6a: **Inputs:** Introduces `reserveHintSpace` prop—to _reserve_ the
-    space that would otherwise be occupied by the hint text.
-
-    Super useful in stacked forms with validation, so that page layout shifts
-    don't occur.
-
-## 2.0.26
-
-### Patch Changes
-
--   dd3da7e: **Modal:** Introduces a focus-trap as well as correct some
-    Concurrent Mode flickering.
--   dd3da7e: **Box:** Adds `opacity` prop
-
-## 2.0.25
-
-### Patch Changes
-
--   4ce4fc6: **NumberInput:** Adds support for the html `step` attribute.
-
-## 2.0.24
-
-### Patch Changes
-
--   8914008: **Box:** Adds `inlineFlex` as a display prop
--   5bbe87a: **Tabs:** Adds new renderInactivePanes prop to render tabs that are
-    inactive.
-
-    By default, TabPanes themselves only render when they are active. Sometimes
-    in certain cases you'd want to preserve the local state within those tabs as
-    a user switches between tabs. Setting `renderInactivePanes` on TabPanes will
-    be rendered but visually hidden.
-
-    **Example:**
-
-    ```jsx
-    <Tabs active={0}>> > > > > > > } t > ></Tabs>
-    ```
-
--   7131a5f: **Tabs:** Fixes a visual quirk when indications are mixed with
-    non-indicators
-
-## 2.0.23
-
-### Patch Changes
-
--   c585765: **Heading:** Adds an `id` prop which is applied directly to the
-    underlying element
-
-## 2.0.22
-
-### Patch Changes
-
--   5c913cc: Box: Allow non-intrinsics as Box `is` prop as well. With this
-    change you can send things in like `svg`'s, or other components themselves.
--   e11909f: Text: Adds a `text-transform` prop to allow uppercasing text
-
-## 2.0.21
-
-### Patch Changes
-
--   47335f6: Meta: FIxed issue where the icon and label would wrap
--   230367f: SimplePagination: Should be centered in it's parent. Seeing as it's
-    parent spans 100% width, this centering is now explicit.
-
-## 2.0.20
-
-### Patch Changes
-
--   bf51bbe: Fix: Added missing re-exports from our "to-monorepo" migration
-
-## 2.0.19
-
-### Patch Changes
-
--   c13df61: StandardModal: Fixes the issue where a mouseup on the backdrop
-    triggered the requestClose callback. Despite the click originating on the
-    modal itself. So now the callback will not fire.
-
-## 2.0.18
-
-### Patch Changes
-
--   63d81e5: Major refactor of how `treat` files get used in our project.
-    Instead of a redefinition of _shared_ styles such as margin/padding. We now
-    instead prefer the usage of `useBoxStyles` or the `Box` component.
-
-    There _should_ be no real regression in terms of usage api.
-
--   63d81e5: Box: pointerEvents value can now be passed to `Box` and
-    `useBoxStyles` as 'none' or undefined.
--   63d81e5: BulletText: Now accepts an `is` prop, such that it's element can be
-    changed. This is really because 9/10 times you'd be rendering this in a
-    `Stack`, which already handles the `ul/li` couple.
-
-    **FEATURES**
-
-    ```jsx
-    <Stack is="ul">> ></Stack>
-    ```
-
-    which already wraps each child in an `li`.
-
-## 2.0.17
-
-### Patch Changes
-
--   fbee5c0: AutoSuggest: Now has a full width wrapping box
-
-## 2.0.16
-
-### Patch Changes
-
--   6d9e5b5: Reset: Table reset is no longer global. So use `<Box is="table" />`
-
-    ```diff
-    -<table>
-    +<Box is="table">
-    ```
-
--   6d9e5b5: Inline: Supports alignX to position items on the x axis aka;
-    `justifyContent`.
--   6d9e5b5: Reset: Globally set overflowX to hidden
--   c90d645: Stepper: When pressing Home/End it should no longer jump to the end
-    of the page.
--   6d9e5b5: Table: Introduces Tables
-
-    Implemented as a css-grid, so column widths are to be defined in
-    gridTemplateColumns. All components in this scope accept a ref property.
-
-    Please note! In order to remain structurally WAI-ARIA compliant; the
-    `TableRowGroup` must be placed around the _traditional_ `tbody` and `thead`.
-
-    **FEATURES**
-
-    ### Example
-
-    ```jsx
-    <Table columnTemplate="repeat(2, auto)">></Table>
-    ```
-
-    ### Sticky Header
-
-    ```diff
-    -<Table columnTemplate="repeat(2, auto)">
-    +<Table stickyHead columnTemplate="repeat(2, auto)">
-    >
-    >
-    >
-    ```
-
-    ### Sorting Columns
-
-    ```diff
-    <Table columnTemplate="repeat(2, auto)">
-    >
-    >
-    -            <TableHeadCell>Col 1</TableHeadCell>
-    +            <TableHeadCell sort="asc" onSortChange={}>Col 1</TableHeadCell>
-    ```
-
-    A column can only have _sort_ functionality when the `sort` prop is set to
-    either `asc | desc | none`. An `onSortChange` callback when applied to the
-    cell that allows observing this. This callback will send the _new_ sort to
-    have applied to it. This is a stateless component, so make sure you wire the
-    value back into `sort`.
-
-    ### Row Clicking
-
-    ```diff
-    <Table columnTemplate="repeat(2, auto)">
-    >
-    -        <TableRow>
-    +        <TableRow onClick={}>
-    >
-    ```
-
-    Please note; that if you're also tracking clicks of cell buttons, to check
-    the currentTarget of whether to apply the callback.
-
-## 2.0.15
-
-### Patch Changes
-
--   5353a1a: Box: Added textAlign as a prop
-
-    Worth noting that we want to deprecate the use of `align` in our
-    `useTextStyles`. As it's now shifted to our box. The `align` prop will still
-    remain on the `Text` component.
-
-    **FEATURES**
-
-    ```jsx
-    <Box textAlign="center" />
-    ```
-
--   715b035: Box: Added userSelect prop to disable selecting its content
--   987a68b: VisuallyHidden: Added brand-new component to visually hide content
-
-    **FEATURES**
-
-    ```jsx
-    <VisuallyHidden>hello screen reader</VisuallyHidden>
-    <Text>
-    o
-    >
-    </Text>
-    ```
-
--   e2f4a5b: Text: Allow setting a display override
-
-    **FEATURES**
-
-    ```jsx
-    <Text is="span" display="inlineBlock">
-    	k
-    </Text>
-    ```
-
--   175cb09: Icon: Child svg's are cloned and positioned to the size of the
-    parent
-
-## 2.0.14
-
-### Patch Changes
-
--   5428b9e: LoadingBox: Exposes height and display box props
-
-    **FEATURES**
-
-    ```jsx
-    <LoadingBox height="full" display="inlineBlock" />
-    ```
-
--   e3e5aa9: Box: Display prop inline-block renamed to inlineBlock to be more
-    consistent
--   a6530d5: Box: Supports sending in a height prop
-
-## 2.0.13
-
-### Patch Changes
-
--   df453b2: Badge: Applies a whiteSpace nowrap to badges, and now truncates
--   292692f: Section: Typing update such that width prop is actually optional
--   52c424f: Inline: Now wrap properly, and support a prop to enable/disable it.
--   e0a4291: Box: Introduces flex style props to `Box` and `useBoxStyles`
-
-    **FEATURES**
-
-    You can now send in `alignItems`,`flexDirection`, `flexGrow`, `flexShrink`,
-    `flexWrap`, `justifyContent` to Box and useBoxStyles for whatever you like.
-
-    We have specifically chosen `alignItems`, `flexDirection`, `justifyContent`
-    as Responsive candidates as we've found the others won't have a responsive
-    use case.
-
-    ```jsx
-    <Box display="flex" width="full" justifyContent="center">
-    	>
-    </Box>
-    ```
-
-## 2.0.12
-
-### Patch Changes
-
--   62c7111: Stack: A Renamed prop from spacing to space
-
-    eg:
-
-    ```diff
-    <Stack is="ul"
-    -    spacing="3">
-    +    space="3">
-    >
-    >
-    >
-    </Stack>
-    ```
-
--   822863d: Inline: Supports inline dividers between elements.
-
-    Supports, text, numbers or elements.
-
-    **FEATURES**
-
-    ```jsx
-    <Inline dividers>> > > ></Inline>
-    ```
-
--   a0fce92: Text: Exposes a new white-space nowrap prop
-
-    This is an **experimental** prop, we know of one use-case where this can be
-    used, but will likely also appear on the Box.
-
-    So do let us know if you're using this, and it hasnt worked in your
-    use-case.
-
-    **FEATURES**
-
-    You can now pass a `noWrap` prop to any `<Text />` which applies a
-    `white-space: nowrap` to itself.
-
-    ```jsx
-    <Text noWrap>I wont wrap</Text>
-    ```
-
-## 2.0.11
-
-### Patch Changes
-
--   358fb4b: Tabs: Incorrectly importing treat files inside treat
-
-## 2.0.10
-
-### Patch Changes
-
--   0b6c621: Tabs: Adds `scrollable`, which scrolls the tabs horizontally on
-    smaller devices.
-
-    **FEATURES**
-
-    ```jsx
-    <Tabs>> > > > > ></Tabs>
-    ```
-
--   729dfdd: Input: Notchless inputs will no longer break when part of a flex
-    container
-
-## 2.0.9
-
-### Patch Changes
-
--   0b59110: Flatten fragments when provided as children
-
-    Will now support fragments and otherwise boolean children that previously
-    would not have worked:
-
-    ```jsx
-    <Stack>> ( > > > > > } ></Stack>
-    ```
-
-    > which would have the past not had lines 1-3 spaced evenly.
-
-    this was also true for: `Actions`, `Inline`, `TabList`, `TabPanes` and
-    `Stack`. Which have been rectified.
-
-## 2.0.8
-
-### Patch Changes
-
--   55ee559: Positioner: Removes usingPositioner
-
-    **FEATURES**
-
-    Removes the usingPositioner HoC in favour of a plain-old component that'll
-    gives us the ability to send _all_ our Box props onto it. It also aids in
-    corrected aria-\* props.
-
-## 2.0.7
-
-### Patch Changes
-
--   b9a2c45: InputBase: Allow for notchless inputs
-
-    **FEATURES**
-
-    Sometimes the notch behavior won't work because of its context - much like
-    an input that sits within a table, where the column already denotes what
-    should be entered into the input.
-
-    > Please be aware that this should be avoided, as in most cases we should
-    > notch, so a user knows what's in the input especially when its defaulted.
-
--   7736914: Box: Adds an overflow prop and allows className to be clsx
-    compatible
-
-    **FEATURES**
-
-    `ClassName` can now be sent in directly to Box instead of through clsx.
-
-    eg.
-
-    ```diff
-    - <Box className={clsx(styles.one, styles.two)}>
-    + <Box className={[styles.one, styles.two]}>
-    o
-    </Box>
-
-    - <Box className={clsx({[styles.one]: maybeDoMe}, styles.two)}>
-    + <Box className={[{[styles.one]: maybeDoMe}, styles.two]}>
-    o
-    </Box>
-    ```
-
--   17d2354: Stack: Expose the Box width on Stack
--   475601c: Tabs: Now always fills the width of its parent
-
-## 2.0.6
-
-### Patch Changes
-
--   d1c6b09: responsiveProps: Fix argument where void is not the same as
-    undefined
-
-## 2.0.5
-
-### Patch Changes
-
--   4df7e83: AutoSuggest: Introduce a autoWidth prop that either will size the
-    flyout to either the width of the children, or the input.
-
-    **FEATURES**
-
-    `<AutoSuggest>` can now be given a `autoWidth` prop that will auto the width
-    in relation to setting the width, or for it to be automatic.
-
-        	- `autoWidth={true}` means, size the flyout to the width of flyout children "automatically"
-        	- `autoWidth={false}` means to set to the width of the select input.
-
-    eg:
-
-    ```jsx
-
-    // size to the width of the flyout children
-    <AutoSuggest
-    "
-    }
-    h
-    />
-
-    // size to the width of the input (current behaviour)
-    <AutoSuggest
-    "
-    }
-    />
-
-    ```
-
--   378e5da: AutoSuggest: Input search types to remove the webkit clear button
-
-    **FEATURES**
-
-    When we reset input type searches, we incorrectly "hid" the webkit search
-    buttons, this aims to correct that.
-
--   eb3cf9d: AutoSuggest: Support the usage of passing a ref down to the
-    implemented input
-
-    **FEATURES**
-
-    `<AutoSuggest>` can now be given a ref which will be passed down to the
-    underlying input.
-
-    eg:
-
-    ```tsx
-    const myRef = useRef<HTMLInputElement | null>(null);
-
-    <AutoSuggest ref={myRef} value={null} placeholder={'My AutoSuggest'} />;
-    ```
-
--   bab9cd2: InputBase: Always full width the input wrapper
-
-## 2.0.4
-
-### Patch Changes
-
--   801c254: Positioner: Uses Popper.js to run the flyouts.
-
-    **FEATURES**
-
-    **`<Positioner />`** uses Popper.js, as it offers a wide array of
-    performance improvements and caters for some edge-cases, like when the'yre
-    nested etc.
-
-    Few stats: we use popper-lite which is rated at 3.73Kb minified and
-    compressed. Now getOptimalPosition was about 1.3Kb minified and compressed.
-    However, it had a few holes, and when I looked at what it'll take to
-    implement the features to solve the holes - we'd probably still beat the
-    file size, but not by much...
-
-    So with that once internal bandwidth increase this'll likely be revisited -
-    and perhaps utilize `detectOverflow` as a roll-your-own solution.
-
--   0964a1d: useNegativeMargin: Correctly fill columns to their parents width
-
-    **BUG FIXES** Columns were not completely filling its parent due to negative
-    margins
-
-## 2.0.3
-
-### Patch Changes
-
--   15f486c: Modals: Now uses a shared `<Portal />` component.
-
-    **FEATURES**
-
-    **`<Portal />`** component allowing for shared Portaling of components to
-    inside a container.
-
-    Responsibility: Rendering a child into a container, which by default is
-    `window.body`.
-
-    eg:
-
-    ```jsx
-    // Input
-    <div>
-    g
-    >
-    >
-    >
-    </div>
-
-    // Result
-    <body>
-    >
-    >
-    </body>
-    ```
-
-    **`<Modal />`** is in charge of handling a backdrop - which also directly
-    uses the new `<Portal>` component.
-
-    Responsibility: Renders a child into a Portal, with a backdrop and correct
-    aria attributes applied.
-
-    You can give this component `hideBackdrop?: boolean` prop to disable the
-    backdrop. Also; if you wish to remove the fadeIn/fadeOut animation, a
-    `transition?: boolean` can also be provided.
-
-        	- Removes `<ModalPortal />` in favor of `<Modal />`
-        	- Deprecated `withModal`, which could simply just use the Modal component
-
-    Worth noting that a `role="presentation"` is applied to the `Modal`, so
-    consumers should be applying a `role="none presentation"` to their direct
-    parent, if you wish content to be read out.
-
-    eg:
-
-    ```jsx
-    <Modal isOpen={true} onRequestClose={function() {}}>
-    	>
-    </Modal>
-    ```
-
-## 2.0.2
-
-### Patch Changes
-
--   6c3ae76: Tabs: Support stretching tablist items to the width of the
-    container
-
-    **FEATURES**
-
-    **`<TabList />`**
-
-    In small contexts, like sidebars, or mobile viewports with minimal tablist
-    items. It makes sense to stretch items to meet the width of the container.
-
-    eg:
-
-    ```
-    <Tabs>
-    >
-    >
-    >
-    >
-    </Tabs>
-    ```
-
--   302405b: Alert: Inline is now full width
-
-    **Features**
-
-    `<Alert />`
-
-    When passing the `inline` prop, in the past it was maxWidth 640px - which in
-    inline contexts, you'd want to span the entire width of its container.
-
--   3bcf649: Adds the Inline and Section layout components
-
-    **Features**
-
-    Breakpoints have been amended to follow (mobile first):
-
-        	- `tablet` is iPad Mini width less 25%, so any device greater than 768px
-        	- `desktop` we are considering as iPad Pro width less 25%, so any device larger than 1024px
-        	- `largeDesktop` is taken as a 1920x1080 less 25%, so any device larger than 1440px
-
-    all at landscape.
-
-    **`<Inline />`**
-
-    When you're wanting to `inline` something. Like a badge list; you can use
-    use the `<Inline />` component to solve this.
-
-    eg:
-
-    ```jsx
-    <Inline>> > ></Inline>
-    ```
-
-    **`<Section />`**
-
-    A component that wraps its children, setting a `max-width` and centering on
-    the screen. This will generally sit high up in the component tree. It offers
-    2 widths `medium` and `large`. The medium width is intended for smaller more
-    concise layouts - like our Afterpay landing, or Uber landing. Were as the
-    `large` will probably be more for our Leads or Bookings list screens.
-
-    When coupled with `Columns` we effectively have a full fletched layout
-    system, that can 🤷‍ replace our `ContainedLayout` and `ContentOnlyLayout`
-    internal components.
-
-    To solve the `ThreeColumnLayout` and `TwoColumnLayout` we can build internal
-    abstractions that extend this perhaps.
-
-    eg:
-
-    ```jsx
-    <Section width="medium" paddingX={['3', , 'none']}>
-    	>
-    </Section>
-    ```
-
--   f9dac97: Inline: Supporting alignY responsive prop StarRating: Consumes
-    `<Inline />`
-
-    **FEATURES**
-
-    **`<Inline />`**
-
-    Now supports an alignY responsive prop to vertically center its items to
-    either `top | center | bottom`, eg: `<Inline alignY="center">`
-
-    **`<StarRating />`**
-
-    Uses the `<Inline />` component instead of columns, so should use less DOM
-
-## 2.0.1
-
-### Patch Changes
-
--   c66b727: Anchors are now cursor pointer by default
-
-    Seeing as we use `<TextLink />` or `<Box is="a" href="" />` in a few places,
-    it only makes sense to use `a { cursor: pointer }`.
-
--   57b8cf3: Actions now filters out undefined or null children
-
-    **`<Actions />`**
-
-    Removed the className prop, this will slowly start happening across the
-    stack.
-
-    ```diff
-    -<Actions className="test">
-    +<Actions>
-    .
-    </Actions>
-    ```
-
-## 2.0.0
-
-### Major Changes
-
--   8881bdd: Styles are now `treat` driven.
-
-    **A few changes**
-
-        	- `OverdriveProvider` must now be provider
-        	- `ToastProvider` must also be provided when using a `useToast`
-        	- `@autoguru/overdrive/reset` must be given first.
-
-    ... and a whole series of other things. Please consult to the PR (#273) to
-    get a better idea of what's changed.
-
-### Patch Changes
-
--   230a3cd: Forces explicit text colours to Button hover and active states