feat(styles/settings): delete the import of the tokens file inside th…

…e all-settings (#1249)

Resolves #775
Resolves #1109

packages/css-dev-tools/styleLintConfig.js

@@ -40,6 +40,7 @@ module.exports = {
     'alpha-value-notation': null,
     'selector-class-pattern': null,
     'selector-id-pattern': null,
+    'no-invalid-position-at-import-rule': null,
     'selector-not-notation': 'simple',
     // rules from stylelint-scss
     'scss/no-global-function-names': null,

src/docs/Components/Accordion/previews/basic.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 

src/docs/Components/Accordion/previews/checkbox.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Accordion/previews/icon.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Accordion/previews/no-padding.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Accordion/previews/open.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Accordion/previews/sizes.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Accordion/previews/stacked.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Accordion/previews/states.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Accordion/previews/toggle.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Badge/previews/badge-danger.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Badge/previews/badge-info.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Badge/previews/badge-neutral.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Badge/previews/badge-success.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Badge/previews/badge-warning.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Badge/previews/basic.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Breadcrumb/previews/dark-mode.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 @import "components/c.links";

src/docs/Components/Breadcrumb/previews/default.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Breadcrumb/previews/mobile.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Breadcrumb/previews/responsive.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Buttons/previews/basic.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Buttons/previews/button-icon-and-text.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Buttons/previews/button-icon-only.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Buttons/previews/button-icon-position.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Buttons/previews/button-icon.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Buttons/previews/button-proximity-dont.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Buttons/previews/button-sizes.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Buttons/previews/button-state.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Buttons/previews/button-styles.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Buttons/previews/button-widths-responsive.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Buttons/previews/button-widths.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Buttons/previews/intro-bordered.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Buttons/previews/intro.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Buttons/previews/suportedMarkup.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Cards/previews/card-bordered.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Cards/previews/card-button.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Cards/previews/card-link.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Cards/previews/card-ratios.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Cards/previews/default.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Cards/previews/two-cards.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/DataTable/previews/default.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/DataTable/previews/expanded.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/DataTable/previews/footer-noselect.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/DataTable/previews/footer-only.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/DataTable/previews/footer.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/DataTable/previews/header-edition.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/DataTable/previews/header-only.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/DataTable/previews/header.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/DataTable/previews/large.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/DataTable/previews/small.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/DataTable/previews/sticky.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Dividers/previews/advanced.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Dividers/previews/color-variations.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Dividers/previews/default.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Dividers/previews/divider-dark.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Dividers/previews/divider-light.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Dividers/previews/divider-lightest.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Dividers/previews/size-variations.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Flags/previews/bordered.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Flags/previews/default.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 

src/docs/Components/Flags/previews/flag-all.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Flags/previews/solid.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Form/Autocomplete/previews/default.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 @import "components/c.left-icon-input";

src/docs/Components/Form/Autocomplete/previews/disabled.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 @import "components/c.left-icon-input";

src/docs/Components/Form/Autocomplete/previews/multi.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 @import "components/c.left-icon-input";

src/docs/Components/Form/Checkbox/previews/checkbox-item.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Form/Checkbox/previews/default-states.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Form/Checkbox/previews/group-default.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Form/Checkbox/previews/group-help-light.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Form/Checkbox/previews/group-help-text.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Form/Checkbox/previews/group-indeterminate.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Form/Checkbox/previews/group-inline.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Form/Checkbox/previews/group-invalid-light.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Form/Checkbox/previews/group-invalid.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Form/Checkbox/previews/group-requirement-light.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Form/Checkbox/previews/group-requirement.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Form/Checkbox/previews/intro.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Form/Datepicker/previews/default.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 html {

src/docs/Components/Form/Dropdown/previews/default.preview.scss

@@ -1,3 +1,4 @@
+@import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
 @import "components/c.select";