@solibo/solibo-ui 0.2.11 → 0.2.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/assets/index.css +1 -1
- package/dist/assets/index13.css +1 -1
- package/dist/assets/index16.css +1 -1
- package/dist/assets/index2.css +1 -1
- package/dist/components/accordion/index.cjs +1 -1
- package/dist/components/accordion/index.cjs.map +1 -1
- package/dist/components/accordion/index.js +20 -19
- package/dist/components/accordion/index.js.map +1 -1
- package/dist/components/aside/index.cjs +1 -1
- package/dist/components/aside/index.cjs.map +1 -1
- package/dist/components/aside/index.js +15 -15
- package/dist/components/aside/index.js.map +1 -1
- package/dist/components/branding/index.cjs +1 -1
- package/dist/components/branding/index.cjs.map +1 -1
- package/dist/components/branding/index.js +21 -21
- package/dist/components/branding/index.js.map +1 -1
- package/dist/components/button/index.cjs.map +1 -1
- package/dist/components/button/index.js.map +1 -1
- package/dist/components/card/index.cjs +1 -1
- package/dist/components/card/index.cjs.map +1 -1
- package/dist/components/card/index.js +4 -4
- package/dist/components/card/index.js.map +1 -1
- package/dist/components/figure/index.cjs +1 -1
- package/dist/components/figure/index.cjs.map +1 -1
- package/dist/components/figure/index.js +3 -3
- package/dist/components/figure/index.js.map +1 -1
- package/dist/components/header/index.cjs +1 -1
- package/dist/components/header/index.cjs.map +1 -1
- package/dist/components/header/index.js +12 -19
- package/dist/components/header/index.js.map +1 -1
- package/dist/components/nav/index.cjs +1 -1
- package/dist/components/nav/index.cjs.map +1 -1
- package/dist/components/nav/index.js +21 -10
- package/dist/components/nav/index.js.map +1 -1
- package/dist/index.d.ts +20 -11
- package/package.json +1 -1
|
@@ -1,17 +1,28 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import { t as
|
|
3
|
-
import '../../assets/index2.css';const v = "
|
|
4
|
-
nav:
|
|
5
|
-
horizontal:
|
|
6
|
-
|
|
1
|
+
import { j as n } from "../../jsx-runtime-CDbhiqmm.js";
|
|
2
|
+
import { t as r } from "../../classix-DG18itHa.js";
|
|
3
|
+
import '../../assets/index2.css';const i = "_nav_tvxly_1", v = "_horizontal_tvxly_11", _ = "_tabs_tvxly_18", e = "_pills_tvxly_38", t = {
|
|
4
|
+
nav: i,
|
|
5
|
+
horizontal: v,
|
|
6
|
+
tabs: _,
|
|
7
|
+
pills: e
|
|
8
|
+
}, c = {
|
|
9
|
+
default: "",
|
|
10
|
+
tabs: t.tabs,
|
|
11
|
+
pills: t.pills
|
|
12
|
+
}, b = ({ animation: s, children: l, horizontal: a = !1, variant: o = "default" }) => /* @__PURE__ */ n.jsx(
|
|
7
13
|
"nav",
|
|
8
14
|
{
|
|
9
|
-
className:
|
|
10
|
-
|
|
11
|
-
|
|
15
|
+
className: r(
|
|
16
|
+
s && s,
|
|
17
|
+
a && t.horizontal,
|
|
18
|
+
t.nav,
|
|
19
|
+
c[o]
|
|
20
|
+
),
|
|
21
|
+
"data-orientation": a ? "horizontal" : "vertical",
|
|
22
|
+
children: l
|
|
12
23
|
}
|
|
13
24
|
);
|
|
14
25
|
export {
|
|
15
|
-
|
|
26
|
+
b as Nav
|
|
16
27
|
};
|
|
17
28
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/nav/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { AnimationName } from '../../styles/animations';\nimport styles from './styles.module.css';\n\nexport type NavProps = {\n animation?: AnimationName;\n children?: React.ReactNode;\n horizontal?: boolean;\n};\n\nexport const Nav = ({ animation, children, horizontal = false }: NavProps) => {\n return (\n <nav\n className={cx(animation && animation
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/nav/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { AnimationName } from '../../styles/animations.ts';\nimport styles from './styles.module.css';\n\nconst variants = {\n default: '',\n tabs: styles.tabs,\n pills: styles.pills,\n};\n\nexport type NavProps = {\n animation?: AnimationName;\n children?: React.ReactNode;\n horizontal?: boolean;\n variant?: keyof typeof variants;\n};\n\nexport const Nav = ({ animation, children, horizontal = false, variant = 'default' }: NavProps) => {\n return (\n <nav\n className={cx(\n animation && animation,\n horizontal && styles.horizontal,\n styles.nav,\n variants[variant]\n )}\n data-orientation={horizontal ? 'horizontal' : 'vertical'}\n >\n {children}\n </nav>\n );\n};\n"],"names":["variants","styles","Nav","animation","children","horizontal","variant","jsx","cx"],"mappings":";;;;;;;GAKMA,IAAW;AAAA,EACf,SAAS;AAAA,EACT,MAAMC,EAAO;AAAA,EACb,OAAOA,EAAO;AAChB,GASaC,IAAM,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,YAAAC,IAAa,IAAO,SAAAC,IAAU,gBAErEC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAAA,MACTL,KAAaA;AAAA,MACbE,KAAcJ,EAAO;AAAA,MACrBA,EAAO;AAAA,MACPD,EAASM,CAAO;AAAA,IAAA;AAAA,IAElB,oBAAkBD,IAAa,eAAe;AAAA,IAE7C,UAAAD;AAAA,EAAA;AAAA;"}
|
package/dist/index.d.ts
CHANGED
|
@@ -6,9 +6,10 @@ import { RefAttributes } from 'react';
|
|
|
6
6
|
|
|
7
7
|
export declare const Accordion: ({ children, icon, label, open }: AccordionProps) => JSX.Element;
|
|
8
8
|
|
|
9
|
-
export declare function AccordionGroup({ children, className }: AccordionGroupProps): JSX.Element;
|
|
9
|
+
export declare function AccordionGroup({ animation, children, className }: AccordionGroupProps): JSX.Element;
|
|
10
10
|
|
|
11
11
|
declare type AccordionGroupProps = {
|
|
12
|
+
animation?: AnimationName;
|
|
12
13
|
children: React.ReactNode;
|
|
13
14
|
className?: string;
|
|
14
15
|
};
|
|
@@ -46,7 +47,7 @@ export declare const Branding: ({ name, size, variant }: BrandingProps) => JSX.E
|
|
|
46
47
|
|
|
47
48
|
declare type BrandingProps = {
|
|
48
49
|
name: keyof typeof brandingSVG;
|
|
49
|
-
size?: number;
|
|
50
|
+
size?: number | string;
|
|
50
51
|
variant?: keyof typeof variants_2;
|
|
51
52
|
};
|
|
52
53
|
|
|
@@ -103,19 +104,20 @@ declare type EditorProps = {
|
|
|
103
104
|
onChange?: (html: string) => void;
|
|
104
105
|
};
|
|
105
106
|
|
|
106
|
-
export declare const Figure: ({
|
|
107
|
+
export declare const Figure: ({ children, label }: FigureProps) => JSX.Element;
|
|
107
108
|
|
|
108
109
|
declare type FigureProps = {
|
|
109
|
-
caption?: string;
|
|
110
110
|
children?: React.ReactNode;
|
|
111
|
+
label?: string;
|
|
111
112
|
};
|
|
112
113
|
|
|
113
|
-
export declare const Header: ({ size,
|
|
114
|
+
export declare const Header: ({ children, size, label, subtitle }: HeaderProps) => JSX.Element;
|
|
114
115
|
|
|
115
116
|
declare type HeaderProps = {
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
117
|
+
children?: React.ReactNode;
|
|
118
|
+
label: string;
|
|
119
|
+
size?: 1 | 2 | 3;
|
|
120
|
+
subtitle?: string;
|
|
119
121
|
};
|
|
120
122
|
|
|
121
123
|
export declare const Icon: ({ name, size, variant }: IconProps) => JSX.Element;
|
|
@@ -161,12 +163,13 @@ declare type ListProps = {
|
|
|
161
163
|
className?: string;
|
|
162
164
|
};
|
|
163
165
|
|
|
164
|
-
export declare const Nav: ({ animation, children, horizontal }: NavProps) => JSX.Element;
|
|
166
|
+
export declare const Nav: ({ animation, children, horizontal, variant }: NavProps) => JSX.Element;
|
|
165
167
|
|
|
166
168
|
declare type NavProps = {
|
|
167
169
|
animation?: AnimationName;
|
|
168
170
|
children?: React.ReactNode;
|
|
169
171
|
horizontal?: boolean;
|
|
172
|
+
variant?: keyof typeof variants_5;
|
|
170
173
|
};
|
|
171
174
|
|
|
172
175
|
declare const sizes: {
|
|
@@ -177,12 +180,12 @@ declare const sizes: {
|
|
|
177
180
|
|
|
178
181
|
declare const variants: {
|
|
179
182
|
default: string;
|
|
180
|
-
|
|
183
|
+
'site-wide': string;
|
|
181
184
|
};
|
|
182
185
|
|
|
183
186
|
declare const variants_2: {
|
|
184
187
|
default: string;
|
|
185
|
-
|
|
188
|
+
gradient: string;
|
|
186
189
|
white: string;
|
|
187
190
|
};
|
|
188
191
|
|
|
@@ -201,4 +204,10 @@ declare const variants_4: {
|
|
|
201
204
|
white: string;
|
|
202
205
|
};
|
|
203
206
|
|
|
207
|
+
declare const variants_5: {
|
|
208
|
+
default: string;
|
|
209
|
+
tabs: string;
|
|
210
|
+
pills: string;
|
|
211
|
+
};
|
|
212
|
+
|
|
204
213
|
export { }
|