@brightspace-ui/core 3.317.3 → 3.318.0

package/components/inputs/input-styles.js

@@ -1,11 +1,8 @@
 import { css, unsafeCSS } from 'lit';
-import { getFocusPseudoClass, getFocusVisibleStyles } from '../../helpers/focus.js';
 import { _isValidCssSelector } from '../../helpers/internal/css.js';
-import { getFlag } from '../../helpers/flags.js';
+import { getFocusVisibleStyles } from '../../helpers/focus.js';
 import { registerSemanticVariableForSvgImageUrl } from '../colors/colors.js';
 
-const focusClass = unsafeCSS(globalThis.document !== undefined ? getFocusPseudoClass() : 'focus-visible');
-
 registerSemanticVariableForSvgImageUrl(
 	'--d2l-input-invalid-image',
 	`<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
@@ -213,112 +210,4 @@ export function _generateInputTextStyles(selector) {
 	`;
 }
 
-export const inputStyles = getFlag('GAUD-8852-use-input-generated-styles', true) ? _generateInputStyles('.d2l-input', '.d2l-input-focus') : css`
-	.d2l-input {
-		background-color: var(--d2l-input-background-color, var(--d2l-theme-background-color-base));
-		border-radius: var(--d2l-input-border-radius, 0.3rem);
-		border-style: solid;
-		box-shadow: var(--d2l-theme-shadow-inset);
-		box-sizing: border-box;
-		color: var(--d2l-theme-text-color-static-standard);
-		display: inline-block;
-		font-family: inherit;
-		font-size: 0.8rem;
-		font-weight: 400;
-		height: var(--d2l-input-height, auto);
-		letter-spacing: 0.02rem;
-		line-height: 1.2rem; /* using min-height AND line-height as IE11 doesn't support line-height on inputs */
-		margin: 0;
-		min-height: calc(2rem + 2px);
-		min-width: calc(2rem + 1em);
-		position: var(--d2l-input-position, relative); /* overridden by sticky headers in grades */
-		text-align: var(--d2l-input-text-align, start);
-		vertical-align: middle;
-		width: 100%;
-	}
-	.d2l-input,
-	.d2l-input:hover:disabled,
-	.d2l-input:${focusClass}:disabled,
-	[aria-invalid="true"].d2l-input:disabled {
-		border-color: var(--d2l-input-border-color, var(--d2l-theme-border-color-emphasized));
-		border-width: 1px;
-		padding: var(--d2l-input-padding, 0.4rem 0.75rem);
-	}
-	.d2l-input::placeholder {
-		color: var(--d2l-theme-text-color-static-faint);
-		font-size: 0.8rem;
-		font-weight: 400;
-		opacity: 1; /* Firefox has non-1 default */
-	}
-	.d2l-input::-ms-input-placeholder {
-		color: var(--d2l-theme-text-color-static-faint);
-		font-size: 0.8rem;
-		font-weight: 400;
-	}
-	.d2l-input:hover,
-	.d2l-input:${focusClass},
-	.d2l-input-focus {
-		border-color: var(--d2l-theme-border-color-focus);
-		border-width: 2px;
-		outline: none;
-		padding: var(--d2l-input-padding-focus, calc(0.4rem - 1px) calc(0.75rem - 1px));
-	}
-	[aria-invalid="true"].d2l-input {
-		border-color: var(--d2l-theme-status-color-error);
-	}
-	.d2l-input:disabled {
-		opacity: var(--d2l-theme-opacity-disabled-control);
-	}
-	.d2l-input::-webkit-search-cancel-button,
-	.d2l-input::-webkit-search-decoration {
-		display: none;
-	}
-	.d2l-input::-ms-clear {
-		display: none;
-		height: 0;
-		width: 0;
-	}
-	textarea.d2l-input {
-		line-height: normal;
-	}
-	textarea.d2l-input,
-	textarea.d2l-input:hover:disabled,
-	textarea.d2l-input:${focusClass}:disabled,
-	textarea[aria-invalid="true"].d2l-input:disabled {
-		padding-block: 0.5rem;
-	}
-	textarea.d2l-input:hover,
-	textarea.d2l-input:${focusClass} {
-		padding: var(--d2l-input-padding-focus, calc(0.75rem - 1px));
-		padding-block: calc(0.5rem - 1px);
-	}
-	textarea.d2l-input[aria-invalid="true"] {
-		background-image: var(--d2l-input-invalid-image);
-		background-position: top 12px var(--d2l-inline-end, right) 18px;
-		background-repeat: no-repeat;
-		background-size: 0.8rem 0.8rem;
-		padding-inline-end: calc(18px + 0.8rem);
-	}
-	textarea.d2l-input-focus[aria-invalid="true"],
-	textarea.d2l-input[aria-invalid="true"]:hover,
-	textarea.d2l-input[aria-invalid="true"]:${focusClass} {
-		background-position: top calc(12px - 1px) var(--d2l-inline-end, right) calc(18px - 1px);
-		padding-inline-end: calc(18px + 0.8rem - 1px);
-	}
-	textarea[aria-invalid="true"].d2l-input:disabled {
-		background-image: none;
-	}
-
-	@media (prefers-contrast: more) {
-		[aria-invalid="true"].d2l-input {
-			background-color: Field;
-			border-color: var(--d2l-theme-status-color-error);
-			box-shadow: none;
-			color: FieldText;
-			forced-color-adjust: none;
-		}
-		.d2l-input-focus {
-			border-color: Highlight;
-		}
-	}
-`;
+export const inputStyles = _generateInputStyles('.d2l-input', '.d2l-input-focus');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspace-ui/core",
-  "version": "3.317.3",
+  "version": "3.318.0",
   "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
   "type": "module",
   "repository": "https://github.com/BrightspaceUI/core.git",