@brightspace-ui/core 2.1.3 → 2.3.0

package/directives/animate/demo/animate-test.js

@@ -2,7 +2,7 @@ import '../../../components/button/button.js';
 import '../../../components/inputs/input-checkbox.js';
 import '../../../components/list/list.js';
 import '../../../components/list/list-item.js';
-import { css, html, LitElement } from 'lit-element/lit-element.js';
+import { css, html, LitElement } from 'lit';
 import { hide, show } from '../animate.js';
 
 export class AnimateTest extends LitElement {

package/directives/run-async/run-async.js

@@ -16,10 +16,10 @@
  * subject to an additional IP rights grant found at
  * http://polymer.github.io/PATENTS.txt
  */
-import { AsyncDirective } from 'lit-html/async-directive.js';
+import { AsyncDirective } from 'lit/async-directive.js';
 import { AsyncStateEvent } from '../../helpers/asyncStateEvent.js';
-import { directive } from 'lit-html/directive.js';
-import { noChange } from 'lit-html';
+import { directive } from 'lit/directive.js';
+import { noChange } from 'lit';
 
 const hasAbortController = typeof AbortController === 'function';
 
@@ -119,7 +119,7 @@ class RunAsync extends AsyncDirective {
 
 /**
  * Runs an async function whenever the key changes, and calls one of several
- * lit-html template functions depending on the state of the async call:
+ * Lit template functions depending on the state of the async call:
  *
  *  - success() is called when the result of the function resolves.
  *  - pending() is called immediately

package/helpers/demo/announce-test.js

@@ -1,6 +1,6 @@
 import '../../components/inputs/input-text.js';
 import '../../components/button/button.js';
-import { css, html, LitElement } from 'lit-element/lit-element.js';
+import { css, html, LitElement } from 'lit';
 import { announce } from '../announce.js';
 
 class AnnounceTest extends LitElement {

package/helpers/demo/dismissible-test.js

@@ -1,6 +1,6 @@
 import '../../components/colors/colors.js';
 import { clearDismissible, setDismissible } from '../../helpers/dismissible.js';
-import { css, html, LitElement } from 'lit-element/lit-element.js';
+import { css, html, LitElement } from 'lit';
 
 class DismissibleTest extends LitElement {
 

package/mixins/arrow-keys-mixin.js

@@ -1,4 +1,4 @@
-import { html } from 'lit-element/lit-element.js';
+import { html } from 'lit';
 
 const keyCodes = Object.freeze({
 	END: 35,

package/mixins/async-container/demo/async-container.js

@@ -1,5 +1,5 @@
 import { AsyncContainerMixin, asyncStates } from '../async-container-mixin.js';
-import { html, LitElement } from 'lit-element/lit-element.js';
+import { html, LitElement } from 'lit';
 
 class AsyncContainer extends AsyncContainerMixin(LitElement) {
 

package/mixins/async-container/demo/async-item.js

@@ -1,5 +1,5 @@
 import '../../../components/colors/colors.js';
-import { css, html, LitElement } from 'lit-element/lit-element.js';
+import { css, html, LitElement } from 'lit';
 import { InitialStateError, runAsync } from '../../../directives/run-async/run-async.js';
 
 class AsyncItem extends LitElement {

package/mixins/demo/arrow-keys-test.js

@@ -1,5 +1,5 @@
 import '../../components/colors/colors.js';
-import { css, html, LitElement } from 'lit-element/lit-element.js';
+import { css, html, LitElement } from 'lit';
 import { ArrowKeysMixin } from '../arrow-keys-mixin.js';
 
 export class ArrowKeysTest extends ArrowKeysMixin(LitElement) {

package/mixins/demo/labelled-mixin.html

@@ -5,9 +5,9 @@
 		<script type="module">
 			import '../../components/demo/demo-page.js';
 			import '../../components/inputs/input-checkbox.js';
-			import { css, html, LitElement } from 'lit-element/lit-element.js';
+			import { css, html, LitElement } from 'lit';
 			import { LabelledMixin, LabelMixin } from '../labelled-mixin.js';
-			import { ifDefined } from 'lit-html/directives/if-defined.js';
+			import { ifDefined } from 'lit/directives/if-defined.js';
 
 			class DemoInput extends LabelledMixin(LitElement) {
 				static get styles() {

package/mixins/demo/localize-test.js

@@ -1,4 +1,4 @@
-import { html, LitElement } from 'lit-element/lit-element.js';
+import { html, LitElement } from 'lit';
 import { LocalizeMixin } from '../../mixins/localize-mixin.js';
 
 class LocalizeTest extends LocalizeMixin(LitElement) {

package/mixins/visible-on-ancestor-mixin.js

@@ -1,5 +1,5 @@
 import { findComposedAncestor, isComposedAncestor } from '../helpers/dom.js';
-import { css } from 'lit-element/lit-element.js';
+import { css } from 'lit';
 
 const reduceMotion = matchMedia('(prefers-reduced-motion: reduce)').matches;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspace-ui/core",
-  "version": "2.1.3",
+  "version": "2.3.0",
   "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
   "type": "module",
   "repository": "https://github.com/BrightspaceUI/core.git",
@@ -70,8 +70,7 @@
     "focus-visible": "^5",
     "ifrau": "^0.39",
     "intl-messageformat": "^7",
-    "lit-element": "^3",
-    "lit-html": "^2",
+    "lit": "^2",
     "prismjs": "^1",
     "resize-observer-polyfill": "^1"
   }

package/templates/primary-secondary/primary-secondary.js

@@ -2,15 +2,15 @@ import '../../components/colors/colors.js';
 import '../../components/icons/icon-custom.js';
 import '../../components/icons/icon.js';
 import '../../components/offscreen/offscreen.js';
-import { css, html, LitElement } from 'lit-element/lit-element.js';
-import { classMap } from 'lit-html/directives/class-map.js';
+import { css, html, LitElement } from 'lit';
+import { classMap } from 'lit/directives/class-map.js';
 import { FocusVisiblePolyfillMixin } from '../../mixins/focus-visible-polyfill-mixin.js';
 import { getUniqueId } from '../../helpers/uniqueId.js';
-import { ifDefined } from 'lit-html/directives/if-defined.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
 import { LocalizeCoreElement } from '../../helpers/localize-core-element.js';
 import ResizeObserver from 'resize-observer-polyfill/dist/ResizeObserver.es.js';
 import { RtlMixin } from '../../mixins/rtl-mixin.js';
-import { styleMap } from 'lit-html/directives/style-map.js';
+import { styleMap } from 'lit/directives/style-map.js';
 
 const reduceMotion = matchMedia('(prefers-reduced-motion: reduce)').matches;