@paciu/ui 0.0.2 → 0.0.3

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/ui.css +1 -1
  2. package/dist/index.js +8 -8
  3. package/package.json +1 -1
package/dist/assets/ui.css CHANGED
@@ -1 +1 @@
1
- button{position:relative;overflow:hidden;font:inherit;font-weight:600;width:100%;border:none;border-radius:16px;padding:0 15px;min-height:42px;cursor:pointer;background:#333;color:#fff;transition:.2s}button .hint{font-size:12px;opacity:.5;line-height:1}button.icon{padding:0;min-height:42px;min-width:42px;height:42px;width:42px;border-radius:36px;display:flex;justify-content:center;align-items:center}button.icon.small{min-height:32px;min-width:32px;height:32px;width:32px;border-radius:32px}button:hover{background:#292929}button .loading{width:100%;height:100%;background:#333;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center}button.text{color:#333;background:#3333330d}button.text:hover{background:#3333331a}button.text .loading{color:#333;background:#fff}button:disabled{opacity:.3;cursor:default;pointer-events:none}button.error{position:relative;overflow:hidden;font:inherit;font-weight:600;width:100%;border:none;border-radius:16px;padding:0 15px;min-height:42px;cursor:pointer;background:#ea2027;color:#fff;transition:.2s}button.error .hint{font-size:12px;opacity:.5;line-height:1}button.error.icon{padding:0;min-height:42px;min-width:42px;height:42px;width:42px;border-radius:36px;display:flex;justify-content:center;align-items:center}button.error.icon.small{min-height:32px;min-width:32px;height:32px;width:32px;border-radius:32px}button.error:hover{background:#e0161d}button.error .loading{width:100%;height:100%;background:#ea2027;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center}button.error.text{color:#ea2027;background:#ea20270d}button.error.text:hover{background:#ea20271a}button.error.text .loading{color:#ea2027;background:#fff}button.error:disabled{opacity:.3;cursor:default;pointer-events:none}
1
+ .paciu-ui-button{position:relative;overflow:hidden;font:inherit;font-weight:600;width:100%;border:none;border-radius:16px;padding:0 15px;min-height:42px;cursor:pointer;background:#333;color:#fff;transition:.2s}.paciu-ui-button .hint{font-size:12px;opacity:.5;line-height:1}.paciu-ui-button.icon{padding:0;min-height:42px;min-width:42px;height:42px;width:42px;border-radius:36px;display:flex;justify-content:center;align-items:center}.paciu-ui-button.icon.small{min-height:32px;min-width:32px;height:32px;width:32px;border-radius:32px}.paciu-ui-button:hover{background:#292929}.paciu-ui-button .loading{width:100%;height:100%;background:#333;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center}.paciu-ui-button.text{color:#333;background:#3333330d}.paciu-ui-button.text:hover{background:#3333331a}.paciu-ui-button.text .loading{color:#333;background:#fff}.paciu-ui-button:disabled{opacity:.3;cursor:default;pointer-events:none}.paciu-ui-button.error{position:relative;overflow:hidden;font:inherit;font-weight:600;width:100%;border:none;border-radius:16px;padding:0 15px;min-height:42px;cursor:pointer;background:#ea2027;color:#fff;transition:.2s}.paciu-ui-button.error .hint{font-size:12px;opacity:.5;line-height:1}.paciu-ui-button.error.icon{padding:0;min-height:42px;min-width:42px;height:42px;width:42px;border-radius:36px;display:flex;justify-content:center;align-items:center}.paciu-ui-button.error.icon.small{min-height:32px;min-width:32px;height:32px;width:32px;border-radius:32px}.paciu-ui-button.error:hover{background:#e0161d}.paciu-ui-button.error .loading{width:100%;height:100%;background:#ea2027;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center}.paciu-ui-button.error.text{color:#ea2027;background:#ea20270d}.paciu-ui-button.error.text:hover{background:#ea20271a}.paciu-ui-button.error.text .loading{color:#ea2027;background:#fff}.paciu-ui-button.error:disabled{opacity:.3;cursor:default;pointer-events:none}
package/dist/index.js CHANGED
@@ -1,12 +1,12 @@
1
- import { jsxs as m, jsx as l } from "react/jsx-runtime";
2
- const u = (o) => {
3
- const { children: c, className: i, color: t, text: a, icon: e, small: r, loading: h, hint: n, ...d } = o, s = [];
4
- return a && s.push("text"), e && s.push("icon"), r && s.push("small"), t && s.push(t), i && s.push(i), /* @__PURE__ */ m("button", { className: s.join(" "), ...d, children: [
5
- c,
6
- n && /* @__PURE__ */ l("div", { className: "hint", children: n }),
7
- h && /* @__PURE__ */ l("div", { className: "loading", children: "Загрузка ..." })
1
+ import { jsxs as p, jsx as o } from "react/jsx-runtime";
2
+ const m = (c) => {
3
+ const { children: l, className: i, color: t, text: a, icon: e, small: r, loading: h, hint: n, ...u } = c, s = ["paciu-ui-button"];
4
+ return a && s.push("text"), e && s.push("icon"), r && s.push("small"), t && s.push(t), i && s.push(i), /* @__PURE__ */ p("button", { className: s.join(" "), ...u, children: [
5
+ l,
6
+ n && /* @__PURE__ */ o("div", { className: "hint", children: n }),
7
+ h && /* @__PURE__ */ o("div", { className: "loading", children: "Загрузка ..." })
8
8
  ] });
9
9
  };
10
10
  export {
11
- u as Button
11
+ m as Button
12
12
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@paciu/ui",
3
- "version": "0.0.2",
3
+ "version": "0.0.3",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist"