remove @lit-labs/motion. fixed #354

packages/mdui/package.json

@@ -49,7 +49,6 @@
   },
   "homepage": "https://www.mdui.org",
   "dependencies": {
-    "@lit-labs/motion": "^1.0.7",
     "@lit/localize": "^0.12.1",
     "@lit/reactive-element": "^2.0.4",
     "@material/material-color-utilities": "^0.3.0",

packages/mdui/src/components/text-field/index.ts

@@ -6,7 +6,6 @@ import { live } from 'lit/directives/live.js';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { when } from 'lit/directives/when.js';
 import { msg } from '@lit/localize';
-import { animate } from '@lit-labs/motion';
 import { $ } from '@mdui/jq/$.js';
 import '@mdui/jq/methods/css.js';
 import { MduiElement } from '@mdui/shared/base/mdui-element.js';
@@ -15,7 +14,6 @@ import { HasSlotController } from '@mdui/shared/controllers/has-slot.js';
 import { defaultValue } from '@mdui/shared/decorators/default-value.js';
 import { watch } from '@mdui/shared/decorators/watch.js';
 import { booleanConverter } from '@mdui/shared/helpers/decorator.js';
-import { getDuration, getEasing } from '@mdui/shared/helpers/motion.js';
 import { observeResize } from '@mdui/shared/helpers/observeResize.js';
 import { nothingTemplate } from '@mdui/shared/helpers/template.js';
 import '@mdui/shared/icons/cancel--outlined.js';
@@ -904,18 +902,7 @@ export class TextField
 
   private renderLabel(): TemplateResult {
     return this.label
-      ? html`<label
-          part="label"
-          class="label"
-          ${animate({
-            keyframeOptions: {
-              duration: getDuration(this, 'short4'),
-              easing: getEasing(this, 'standard'),
-            },
-          })}
-        >
-          ${this.label}
-        </label>`
+      ? html`<label part="label" class="label">${this.label}</label>`
       : nothingTemplate;
   }
 

packages/mdui/src/components/text-field/style.less

@@ -208,6 +208,7 @@
   overflow: hidden;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
+  transition: all var(--mdui-motion-duration-short4) var(--mdui-motion-easing-standard);
   .top(16);
   .color(on-surface-variant);
   .typescale(body-large);