@brightspace-ui/core 3.221.1 → 3.221.2
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.
- package/components/card/card.js +13 -0
- package/package.json +1 -1
package/components/card/card.js
CHANGED
|
@@ -1,11 +1,23 @@
|
|
|
1
1
|
import '../colors/colors.js';
|
|
2
2
|
import { css, html, LitElement, nothing } from 'lit';
|
|
3
3
|
import { classMap } from 'lit/directives/class-map.js';
|
|
4
|
+
import { getFlag } from '../../helpers/flags.js';
|
|
4
5
|
import { getFocusRingStyles } from '../../helpers/focus.js';
|
|
5
6
|
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
6
7
|
import { offscreenStyles } from '../offscreen/offscreen.js';
|
|
7
8
|
import { styleMap } from 'lit/directives/style-map.js';
|
|
8
9
|
|
|
10
|
+
const GAUD_8697_FEATURE_FLAG = getFlag('GAUD-8697-card-badge-center-flag', true);
|
|
11
|
+
|
|
12
|
+
// TODO: move this css statement to where this function is being called, when the FF is removed
|
|
13
|
+
const getCenterCardBadgeCSS = () => {
|
|
14
|
+
return css`
|
|
15
|
+
:host([align-center]) .d2l-card-badge {
|
|
16
|
+
display: flex;
|
|
17
|
+
justify-content: center;
|
|
18
|
+
}`;
|
|
19
|
+
};
|
|
20
|
+
|
|
9
21
|
/**
|
|
10
22
|
* A container element that provides specific layout using several slots.
|
|
11
23
|
* @slot content - Slot for primary content such as title and supplementary info (no actionable elements)
|
|
@@ -136,6 +148,7 @@ class Card extends LitElement {
|
|
|
136
148
|
text-align: center;
|
|
137
149
|
}
|
|
138
150
|
|
|
151
|
+
${GAUD_8697_FEATURE_FLAG ? getCenterCardBadgeCSS() : css``}
|
|
139
152
|
.d2l-card-footer-hidden .d2l-card-content {
|
|
140
153
|
padding-bottom: 1.2rem;
|
|
141
154
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "3.221.
|
|
3
|
+
"version": "3.221.2",
|
|
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",
|