@ember-eui/core 4.2.6 → 5.0.0-alpha.1

package/docs/utilities/responsive-demo/demo1.md

@@ -0,0 +1,108 @@
+# EuiShowFor and EuiHideFor
+
+<EuiText>
+	<p>
+		These components will either render or not render their children based on the current window width. Pass an array of named breakpoints to the <EuiCode>sizes</EuiCode> arg to either show or hide their children respectively.
+	</p>
+	<p>
+		The sizing options correlate with the keys in the <EuiCode>EuiBreakpoints</EuiCode> type. The named breakpoint starts at the pixel value provided and ends before the next one.
+	</p>
+	<EuiCodeBlock>
+'xl': 1200px +
+'l': 992px (to 1199px)
+'m': 768px (to 991px)
+'s': 575px (to 767px)
+'xs': 0px (to 574px)
+	</EuiCodeBlock>
+</EuiText>
+
+```hbs template
+<EuiText>
+  <EuiHideFor @sizes='none'>
+    <p>
+      Hiding from
+      <EuiCode>"none"</EuiCode>
+      of the screen sizes
+    </p>
+  </EuiHideFor>
+  <EuiHideFor @sizes={{array 'xs'}}>
+    <p>
+      Hiding from
+      <EuiCode>xs</EuiCode>
+      screens only
+    </p>
+  </EuiHideFor>
+  <EuiHideFor @sizes={{array 'xs' 's'}}>
+    <p>
+      Hiding from
+      <EuiCode>xs, s</EuiCode>
+      screens
+    </p>
+  </EuiHideFor>
+  <EuiHideFor @sizes={{array 'xs' 's' 'm' 'l'}}>
+    <p>
+      Hiding from
+      <EuiCode>xs, s, m, l</EuiCode>
+      screens
+    </p>
+  </EuiHideFor>
+  <EuiHideFor @sizes={{array 'xl'}}>
+    <p>
+      Hiding from
+      <EuiCode>xl</EuiCode>
+      screens only
+    </p>
+  </EuiHideFor>
+
+  <EuiSpacer @size='xxl' />
+
+  <EuiShowFor @sizes="all">
+    <p>
+      Showing for
+      <EuiCode>"all"</EuiCode>
+      of the screen sizes
+    </p>
+  </EuiShowFor>
+  <EuiShowFor @sizes={{array 'xs'}}>
+    <p>
+      Showing for
+      <EuiCode>xs</EuiCode>
+      screens only
+    </p>
+  </EuiShowFor>
+  <EuiShowFor @sizes={{array 'xs' 's'}}>
+    <p>
+      Showing for
+      <EuiCode>xs, s</EuiCode>
+      screens
+    </p>
+  </EuiShowFor>
+  <EuiShowFor @sizes={{array 'xs' 's' 'm' 'l'}}>
+    <p>
+      Showing for
+      <EuiCode>xs, s, m, l</EuiCode>
+      screens
+    </p>
+  </EuiShowFor>
+  <EuiShowFor @sizes={{array 'xl'}}>
+    <p>
+      Showing for
+      <EuiCode>xl</EuiCode>
+      screen only
+    </p>
+  </EuiShowFor>
+  <EuiShowFor @sizes={{array 'm' 'l' 'xl'}}>
+    <p>
+      Showing for
+      <EuiCode>m, l, xl</EuiCode>
+      screen only
+    </p>
+  </EuiShowFor>
+</EuiText>
+```
+
+```javascript component
+import GlimmerComponent from '@glimmer/component';
+
+export default class extends GlimmerComponent {}
+```

package/docs/utilities/responsive.md

@@ -0,0 +1,9 @@
+<EuiPageHeader>
+  <EuiPageHeaderSection>
+    <EuiTitle @size="l">
+      <h1>
+        Responsive
+      </h1>
+    </EuiTitle>
+  </EuiPageHeaderSection>
+</EuiPageHeader>

package/index.js

@@ -45,14 +45,16 @@ module.exports = {
 
     this.emberEuiOptions.theme = this.emberEuiOptions.theme
       ? this.emberEuiOptions.theme
-      : 'light';
+      : 'amsterdam_light';
 
     if (this.emberEuiOptions.theme) {
       app.import(
         `node_modules/@elastic/eui/dist/eui_theme_${this.emberEuiOptions.theme}.min.css`
       );
     } else {
-      app.import('node_modules/@elastic/eui/dist/eui_theme_light.min.css');
+      app.import(
+        'node_modules/@elastic/eui/dist/eui_theme_amsterdam_light.min.css'
+      );
     }
 
     this._super.included.apply(this, arguments);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ember-eui/core",
-  "version": "4.2.6",
+  "version": "5.0.0-alpha.1",
   "description": "Ember Components for Elastic UI",
   "keywords": [
     "ember-addon",
@@ -18,7 +18,8 @@
     "Mario Trujillo",
     "Victor Aguilar",
     "Diego Zubieta",
-    "Gustavo Rodriguez"
+    "Gustavo Rodriguez",
+    "Gerardo Pérez"
   ],
   "directories": {
     "doc": "doc",
@@ -51,10 +52,11 @@
     ]
   },
   "dependencies": {
-    "@elastic/eui": "31.0.0",
+    "@elastic/eui": "41.4.0",
     "@ember/render-modifiers": "^2.0.4",
     "@html-next/vertical-collection": "3.0.0-1",
     "@types/lodash-es": "^4.17.4",
+    "@types/refractor": "^3.0.0",
     "chroma-js": "^2.1.0",
     "ember-auto-import": "^2.4.0",
     "ember-cached-decorator-polyfill": "^0.1.4",
@@ -62,7 +64,9 @@
     "ember-cli-htmlbars": "^6.0.1",
     "ember-cli-typescript": "4.2.1",
     "ember-composable-helpers": "^4.4.1",
-    "ember-element-helper": "^0.6.0",
+    "ember-element-helper": "^0.5.5",
+    "ember-event-helpers": "^0.1.1",
+    "ember-in-element-polyfill": "^1.0.0",
     "ember-keyboard": "^7.0.1",
     "ember-math-helpers": "^2.15.0",
     "ember-modifier": "^3.1.0",
@@ -73,19 +77,19 @@
     "ember-style-modifier": "^0.7.0",
     "ember-svg-jar": "^2.3.4",
     "ember-truth-helpers": "^3.0.0",
-    "highlight.js": "^9.18.5",
     "lodash-es": "^4.17.21",
     "mdast-util-to-hast": "^10.0.0",
+    "refractor": "^3.5.0",
     "rehype-raw": "^5.0.0",
     "rehype-stringify": "^8.0.0",
     "remark-breaks": "^3.0.2",
     "remark-emoji": "^2.1.0",
-    "remark-highlight.js": "^6.0.0",
     "remark-parse": "^8.0.3",
     "remark-rehype": "^8.0.0",
     "resolve": "^1.13.1",
     "tabbable": "^5.1.5",
     "unified": "^9.2.0",
+    "unist-util-visit": "^2.0.3",
     "vfile": "^4.2.0"
   },
   "peerDependencies": {
@@ -124,6 +128,7 @@
     "@types/rsvp": "^4.0.4",
     "babel-eslint": "^10.1.0",
     "broccoli-asset-rev": "^3.0.0",
+    "ember": "^1.0.3",
     "ember-cli": "~4.1.1",
     "ember-cli-dependency-checker": "^3.2.0",
     "ember-cli-inject-live-reload": "^2.1.0",
@@ -150,6 +155,7 @@
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-qunit": "^7.2.0",
+    "install": "^0.13.0",
     "loader.js": "^4.7.0",
     "lodash-es": "^4.17.21",
     "mdast-util-to-hast": "^10.0.0",
@@ -176,5 +182,5 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "51a380951b0363dce230f006006183275fc46ddf"
+  "gitHead": "8274d7d27c55ed0fafc1c3e0228c8cd70dd4bccc"
 }