@xplortech/apollo-core 2.4.2 → 2.5.0

package/dist/docs/xpl-tooltip/readme.md

@@ -0,0 +1,35 @@
+# xpl-tooltip
+
+Tooltips are intended to be short one to two sentence messages adding contextual information for the user. Keep messages short and to the point. Tooltips are static and do not contain actions, and only appear when the context is hovered. 
+
+Tooltip variants control one of 8 arrow positions indicating the direction the tooltip will appear in relation to it's trigger:
+"bottom-left" | "bottom-middle" | "bottom-right" | "left" | "right" | "top-left" | "top-middle" | "top-right"
+
+<!-- Auto Generated Below -->
+
+
+## Properties
+
+| Property    | Attribute    | Description                                     | Type                                                                                                                   | Default        |
+| ----------- | ------------ | ----------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------- | -------------- |
+| `hideArrow` | `hide-arrow` | Hide the arrow                                  | `boolean`                                                                                                              | `false`        |
+| `position`  | `position`   | Position of the tooltip relative to the element | `"bottom-left" \| "bottom-middle" \| "bottom-right" \| "left" \| "right" \| "top-left" \| "top-middle" \| "top-right"` | `'top-middle'` |
+| `text`      | `text`       | The tooltip text to display                     | `string`                                                                                                               | `undefined`    |
+
+
+## Dependencies
+
+### Used by
+
+ - [xpl-data-card](../xpl-data-card)
+
+### Graph
+```mermaid
+graph TD;
+  xpl-data-card --> xpl-tooltip
+  style xpl-tooltip fill:#f9f,stroke:#333,stroke-width:4px
+```
+
+----------------------------------------------
+
+*Built with [StencilJS](https://stenciljs.com/)*

package/dist/docs/xpl-utility-bar/readme.md

@@ -0,0 +1,55 @@
+# xpl-utility-bar
+
+The utility bar is a top navigation bar. It contains 2 slots:
+
+`<slot name="main"></slot>`
+
+- appears on the left side of the bar
+- items are justified to the start
+
+`<slot name="aside"></slot>`
+
+- appears on the right side of the bar
+- items are justified to the end
+
+The utility bar can have navigation items in just one or both slots.
+To add content to the slots, just create a `<ul>` tag and target the desired slot:
+
+`<ul slot="main">...</ul>`
+
+`<ul slot="aside">...</ul>`
+
+<!-- Auto Generated Below -->
+
+
+## Properties
+
+| Property             | Attribute                | Description | Type      | Default     |
+| -------------------- | ------------------------ | ----------- | --------- | ----------- |
+| `isNavOpenAtStartup` | `is-nav-open-at-startup` |             | `boolean` | `undefined` |
+| `navControl`         | `nav-control`            |             | `boolean` | `undefined` |
+
+
+## Events
+
+| Event     | Description | Type                   |
+| --------- | ----------- | ---------------------- |
+| `navOpen` |             | `CustomEvent<boolean>` |
+
+
+## Dependencies
+
+### Depends on
+
+- [xpl-icon](../xpl-icon)
+
+### Graph
+```mermaid
+graph TD;
+  xpl-utility-bar --> xpl-icon
+  style xpl-utility-bar fill:#f9f,stroke:#333,stroke-width:4px
+```
+
+----------------------------------------------
+
+*Built with [StencilJS](https://stenciljs.com/)*