@koide-labs/ui 0.0.10 → 0.0.12
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/anchor/index.js +7 -10
- package/dist/components/badge/index.d.ts +1 -1
- package/dist/components/badge/index.js +29 -27
- package/dist/components/collapse/index.js +5 -11
- package/dist/components/heading/index.js +1 -6
- package/dist/components/status-banner/index.d.ts +1 -1
- package/dist/components/status-banner/index.js +15 -13
- package/dist/components/text/index.js +13 -16
- package/dist/components/toast/toast.js +258 -260
- package/dist/components/view/index.js +19 -22
- package/dist/toast.css +1 -1
- package/package.json +16 -19
|
@@ -51,28 +51,25 @@ import '../../index21.css';const g = "_view_colorway_ldhog_1", d = "_view_colorw
|
|
|
51
51
|
return v({
|
|
52
52
|
defaultTagName: "div",
|
|
53
53
|
render: r,
|
|
54
|
-
props: y(
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
_.colorway
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
},
|
|
74
|
-
a
|
|
75
|
-
)
|
|
54
|
+
props: y(a, {
|
|
55
|
+
className: t(
|
|
56
|
+
n.view,
|
|
57
|
+
e && l[`view_colorway_color-${e}`],
|
|
58
|
+
_.interactive && [
|
|
59
|
+
c.view_interactive,
|
|
60
|
+
c[`view_interactive_${_.interactive}`]
|
|
61
|
+
],
|
|
62
|
+
_.colorway && [
|
|
63
|
+
_.colorway[1].endsWith("static") ? l.view_colorway_static : l.view_colorway,
|
|
64
|
+
l[`view_colorway_${_.colorway[1]}`],
|
|
65
|
+
l[`view_colorway_color-${_.colorway[0]}`]
|
|
66
|
+
],
|
|
67
|
+
_.loading && [
|
|
68
|
+
w.view_loading,
|
|
69
|
+
w[`view_loading_${_.loading}`]
|
|
70
|
+
]
|
|
71
|
+
)
|
|
72
|
+
})
|
|
76
73
|
});
|
|
77
74
|
}, k = (o) => {
|
|
78
75
|
let i = null, e = null;
|
package/dist/toast.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._toast__viewport_1if9c_1{position:fixed;z-index:1;margin:0 auto;inset:auto var(--space-8) var(--space-8) auto;width:var(--space-256)}@media(min-width:512px){._toast__viewport_1if9c_1{right:var(--space-16);bottom:var(--space-16)}}._toast_1if9c_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_1if9c_1[data-expanded]{transform:translate(var(--toast-swipe-movement-x)) translateY(var(--toast-custom-offset-y));height:var(--toast-height)}._toast_1if9c_1[data-starting-style],._toast_1if9c_1[data-ending-style]{transform:translateY(150%)}._toast_1if9c_1[data-limited],._toast_1if9c_1[data-ending-style]{opacity:0}._toast_1if9c_1[data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 50%))}._toast_1if9c_1[data-ending-style][data-swipe-direction=left]{transform:translate(calc(var(--toast-swipe-movement-x) - 50%)) translateY(var(--toast-custom-offset-y))}._toast_1if9c_1[data-ending-style][data-swipe-direction=right]{transform:translate(calc(var(--toast-swipe-movement-x) + 50%)) translateY(var(--toast-custom-offset-y))}._toast_1if9c_1[data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 50%))}._toast_1if9c_1:after{display:block;position:absolute;top:100%;left:0;width:100%;height:calc(var(--toast-custom-gap) + 1px);content:""}._toast_variant_neutral_1if9c_109{border-color:var(--surface-interactive-border);background:var(--surface-background);color:var(--foreground-default)}._toast_variant_colorway_1if9c_115{border-color:var(--view-colorway-dimmer);background:var(--view-colorway-dimmest);color:var(--view-colorway-strongest)}._toast__content_1if9c_121{flex-grow:1;flex-shrink:1;gap:var(--space-16);transition:opacity var(--transition-duration-snappy) var(--transition-timing-function-snappy);padding:var(--space-12);overflow:hidden}._toast__content_1if9c_121[data-behind]{opacity:0}._toast__content_1if9c_121[data-expanded]{opacity:1}._toast__header_1if9c_139{flex:1 1 auto;gap:var(--space-4)}._toast__row_1if9c_144{flex:1 1 auto;flex-direction:row;justify-content:space-between;gap:var(--space-4)}._toast__title_1if9c_151,._toast__description_1if9c_155{flex:1 1 auto}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@koide-labs/ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.12",
|
|
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
|
+
}
|