@koide-labs/ui 0.0.9 → 0.0.11

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 (5) hide show
  1. package/dist/components/status-banner/index.d.ts +1 -1
  2. package/dist/components/status-banner/index.js +15 -13
  3. package/dist/index2.css +1 -1
  4. package/dist/integrations/react-markdown/index.js +31 -31
  5. package/package.json +16 -19
package/dist/components/status-banner/index.d.ts CHANGED
@@ -14,4 +14,4 @@ export interface StatusBannerProps extends Omit<useRender.ComponentProps<"div">,
14
14
  /** Size, defaults to lg */
15
15
  size?: Extract<Size, "md" | "lg">;
16
16
  }
17
- export declare function StatusBanner({ color, icon, title, description, size, render, ...props }: StatusBannerProps): import("react/jsx-runtime").JSX.Element;
17
+ export declare function StatusBanner({ color, icon, title, description, size, render, className, ...props }: StatusBannerProps): import("react/jsx-runtime").JSX.Element;
package/dist/components/status-banner/index.js CHANGED
@@ -1,9 +1,9 @@
1
1
  "use client";
2
2
  import { jsxs as _, jsx as s } from "react/jsx-runtime";
3
- import { c as m } from "../../clsx-OuTLNxxd.js";
4
- import { Heading as b } from "../heading/index.js";
5
- import { Icon as d } from "../icon/index.js";
6
- import { Text as g } from "../text/index.js";
3
+ import { c as b } from "../../clsx-OuTLNxxd.js";
4
+ import { Heading as d } from "../heading/index.js";
5
+ import { Icon as g } from "../icon/index.js";
6
+ import { Text as p } from "../text/index.js";
7
7
  import { View as i } from "../view/index.js";
8
8
  import '../../index3.css';const t = {
9
9
  "status-banner": "_status-banner_zygt6_1",
@@ -26,32 +26,34 @@ import '../../index3.css';const t = {
26
26
  description: "md"
27
27
  }
28
28
  };
29
- function x({
29
+ function w({
30
30
  color: e,
31
31
  icon: r,
32
32
  title: o,
33
33
  description: l,
34
34
  size: n = "lg",
35
35
  render: u,
36
- ...c
36
+ className: c,
37
+ ...m
37
38
  }) {
38
39
  return /* @__PURE__ */ _(
39
40
  i,
40
41
  {
41
42
  render: u,
42
- ...c,
43
+ ...m,
43
44
  color: e,
44
- className: m(
45
+ className: b(
45
46
  t["status-banner"],
46
47
  t[`status-banner_size_${n}`],
47
- e ? t["status-banner_variant_colorway"] : t["status-banner_variant_neutral"]
48
+ e ? t["status-banner_variant_colorway"] : t["status-banner_variant_neutral"],
49
+ c
48
50
  ),
49
51
  children: [
50
- r ? /* @__PURE__ */ s(d, { name: r, size: a[n].icon }) : null,
52
+ r ? /* @__PURE__ */ s(g, { name: r, size: a[n].icon }) : null,
51
53
  /* @__PURE__ */ _(i, { className: t["status-banner__content"], children: [
52
- /* @__PURE__ */ s(b, { level: 1, size: a[n].title, color: "inherit", children: o }),
54
+ /* @__PURE__ */ s(d, { level: 1, size: a[n].title, color: "inherit", children: o }),
53
55
  /* @__PURE__ */ s(
54
- g,
56
+ p,
55
57
  {
56
58
  className: t["status-banner__description"],
57
59
  multiline: !0,
@@ -66,5 +68,5 @@ function x({
66
68
  );
67
69
  }
68
70
  export {
69
- x as StatusBanner
71
+ w as StatusBanner
70
72
  };
package/dist/index2.css CHANGED
@@ -1 +1 @@
1
- ._react-markdown_slb08_1{display:flex;flex-direction:column}._react-markdown__h1_slb08_6,._react-markdown__h2_slb08_7{margin-top:var(--space-24)}._react-markdown__h3_slb08_11,._react-markdown__h4_slb08_12{margin-top:var(--space-16)}._react-markdown__h5_slb08_16,._react-markdown__p_slb08_17,._react-markdown__code_slb08_18{margin-top:var(--space-8)}._react-markdown__ul_slb08_22{margin-top:var(--space-8);padding-left:var(--space-24);list-style-type:disc}._react-markdown__ol_slb08_28{margin-top:var(--space-8);padding-left:var(--space-24);list-style-type:decimal}._react-markdown__li_slb08_34{vertical-align:middle}._react-markdown__li_slb08_34>ul,._react-markdown__li_slb08_34>ol{margin-top:0}._react-markdown__img-root_slb08_45{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-8);margin-top:var(--space-8);text-align:center}._react-markdown__img_slb08_45{border:1px solid var(--surface-border-interactive);border-radius:var(--border-radius-default);background-color:var(--background-surface);width:100%;height:auto;overflow:hidden}
1
+ ._react-markdown_1hq09_1{display:flex;flex-direction:column}._react-markdown__h1_1hq09_6,._react-markdown__h2_1hq09_7{margin-top:var(--space-24)}._react-markdown__h3_1hq09_11,._react-markdown__h4_1hq09_12{margin-top:var(--space-16)}._react-markdown__h5_1hq09_16,._react-markdown__p_1hq09_17,._react-markdown__code_1hq09_18{margin-top:var(--space-8)}._react-markdown__ul_1hq09_22{margin-top:var(--space-8);padding-left:var(--space-24);list-style-type:disc}._react-markdown__ol_1hq09_28{margin-top:var(--space-8);padding-left:var(--space-24);list-style-type:decimal}._react-markdown__li_1hq09_34{vertical-align:middle}._react-markdown__li_1hq09_34>ul,._react-markdown__li_1hq09_34>ol{margin-top:0}._react-markdown__img-root_1hq09_45{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-8);margin-top:var(--space-8);text-align:center}._react-markdown__img_1hq09_45{border:1px solid var(--surface-interactive-border);border-radius:var(--border-radius-default);background-color:var(--surface-background);width:100%;height:auto;overflow:hidden}
package/dist/integrations/react-markdown/index.js CHANGED
@@ -1,36 +1,36 @@
1
- import { jsx as e, jsxs as d } from "react/jsx-runtime";
2
- import s from "react-markdown";
1
+ import { jsx as e, jsxs as l } from "react/jsx-runtime";
2
+ import i from "react-markdown";
3
3
  import { omit as a } from "../../-utils.js";
4
- import { Anchor as i } from "../../components/anchor/index.js";
5
- import { Code as w } from "../../components/code/index.js";
4
+ import { Anchor as h } from "../../components/anchor/index.js";
5
+ import { Code as s } from "../../components/code/index.js";
6
6
  import { Heading as m } from "../../components/heading/index.js";
7
- import { InlineCode as k } from "../../components/inline-code/index.js";
8
- import { S as h } from "../../index-DVjyPAD4.js";
9
- import { Text as l } from "../../components/text/index.js";
7
+ import { InlineCode as w } from "../../components/inline-code/index.js";
8
+ import { S as k } from "../../index-DVjyPAD4.js";
9
+ import { Text as c } from "../../components/text/index.js";
10
10
  import { View as u } from "../../components/view/index.js";
11
11
  import '../../index2.css';const _ = {
12
- "react-markdown__h1": "_react-markdown__h1_slb08_6",
13
- "react-markdown__h2": "_react-markdown__h2_slb08_7",
14
- "react-markdown__h3": "_react-markdown__h3_slb08_11",
15
- "react-markdown__h4": "_react-markdown__h4_slb08_12",
16
- "react-markdown__h5": "_react-markdown__h5_slb08_16",
17
- "react-markdown__p": "_react-markdown__p_slb08_17",
18
- "react-markdown__code": "_react-markdown__code_slb08_18",
19
- "react-markdown__ul": "_react-markdown__ul_slb08_22",
20
- "react-markdown__ol": "_react-markdown__ol_slb08_28",
21
- "react-markdown__li": "_react-markdown__li_slb08_34",
22
- "react-markdown__img-root": "_react-markdown__img-root_slb08_45",
23
- "react-markdown__img": "_react-markdown__img_slb08_45"
12
+ "react-markdown__h1": "_react-markdown__h1_1hq09_6",
13
+ "react-markdown__h2": "_react-markdown__h2_1hq09_7",
14
+ "react-markdown__h3": "_react-markdown__h3_1hq09_11",
15
+ "react-markdown__h4": "_react-markdown__h4_1hq09_12",
16
+ "react-markdown__h5": "_react-markdown__h5_1hq09_16",
17
+ "react-markdown__p": "_react-markdown__p_1hq09_17",
18
+ "react-markdown__code": "_react-markdown__code_1hq09_18",
19
+ "react-markdown__ul": "_react-markdown__ul_1hq09_22",
20
+ "react-markdown__ol": "_react-markdown__ol_1hq09_28",
21
+ "react-markdown__li": "_react-markdown__li_1hq09_34",
22
+ "react-markdown__img-root": "_react-markdown__img-root_1hq09_45",
23
+ "react-markdown__img": "_react-markdown__img_1hq09_45"
24
24
  };
25
- function z({
25
+ function S({
26
26
  components: n,
27
27
  children: t,
28
- ...c
28
+ ...d
29
29
  }) {
30
30
  return /* @__PURE__ */ e(
31
- s,
31
+ i,
32
32
  {
33
- ...c,
33
+ ...d,
34
34
  components: {
35
35
  h1: (r) => /* @__PURE__ */ e(
36
36
  m,
@@ -73,14 +73,14 @@ function z({
73
73
  }
74
74
  ),
75
75
  p: (r) => /* @__PURE__ */ e(
76
- l,
76
+ c,
77
77
  {
78
78
  ...a(r, ["node"]),
79
79
  multiline: !0,
80
80
  className: _["react-markdown__p"]
81
81
  }
82
82
  ),
83
- hr: () => /* @__PURE__ */ e(h, {}),
83
+ hr: () => /* @__PURE__ */ e(k, {}),
84
84
  ul: (r) => /* @__PURE__ */ e(
85
85
  "ul",
86
86
  {
@@ -103,7 +103,7 @@ function z({
103
103
  }
104
104
  ),
105
105
  a: ({ href: r, ...o }) => /* @__PURE__ */ e(
106
- i,
106
+ h,
107
107
  {
108
108
  ...a(o, ["node"]),
109
109
  href: r,
@@ -114,15 +114,15 @@ function z({
114
114
  }
115
115
  ),
116
116
  code: ({ className: r, ...o }) => typeof o.children == "string" && !o.children.includes(`
117
- `) ? /* @__PURE__ */ e(k, { ...a(o, ["node"]) }) : /* @__PURE__ */ e(
118
- w,
117
+ `) ? /* @__PURE__ */ e(w, { ...a(o, ["node"]) }) : /* @__PURE__ */ e(
118
+ s,
119
119
  {
120
120
  className: _["react-markdown__code"],
121
121
  ...a(o, ["node"]),
122
122
  language: g(r)
123
123
  }
124
124
  ),
125
- img: ({ alt: r, ...o }) => /* @__PURE__ */ d(u, { className: _["react-markdown__img-root"], children: [
125
+ img: ({ alt: r, ...o }) => /* @__PURE__ */ l(u, { className: _["react-markdown__img-root"], children: [
126
126
  /* @__PURE__ */ e(
127
127
  "img",
128
128
  {
@@ -131,7 +131,7 @@ function z({
131
131
  className: _["react-markdown__img"]
132
132
  }
133
133
  ),
134
- r ? /* @__PURE__ */ e(l, { size: "sm", color: "dimmer", multiline: !0, children: r }) : null
134
+ r ? /* @__PURE__ */ e(c, { size: "sm", color: "dimmer", multiline: !0, children: r }) : null
135
135
  ] }),
136
136
  ...n
137
137
  },
@@ -147,5 +147,5 @@ function f(n) {
147
147
  return n?.startsWith("https://");
148
148
  }
149
149
  export {
150
- z as Markdown
150
+ S as Markdown
151
151
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@koide-labs/ui",
3
- "version": "0.0.9",
3
+ "version": "0.0.11",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "exports": {
@@ -29,23 +29,6 @@
29
29
  "sideEffects": [
30
30
  "**/*.css"
31
31
  ],
32
- "packageManager": "pnpm@10.19.0",
33
- "scripts": {
34
- "dev": "vite",
35
- "build": "npm-run-all build:icons build:vite",
36
- "build:icons": "tsx ./scripts/build-icon-types.ts",
37
- "build:vite": "tsc -b && vite build",
38
- "preview": "vite preview",
39
- "prepare": "husky",
40
- "typecheck": "tsc -b --noEmit",
41
- "lint": "npm-run-all --parallel lint:*",
42
- "lint:ts": "eslint .",
43
- "lint:style": "stylelint src/**/*.module.css",
44
- "format": "prettier --write .",
45
- "storybook": "storybook dev -p 6006",
46
- "build-storybook": "storybook build",
47
- "prepublishOnly": "pnpm run build"
48
- },
49
32
  "dependencies": {
50
33
  "@base-ui/react": "^1.0.0",
51
34
  "@radix-ui/react-visually-hidden": "^1.2.4",
@@ -116,5 +99,19 @@
116
99
  "vite-plugin-lib-inject-css": "^2.2.2",
117
100
  "vite-tsconfig-paths": "^6.0.3",
118
101
  "vitest": "^4.0.16"
102
+ },
103
+ "scripts": {
104
+ "dev": "vite",
105
+ "build": "npm-run-all build:icons build:vite",
106
+ "build:icons": "tsx ./scripts/build-icon-types.ts",
107
+ "build:vite": "tsc -b && vite build",
108
+ "preview": "vite preview",
109
+ "typecheck": "tsc -b --noEmit",
110
+ "lint": "npm-run-all --parallel lint:*",
111
+ "lint:ts": "eslint .",
112
+ "lint:style": "stylelint src/**/*.module.css",
113
+ "format": "prettier --write .",
114
+ "storybook": "storybook dev -p 6006",
115
+ "build-storybook": "storybook build"
119
116
  }
120
- }
117
+ }