@urnetwork/elements 0.0.1-beta.1 → 0.0.1-beta.3

package/README.md

@@ -25,6 +25,7 @@ https://pangrampangram.com/products/neue-montreal
 
 - Make sure everything is committed and pushed to the main branch.
 - If you're not already, login to npm with `npm login`.
+- `npm run build` to build the package.
 - Run `npm pack --dry-run` to see what will be included in the package.
 - If everything looks good, run `npm run release:patch` to publish the package. There are also `release:beta`, `release:minor`, and `release:major` scripts available for versioning.
 - Tag it on Github after publishing like `git tag vx.y.z` and `git push --tags`.

package/dist/components.js

@@ -1,4 +1,4 @@
-import { B as s, a as t, b as o, c as e, I, d as c, e as T, f as i, g as r, h as u, i as S, j as B, L as N, M as m, k as b, l, S as p, m as A, T as L, n as M } from "./selected-location-CzeT_ZqM.js";
+import { B as s, a as t, b as o, c as e, I, d as c, e as T, f as i, g as r, h as u, i as S, j as B, L as N, M as m, k as b, l, S as p, m as A, T as L, n as M } from "./selected-location-B7xjq7zE.js";
 export {
   s as BUTTON_TYPES,
   t as BUTTON_VARIANTS,

package/dist/react/icons/icon-network-instability/icon-network-instability.d.ts

@@ -0,0 +1,11 @@
+import { IconNetworkInstability as UrIconNetworkInstabilityElement } from '../../../components/icons/icon-network-instability';
+import * as React from "react";
+export declare const IconNetworkInstability: import('@lit/react').ReactWebComponent<UrIconNetworkInstabilityElement, {}>;
+export interface IconNetworkInstabilityProps {
+    className?: string;
+    style?: React.CSSProperties;
+    iconTitle?: string;
+}
+export declare const UrIconNetworkInstability: React.ForwardRefExoticComponent<IconNetworkInstabilityProps & React.RefAttributes<UrIconNetworkInstabilityElement>>;
+export { UrIconNetworkInstabilityElement };
+export default UrIconNetworkInstability;

package/dist/react/icons/icon-network-instability/index.d.ts

@@ -0,0 +1,2 @@
+export * from './icon-network-instability';
+export { default } from './icon-network-instability';

package/dist/react/icons/index.d.ts

@@ -1,4 +1,6 @@
 export * from './icon-spinner';
 export * from './icon-hamburger';
+export * from './icon-network-instability';
 export { default as UrIconSpinner } from './icon-spinner';
 export { default as UrIconHamburger } from './icon-hamburger';
+export { default as UrIconNetworkInstability } from './icon-network-instability';

package/dist/react/index.d.ts

@@ -11,8 +11,3 @@ export { default as UrText } from './text';
 export { default as UrBackButton } from './back-button';
 export { default as UrLocationListItem } from './location-list-item';
 export { default as UrSelectedLocation } from './selected-location';
-export { default as UrIconSpinner } from './icons/icon-spinner';
-export { default as UrIconHamburger } from './icons/icon-hamburger';
-export { default as UrMenu } from './menu/menu';
-export { default as UrMenuButton } from './menu/menu-button';
-export { default as UrMenuItem } from './menu/menu-item';

package/dist/react.js

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
 import * as e from "react";
 import { createComponent as a } from "@lit/react";
-import { c as u, j as m, n as l, b as i, h as U, e as p, M as I, k as d, l as f, S as N, L as B } from "./selected-location-CzeT_ZqM.js";
-import { B as D, a as F, I as G, T as J } from "./selected-location-CzeT_ZqM.js";
+import { c as u, j as m, n as l, b as i, h as I, e as U, f as p, M as N, k as d, l as f, S as k, L as B } from "./selected-location-B7xjq7zE.js";
+import { B as J, a as K, I as Q, T as W } from "./selected-location-B7xjq7zE.js";
 const g = a({
   tagName: "ur-button",
   elementClass: u,
@@ -14,7 +14,7 @@ const g = a({
   (t, n) => /* @__PURE__ */ r(g, { ref: n, ...t })
 );
 C.displayName = "UrButton";
-const M = a({
+const b = a({
   tagName: "ur-input",
   elementClass: m,
   react: e,
@@ -22,11 +22,11 @@ const M = a({
     onInput: "ur-input",
     onChange: "ur-change"
   }
-}), k = e.forwardRef(
+}), w = e.forwardRef(
   (t, n) => {
     const { onInput: o, onChange: s, ...c } = t;
     return /* @__PURE__ */ r(
-      M,
+      b,
       {
         ref: n,
         ...c,
@@ -36,117 +36,126 @@ const M = a({
     );
   }
 );
-k.displayName = "UrInput";
-const T = a({
+w.displayName = "UrInput";
+const y = a({
   tagName: "ur-text",
   elementClass: l,
   react: e
-}), S = e.forwardRef(
-  (t, n) => /* @__PURE__ */ r(T, { ref: n, ...t })
+}), M = e.forwardRef(
+  (t, n) => /* @__PURE__ */ r(y, { ref: n, ...t })
 );
-S.displayName = "UrText";
-const L = a({
+M.displayName = "UrText";
+const T = a({
   tagName: "ur-back-button",
   elementClass: i,
   react: e,
   events: {
     onClick: "click"
   }
-}), R = e.forwardRef((t, n) => /* @__PURE__ */ r(L, { ref: n, ...t }));
+}), R = e.forwardRef((t, n) => /* @__PURE__ */ r(T, { ref: n, ...t }));
 R.displayName = "UrBackButton";
-const E = a({
+const S = a({
   tagName: "ur-icon-spinner",
-  elementClass: U,
+  elementClass: I,
   react: e
-}), b = e.forwardRef((t, n) => /* @__PURE__ */ r(E, { ref: n, ...t }));
-b.displayName = "UrIconSpinner";
-const w = a({
+}), E = e.forwardRef((t, n) => /* @__PURE__ */ r(S, { ref: n, ...t }));
+E.displayName = "UrIconSpinner";
+const L = a({
   tagName: "ur-icon-hamburger",
+  elementClass: U,
+  react: e
+}), $ = e.forwardRef((t, n) => /* @__PURE__ */ r(L, { ref: n, ...t }));
+$.displayName = "UrIconHamburger";
+const x = a({
+  tagName: "ur-icon-network-instability",
   elementClass: p,
   react: e
-}), y = e.forwardRef((t, n) => /* @__PURE__ */ r(w, { ref: n, ...t }));
-y.displayName = "UrIconHamburger";
-const $ = a({
+}), v = e.forwardRef((t, n) => /* @__PURE__ */ r(x, { ref: n, ...t }));
+v.displayName = "UrIconNetworkInstability";
+const h = a({
   tagName: "ur-menu",
-  elementClass: I,
+  elementClass: N,
   react: e,
   events: {
     onUrMenuClose: "ur-menu-close"
   }
-}), x = e.forwardRef(
-  (t, n) => /* @__PURE__ */ r($, { ref: n, ...t })
+}), H = e.forwardRef(
+  (t, n) => /* @__PURE__ */ r(h, { ref: n, ...t })
 );
-x.displayName = "UrMenu";
-const v = a({
+H.displayName = "UrMenu";
+const A = a({
   tagName: "ur-menu-button",
   elementClass: d,
   react: e,
   events: {}
-}), h = e.forwardRef((t, n) => /* @__PURE__ */ r(v, { ref: n, ...t, slot: "button" }));
-h.displayName = "UrMenuButton";
-const H = a({
+}), _ = e.forwardRef((t, n) => /* @__PURE__ */ r(A, { ref: n, ...t, slot: "button" }));
+_.displayName = "UrMenuButton";
+const P = a({
   tagName: "ur-menu-item",
   elementClass: f,
   react: e,
   events: {
     onMenuItemClick: "ur-menu-item-click"
   }
-}), A = e.forwardRef(
-  (t, n) => /* @__PURE__ */ r(H, { ref: n, ...t })
+}), j = e.forwardRef(
+  (t, n) => /* @__PURE__ */ r(P, { ref: n, ...t })
 );
-A.displayName = "UrMenuItem";
-const _ = a({
+j.displayName = "UrMenuItem";
+const O = a({
   tagName: "ur-selected-location",
-  elementClass: N,
+  elementClass: k,
   react: e,
   events: {
     onClick: "click"
   }
-}), P = e.forwardRef((t, n) => /* @__PURE__ */ r(_, { ref: n, ...t }));
-P.displayName = "UrSelectedLocation";
-const j = a({
+}), V = e.forwardRef((t, n) => /* @__PURE__ */ r(O, { ref: n, ...t }));
+V.displayName = "UrSelectedLocation";
+const Y = a({
   tagName: "ur-location-list-item",
   elementClass: B,
   react: e,
   events: {
     onClick: "click"
   }
-}), O = e.forwardRef((t, n) => /* @__PURE__ */ r(j, { ref: n, ...t }));
-O.displayName = "UrLocationListItem";
+}), X = e.forwardRef((t, n) => /* @__PURE__ */ r(Y, { ref: n, ...t }));
+X.displayName = "UrLocationListItem";
 export {
-  D as BUTTON_TYPES,
-  F as BUTTON_VARIANTS,
-  L as BackButton,
+  J as BUTTON_TYPES,
+  K as BUTTON_VARIANTS,
+  T as BackButton,
   g as Button,
-  G as INPUT_TYPES,
-  w as IconHamburger,
-  E as IconSpinner,
-  M as Input,
-  $ as Menu,
-  v as MenuButton,
-  H as MenuItem,
-  _ as SelectedLocation,
-  J as TEXT_VARIANTS,
-  T as Text,
+  Q as INPUT_TYPES,
+  L as IconHamburger,
+  x as IconNetworkInstability,
+  S as IconSpinner,
+  b as Input,
+  h as Menu,
+  A as MenuButton,
+  P as MenuItem,
+  O as SelectedLocation,
+  W as TEXT_VARIANTS,
+  y as Text,
   R as UrBackButton,
   i as UrBackButtonElement,
   C as UrButton,
   u as UrButtonElement,
-  y as UrIconHamburger,
-  p as UrIconHamburgerElement,
-  b as UrIconSpinner,
-  U as UrIconSpinnerElement,
-  k as UrInput,
+  $ as UrIconHamburger,
+  U as UrIconHamburgerElement,
+  v as UrIconNetworkInstability,
+  p as UrIconNetworkInstabilityElement,
+  E as UrIconSpinner,
+  I as UrIconSpinnerElement,
+  w as UrInput,
   m as UrInputElement,
-  O as UrLocationListItem,
-  x as UrMenu,
-  h as UrMenuButton,
+  X as UrLocationListItem,
+  H as UrMenu,
+  _ as UrMenuButton,
   d as UrMenuButtonElement,
-  I as UrMenuElement,
-  A as UrMenuItem,
+  N as UrMenuElement,
+  j as UrMenuItem,
   f as UrMenuItemElement,
-  P as UrSelectedLocation,
-  N as UrSelectedLocationElement,
-  S as UrText,
+  V as UrSelectedLocation,
+  k as UrSelectedLocationElement,
+  M as UrText,
   l as UrTextElement
 };

package/dist/{selected-location-CzeT_ZqM.js → selected-location-B7xjq7zE.js}

@@ -1275,6 +1275,7 @@ const qt = c`
 		align-items: center;
 		justify-content: space-between;
 		width: 100%;
+		min-height: 3.6rem;
 		box-sizing: border-box;
 		padding: var(--ur-space-sm) var(--ur-space-md);
 		cursor: pointer;
@@ -1821,10 +1822,12 @@ let g = class extends p {
 
 					<div class="location-text-content">
 						<ur-text variant="body">${this.name}</ur-text>
-						<ur-text variant="small" color="var(--ur-color-gray)">
-							${this.formatNumber(this.providerCount)}
-							provider${this.providerCount === 1 ? "" : "s"}
-						</ur-text>
+						${this.providerCount > 0 ? h`
+									<ur-text variant="small" color="var(--ur-color-gray)">
+										${this.formatNumber(this.providerCount)}
+										provider${this.providerCount === 1 ? "" : "s"}
+									</ur-text>
+								` : null}
 					</div>
 				</div>
 

package/package.json

@@ -2,7 +2,7 @@
 	"name": "@urnetwork/elements",
 	"author": "URnetwork <support@ur.io> (https://ur.io)",
 	"license": "ISC",
-	"version": "0.0.1-beta.1",
+	"version": "0.0.1-beta.3",
 	"repository": {
 		"type": "git",
 		"url": "git+https://github.com/urnetwork/elements.git"