@brightspace-ui/core 3.239.0 → 3.239.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 (4) hide show
  1. package/components/colors/colors.js +12 -2
  2. package/components/dropdown/dropdown-button.js +1 -1
  3. package/components/popover/popover-mixin.js +7 -7
  4. package/package.json +1 -1
package/components/colors/colors.js CHANGED
@@ -129,7 +129,12 @@ const lightVariables = new Map([
129
129
  ['--d2l-theme-shadow-attached', '0 2px 4px 0 rgba(0, 0, 0, 0.03)'],
130
130
  ['--d2l-theme-shadow-attached-block-start', '0 2px 4px 0 rgba(0, 0, 0, 0.03)'],
131
131
  ['--d2l-theme-shadow-attached-block-end', '0 -2px 4px 0 rgba(0, 0, 0, 0.03)'],
132
- ['--d2l-theme-shadow-floating', '0 2px 12px 0 rgba(0, 0, 0, 0.15)'],
132
+ ['--d2l-theme-shadow-floating-offset-x', '0'],
133
+ ['--d2l-theme-shadow-floating-offset-y', '2px'],
134
+ ['--d2l-theme-shadow-floating-blur-radius', '12px'],
135
+ ['--d2l-theme-shadow-floating-spread-radius', '0'],
136
+ ['--d2l-theme-shadow-floating-color', 'rgba(0, 0, 0, 0.15)'],
137
+ ['--d2l-theme-shadow-floating', 'var(--d2l-theme-shadow-floating-offset-x) var(--d2l-theme-shadow-floating-offset-y) var(--d2l-theme-shadow-floating-blur-radius) var(--d2l-theme-shadow-floating-spread-radius) var(--d2l-theme-shadow-floating-color)'],
133
138
  ['--d2l-theme-shadow-inset-offset-x', '0'],
134
139
  ['--d2l-theme-shadow-inset-offset-y', '2px'],
135
140
  ['--d2l-theme-shadow-inset-blur-radius', '0'],
@@ -204,7 +209,12 @@ const darkVariables = new Map([
204
209
  ['--d2l-theme-shadow-attached', '0 2px 4px 0 rgba(0, 0, 0, 0.85)'],
205
210
  ['--d2l-theme-shadow-attached-block-start', '0 2px 4px 0 rgba(0, 0, 0, 0.85)'],
206
211
  ['--d2l-theme-shadow-attached-block-end', '0 -2px 4px 0 rgba(0, 0, 0, 0.85)'],
207
- ['--d2l-theme-shadow-floating', '0 2px 12px 0 rgba(0, 0, 0, 0.85)'],
212
+ ['--d2l-theme-shadow-floating-offset-x', '0'],
213
+ ['--d2l-theme-shadow-floating-offset-y', '2px'],
214
+ ['--d2l-theme-shadow-floating-blur-radius', '12px'],
215
+ ['--d2l-theme-shadow-floating-spread-radius', '0'],
216
+ ['--d2l-theme-shadow-floating-color', 'rgba(0, 0, 0, 0.85)'],
217
+ ['--d2l-theme-shadow-floating', 'var(--d2l-theme-shadow-floating-offset-x) var(--d2l-theme-shadow-floating-offset-y) var(--d2l-theme-shadow-floating-blur-radius) var(--d2l-theme-shadow-floating-spread-radius) var(--d2l-theme-shadow-floating-color)'],
208
218
  ['--d2l-theme-shadow-inset-offset-x', '0'],
209
219
  ['--d2l-theme-shadow-inset-offset-y', '2px'],
210
220
  ['--d2l-theme-shadow-inset-blur-radius', '0'],
package/components/dropdown/dropdown-button.js CHANGED
@@ -40,7 +40,7 @@ class DropdownButton extends DropdownOpenerMixin(LitElement) {
40
40
  width: 0.8rem;
41
41
  }
42
42
  :host([primary]) d2l-icon {
43
- color: white;
43
+ color: var(--d2l-theme-text-color-static-inverted);
44
44
  }
45
45
  d2l-button {
46
46
  width: 100%;
package/components/popover/popover-mixin.js CHANGED
@@ -82,11 +82,11 @@ export const PopoverMixin = superclass => class extends superclass {
82
82
  return css`
83
83
  :host {
84
84
  --d2l-popover-default-animation-name: d2l-popover-animation;
85
- --d2l-popover-default-background-color: #ffffff;
86
- --d2l-popover-default-border-color: var(--d2l-color-mica);
85
+ --d2l-popover-default-background-color: var(--d2l-theme-background-color-base);
86
+ --d2l-popover-default-border-color: var(--d2l-theme-border-color-standard);
87
87
  --d2l-popover-default-border-radius: 0.3rem;
88
- --d2l-popover-default-foreground-color: var(--d2l-color-ferrite);
89
- --d2l-popover-default-shadow-color: rgba(0, 0, 0, 0.15);
88
+ --d2l-popover-default-foreground-color: var(--d2l-theme-text-color-static-standard);
89
+ --d2l-popover-default-shadow-color: var(--d2l-theme-shadow-floating-color);
90
90
  background-color: transparent; /* override popover default */
91
91
  border: none; /* override popover */
92
92
  box-sizing: border-box;
@@ -131,7 +131,7 @@ export const PopoverMixin = superclass => class extends superclass {
131
131
  background-color: var(--d2l-popover-background-color, var(--d2l-popover-default-background-color));
132
132
  border: 1px solid var(--d2l-popover-border-color, var(--d2l-popover-default-border-color));
133
133
  border-radius: var(--d2l-popover-border-radius, var(--d2l-popover-default-border-radius));
134
- box-shadow: 0 2px 12px 0 var(--d2l-popover-shadow-color, var(--d2l-popover-default-shadow-color));
134
+ box-shadow: var(--d2l-theme-shadow-floating-offset-x) var(--d2l-theme-shadow-floating-offset-y) var(--d2l-theme-shadow-floating-blur-radius) var(--d2l-theme-shadow-floating-spread-radius) var(--d2l-popover-shadow-color, var(--d2l-popover-default-shadow-color));
135
135
  box-sizing: border-box;
136
136
  display: flex;
137
137
  max-width: 370px;
@@ -170,7 +170,7 @@ export const PopoverMixin = superclass => class extends superclass {
170
170
  background-color: var(--d2l-popover-background-color, var(--d2l-popover-default-background-color));
171
171
  border: 1px solid var(--d2l-popover-border-color, var(--d2l-popover-default-border-color));
172
172
  border-radius: 0.1rem;
173
- box-shadow: -4px -4px 12px -5px rgba(32, 33, 34, 0.2); /* ferrite */
173
+ box-shadow: -4px -4px 12px -5px var(--d2l-theme-shadow-floating-color);
174
174
  height: ${pointerLength}px;
175
175
  outline: var(--d2l-popover-outline-width, 0) solid var(--d2l-popover-outline-color, transparent);
176
176
  transform: rotate(45deg);
@@ -178,7 +178,7 @@ export const PopoverMixin = superclass => class extends superclass {
178
178
  }
179
179
 
180
180
  :host([_location="block-start"]) .pointer > div {
181
- box-shadow: 4px 4px 12px -5px rgba(32, 33, 34, 0.2); /* ferrite */
181
+ box-shadow: 4px 4px 12px -5px var(--d2l-theme-shadow-floating-color);
182
182
  }
183
183
 
184
184
  @keyframes d2l-popover-animation {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@brightspace-ui/core",
3
- "version": "3.239.0",
3
+ "version": "3.239.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",