@brightspace-ui/core 3.95.0 → 3.95.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.
@@ -9,14 +9,13 @@ import { getFocusPseudoClass } from '../../helpers/focus.js';
9
9
  import { getUniqueId } from '../../helpers/uniqueId.js';
10
10
  import { ifDefined } from 'lit/directives/if-defined.js';
11
11
  import { PropertyRequiredMixin } from '../../mixins/property-required/property-required-mixin.js';
12
- import { RtlMixin } from '../../mixins/rtl/rtl-mixin.js';
13
12
  import { ThemeMixin } from '../../mixins/theme/theme-mixin.js';
14
13
 
15
14
  /**
16
15
  * A button component that can be used just like the native button for instances where only an icon is displayed.
17
16
  * @slot icon - Optional slot for a custom icon
18
17
  */
19
- class ButtonIcon extends PropertyRequiredMixin(ThemeMixin(ButtonMixin(VisibleOnAncestorMixin(RtlMixin(LitElement))))) {
18
+ class ButtonIcon extends PropertyRequiredMixin(ThemeMixin(ButtonMixin(VisibleOnAncestorMixin(LitElement)))) {
20
19
 
21
20
  static get properties() {
22
21
  return {
@@ -103,11 +102,7 @@ class ButtonIcon extends PropertyRequiredMixin(ThemeMixin(ButtonMixin(VisibleOnA
103
102
  }
104
103
 
105
104
  :host([h-align="text"]) button {
106
- left: var(--d2l-button-icon-h-align);
107
- }
108
- :host([dir="rtl"][h-align="text"]) button {
109
- left: 0;
110
- right: var(--d2l-button-icon-h-align);
105
+ inset-inline-start: var(--d2l-button-icon-h-align);
111
106
  }
112
107
 
113
108
  /* Firefox includes a hidden border which messes up button dimensions */
@@ -13,7 +13,6 @@ import '../menu/menu-item-link.js';
13
13
  import { css, html, LitElement } from 'lit';
14
14
  import { OVERFLOW_CLASS, OVERFLOW_MINI_CLASS, OverflowGroupMixin } from './overflow-group-mixin.js';
15
15
  import { ifDefined } from 'lit/directives/if-defined.js';
16
- import { RtlMixin } from '../../mixins/rtl/rtl-mixin.js';
17
16
 
18
17
  const OPENER_STYLE = {
19
18
  DEFAULT: 'default',
@@ -58,7 +57,7 @@ function createMenuItemSeparator() {
58
57
  * @attr {'default'|'icon'} [opener-type="default"] - Set the opener type to 'icon' for a `...` menu icon instead of `More actions` text
59
58
  * @attr {boolean} auto-show - Use predefined classes on slot elements to set min and max buttons to show
60
59
  */
61
- class OverflowGroup extends OverflowGroupMixin(RtlMixin(LitElement)) {
60
+ class OverflowGroup extends OverflowGroupMixin(LitElement) {
62
61
 
63
62
  static get properties() {
64
63
  return {
@@ -87,15 +86,7 @@ class OverflowGroup extends OverflowGroupMixin(RtlMixin(LitElement)) {
87
86
  ::slotted(span),
88
87
  ::slotted(d2l-dropdown:not(.d2l-overflow-dropdown)),
89
88
  ::slotted(d2l-dropdown-button) {
90
- margin-right: 0.6rem;
91
- }
92
- :host([dir="rtl"]) ::slotted(d2l-button),
93
- :host([dir="rtl"]) ::slotted(d2l-link),
94
- :host([dir="rtl"]) ::slotted(span),
95
- :host([dir="rtl"]) ::slotted(d2l-dropdown:not(.d2l-overflow-dropdown)),
96
- :host([dir="rtl"]) ::slotted(d2l-dropdown-button) {
97
- margin-left: 0.6rem;
98
- margin-right: 0;
89
+ margin-inline-end: 0.6rem;
99
90
  }
100
91
  ::slotted(d2l-button-subtle),
101
92
  ::slotted(d2l-button-icon),
@@ -104,17 +95,7 @@ class OverflowGroup extends OverflowGroupMixin(RtlMixin(LitElement)) {
104
95
  ::slotted(d2l-dropdown-context-menu),
105
96
  ::slotted(d2l-selection-action),
106
97
  ::slotted(d2l-selection-action-dropdown) {
107
- margin-right: 0.2rem;
108
- }
109
- :host([dir="rtl"]) ::slotted(d2l-button-subtle),
110
- :host([dir="rtl"]) ::slotted(d2l-button-icon),
111
- :host([dir="rtl"]) ::slotted(d2l-dropdown-button-subtle),
112
- :host([dir="rtl"]) ::slotted(d2l-dropdown-more),
113
- :host([dir="rtl"]) ::slotted(d2l-dropdown-context-menu),
114
- :host([dir="rtl"]) ::slotted(d2l-selection-action),
115
- :host([dir="rtl"]) ::slotted(d2l-selection-action-dropdown) {
116
- margin-left: 0.2rem;
117
- margin-right: 0;
98
+ margin-inline-end: 0.2rem;
118
99
  }
119
100
  `];
120
101
  }
@@ -8,7 +8,6 @@ import { formatNumber } from '@brightspace-ui/intl/lib/number.js';
8
8
  import { ifDefined } from 'lit/directives/if-defined.js';
9
9
  import { LocalizeCoreElement } from '../../helpers/localize-core-element.js';
10
10
  import { PageableSubscriberMixin } from '../paging/pageable-subscriber-mixin.js';
11
- import { RtlMixin } from '../../mixins/rtl/rtl-mixin.js';
12
11
  import { SelectionObserverMixin } from './selection-observer-mixin.js';
13
12
 
14
13
  /**
@@ -16,7 +15,7 @@ import { SelectionObserverMixin } from './selection-observer-mixin.js';
16
15
  * @slot - Responsive container using `d2l-overflow-group` for `d2l-selection-action` elements
17
16
  * @fires d2l-selection-observer-subscribe - Internal event
18
17
  */
19
- export class SelectionControls extends PageableSubscriberMixin(SelectionObserverMixin(RtlMixin(LocalizeCoreElement(LitElement)))) {
18
+ export class SelectionControls extends PageableSubscriberMixin(SelectionObserverMixin(LocalizeCoreElement(LitElement))) {
20
19
 
21
20
  static get properties() {
22
21
  return {
@@ -95,27 +94,16 @@ export class SelectionControls extends PageableSubscriberMixin(SelectionObserver
95
94
  flex: none;
96
95
  }
97
96
  d2l-selection-select-all + d2l-selection-summary {
98
- margin-left: 0.9rem;
99
- }
100
- :host([dir="rtl"]) d2l-selection-select-all + d2l-selection-summary {
101
- margin-left: 0;
102
- margin-right: 0.9rem;
97
+ margin-inline-start: 0.9rem;
103
98
  }
104
99
  d2l-selection-select-all-pages {
105
100
  flex: none;
106
- margin-left: 0.45rem;
107
- }
108
- :host([dir="rtl"]) d2l-selection-select-all-pages {
109
- margin-left: 0;
110
- margin-right: 0.45rem;
101
+ margin-inline-start: 0.45rem;
111
102
  }
112
103
  .d2l-selection-controls-actions {
113
104
  --d2l-overflow-group-justify-content: flex-end;
114
105
  flex: auto;
115
- text-align: right;
116
- }
117
- :host([dir="rtl"]) .d2l-selection-controls-actions {
118
- text-align: left;
106
+ text-align: end;
119
107
  }
120
108
  .d2l-sticky-edge {
121
109
  left: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@brightspace-ui/core",
3
- "version": "3.95.0",
3
+ "version": "3.95.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",