@xdam/ember-partials 2.0.0 → 2.0.3

package/addon/components/xep-dialog-actions.hbs

@@ -0,0 +1,9 @@
+<footer
+  class="xep-dialog-actions mdc-dialog__actions"
+  data-test-dialog-actions={{@testSelector}}
+>
+  {{yield
+    (hash
+      button=(component "xep-button" class="mdc-dialog__button"))
+  }}
+</footer>

package/addon/components/xep-dialog-actions.js

@@ -1,18 +1,3 @@
-import Component from '@ember/component';
-import {
-  classNames, layout, tagName, attribute,
-} from '@ember-decorators/component';
-import template from '@xdam/ember-partials/templates/components/xep-dialog-actions';
+import Component from '@glimmer/component';
 
-@tagName('footer')
-@layout(template)
-@classNames('xep-dialog-actions', 'mdc-dialog__actions')
-export default class XepDialogActionsComponent extends Component {
-  /**
-   * Add a test selector for data attribute: `[data-test-dialog-actions]`
-   * @argument [testSelector]
-   * @type {String}
-   */
-  @attribute('data-test-dialog-actions')
-  testSelector;
-}
+export default class XepDialogActionsComponent extends Component {}

package/addon/components/xep-dialog-content.hbs

@@ -0,0 +1,6 @@
+<div
+  class="xep-dialog-content mdc-dialog__content"
+  data-test-dialog-content={{@testSelector}}
+>
+  {{yield}}
+</div>

package/addon/components/xep-dialog-content.js

@@ -1,15 +1,3 @@
-import Component from '@ember/component';
-import { classNames, layout, attribute } from '@ember-decorators/component';
-import template from '@xdam/ember-partials/templates/components/xep-dialog-content';
+import Component from '@glimmer/component';
 
-@layout(template)
-@classNames('xep-dialog-content', 'mdc-dialog__content')
-export default class XepDialogContentComponent extends Component {
-  /**
-   * Add a test selector for data attribute: `[data-test-dialog-content]`
-   * @argument [testSelector]
-   * @type {String}
-   */
-  @attribute('data-test-dialog-content')
-  testSelector;
-}
+export default class XepDialogContentComponent extends Component {}

package/addon/components/xep-dialog-title.hbs

@@ -0,0 +1,2 @@
+{{!-- template-lint-disable attribute-indentation --}}
+<div class="xep-dialog-title mdc-dialog__title" data-test-dialog-title={{@testSelector}}>{{yield}}</div>

package/addon/components/xep-dialog-title.js

@@ -1,15 +1,3 @@
-import Component from '@ember/component';
-import { classNames, layout, attribute } from '@ember-decorators/component';
-import template from '@xdam/ember-partials/templates/components/xep-dialog-title';
+import Component from '@glimmer/component';
 
-@layout(template)
-@classNames('xep-dialog-title', 'mdc-dialog__title')
-export default class XepDialogTitleComponent extends Component {
-  /**
-   * Add a test selector for data attribute: `[data-test-dialog-title]`
-   * @argument [testSelector]
-   * @type {String}
-   */
-  @attribute('data-test-dialog-title')
-  testSelector;
-}
+export default class XepDialogTitleComponent extends Component {}

package/addon/components/xep-list-item-graphic.hbs

@@ -0,0 +1,6 @@
+<span
+  class="xep-list-item-graphic mdc-list-item__graphic"
+  data-test-list-item-graphic={{@testSelector}}
+>
+  {{yield}}
+</span>

package/addon/components/xep-list-item-graphic.js

@@ -1,18 +1,3 @@
-import Component from '@ember/component';
-import {
-  classNames, layout, tagName, attribute,
-} from '@ember-decorators/component';
-import template from '@xdam/ember-partials/templates/components/xep-list-item-graphic';
+import Component from '@glimmer/component';
 
-@tagName('span')
-@layout(template)
-@classNames('xep-list-item-graphic', 'mdc-list-item__graphic')
-export default class XepListItemGraphicComponent extends Component {
-  /**
-   * Add a test selector for data attribute: `[data-test-list-item-graphic]`
-   * @argument [testSelector]
-   * @type {String}
-   */
-  @attribute('data-test-list-item-graphic')
-  testSelector;
-}
+export default class XepListItemGraphicComponent extends Component {}

package/addon/templates/components/xep-button.hbs

@@ -1,4 +1,7 @@
-{{yield
-  (hash
-    active=@active)
-}}
+<span class="mdc-button__ripple"></span>
+<span class="mdc-button__label">
+  {{yield
+    (hash
+      active=@active)
+  }}
+</span>

package/app/styles/ember-partials/xdam-theme.scss

@@ -1,3 +1,10 @@
+@use "@material/theme" with (
+  $background: #191919,
+  $primary: #2284ff,
+  $secondary: #3adb76,
+  $surface:#242424,
+);
+
 $xep-colors: (
   primary: #2284ff,
   success: #3adb76,

package/app/styles/ember-partials.scss

@@ -1,24 +1,37 @@
+@use "@material/animation";
+@use "@material/typography/mdc-typography";
+@use "@material/button/styles" as button-styles;
+@use "@material/line-ripple/mdc-line-ripple";
+@use "@material/notched-outline/mdc-notched-outline";
+@use "@material/textfield";
+@use "@material/list";
+@use "@material/slider/styles" as slider-styles;
+@use "@material/dialog";
+@use "@material/drawer";
+@use "@material/list/mdc-list";
+@use "@material/menu-surface/mdc-menu-surface";
+@use "@material/menu/mdc-menu";
+@use "@material/checkbox";
+@use "@material/form-field";
+@use "@material/radio/styles" as radio-styles;
+@use '@material/switch/styles' as switch-styles;
+@use "@material/chips/styles" as chips-styles;
+@use "@material/snackbar/mdc-snackbar";
+
 @import 'ember-partials/variables';
 @import 'ember-partials/mixins/breakpoints';
 @import 'ember-partials/mixins/strip-unit';
 @import 'ember-partials/helpers/root';
-@import "@material/typography/mdc-typography";
-@import "@material/button/mdc-button";
-@import "@material/textfield/mdc-text-field";
-@import "@material/textfield/helper-text";
-@import "@material/list";
-@import "@material/slider/styles";
-@import "@material/dialog/mdc-dialog";
-@import "@material/drawer/mdc-drawer";
-@import "@material/menu-surface/mdc-menu-surface";
-@import "@material/menu/mdc-menu";
-@import "@material/form-field/mdc-form-field";
-@import "@material/checkbox/mdc-checkbox";
-@import "@material/radio/mdc-radio";
-@import "@material/switch/styles";
-@import "@material/chips/styles";
-@import "@material/snackbar/mdc-snackbar";
-@import "@material/animation/variables";
+
+// material design components
+@include textfield.core-styles;
+@include dialog.core-styles;
+@include drawer.core-styles;
+@include drawer.dismissible-core-styles;
+@include drawer.modal-core-styles;
+@include checkbox.core-styles;
+@include form-field.core-styles;
+
 @import 'ember-partials/components/xep-avatar';
 @import 'ember-partials/components/xep-drawer';
 @import 'ember-partials/components/xep-bubble';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xdam/ember-partials",
-  "version": "2.0.0",
+  "version": "2.0.3",
   "description": "Xdam Ember Partials https://xdam.github.io/ember-partials/versions/development/",
   "keywords": [
     "ember-addon"

package/addon/templates/components/xep-dialog-actions.hbs

@@ -1,4 +0,0 @@
-{{yield
-  (hash
-    button=(component "xep-button" class="mdc-dialog__button"))
-}}

package/addon/templates/components/xep-dialog-content.hbs

@@ -1 +0,0 @@
-{{yield}}

package/addon/templates/components/xep-dialog-title.hbs

@@ -1 +0,0 @@
-{{yield}}

package/addon/templates/components/xep-list-item-graphic.hbs

@@ -1 +0,0 @@
-{{yield}}