KQL icons

CHANGELOG.md

@@ -1,6 +1,7 @@
 # [`master`](https://github.com/elastic/eui/tree/master)
 
 - Added `Ast` and `Query` services ([#454](https://github.com/elastic/eui/pull/454))
+- Icons for Kibana query language ([#455](https://github.com/elastic/eui/pull/455))
 
 **Breaking changes**
 

src-docs/src/views/icon/icons.js

@@ -58,6 +58,11 @@ const iconTypes = [
   'indexOpen',
   'indexSettings',
   'invert',
+  'kqlField',
+  'kqlOperand',
+  'kqlValue',
+  'kqlFunction',
+  'kqlSelector',
   'link',
   'list',
   'listAdd',

src/components/icon/__snapshots__/icon.test.js.snap

@@ -1435,7 +1435,6 @@ exports[`EuiIcon renders type heatmap 1`] = `
 >
   <path
     d="M12 9a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm0 1a2 2 0 1 0 0 4 2 2 0 0 0 0-4zM4 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm0 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm0 5a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm0 1a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm8-9a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm0 1a3 3 0 1 0 0 6 3 3 0 0 0 0-6z"
-    fill="#404040"
   />
 </svg>
 `;
@@ -1631,6 +1630,76 @@ exports[`EuiIcon renders type invert 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon renders type kqlField 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M7 7H3v2h4v2l3-3-3-3v2zM6 6V5a1 1 0 0 1 1.707-.707l3 3a1 1 0 0 1 0 1.414l-3 3A1 1 0 0 1 6 11v-1H3a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h3zm7.5-3a.5.5 0 0 1 .5.5v9a.5.5 0 1 1-1 0v-9a.5.5 0 0 1 .5-.5z"
+  />
+</svg>
+`;
+
+exports[`EuiIcon renders type kqlFunction 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M7 7H3v2h4v2l3-3-3-3v2zM6 6V5a1 1 0 0 1 1.707-.707l3 3a1 1 0 0 1 0 1.414l-3 3A1 1 0 0 1 6 11v-1H3a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h3zm7.5-3a.5.5 0 0 1 .5.5v9a.5.5 0 1 1-1 0v-9a.5.5 0 0 1 .5-.5z"
+  />
+</svg>
+`;
+
+exports[`EuiIcon renders type kqlOperand 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M8 4a5 5 0 1 1 0 8 5 5 0 1 1 0-8zm-.75.692a4 4 0 1 0 0 6.615A4.981 4.981 0 0 1 6 8c0-1.268.472-2.426 1.25-3.308zM11.348 11l2.078-5.637h-.739l-1.656 4.727h-.062L9.313 5.363h-.739L10.652 11h.696z"
+  />
+</svg>
+`;
+
+exports[`EuiIcon renders type kqlSelector 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M5 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm0 1A5 5 0 1 1 5 3a5 5 0 0 1 0 10zm6-1a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm0 1a5 5 0 1 1 0-10 5 5 0 0 1 0 10z"
+  />
+</svg>
+`;
+
+exports[`EuiIcon renders type kqlValue 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M8 4a5 5 0 1 1 0 8 5 5 0 1 1 0-8zm-.75.692a4 4 0 1 0 0 6.615A4.981 4.981 0 0 1 6 8c0-1.268.472-2.426 1.25-3.308zM11.348 11l2.078-5.637h-.739l-1.656 4.727h-.062L9.313 5.363h-.739L10.652 11h.696z"
+  />
+</svg>
+`;
+
 exports[`EuiIcon renders type link 1`] = `
 <svg
   class="euiIcon euiIcon--medium"

src/components/icon/icon.js

@@ -66,6 +66,11 @@ import indexOpen from './assets/index_open.svg';
 import indexPatternApp from './assets/app_index_pattern.svg';
 import indexSettings from './assets/index_settings.svg';
 import invert from './assets/invert.svg';
+import kqlField from './assets/kql_field.svg';
+import kqlOperand from './assets/kql_operand.svg';
+import kqlValue from './assets/kql_value.svg';
+import kqlFunction from './assets/kql_function.svg';
+import kqlSelector from './assets/kql_selector.svg';
 import link from './assets/link.svg';
 import list from './assets/list.svg';
 import listAdd from './assets/list_add.svg';
@@ -203,6 +208,11 @@ const typeToIconMap = {
   indexPatternApp,
   indexSettings,
   invert,
+  kqlField,
+  kqlOperand,
+  kqlValue,
+  kqlFunction,
+  kqlSelector,
   link,
   list,
   listAdd,