chore(website): removed tilde from imports

mlaursen · Aug 13, 2021 · 6081e14 · 6081e14
1 parent c0f25f7
commit 6081e14
Show file tree

Hide file tree

Showing 14 changed files with 40 additions and 40 deletions.
diff --git a/README.md b/README.md
@@ -75,7 +75,7 @@ Next, create a `src/App.scss` file to include all the `react-md` styles and
 import the `App.scss` file in the `src/App.js`:
 
 ```scss
-@import "~react-md/dist/scss/react-md";
+@import "react-md/dist/react-md";
 
 // this will include all the styles from react-md
 @include react-md-utils;

diff --git a/packages/documentation/src/blogs/v2-release.md b/packages/documentation/src/blogs/v2-release.md
@@ -443,7 +443,7 @@ variable:
 ```scss
 $rmd-utils-enable-rtl: false;
 
-@import "~react-md/dist/react-md";
+@import "react-md/dist/react-md";
 ```
 
 ### Convenience Configuration and Context Provider Components

diff --git a/packages/documentation/src/components/ColorsAndTheming/OverridingDefaults.md b/packages/documentation/src/components/ColorsAndTheming/OverridingDefaults.md
@@ -38,7 +38,7 @@ few values.
 First, create or update `src/_rmd-variable-overrides.scss`:
 
 ```scss
-@import "~@react-md/theme/dist/color-palette";
+@import "@react-md/theme/dist/color-palette";
 
 $rmd-theme-light: false;
 // I am bad at colors and chose 2 random ones from https://flatuicolors.com/palette/defo
@@ -75,10 +75,10 @@ base styles:
 ```scss
 @import "variables";
 
-@import "~@react-md/button/dist/mixins";
-@import "~@react-md/theme/dist/mixins";
-@import "~@react-md/list/dist/mixins";
-@import "~@react-md/utils/dist/mixins";
+@import "@react-md/button/dist/mixins";
+@import "@react-md/theme/dist/mixins";
+@import "@react-md/list/dist/mixins";
+@import "@react-md/utils/dist/mixins";
 
 @include react-md-utils;
 ```

diff --git a/packages/documentation/src/components/Demos/Tooltip/DenseTooltips.md b/packages/documentation/src/components/Demos/Tooltip/DenseTooltips.md
@@ -9,8 +9,8 @@ My recommended way is using the media query approach along with the #utils
 package:
 
 ```scss
-@import "~@react-md/tooltip/dist/mixins";
-@import "~@react-md/utils/dist/mixins";
+@import "@react-md/tooltip/dist/mixins";
+@import "@react-md/utils/dist/mixins";
 
 :root {
   @rmd-utils-desktop-media {

diff --git a/packages/documentation/src/guides/advanced-installation.md b/packages/documentation/src/guides/advanced-installation.md
@@ -227,7 +227,7 @@ Next, include the font with the weights by using the
 `rmd-typography-host-google-font` mixin:
 
 ```scss
-@import "~@react-md/typography/dist/mixins";
+@import "@react-md/typography/dist/mixins";
 
 @include rmd-typography-host-google-font;
 ```
@@ -256,7 +256,7 @@ mv ~/Downloads/roboto src/fonts/roboto
 ```
 
 ```scss
-@import "~@react-md/typography/dist/mixins";
+@import "@react-md/typography/dist/mixins";
 
 @include rmd-typography-host-google-font(
   Roboto,
@@ -283,7 +283,7 @@ you'll use the `rmd-icon-host-material-icons` mixin from the #icon package
 instead.
 
 ```scss
-@import "~@react-md/icon/dist/mixins";
+@import "@react-md/icon/dist/mixins";
 
 // if material icons are in `public/fonts/material-icons`
 @include rmd-icon-host-material-icons;

diff --git a/packages/documentation/src/guides/creating-a-new-app.md b/packages/documentation/src/guides/creating-a-new-app.md
@@ -133,7 +133,7 @@ Let's fix that by adding the base styles. Create a new file `src/App.scss` that
 will import the `react-md` scss library as well as generate the default styles:
 
 ```scss
-@import "~react-md/dist/react-md";
+@import "react-md/dist/react-md";
 
 @include react-md-utils;
 ```

diff --git a/packages/documentation/src/guides/customizing-your-theme.md b/packages/documentation/src/guides/customizing-your-theme.md
@@ -24,7 +24,7 @@ to create a `_variables.scss` file that can be imported into any of your other
 `src/_variables.scss`
 
 ```scss
-@import "~@react-md/theme/dist/color-palette";
+@import "@react-md/theme/dist/color-palette";
 
 $rmd-theme-primary: $rmd-teal-500;
 $rmd-theme-secondary: $rmd-deep-orange-a-400;
@@ -34,7 +34,7 @@ $rmd-theme-secondary: $rmd-deep-orange-a-400;
 
 ```scss
 @import "./variables";
-@import "~react-md/dist/react-md";
+@import "react-md/dist/react-md";
 
 @include react-md-utils;
 ```
@@ -53,7 +53,7 @@ app.
 `src/_variables.scss`
 
 ```scss
-@import "~@react-md/theme/dist/color-palette";
+@import "@react-md/theme/dist/color-palette";
 
 $rmd-theme-light: false;
 $rmd-theme-primary: $rmd-teal-500;
@@ -64,7 +64,7 @@ $rmd-theme-secondary: $rmd-deep-orange-a-400;
 
 ```scss
 @import "./variables";
-@import "~react-md/dist/react-md";
+@import "react-md/dist/everything";
 
 @include react-md-utils;
 ```
@@ -86,7 +86,7 @@ theme in their OS? Luckily, `react-md` provides `rmd-theme-light` and
 conditionally apply the dark theme.
 
 ```scss
-@import "~react-md/dist/react-md";
+@import "react-md/dist/everything";
 
 @media (prefers-color-scheme: dark) {
   :root {

diff --git a/packages/documentation/src/guides/installation.md b/packages/documentation/src/guides/installation.md
@@ -34,7 +34,7 @@ base `react-md` styles. First, create a `src/index.scss` file and generate the
 styles:
 
 ```scss
-@import "~react-md/dist/react-md";
+@import "react-md/dist/react-md";
 
 @include react-md-utils;
 ```

diff --git a/packages/documentation/src/guides/scoped-packages.md b/packages/documentation/src/guides/scoped-packages.md
@@ -65,11 +65,11 @@ into your `.scss` file and use the `react-md-{{PACKAGE_NAME}}` mixin to generate
 the styles:
 
 ```scss
-@import "~@react-md/theme/dist/mixins";
-@import "~@react-md/typography/dist/mixins";
+@import "@react-md/theme/dist/mixins";
+@import "@react-md/typography/dist/mixins";
 
 @include react-md-theme;
-@include react-md/typography;
+@include react-md-typography;
 ```
 
 Please read the [using the Sass exports] guide for more information about these

diff --git a/packages/documentation/src/guides/working-with-v1.md b/packages/documentation/src/guides/working-with-v1.md
@@ -65,7 +65,7 @@ the styles from `react-md@v1`:
 ```scss
 $md-typography-extended: false;
 
-@import "~react-md/src/scss/react-md";
+@import "react-md/src/scss/react-md";
 
 // instead of calling `@include react-md-everything`, make sure
 // to include everything you need except for the
@@ -208,11 +208,11 @@ $rmd-theme-light-background: $md-light-theme-background-color;
 $rmd-theme-dark-background: $md-dark-theme-background-color;
 
 // import all the installed @react-md/* packages in your app:
-@import "~@react-md/icon/dist/mixins";
-@import "~@react-md/states/dist/mixins";
-@import "~@react-md/theme/dist/mixins";
-@import "~@react-md/typography/dist/mixins";
-@import "~@react-md/utils/dist/mixins";
+@import "@react-md/icon/dist/mixins";
+@import "@react-md/states/dist/mixins";
+@import "@react-md/theme/dist/mixins";
+@import "@react-md/typography/dist/mixins";
+@import "@react-md/utils/dist/mixins";
 
 // this is kind of the new `react-md-everything`. it conditionally does `@include react-md-PACKAGE`
 // for all the mixins that have been imported

diff --git a/packages/react-md/CHANGELOG.md b/packages/react-md/CHANGELOG.md
@@ -708,7 +708,7 @@ variable:
 ```scss
 $rmd-utils-enable-rtl: false;
 
-@import "~react-md/dist/react-md";
+@import "react-md/dist/react-md";
 ```
 
 #### Convenience Configuration and Context Provider Components

diff --git a/packages/react-md/README.md b/packages/react-md/README.md
@@ -130,7 +130,7 @@ Next, create a `src/App.scss` file to include all the `react-md` styles and
 import the `App.scss` file in the `src/App.js`:
 
 ```scss
-@import "~react-md/dist/scss/react-md";
+@import "react-md/dist/react-md";
 
 // this will include all the styles from react-md
 @include react-md-utils;

diff --git a/packages/theme/README.md b/packages/theme/README.md
@@ -71,12 +71,12 @@ the existing SCSS variables to update your theme.
 Example:
 
 ```scss
-@import "~@react-md/theme/dist/color-palette";
+@import "@react-md/theme/dist/color-palette";
 
 $rmd-theme-primary: $rmd-blue-500;
 $rmd-theme-secondary: $rmd-orange-a-400;
 
-@import "~@react-md/theme/dist/mixins";
+@import "@react-md/theme/dist/mixins";
 
 @include react-md-theme;
 ```
@@ -97,7 +97,7 @@ $my-awesome-company-orange: #e67e22;
 $rmd-theme-primary: $my-awesome-company-purple;
 $rmd-theme-secondary: $my-awesome-company-orange;
 
-@import "~@react-md/theme/dist/mixins";
+@import "@react-md/theme/dist/mixins";
 
 @include react-md-theme;
 ```
@@ -137,7 +137,7 @@ $rmd-theme-secondary: $my-awesome-company-orange;
 @import "my-awesome-company-branding";
 @import "my-awesome-company-react-md-overrides";
 
-@import "~@react-md/theme/dist/mixins";
+@import "@react-md/theme/dist/mixins";
 ```
 
 ```scss

diff --git a/packages/utils/README.md b/packages/utils/README.md
@@ -31,7 +31,7 @@ The main export for this package will mainly be the exposed mixins which can be
 included with the following import:
 
 ```scss
-@import "~@react-md/utils/dist/mixins";
+@import "@react-md/utils/dist/mixins";
 
 @include rmd-utils-base;
 
@@ -56,11 +56,11 @@ automatically include all the react-md styles for packages you have included in
 this file.
 
 ```scss
-@import "~@react-md/app-bar/dist/mixins";
-@import "~@react-md/avatar/dist/mixins";
-@import "~@react-md/button/dist/mixins";
-@import "~@react-md/elevation/dist/mixins";
-@import "~@react-md/utils/dist/mixins";
+@import "@react-md/app-bar/dist/mixins";
+@import "@react-md/avatar/dist/mixins";
+@import "@react-md/button/dist/mixins";
+@import "@react-md/elevation/dist/mixins";
+@import "@react-md/utils/dist/mixins";
 
 @include react-md-utils;
 ```