@brightspace-ui/core 3.339.0 → 3.340.0

package/README.md

@@ -84,7 +84,7 @@ npm install @brightspace-ui/core
 
 After cloning the repo, run `npm install` to install dependencies.
 
-Run `npm run build` once, or any time icon or Sass files are changed.
+Run `npm run build` once, or any time icon files are changed.
 
 ### Running the demos
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspace-ui/core",
-  "version": "3.339.0",
+  "version": "3.340.0",
   "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
   "type": "module",
   "repository": "https://github.com/BrightspaceUI/core.git",
@@ -12,9 +12,8 @@
     "build:clean": "node ./cli/clean.js",
     "build:icons": "node ./cli/icon-generator.js",
     "build:illustrations": "node ./cli/state-illustration-generator.js",
-    "build:sass": "sass ./test/sass.scss > ./test/sass.output.css",
     "build:wca": "node ./cli/wca.js \"{components,mixins,templates}/**/*.js\"",
-    "build": "npm run build:clean && npm run build:icons && npm run build:illustrations && npm run build:sass && npm run build:wca",
+    "build": "npm run build:clean && npm run build:icons && npm run build:illustrations && npm run build:wca",
     "build-static": "rollup -c ./rollup/rollup.config.js",
     "lint": "npm run lint:eslint && npm run lint:style",
     "lint:eslint": "eslint .",
@@ -67,7 +66,6 @@
     "rollup": "^4",
     "rollup-plugin-copy": "^3",
     "rollup-plugin-delete": "^3",
-    "sass": "^1",
     "sinon": "^22",
     "stylelint": "^17",
     "web-component-analyzer": "^2"

package/components/inputs/sass/radio.scss

@@ -1,38 +0,0 @@
-@mixin d2l-input-radio() {
-	-webkit-appearance: none;
-	-moz-appearance: none;
-	appearance: none;
-	background-position: center center;
-	background-repeat: no-repeat;
-	background-size: 0.5rem 0.5rem;
-	border-radius: 50%;
-	border-style: solid;
-	box-sizing: border-box;
-	display: inline-block;
-	height: 1.2rem;
-	margin: 0;
-	padding: 0;
-	vertical-align: middle;
-	width: 1.2rem;
-	&:checked {
-		background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%09%3Ccircle%20cx%3D%225%22%20cy%3D%225%22%20r%3D%225%22%20fill%3D%22%23494c4e%22%3E%3C/circle%3E%0A%3C/svg%3E");
-	}
-	&,
-	&:hover:disabled {
-		background-color: var(--d2l-color-regolith);
-		border-color: var(--d2l-color-galena);
-		border-width: 1px;
-	}
-	&:hover,
-	&:focus {
-		border-color: var(--d2l-color-celestine);
-		border-width: 2px;
-		outline: none;
-	}
-	&[aria-invalid="true"] {
-		border-color: var(--d2l-color-cinnabar);
-	}
-	&:disabled {
-		opacity: 0.5;
-	}
-}

package/components/inputs/sass/text.scss

@@ -1,64 +0,0 @@
-@mixin d2l-input-text(
-		$include-pseudo-classes: true,
-		$line-height: 1.2rem,
-		$padding: 0.4rem 0.75rem,
-		$padding-focus: calc(0.4rem - 1px) calc(0.75rem - 1px)
-	) {
-	background-color: #ffffff;
-	border-radius: 0.3rem;
-	border-style: solid;
-	border-width: 1px;
-	box-shadow: inset 0 2px 0 0 rgba(177, 185, 190, 0.2), /* corundum */;
-	box-sizing: border-box;
-	color: var(--d2l-color-ferrite);
-	display: inline-block;
-	font-family: inherit;
-	font-size: 0.8rem;
-	font-weight: 400;
-	height: auto;
-	letter-spacing: 0.02rem;
-	line-height: $line-height;
-	margin: 0;
-	min-width: calc(2rem + 1em);
-	position: relative;
-	vertical-align: middle;
-	width: 100%;
-	&::placeholder,
-	&::-ms-input-placeholder {
-		color: var(--d2l-color-galena);
-		font-size: 0.8rem;
-		font-weight: 400;
-		opacity: 1; /* Firefox has non-1 default */
-	}
-	&:hover,
-	&:focus {
-		border-color: var(--d2l-color-celestine);
-		border-width: 2px;
-		outline: none;
-		padding: $padding-focus;
-	}
-	&[aria-invalid="true"] {
-		border-color: var(--d2l-color-cinnabar);
-	}
-	&,
-	&:hover:disabled,
-	&[aria-invalid="true"]:disabled {
-		border-color: var(--d2l-color-galena);
-		border-width: 1px;
-		padding: $padding;
-	}
-	&:disabled {
-		opacity: 0.5;
-	}
-	@if $include-pseudo-classes {
-		&::-webkit-search-cancel-button,
-		&::-webkit-search-decoration {
-			display: none;
-		}
-		&::-ms-clear {
-			display: none;
-			height: 0;
-			width: 0;
-		}
-	}
-}

package/components/inputs/sass/textarea.scss

@@ -1,37 +0,0 @@
-@use "./text.scss";
-
-@mixin d2l-input-textarea() {
-	overflow: auto;
-	@include text.d2l-input-text(
-		$include-pseudo-classes: false,
-		$line-height: normal,
-		$padding: 0.5rem 0.75rem,
-		$padding-focus: calc(0.5rem - 1px) calc(0.75rem - 1px)
-	);
-	&[aria-invalid="true"] {
-		background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8cGF0aCBmaWxsPSIjY2QyMDI2IiBkPSJNMTcuNzkgMTUuMTFsLTctMTRhMiAyIDAgMCAwLTMuNTggMGwtNyAxNGExLjk3NSAxLjk3NSAwIDAgMCAuMDkgMS45NEEyIDIgMCAwIDAgMiAxOGgxNGExLjk5NCAxLjk5NCAwIDAgMCAxLjctLjk1IDEuOTY3IDEuOTY3IDAgMCAwIC4wOS0xLjk0ek05IDE2YTEuNSAxLjUgMCAxIDEgMS41LTEuNUExLjUgMS41IDAgMCAxIDkgMTZ6bS45OC00LjgwNmExIDEgMCAwIDEtMS45NiAwbC0uOTktNUExIDEgMCAwIDEgOC4wMSA1aDEuOTgzYTEgMSAwIDAgMSAuOTggMS4xOTR6Ii8+Cjwvc3ZnPgo=");
-		background-position: top 12px right 18px;
-		background-repeat: no-repeat;
-		background-size: 0.8rem 0.8rem;
-		padding-right: calc(18px + 0.8rem);
-		&:hover,
-		&:focus {
-			background-position: top calc(12px - 1px) right calc(18px - 1px);
-			padding-right: calc(18px + 0.8rem - 1px);
-		}
-		&:disabled {
-			background-image: none;
-		}
-	}
-	[dir="rtl"] &[aria-invalid="true"] {
-		background-position: top 12px left 18px;
-		padding-left: calc(18px + 0.8rem);
-		padding-right: 0.75rem;
-		&:hover,
-		&:focus {
-			background-position: top calc(12px - 1px) left calc(18px - 1px);
-			padding-left: calc(18px + 0.8rem - 1px);
-			padding-right: calc(0.75rem - 1px);
-		}
-	}
-}