ui-library-sorin 0.0.0
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/assets/icons/ArrowIcon.cjs +1 -0
- package/dist/assets/icons/ArrowIcon.d.ts +1 -0
- package/dist/assets/icons/ArrowIcon.js +17 -0
- package/dist/assets/icons/CheckIcon.cjs +1 -0
- package/dist/assets/icons/CheckIcon.d.ts +1 -0
- package/dist/assets/icons/CheckIcon.js +17 -0
- package/dist/assets/icons/CheckLigthIcon.cjs +1 -0
- package/dist/assets/icons/CheckLigthIcon.d.ts +1 -0
- package/dist/assets/icons/CheckLigthIcon.js +17 -0
- package/dist/assets/icons/ErrorIcon.cjs +1 -0
- package/dist/assets/icons/ErrorIcon.d.ts +1 -0
- package/dist/assets/icons/ErrorIcon.js +30 -0
- package/dist/assets/icons/MagnifyingGlassIcon.cjs +1 -0
- package/dist/assets/icons/MagnifyingGlassIcon.d.ts +1 -0
- package/dist/assets/icons/MagnifyingGlassIcon.js +26 -0
- package/dist/components/Button/Button.d.ts +6 -0
- package/dist/components/Button/Button2.cjs +1 -0
- package/dist/components/Button/Button2.js +17 -0
- package/dist/components/Button/index.d.ts +1 -0
- package/dist/components/Checkbox/Checkbox.d.ts +5 -0
- package/dist/components/Checkbox/Checkbox2.cjs +1 -0
- package/dist/components/Checkbox/Checkbox2.js +23 -0
- package/dist/components/Checkbox/index.d.ts +2 -0
- package/dist/components/IconButton/IconButton.d.ts +7 -0
- package/dist/components/IconButton/IconButton2.cjs +1 -0
- package/dist/components/IconButton/IconButton2.js +12 -0
- package/dist/components/IconButton/index.d.ts +1 -0
- package/dist/components/Input/Input.d.ts +12 -0
- package/dist/components/Input/Input2.cjs +1 -0
- package/dist/components/Input/Input2.js +57 -0
- package/dist/components/Input/index.d.ts +1 -0
- package/dist/components/Modal/Modal.d.ts +8 -0
- package/dist/components/Modal/Modal2.cjs +1 -0
- package/dist/components/Modal/Modal2.js +28 -0
- package/dist/components/Modal/index.d.ts +1 -0
- package/dist/components/RadioNative/RadioNative.d.ts +5 -0
- package/dist/components/RadioNative/RadioNative2.cjs +1 -0
- package/dist/components/RadioNative/RadioNative2.js +29 -0
- package/dist/components/RadioNative/index.d.ts +1 -0
- package/dist/components/Select/Select.d.ts +17 -0
- package/dist/components/Select/Select2.cjs +1 -0
- package/dist/components/Select/Select2.js +70 -0
- package/dist/components/Select/index.d.ts +2 -0
- package/dist/components/Switch/Switch.d.ts +5 -0
- package/dist/components/Switch/Switch2.cjs +1 -0
- package/dist/components/Switch/Switch2.js +18 -0
- package/dist/components/Switch/index.d.ts +1 -0
- package/dist/components/Tabs/Tabs.d.ts +10 -0
- package/dist/components/Tabs/Tabs2.cjs +1 -0
- package/dist/components/Tabs/Tabs2.js +23 -0
- package/dist/components/Tabs/index.d.ts +1 -0
- package/dist/components/Timeline/Timeline.d.ts +11 -0
- package/dist/components/Timeline/Timeline2.cjs +1 -0
- package/dist/components/Timeline/Timeline2.js +28 -0
- package/dist/components/Timeline/index.d.ts +1 -0
- package/dist/components/Tooltip/Tooltip.d.ts +7 -0
- package/dist/components/Tooltip/Tooltip2.cjs +1 -0
- package/dist/components/Tooltip/Tooltip2.js +21 -0
- package/dist/components/Tooltip/index.d.ts +1 -0
- package/dist/index.cjs +1 -0
- package/dist/index.d.ts +11 -0
- package/dist/index.js +13 -0
- package/dist/ui-library-sorin.css +2 -0
- package/package.json +45 -0
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import e from "../../assets/icons/CheckLigthIcon.js";
|
|
2
|
+
import t from "../../assets/icons/MagnifyingGlassIcon.js";
|
|
3
|
+
/* empty css */
|
|
4
|
+
import { jsx as n, jsxs as r } from "react/jsx-runtime";
|
|
5
|
+
//#region src/components/Timeline/Timeline.tsx
|
|
6
|
+
function i({ steps: i, currentStep: a }) {
|
|
7
|
+
return /* @__PURE__ */ n("div", {
|
|
8
|
+
className: "ui-library-timeline",
|
|
9
|
+
children: i.map(({ value: i, label: o, icon: s }) => {
|
|
10
|
+
let c = i < a;
|
|
11
|
+
return /* @__PURE__ */ n("div", {
|
|
12
|
+
className: `ui-library-timeline__item${c ? " ui-library-timeline__item--completed" : ""}${i === a ? " ui-library-timeline__item--active" : ""}`,
|
|
13
|
+
children: /* @__PURE__ */ r("div", {
|
|
14
|
+
className: "ui-library-timeline__dot-container",
|
|
15
|
+
children: [/* @__PURE__ */ n("div", {
|
|
16
|
+
className: "ui-library-timeline__dot",
|
|
17
|
+
children: c ? /* @__PURE__ */ n(e, {}) : s ?? /* @__PURE__ */ n(t, {})
|
|
18
|
+
}), /* @__PURE__ */ n("span", {
|
|
19
|
+
className: "ui-library-timeline__label",
|
|
20
|
+
children: o
|
|
21
|
+
})]
|
|
22
|
+
})
|
|
23
|
+
}, i);
|
|
24
|
+
})
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
//#endregion
|
|
28
|
+
export { i as Timeline };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Timeline } from './Timeline';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
export interface TooltipProps {
|
|
3
|
+
text: string;
|
|
4
|
+
side?: "top" | "left" | "bottom" | "right";
|
|
5
|
+
children: ReactElement;
|
|
6
|
+
}
|
|
7
|
+
export declare function Tooltip({ text, side, children, }: TooltipProps): import("react").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use client";;/* empty css */let e=require("react/jsx-runtime"),t=require("@base-ui/react/tooltip");function n({text:n,side:r=`top`,children:i}){return(0,e.jsx)(t.Tooltip.Provider,{delay:100,children:(0,e.jsxs)(t.Tooltip.Root,{children:[(0,e.jsx)(t.Tooltip.Trigger,{render:i}),(0,e.jsx)(t.Tooltip.Portal,{children:(0,e.jsx)(t.Tooltip.Positioner,{side:r,sideOffset:8,children:(0,e.jsx)(t.Tooltip.Popup,{className:`ui-library-home-button__tooltip`,children:n})})})]})})}exports.Tooltip=n;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use client";
|
|
3
|
+
/* empty css */
|
|
4
|
+
import { jsx as e, jsxs as t } from "react/jsx-runtime";
|
|
5
|
+
import { Tooltip as n } from "@base-ui/react/tooltip";
|
|
6
|
+
//#region src/components/Tooltip/Tooltip.tsx
|
|
7
|
+
function r({ text: r, side: i = "top", children: a }) {
|
|
8
|
+
return /* @__PURE__ */ e(n.Provider, {
|
|
9
|
+
delay: 100,
|
|
10
|
+
children: /* @__PURE__ */ t(n.Root, { children: [/* @__PURE__ */ e(n.Trigger, { render: a }), /* @__PURE__ */ e(n.Portal, { children: /* @__PURE__ */ e(n.Positioner, {
|
|
11
|
+
side: i,
|
|
12
|
+
sideOffset: 8,
|
|
13
|
+
children: /* @__PURE__ */ e(n.Popup, {
|
|
14
|
+
className: "ui-library-home-button__tooltip",
|
|
15
|
+
children: r
|
|
16
|
+
})
|
|
17
|
+
}) })] })
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
//#endregion
|
|
21
|
+
export { r as Tooltip };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Tooltip } from './Tooltip';
|
package/dist/index.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});/* empty css */const e=require("./components/Button/Button2.cjs"),t=require("./components/Input/Input2.cjs"),n=require("./components/Checkbox/Checkbox2.cjs"),r=require("./components/RadioNative/RadioNative2.cjs"),i=require("./components/Switch/Switch2.cjs"),a=require("./components/Select/Select2.cjs"),o=require("./components/Tabs/Tabs2.cjs"),s=require("./components/Tooltip/Tooltip2.cjs"),c=require("./components/IconButton/IconButton2.cjs"),l=require("./components/Timeline/Timeline2.cjs"),u=require("./components/Modal/Modal2.cjs");exports.Button=e.Button,exports.Checkbox=n.Checkbox,exports.IconButton=c.IconButton,exports.Input=t.Input,exports.Modal=u.Modal,exports.RadioNative=r.RadioNative,exports.Select=a.Select,exports.Switch=i.Switch,exports.Tabs=o.Tabs,exports.Timeline=l.Timeline,exports.Tooltip=s.Tooltip;
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export { Button } from './components/Button';
|
|
2
|
+
export { Input } from './components/Input';
|
|
3
|
+
export { Checkbox } from './components/Checkbox';
|
|
4
|
+
export { RadioNative } from './components/RadioNative';
|
|
5
|
+
export { Switch } from './components/Switch';
|
|
6
|
+
export { Select } from './components/Select';
|
|
7
|
+
export { Tabs } from './components/Tabs';
|
|
8
|
+
export { Tooltip } from './components/Tooltip';
|
|
9
|
+
export { IconButton } from './components/IconButton';
|
|
10
|
+
export { Timeline } from './components/Timeline';
|
|
11
|
+
export { Modal } from './components/Modal';
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/* empty css */
|
|
2
|
+
import { Button as e } from "./components/Button/Button2.js";
|
|
3
|
+
import { Input as t } from "./components/Input/Input2.js";
|
|
4
|
+
import { Checkbox as n } from "./components/Checkbox/Checkbox2.js";
|
|
5
|
+
import { RadioNative as r } from "./components/RadioNative/RadioNative2.js";
|
|
6
|
+
import { Switch as i } from "./components/Switch/Switch2.js";
|
|
7
|
+
import { Select as a } from "./components/Select/Select2.js";
|
|
8
|
+
import { Tabs as o } from "./components/Tabs/Tabs2.js";
|
|
9
|
+
import { Tooltip as s } from "./components/Tooltip/Tooltip2.js";
|
|
10
|
+
import { IconButton as c } from "./components/IconButton/IconButton2.js";
|
|
11
|
+
import { Timeline as l } from "./components/Timeline/Timeline2.js";
|
|
12
|
+
import { Modal as u } from "./components/Modal/Modal2.js";
|
|
13
|
+
export { e as Button, n as Checkbox, c as IconButton, t as Input, u as Modal, r as RadioNative, a as Select, i as Switch, o as Tabs, l as Timeline, s as Tooltip };
|