chore: Fix links to Reactist components in storybook stories (#794)

Author: engfragui

CHANGELOG.md

@@ -2,6 +2,10 @@
 
 Reactist follows [semantic versioning](https://semver.org/) and doesn't introduce breaking changes (API-wise) in minor or patch releases. However, the appearance of a component might change in a minor or patch release so keep an eye on redesigns and make sure your app still looks and feels like you expect it.
 
+# v21.2.1
+
+-   [Docs] Fix links to Reactist components in storybook stories.
+
 # v21.2.0
 
 -   [Feat] `Textfield`, `PasswordField`, `SelectField`, and `TextArea` will now use two new CSS variables to define their border colors: `--reactist-inputs-focus`, `--reactist-inputs-idle`. If they were previously set using `--reactist-divider-primary` and `--reactist-divider-secondary`, they will continue to work as well.

package-lock.json

@@ -6,7 +6,7 @@
         "email": "henning@doist.com",
         "url": "http://doist.com"
     },
-    "version": "21.2.0",
+    "version": "21.2.1",
     "license": "MIT",
     "homepage": "https://github.com/Doist/reactist#readme",
     "repository": {

package.json

@@ -19,7 +19,8 @@ export const DropdownStory = () => (
         <Stack as="section" exceptionallySetClassName="story" space="large">
             <Alert tone="critical">
                 <strong>Deprecated:</strong> While not a 1:1 replacement, consider using{' '}
-                <a href="/?path=/docs/components-menu">Menu</a> as an alternative
+                <a href={`${window.location.origin}?path=/docs/components-menu`}>Menu</a> as an
+                alternative
             </Alert>
 
             <Dropdown.Box>

stories/components/Dropdown.stories.tsx

@@ -21,7 +21,10 @@ export const InputStory = () => (
         <div className="story-info">
             <Alert tone="critical">
                 <strong>Deprecated:</strong> Please use{' '}
-                <a href="/?path=/docs/design-system-textfield">TextField</a> instead
+                <a href={`${window.location.origin}?path=/docs/design-system-textfield`}>
+                    TextField
+                </a>{' '}
+                instead
             </Alert>
             <p>
                 This component is a dumb wrapper around the

stories/components/Input.stories.tsx

@@ -32,7 +32,10 @@ export function SelectStory() {
         <Stack as="section" exceptionallySetClassName="story" space="large">
             <Alert tone="critical">
                 <strong>Deprecated:</strong> Please use{' '}
-                <a href="/?path=/docs/design-system-selectfield">SelectField</a> instead
+                <a href={`${window.location.origin}?path=/docs/design-system-selectfield`}>
+                    SelectField
+                </a>{' '}
+                instead
             </Alert>
 
             <Select value={value} options={options} onChange={setValue} />