@brightspace-ui/core 3.194.0 → 3.194.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/components/typography/styles.js +12 -12
  2. package/components/typography/typography.js +4 -4
  3. package/package.json +1 -1
package/components/typography/styles.js CHANGED
@@ -171,10 +171,10 @@ const getHeadingFocusStyles = (selector) => {
171
171
  /**
172
172
  * A private helper method that should not be used by general consumers
173
173
  */
174
- export const _generateHeading1Styles = (selector) => {
174
+ export const _generateHeading1Styles = (selector, includeFocus = false) => {
175
175
  if (!_isValidCssSelector(selector)) return;
176
176
 
177
- const focusStyles = getHeadingFocusStyles(selector);
177
+ const focusStyles = includeFocus ? getHeadingFocusStyles(selector) : unsafeCSS('');
178
178
  selector = unsafeCSS(selector);
179
179
  return css`
180
180
  ${selector} {
@@ -194,7 +194,7 @@ export const _generateHeading1Styles = (selector) => {
194
194
  `;
195
195
  };
196
196
  export const heading1Styles = css`
197
- ${_generateHeading1Styles('.d2l-heading-1')}
197
+ ${_generateHeading1Styles('.d2l-heading-1', true)}
198
198
  :host([skeleton]) .d2l-heading-1.d2l-skeletize {
199
199
  height: 2.4rem;
200
200
  overflow: hidden;
@@ -217,10 +217,10 @@ export const heading1Styles = css`
217
217
  /**
218
218
  * A private helper method that should not be used by general consumers
219
219
  */
220
- export const _generateHeading2Styles = (selector) => {
220
+ export const _generateHeading2Styles = (selector, includeFocus = false) => {
221
221
  if (!_isValidCssSelector(selector)) return;
222
222
 
223
- const focusStyles = getHeadingFocusStyles(selector);
223
+ const focusStyles = includeFocus ? getHeadingFocusStyles(selector) : unsafeCSS('');
224
224
  selector = unsafeCSS(selector);
225
225
  return css`
226
226
  ${selector} {
@@ -241,7 +241,7 @@ export const _generateHeading2Styles = (selector) => {
241
241
  `;
242
242
  };
243
243
  export const heading2Styles = css`
244
- ${_generateHeading2Styles('.d2l-heading-2')}
244
+ ${_generateHeading2Styles('.d2l-heading-2', true)}
245
245
  :host([skeleton]) .d2l-heading-2.d2l-skeletize {
246
246
  height: 1.8rem;
247
247
  overflow: hidden;
@@ -264,10 +264,10 @@ export const heading2Styles = css`
264
264
  /**
265
265
  * A private helper method that should not be used by general consumers
266
266
  */
267
- export const _generateHeading3Styles = (selector) => {
267
+ export const _generateHeading3Styles = (selector, includeFocus = false) => {
268
268
  if (!_isValidCssSelector(selector)) return;
269
269
 
270
- const focusStyles = getHeadingFocusStyles(selector);
270
+ const focusStyles = includeFocus ? getHeadingFocusStyles(selector) : unsafeCSS('');
271
271
  selector = unsafeCSS(selector);
272
272
  return css`
273
273
  ${selector} {
@@ -287,7 +287,7 @@ export const _generateHeading3Styles = (selector) => {
287
287
  `;
288
288
  };
289
289
  export const heading3Styles = css`
290
- ${_generateHeading3Styles('.d2l-heading-3')}
290
+ ${_generateHeading3Styles('.d2l-heading-3', true)}
291
291
  :host([skeleton]) .d2l-heading-3.d2l-skeletize {
292
292
  height: 1.5rem;
293
293
  overflow: hidden;
@@ -310,10 +310,10 @@ export const heading3Styles = css`
310
310
  /**
311
311
  * A private helper method that should not be used by general consumers
312
312
  */
313
- export const _generateHeading4Styles = (selector) => {
313
+ export const _generateHeading4Styles = (selector, includeFocus = false) => {
314
314
  if (!_isValidCssSelector(selector)) return;
315
315
 
316
- const focusStyles = getHeadingFocusStyles(selector);
316
+ const focusStyles = includeFocus ? getHeadingFocusStyles(selector) : unsafeCSS('');
317
317
  selector = unsafeCSS(selector);
318
318
  return css`
319
319
  ${selector} {
@@ -326,7 +326,7 @@ export const _generateHeading4Styles = (selector) => {
326
326
  `;
327
327
  };
328
328
  export const heading4Styles = css`
329
- ${_generateHeading4Styles('.d2l-heading-4')}
329
+ ${_generateHeading4Styles('.d2l-heading-4', true)}
330
330
  :host([skeleton]) .d2l-heading-4.d2l-skeletize {
331
331
  height: 1.2rem;
332
332
  overflow: hidden;
package/components/typography/typography.js CHANGED
@@ -20,10 +20,10 @@ if (!document.head.querySelector('#d2l-typography-font-face')) {
20
20
  ${_generateBodyCompactStyles('.d2l-typography .d2l-body-compact', false)}
21
21
  ${_generateBodySmallStyles('.d2l-typography .d2l-body-small', false)}
22
22
  ${_generateLabelStyles('.d2l-typography .d2l-label-text', false)}
23
- ${_generateHeading1Styles('.d2l-typography .d2l-heading-1')}
24
- ${_generateHeading2Styles('.d2l-typography .d2l-heading-2')}
25
- ${_generateHeading3Styles('.d2l-typography .d2l-heading-3')}
26
- ${_generateHeading4Styles('.d2l-typography .d2l-heading-4')}
23
+ ${_generateHeading1Styles('.d2l-typography .d2l-heading-1', true)}
24
+ ${_generateHeading2Styles('.d2l-typography .d2l-heading-2', true)}
25
+ ${_generateHeading3Styles('.d2l-typography .d2l-heading-3', true)}
26
+ ${_generateHeading4Styles('.d2l-typography .d2l-heading-4', true)}
27
27
  ${_generateBlockquoteStyles('.d2l-typography .d2l-blockquote')}
28
28
  `;
29
29
  document.head.appendChild(style);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@brightspace-ui/core",
3
- "version": "3.194.0",
3
+ "version": "3.194.1",
4
4
  "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
5
5
  "type": "module",
6
6
  "repository": "https://github.com/BrightspaceUI/core.git",