@koide-labs/ui 0.0.12 → 0.0.14
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.
- package/dist/components/command/index.d.ts +1 -1
- package/dist/components/command/index.js +1 -1
- package/dist/components/icon-button/index.d.ts +1 -1
- package/dist/components/icon-button/index.js +13 -11
- package/dist/components/popover/index.js +1 -1
- package/dist/components/preview-card/index.js +1 -1
- package/dist/components/toast/toast.js +564 -519
- package/dist/components/tooltip/index.js +1 -1
- package/dist/components/tooltip/tooltip-arrow.js +1 -1
- package/dist/toast.css +1 -1
- package/dist/{tooltip-arrow-C1qXdi5T.js → tooltip-arrow-cs6vjjqZ.js} +6 -6
- package/dist/tooltip-arrow.css +1 -1
- package/package.json +22 -19
|
@@ -3,7 +3,7 @@ import { jsx as O, jsxs as ne } from "react/jsx-runtime";
|
|
|
3
3
|
import { c as Ee } from "../../clsx-OuTLNxxd.js";
|
|
4
4
|
import { textify as Se } from "../../-utils.js";
|
|
5
5
|
import { Surface as xe } from "../surface/index.js";
|
|
6
|
-
import { t as oe, T as be } from "../../tooltip-arrow-
|
|
6
|
+
import { t as oe, T as be } from "../../tooltip-arrow-cs6vjjqZ.js";
|
|
7
7
|
import { R as Oe, P as we, c as N, d as Me, e as Ie, f as Ne, p as $, t as De } from "../../transitions.module-CWX8e5cx.js";
|
|
8
8
|
import * as o from "react";
|
|
9
9
|
import { u as le, T as Ae } from "../../useTimeout-CflX-kz3.js";
|
package/dist/toast.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._toast__viewport_uzvu6_1{position:fixed;right:var(--space-8);bottom:var(--space-8);z-index:49;margin:0 auto;isolation:isolate;width:var(--space-256)}@media(min-width:512px){._toast__viewport_uzvu6_1{right:var(--space-16);bottom:var(--space-16)}}._toast_uzvu6_1{--toast-custom-gap: var(--space-12);--toast-custom-peek: var(--space-12);--toast-custom-scale: max(0, 1 - (var(--toast-index) * .1)) ;--toast-custom-shrink: calc(1 - var(--toast-custom-scale));--toast-custom-height: var(--toast-frontmost-height, var(--toast-height));--toast-custom-offset-y: calc( var(--toast-offset-y) * -1 + (var(--toast-index) * var(--toast-custom-gap) * -1) + var(--toast-swipe-movement-y) );display:flex;position:absolute;right:0;bottom:0;left:auto;flex-direction:row;align-items:center;gap:var(--space-8);transform:translate(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--toast-custom-peek)) - (var(--toast-custom-shrink) * var(--toast-custom-height)))) scale(var(--toast-custom-scale));transform-origin:bottom center;z-index:calc(1000 - var(--toast-index));transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s,height var(--transition-duration-snappy);cursor:default;box-sizing:border-box;margin:0 0 0 auto;border-width:1px;border-style:solid;border-radius:var(--border-radius-default);background-clip:padding-box;width:100%;height:var(--toast-custom-height);-webkit-user-select:none;-moz-user-select:none;user-select:none}._toast_uzvu6_1[data-expanded]{transform:translate(var(--toast-swipe-movement-x)) translateY(var(--toast-custom-offset-y));height:var(--toast-height)}._toast_uzvu6_1[data-starting-style],._toast_uzvu6_1[data-ending-style]{transform:translateY(150%)}._toast_uzvu6_1[data-limited],._toast_uzvu6_1[data-ending-style]{opacity:0}._toast_uzvu6_1[data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 50%))}._toast_uzvu6_1[data-ending-style][data-swipe-direction=left]{transform:translate(calc(var(--toast-swipe-movement-x) - 50%)) translateY(var(--toast-custom-offset-y))}._toast_uzvu6_1[data-ending-style][data-swipe-direction=right]{transform:translate(calc(var(--toast-swipe-movement-x) + 50%)) translateY(var(--toast-custom-offset-y))}._toast_uzvu6_1[data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 50%))}._toast_uzvu6_1:after{display:block;position:absolute;top:100%;left:0;width:100%;height:calc(var(--toast-custom-gap) + 1px);content:""}._toast_variant_neutral_uzvu6_111{border-color:var(--surface-interactive-border);background:var(--surface-background);color:var(--foreground-default)}._toast_variant_colorway_uzvu6_117{border-color:var(--view-colorway-dimmer);background:var(--view-colorway-dimmest);color:var(--view-colorway-strongest)}._toast__content_uzvu6_123{position:relative;flex-grow:1;flex-shrink:1;gap:var(--space-8);transition:opacity var(--transition-duration-snappy) var(--transition-timing-function-snappy);padding:var(--space-12);overflow:hidden}._toast__content_uzvu6_123[data-behind]{opacity:0}._toast__content_uzvu6_123[data-expanded]{opacity:1}._toast__header_uzvu6_142{gap:var(--space-4)}._toast__header_pad_uzvu6_146{padding-right:var(--space-24)}._toast__title_uzvu6_150,._toast__description_uzvu6_154{flex:1 1 auto}._toast__close_uzvu6_158{position:absolute;top:var(--space-12);right:var(--space-12)}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { c as r } from "./clsx-OuTLNxxd.js";
|
|
3
|
-
import './tooltip-arrow.css';const i = "
|
|
3
|
+
import './tooltip-arrow.css';const i = "_tooltip_j3wze_1", _ = "_tooltip__arrow_j3wze_10", p = {
|
|
4
4
|
tooltip: i,
|
|
5
5
|
tooltip__arrow: _,
|
|
6
|
-
"tooltip__arrow-icon": "_tooltip__arrow-
|
|
6
|
+
"tooltip__arrow-icon": "_tooltip__arrow-icon_j3wze_35"
|
|
7
7
|
};
|
|
8
|
-
function
|
|
8
|
+
function e(t) {
|
|
9
9
|
return /* @__PURE__ */ o(
|
|
10
10
|
"svg",
|
|
11
11
|
{
|
|
@@ -13,12 +13,12 @@ function s(t) {
|
|
|
13
13
|
height: "5",
|
|
14
14
|
viewBox: "0 0 30 10",
|
|
15
15
|
preserveAspectRatio: "none",
|
|
16
|
-
className: r(
|
|
16
|
+
className: r(p["tooltip__arrow-icon"], t.className),
|
|
17
17
|
children: /* @__PURE__ */ o("polygon", { points: "0,0 30,0 15,10" })
|
|
18
18
|
}
|
|
19
19
|
);
|
|
20
20
|
}
|
|
21
21
|
export {
|
|
22
|
-
|
|
23
|
-
|
|
22
|
+
e as T,
|
|
23
|
+
p as t
|
|
24
24
|
};
|
package/dist/tooltip-arrow.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._tooltip_j3wze_1{z-index:49;box-shadow:var(--shadow-1);border:1px solid var(--outline-dimmer);border-radius:var(--border-radius-default);background-color:var(--surface-background);padding:var(--space-4) var(--space-8)}._tooltip__arrow_j3wze_10[data-instant]{transition:none}._tooltip__arrow_j3wze_10[data-side=top]{bottom:-4px}._tooltip__arrow_j3wze_10[data-side=bottom]{top:-4px;rotate:180deg}._tooltip__arrow_j3wze_10[data-side=left]{right:-7px;rotate:-90deg}._tooltip__arrow_j3wze_10[data-side=right]{left:-7px;rotate:90deg}._tooltip__arrow-icon_j3wze_35{display:block;position:relative;fill:var(--surface-background)!important;stroke:var(--outline-dimmer);stroke-dasharray:0 30 22 0 22;stroke-linejoin:round;stroke-width:2;border-top:1px solid var(--surface-background)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@koide-labs/ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.14",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"exports": {
|
|
@@ -29,12 +29,29 @@
|
|
|
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
|
+
},
|
|
32
49
|
"dependencies": {
|
|
33
50
|
"@base-ui/react": "^1.0.0",
|
|
51
|
+
"@npham-dev/cmdk": "^0.0.0",
|
|
34
52
|
"@radix-ui/react-visually-hidden": "^1.2.4",
|
|
35
53
|
"autosize": "^6.0.1",
|
|
36
54
|
"clsx": "^2.1.1",
|
|
37
|
-
"cmdk": "github:npham-dev/cmdk#main&path:/cmdk",
|
|
38
55
|
"date-fns": "^4.1.0",
|
|
39
56
|
"modern-normalize": "^3.0.1",
|
|
40
57
|
"prismjs": "^1.30.0",
|
|
@@ -45,8 +62,8 @@
|
|
|
45
62
|
"peerDependencies": {
|
|
46
63
|
"react": "^19.2.0",
|
|
47
64
|
"react-dom": "^19.2.0",
|
|
48
|
-
"
|
|
49
|
-
"
|
|
65
|
+
"react-markdown": "^10.1.0",
|
|
66
|
+
"remixicon": "^4.8.0"
|
|
50
67
|
},
|
|
51
68
|
"peerDependenciesMeta": {
|
|
52
69
|
"react-markdown": {
|
|
@@ -99,19 +116,5 @@
|
|
|
99
116
|
"vite-plugin-lib-inject-css": "^2.2.2",
|
|
100
117
|
"vite-tsconfig-paths": "^6.0.3",
|
|
101
118
|
"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"
|
|
116
119
|
}
|
|
117
|
-
}
|
|
120
|
+
}
|