@microsoft/atlas-css 5.0.0-test.2 → 5.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@microsoft/atlas-css",
-	"version": "5.0.0-test.2",
+	"version": "5.0.0",
 	"description": "Styles backing the Atlas Design System used by Microsoft's Developer Relations.",
 	"scripts": {
 		"test": "echo \"Error: no test specified\" && exit 1",
@@ -76,7 +76,7 @@
 	"author": "Microsoft Corporation",
 	"license": "MIT",
 	"devDependencies": {
-		"@microsoft/stylelint-config-atlas": "4.1.0",
+		"@microsoft/stylelint-config-atlas": "5.0.0",
 		"@parcel/transformer-sass": "2.16.3",
 		"css-tree": "^2.3.1",
 		"eslint-plugin-security": "^1.7.1",

package/src/atomics/aspect-ratio.scss

@@ -1,6 +1,3 @@
-@use '../tokens/index.scss' as tokens;
-@use '../mixins/index.scss' as mixins;
-
 $aspect-ratios: (
 	'1-1': '1 / 1',
 	'2-1': '2 / 1',

package/src/atomics/background.scss

@@ -1,6 +1,3 @@
-@use '../tokens/index.scss' as tokens;
-@use '../mixins/index.scss' as mixins;
-
 $background-sizes: 100, 200 !default;
 
 @each $size in $background-sizes {

package/src/atomics/flex.scss

@@ -1,5 +1,4 @@
 @use 'sass:map';
-@use '../tokens/index.scss' as tokens;
 @use '../mixins/index.scss' as mixins;
 
 $flex-atomics: (

package/src/atomics/height.scss

@@ -1,6 +1,3 @@
-@use '../tokens/index.scss' as tokens;
-@use '../mixins/index.scss' as mixins;
-
 .height-full {
 	height: 100% !important;
 }

package/src/atomics/image.scss

@@ -1,6 +1,3 @@
-@use '../tokens/index.scss' as tokens;
-@use '../mixins/index.scss' as mixins;
-
 .object-fit-contain {
 	object-fit: contain !important;
 }

package/src/atomics/line-clamp.scss

@@ -1,4 +1,3 @@
-@use '../tokens/index.scss' as tokens;
 @use '../mixins/index.scss' as mixins;
 
 .line-clamp-1 {

package/src/atomics/list.scss

@@ -1,6 +1,3 @@
-@use '../tokens/index.scss' as tokens;
-@use '../mixins/index.scss' as mixins;
-
 .list-style-none {
 	list-style: none !important;
 

package/src/atomics/overflow.scss

@@ -1,4 +1,3 @@
-@use '../tokens/index.scss' as tokens;
 @use '../mixins/index.scss' as mixins;
 
 .overflow-hidden {

package/src/atomics/shadow.scss

@@ -1,5 +1,4 @@
 @use '../tokens/index.scss' as tokens;
-@use '../mixins/index.scss' as mixins;
 
 .box-shadow-none {
 	box-shadow: none !important;

package/src/atomics/spacing-auto.scss

@@ -1,4 +1,3 @@
-@use '../tokens/index.scss' as tokens;
 @use '../mixins/index.scss' as mixins;
 
 $auto-spacing-properties: (

package/src/atomics/visually-hidden.scss

@@ -1,4 +1,3 @@
-@use '../tokens/index.scss' as tokens;
 @use '../mixins/index.scss' as mixins;
 
 .visually-hidden,

package/src/atomics/width.scss

@@ -1,5 +1,4 @@
 @use 'sass:list';
-@use '../tokens/index.scss' as tokens;
 @use '../mixins/index.scss' as mixins;
 
 $universal-widths: auto, fit-content, 100, 150, 200, 250, 300, 350 !default;

package/src/components/badge.scss

@@ -1,5 +1,4 @@
 @use '../tokens/index.scss' as tokens;
-@use '../mixins/index.scss' as mixins;
 
 $badge-icon-padding-block: 0.5em !default;
 $badge-padding-block: 0.25em !default;

package/src/components/breadcrumbs.scss

@@ -1,5 +1,4 @@
 @use '../tokens/index.scss' as tokens;
-@use '../mixins/index.scss' as mixins;
 
 $breadcrumb-font-size: tokens.$font-size-8 !default;
 $breadcrumb-spacing-horizontal: 0.25em !default;

package/src/components/button-reset.scss

@@ -1,4 +1,3 @@
-@use '../tokens/index.scss' as tokens;
 @use '../mixins/index.scss' as mixins;
 
 .button-reset {

package/src/components/button.scss

@@ -1,4 +1,3 @@
-@use 'sass:map';
 @use '../tokens/index.scss' as tokens;
 @use '../mixins/index.scss' as mixins;
 

package/src/components/form/help.scss

@@ -1,5 +1,4 @@
 @use '../../tokens/index.scss' as tokens;
-@use '../../mixins/index.scss' as mixins;
 
 $help-color: tokens.$text !default;
 $help-danger-color: tokens.$danger !default;

package/src/components/form/label.scss

@@ -1,5 +1,4 @@
 @use '../../tokens/index.scss' as tokens;
-@use '../../mixins/index.scss' as mixins;
 
 $label-color: tokens.$text !default;
 $label-font-size: tokens.$font-size-7 !default;

package/src/components/gradient-card.scss

@@ -1,5 +1,4 @@
 @use '../tokens/index.scss' as tokens;
-@use '../mixins/index.scss' as mixins;
 
 $gradient-card-padding: tokens.$layout-2 !default;
 $gradient-card-border-radius: tokens.$border-radius-lg !default; //6px

package/src/components/icon.scss

@@ -1,6 +1,3 @@
-@use '../tokens/index.scss' as tokens;
-@use '../mixins/index.scss' as mixins;
-
 $features-icon: true !default;
 $icon-dimensions: 1em !default;
 

package/src/components/image.scss

@@ -1,4 +1,3 @@
-@use '../tokens/index.scss' as tokens;
 @use '../mixins/index.scss' as mixins;
 
 $dimensions: 16 24 32 36 48 64 76 88 96 112 128 !default;

package/src/components/media.scss

@@ -1,5 +1,4 @@
 @use '../tokens/index.scss' as tokens;
-@use '../mixins/index.scss' as mixins;
 
 .media {
 	display: flex;

package/src/components/message.scss

@@ -1,5 +1,4 @@
 @use '../tokens/index.scss' as tokens;
-@use '../mixins/index.scss' as mixins;
 
 $message-font-size-xs: tokens.$font-size-9 !default;
 $message-font-size-sm: tokens.$font-size-8 !default;

package/src/components/persona.scss

@@ -1,5 +1,4 @@
 @use '../tokens/index.scss' as tokens;
-@use '../mixins/index.scss' as mixins;
 
 $persona-font-size-sm: tokens.$font-size-9 !default;
 $persona-font-size-md: tokens.$font-size-8 !default;

package/src/components/scroll.scss

@@ -1,6 +1,3 @@
-@use '../tokens/index.scss' as tokens;
-@use '../mixins/index.scss' as mixins;
-
 .scroll-horizontal {
 	overflow-x: auto;
 	overflow-y: hidden;

package/src/components/steps.scss

@@ -1,5 +1,4 @@
 @use '../tokens/index.scss' as tokens;
-@use '../mixins/index.scss' as mixins;
 
 $step-font-size: tokens.$font-size-7 !default;
 $steps-gap: 0.4375em !default;

package/src/components/stretched-link.scss

@@ -1,5 +1,4 @@
 @use '../tokens/index.scss' as tokens;
-@use '../mixins/index.scss' as mixins;
 
 .stretched-link {
 	&::before {

package/src/components/tag.scss

@@ -1,5 +1,4 @@
 @use '../tokens/index.scss' as tokens;
-@use '../mixins/index.scss' as mixins;
 
 /* stylelint-disable selector-max-specificity, no-descending-specificity  */
 

package/src/components/timeline.scss

@@ -1,6 +1,5 @@
 @use 'sass:math';
 @use '../tokens/index.scss' as tokens;
-@use '../mixins/index.scss' as mixins;
 $timeline-content-font-size: tokens.$font-size-8 !default;
 $timeline-timestamp-font-size: tokens.$font-size-9 !default;
 $timeline-timestamp-font-weight: tokens.$weight-semilight !default;

package/src/core/animations.scss

@@ -1,4 +1,3 @@
-@use '../tokens/index.scss' as tokens;
 @use '../mixins/index.scss' as mixins;
 
 // stylelint-disable-next-line keyframes-name-pattern

package/src/core/bare-elements.scss

@@ -1,5 +1,4 @@
 @use '../tokens/index.scss' as tokens;
-@use '../mixins/index.scss' as mixins;
 
 // https://bugs.chromium.org/p/chromium/issues/detail?id=589475&q=details%20box-sizing&can=2
 

package/src/core/font-stack.scss

@@ -1,5 +1,4 @@
 @use '../tokens/index.scss' as tokens;
-@use '../mixins/index.scss' as mixins;
 
 html {
 	font-size: tokens.$document-font-size;

package/src/core/minireset.scss

@@ -1,6 +1,3 @@
-@use '../tokens/index.scss' as tokens;
-@use '../mixins/index.scss' as mixins;
-
 /* stylelint-disable */
 /*! minireset.css v0.0.7 | MIT License | github.com/jgthms/minireset.css */
 html,

package/src/core/normalize.scss

@@ -1,6 +1,3 @@
-@use '../tokens/index.scss' as tokens;
-@use '../mixins/index.scss' as mixins;
-
 /* stylelint-disable */
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 

package/src/core/themes.scss

@@ -1,6 +1,5 @@
 @use 'sass:map';
 @use '../tokens/index.scss' as tokens;
-@use '../mixins/index.scss' as mixins;
 
 $root-theme: 'light' !default;
 $print-theme: 'light' !default;

package/src/mixins/center.scss

@@ -1,5 +1,3 @@
-@use '../tokens/index.scss' as tokens;
-
 @mixin center($width, $height: 0) {
 	position: absolute;
 

package/src/mixins/colors.scss

@@ -1,5 +1,3 @@
-@use '../tokens/index.scss' as tokens;
-
 @mixin fill-current-color {
 	fill: currentColor !important;
 

package/src/mixins/force-colors.scss

@@ -1,5 +1,3 @@
-@use '../tokens/index.scss' as tokens;
-
 @mixin forced-colors() {
 	@media (forced-colors: active) {
 		@content;

package/src/mixins/gradient.scss

@@ -1,5 +1,3 @@
-@use '../tokens/index.scss' as tokens;
-
 @mixin gradient-text($startColor, $endColor) {
 	/* stylelint-disable */
 	-webkit-background-clip: text;

package/src/mixins/line-clamp.scss

@@ -1,5 +1,3 @@
-@use '../tokens/index.scss' as tokens;
-
 %line-clamp {
 	/*stylelint-disable*/
 	display: -webkit-box;

package/src/mixins/overlay.scss

@@ -1,5 +1,3 @@
-@use '../tokens/index.scss' as tokens;
-
 %overlay {
 	position: absolute;
 	inset: 0;

package/src/mixins/transparency.scss

@@ -1,5 +1,3 @@
-@use '../tokens/index.scss' as tokens;
-
 %transparent-effects {
 	outline-color: inherit;
 	background-color: transparent;

package/src/mixins/unselectable.scss

@@ -1,5 +1,3 @@
-@use '../tokens/index.scss' as tokens;
-
 %unselectable {
 	/* stylelint-disable */
 	-webkit-touch-callout: none;

package/src/mixins/visually-hidden.scss

@@ -1,5 +1,3 @@
-@use '../tokens/index.scss' as tokens;
-
 @mixin visually-hidden() {
 	position: absolute;
 	width: 1px;