@cfx-dev/ui-components 2.1.7 → 2.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/assets/InfoPanel.css +1 -1
  2. package/dist/components/InfoPanel/InfoPanel.js +21 -21
  3. package/package.json +1 -1
package/dist/assets/InfoPanel.css CHANGED
@@ -1 +1 @@
1
- ._rootUnset_1kt7h_1{all:unset}._root_1kt7h_1{width:100%;box-sizing:border-box;display:flex;align-items:center;gap:calc(var(--quant) * 1.5);padding:var(--offset-medium) var(--offset-large);background-color:var(--bg-color);border-left:solid calc(var(--quant) * .75) var(--border-color);border-radius:var(--border-radius-small)}._root_1kt7h_1{transition:all .25s ease,outline-offset 0s,outline 0s}._root_1kt7h_1._interactive_1kt7h_19{cursor:pointer}._root_1kt7h_1._interactive_1kt7h_19:hover ._interactiveIcon_1kt7h_22{opacity:1;transform:translate(0)}._root_1kt7h_1._interactive_1kt7h_19:focus-visible,._root_1kt7h_1._interactive_1kt7h_19:focus-visible:hover{outline-offset:var(--info-panel-focus-border-size, initial);outline:var(--info-panel-focus-border-size, initial) solid var(--border-color)}._root_1kt7h_1._interactive_1kt7h_19:focus-visible ._interactiveIcon_1kt7h_22,._root_1kt7h_1._interactive_1kt7h_19:focus-visible:hover ._interactiveIcon_1kt7h_22{opacity:1;transform:translate(0)}._root_1kt7h_1._type-neutral_1kt7h_34{--bg-color: var(--color-info-panel-background);--border-color: var(--color-info-panel-border)}._root_1kt7h_1._type-neutral_1kt7h_34._interactive_1kt7h_19:hover{--bg-color: var(--color-info-panel-background-hover)}._root_1kt7h_1._type-error_1kt7h_41{--bg-color: var(--color-info-panel-error-background);--border-color: var(--color-info-panel-error-border)}._root_1kt7h_1._type-error_1kt7h_41._interactive_1kt7h_19:hover{--bg-color: var(--color-info-panel-error-background-hover)}._root_1kt7h_1._type-success_1kt7h_48{--bg-color: var(--color-info-panel-success-background);--border-color: var(--color-info-panel-success-border)}._root_1kt7h_1._type-success_1kt7h_48._interactive_1kt7h_19:hover{--bg-color: var(--color-info-panel-success-background-hover)}._root_1kt7h_1._type-warning_1kt7h_55{--bg-color: var(--color-info-panel-warning-background);--border-color: var(--color-info-panel-warning-border)}._root_1kt7h_1._type-warning_1kt7h_55._interactive_1kt7h_19:hover{--bg-color: var(--color-info-panel-warning-background-hover)}._root_1kt7h_1._size-small_1kt7h_62{min-height:var(--control-height-small)}._root_1kt7h_1._size-large_1kt7h_65{gap:var(--offset-normal);min-height:var(--control-height-large)}._root_1kt7h_1 ._icon_1kt7h_69{flex-shrink:0;color:var(--border-color)}._root_1kt7h_1 ._content_1kt7h_73{flex-grow:1}._root_1kt7h_1 ._interactiveIcon_1kt7h_22{opacity:0;transform:translate(calc(-1 * var(--quant)))}._root_1kt7h_1 ._interactiveIcon_1kt7h_22{transition:all .25s ease,outline-offset 0s,outline 0s}
1
+ ._rootUnset_1cbhk_1{all:unset}._root_1cbhk_1{width:100%;box-sizing:border-box;display:flex;align-items:center;gap:calc(var(--quant) * 1.5);padding:var(--offset-medium) var(--offset-large);background-color:var(--bg-color);border-left:solid calc(var(--quant) * .75) var(--border-color);border-radius:var(--border-radius-small)}._root_1cbhk_1{transition:all .25s ease,outline-offset 0s,outline 0s}._root_1cbhk_1._interactive_1cbhk_19{cursor:pointer}._root_1cbhk_1._interactive_1cbhk_19:hover ._interactiveIcon_1cbhk_22{opacity:1;transform:translate(0)}._root_1cbhk_1._interactive_1cbhk_19:focus-visible,._root_1cbhk_1._interactive_1cbhk_19:focus-visible:hover{outline-offset:var(--info-panel-focus-border-size, initial);outline:var(--info-panel-focus-border-size, initial) solid var(--border-color)}._root_1cbhk_1._interactive_1cbhk_19:focus-visible ._interactiveIcon_1cbhk_22,._root_1cbhk_1._interactive_1cbhk_19:focus-visible:hover ._interactiveIcon_1cbhk_22{opacity:1;transform:translate(0)}._root_1cbhk_1._type-neutral_1cbhk_34{--bg-color: var(--color-info-panel-background);--border-color: var(--color-info-panel-border)}._root_1cbhk_1._type-neutral_1cbhk_34._interactive_1cbhk_19:hover{--bg-color: var(--color-info-panel-background-hover)}._root_1cbhk_1._type-error_1cbhk_41{--bg-color: var(--color-info-panel-error-background);--border-color: var(--color-info-panel-error-border)}._root_1cbhk_1._type-error_1cbhk_41._interactive_1cbhk_19:hover{--bg-color: var(--color-info-panel-error-background-hover)}._root_1cbhk_1._type-success_1cbhk_48{--bg-color: var(--color-info-panel-success-background);--border-color: var(--color-info-panel-success-border)}._root_1cbhk_1._type-success_1cbhk_48._interactive_1cbhk_19:hover{--bg-color: var(--color-info-panel-success-background-hover)}._root_1cbhk_1._type-warning_1cbhk_55{--bg-color: var(--color-info-panel-warning-background);--border-color: var(--color-info-panel-warning-border)}._root_1cbhk_1._type-warning_1cbhk_55._interactive_1cbhk_19:hover{--bg-color: var(--color-info-panel-warning-background-hover)}._root_1cbhk_1._size-small_1cbhk_62{min-height:var(--control-height-small);padding:var(--offset-small) var(--offset-small)}._root_1cbhk_1._size-large_1cbhk_66{gap:var(--offset-normal);min-height:var(--control-height-large)}._root_1cbhk_1 ._icon_1cbhk_70{flex-shrink:0;color:var(--border-color)}._root_1cbhk_1 ._content_1cbhk_74{flex-grow:1}._root_1cbhk_1 ._interactiveIcon_1cbhk_22{opacity:0;transform:translate(calc(-1 * var(--quant)))}._root_1cbhk_1 ._interactiveIcon_1cbhk_22{transition:all .25s ease,outline-offset 0s,outline 0s}
package/dist/components/InfoPanel/InfoPanel.js CHANGED
@@ -1,22 +1,22 @@
1
1
  import { jsxs as p, jsx as o } from "react/jsx-runtime";
2
- import h from "react";
3
- import { Icon as s } from "../Icon/Icon.js";
4
- import { clsx as k } from "../../utils/clsx.js";
5
- import '../../assets/InfoPanel.css';const u = "_rootUnset_1kt7h_1", v = "_root_1kt7h_1", y = "_interactive_1kt7h_19", f = "_interactiveIcon_1kt7h_22", x = "_icon_1kt7h_69", z = "_content_1kt7h_73", t = {
6
- rootUnset: u,
7
- root: v,
8
- interactive: y,
9
- interactiveIcon: f,
10
- "type-neutral": "_type-neutral_1kt7h_34",
11
- "type-error": "_type-error_1kt7h_41",
12
- "type-success": "_type-success_1kt7h_48",
13
- "type-warning": "_type-warning_1kt7h_55",
14
- "size-small": "_size-small_1kt7h_62",
15
- "size-large": "_size-large_1kt7h_65",
16
- icon: x,
17
- content: z
2
+ import b from "react";
3
+ import { Icon as c } from "../Icon/Icon.js";
4
+ import { clsx as h } from "../../utils/clsx.js";
5
+ import '../../assets/InfoPanel.css';const k = "_rootUnset_1cbhk_1", u = "_root_1cbhk_1", v = "_interactive_1cbhk_19", y = "_interactiveIcon_1cbhk_22", f = "_icon_1cbhk_70", x = "_content_1cbhk_74", t = {
6
+ rootUnset: k,
7
+ root: u,
8
+ interactive: v,
9
+ interactiveIcon: y,
10
+ "type-neutral": "_type-neutral_1cbhk_34",
11
+ "type-error": "_type-error_1cbhk_41",
12
+ "type-success": "_type-success_1cbhk_48",
13
+ "type-warning": "_type-warning_1cbhk_55",
14
+ "size-small": "_size-small_1cbhk_62",
15
+ "size-large": "_size-large_1cbhk_66",
16
+ icon: f,
17
+ content: x
18
18
  };
19
- function d(c) {
19
+ function z(s) {
20
20
  const {
21
21
  type: r = "neutral",
22
22
  size: a = "normal",
@@ -25,7 +25,7 @@ function d(c) {
25
25
  ariaLabel: _,
26
26
  icon: n,
27
27
  children: l
28
- } = c, m = k(
28
+ } = s, m = h(
29
29
  t.rootUnset,
30
30
  t.root,
31
31
  i,
@@ -43,14 +43,14 @@ function d(c) {
43
43
  onClick: e,
44
44
  "aria-label": _,
45
45
  children: [
46
- n && /* @__PURE__ */ o(s, { size: "xxsmall", name: n, className: t.icon }),
46
+ n && /* @__PURE__ */ o(c, { size: "xxsmall", name: n, className: t.icon }),
47
47
  /* @__PURE__ */ o("div", { className: t.content, children: l }),
48
- e && /* @__PURE__ */ o(s, { size: "xxsmall", name: "LeftArrow", className: t.interactiveIcon })
48
+ e && /* @__PURE__ */ o(c, { size: "xxsmall", name: "LeftArrow", className: t.interactiveIcon })
49
49
  ]
50
50
  }
51
51
  );
52
52
  }
53
- const U = h.memo(d);
53
+ const U = b.memo(z);
54
54
  export {
55
55
  U as default
56
56
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@cfx-dev/ui-components",
3
3
  "private": false,
4
- "version": "2.1.7",
4
+ "version": "2.1.8",
5
5
  "type": "module",
6
6
  "license": "MIT",
7
7
  "main": "dist/main.js",