bianic-ui 0.3.0 → 0.3.2
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/cjs/index.js +11 -5
- package/dist/cjs/types/components/Typography/Display.d.ts +1 -1
- package/dist/cjs/types/components/Typography/P.d.ts +2 -2
- package/dist/esm/index.js +10 -4
- package/dist/esm/types/components/Typography/Display.d.ts +1 -1
- package/dist/esm/types/components/Typography/P.d.ts +2 -2
- package/dist/index.d.ts +4 -4
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -3085,9 +3085,9 @@ var Radio = function (_a) {
|
|
|
3085
3085
|
React.createElement("label", { id: "label1", className: "ml-2 text-sm leading-4 font-normal text-gray-800" }, label)));
|
|
3086
3086
|
};
|
|
3087
3087
|
|
|
3088
|
-
var Display
|
|
3088
|
+
var Display = function (_a) {
|
|
3089
3089
|
var rest = __rest(_a, []);
|
|
3090
|
-
return (React.createElement("
|
|
3090
|
+
return (React.createElement("h1", __assign({ className: "title text-[9rem] font-bold font-['Humnst777 Cn BT']" }, rest), rest.children));
|
|
3091
3091
|
};
|
|
3092
3092
|
|
|
3093
3093
|
var Heading = function (_a) {
|
|
@@ -3115,7 +3115,7 @@ var Heading = function (_a) {
|
|
|
3115
3115
|
}
|
|
3116
3116
|
};
|
|
3117
3117
|
|
|
3118
|
-
var
|
|
3118
|
+
var P = function (_a) {
|
|
3119
3119
|
var rest = __rest(_a, []);
|
|
3120
3120
|
return (React.createElement("p", __assign({ className: "paragraph text-justify text-sm font-['Segoe UI'] leading-[21px] ".concat(rest.className) }, rest), rest.children));
|
|
3121
3121
|
};
|
|
@@ -3166,6 +3166,11 @@ var Text = function (_a) {
|
|
|
3166
3166
|
fontSize = "text-sm";
|
|
3167
3167
|
fontWeight = "font-semibold";
|
|
3168
3168
|
}
|
|
3169
|
+
else if (variant === "normal-text-semilight") {
|
|
3170
|
+
// text-zinc-800 text-sm font-['Segoe UI'] leading-[21px]
|
|
3171
|
+
fontSize = "text-sm";
|
|
3172
|
+
fontWeight = "";
|
|
3173
|
+
}
|
|
3169
3174
|
else if (variant === "normal-text-bold") {
|
|
3170
3175
|
// text-zinc-800 text-sm font-bold font-['Segoe UI'] leading-[21px]
|
|
3171
3176
|
fontSize = "text-sm";
|
|
@@ -3195,6 +3200,7 @@ var Text = function (_a) {
|
|
|
3195
3200
|
}
|
|
3196
3201
|
else if (variant === "small-script") {
|
|
3197
3202
|
// text-zinc-800 text-xs font-normal font-['Consolas']
|
|
3203
|
+
font = "font-['Consolas']";
|
|
3198
3204
|
fontSize = "text-sm";
|
|
3199
3205
|
fontWeight = "font-normal";
|
|
3200
3206
|
}
|
|
@@ -3213,9 +3219,9 @@ var Text = function (_a) {
|
|
|
3213
3219
|
|
|
3214
3220
|
exports.Button = Button;
|
|
3215
3221
|
exports.Color = Dump;
|
|
3216
|
-
exports.Display = Display
|
|
3222
|
+
exports.Display = Display;
|
|
3217
3223
|
exports.Heading = Heading;
|
|
3218
|
-
exports.P =
|
|
3224
|
+
exports.P = P;
|
|
3219
3225
|
exports.Radio = Radio;
|
|
3220
3226
|
exports.Text = Text;
|
|
3221
3227
|
exports.TextInput = TextInput;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ComponentPropsWithoutRef } from "react";
|
|
2
|
-
export interface DisplayProps extends ComponentPropsWithoutRef<"
|
|
2
|
+
export interface DisplayProps extends ComponentPropsWithoutRef<"h1"> {
|
|
3
3
|
}
|
|
4
4
|
declare const Display: ({ ...rest }: DisplayProps) => React.JSX.Element;
|
|
5
5
|
export default Display;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ComponentPropsWithoutRef } from "react";
|
|
2
2
|
export interface ParagraphProps extends ComponentPropsWithoutRef<"p"> {
|
|
3
3
|
}
|
|
4
|
-
declare const
|
|
5
|
-
export default
|
|
4
|
+
declare const P: ({ ...rest }: ParagraphProps) => React.JSX.Element;
|
|
5
|
+
export default P;
|
package/dist/esm/index.js
CHANGED
|
@@ -3083,9 +3083,9 @@ var Radio = function (_a) {
|
|
|
3083
3083
|
React.createElement("label", { id: "label1", className: "ml-2 text-sm leading-4 font-normal text-gray-800" }, label)));
|
|
3084
3084
|
};
|
|
3085
3085
|
|
|
3086
|
-
var Display
|
|
3086
|
+
var Display = function (_a) {
|
|
3087
3087
|
var rest = __rest(_a, []);
|
|
3088
|
-
return (React.createElement("
|
|
3088
|
+
return (React.createElement("h1", __assign({ className: "title text-[9rem] font-bold font-['Humnst777 Cn BT']" }, rest), rest.children));
|
|
3089
3089
|
};
|
|
3090
3090
|
|
|
3091
3091
|
var Heading = function (_a) {
|
|
@@ -3113,7 +3113,7 @@ var Heading = function (_a) {
|
|
|
3113
3113
|
}
|
|
3114
3114
|
};
|
|
3115
3115
|
|
|
3116
|
-
var
|
|
3116
|
+
var P = function (_a) {
|
|
3117
3117
|
var rest = __rest(_a, []);
|
|
3118
3118
|
return (React.createElement("p", __assign({ className: "paragraph text-justify text-sm font-['Segoe UI'] leading-[21px] ".concat(rest.className) }, rest), rest.children));
|
|
3119
3119
|
};
|
|
@@ -3164,6 +3164,11 @@ var Text = function (_a) {
|
|
|
3164
3164
|
fontSize = "text-sm";
|
|
3165
3165
|
fontWeight = "font-semibold";
|
|
3166
3166
|
}
|
|
3167
|
+
else if (variant === "normal-text-semilight") {
|
|
3168
|
+
// text-zinc-800 text-sm font-['Segoe UI'] leading-[21px]
|
|
3169
|
+
fontSize = "text-sm";
|
|
3170
|
+
fontWeight = "";
|
|
3171
|
+
}
|
|
3167
3172
|
else if (variant === "normal-text-bold") {
|
|
3168
3173
|
// text-zinc-800 text-sm font-bold font-['Segoe UI'] leading-[21px]
|
|
3169
3174
|
fontSize = "text-sm";
|
|
@@ -3193,6 +3198,7 @@ var Text = function (_a) {
|
|
|
3193
3198
|
}
|
|
3194
3199
|
else if (variant === "small-script") {
|
|
3195
3200
|
// text-zinc-800 text-xs font-normal font-['Consolas']
|
|
3201
|
+
font = "font-['Consolas']";
|
|
3196
3202
|
fontSize = "text-sm";
|
|
3197
3203
|
fontWeight = "font-normal";
|
|
3198
3204
|
}
|
|
@@ -3209,4 +3215,4 @@ var Text = function (_a) {
|
|
|
3209
3215
|
return (React.createElement("span", __assign({ className: "text ".concat(font, " ").concat(fontSize, " ").concat(fontWeight, " ").concat(fontLeading) }, rest), rest.children));
|
|
3210
3216
|
};
|
|
3211
3217
|
|
|
3212
|
-
export { Button, Dump as Color, Display
|
|
3218
|
+
export { Button, Dump as Color, Display, Heading, P, Radio, Text, TextInput };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ComponentPropsWithoutRef } from "react";
|
|
2
|
-
export interface DisplayProps extends ComponentPropsWithoutRef<"
|
|
2
|
+
export interface DisplayProps extends ComponentPropsWithoutRef<"h1"> {
|
|
3
3
|
}
|
|
4
4
|
declare const Display: ({ ...rest }: DisplayProps) => React.JSX.Element;
|
|
5
5
|
export default Display;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ComponentPropsWithoutRef } from "react";
|
|
2
2
|
export interface ParagraphProps extends ComponentPropsWithoutRef<"p"> {
|
|
3
3
|
}
|
|
4
|
-
declare const
|
|
5
|
-
export default
|
|
4
|
+
declare const P: ({ ...rest }: ParagraphProps) => React.JSX.Element;
|
|
5
|
+
export default P;
|
package/dist/index.d.ts
CHANGED
|
@@ -31,9 +31,9 @@ interface RadioProps extends ComponentPropsWithRef<"input"> {
|
|
|
31
31
|
}
|
|
32
32
|
declare const Radio: ({ label, data, ...rest }: RadioProps) => React.JSX.Element;
|
|
33
33
|
|
|
34
|
-
interface DisplayProps extends ComponentPropsWithoutRef<"
|
|
34
|
+
interface DisplayProps extends ComponentPropsWithoutRef<"h1"> {
|
|
35
35
|
}
|
|
36
|
-
declare const Display
|
|
36
|
+
declare const Display: ({ ...rest }: DisplayProps) => React.JSX.Element;
|
|
37
37
|
|
|
38
38
|
interface HeadingProps extends ComponentPropsWithoutRef<"h1"> {
|
|
39
39
|
variant: string;
|
|
@@ -42,11 +42,11 @@ declare const Heading: ({ variant, ...rest }: HeadingProps) => React.JSX.Element
|
|
|
42
42
|
|
|
43
43
|
interface ParagraphProps extends ComponentPropsWithoutRef<"p"> {
|
|
44
44
|
}
|
|
45
|
-
declare const
|
|
45
|
+
declare const P: ({ ...rest }: ParagraphProps) => React.JSX.Element;
|
|
46
46
|
|
|
47
47
|
interface TextProps extends ComponentPropsWithoutRef<"span"> {
|
|
48
48
|
variant: string;
|
|
49
49
|
}
|
|
50
50
|
declare const Text: ({ variant, ...rest }: TextProps) => React.JSX.Element;
|
|
51
51
|
|
|
52
|
-
export { Button, Dump as Color, Display
|
|
52
|
+
export { Button, Dump as Color, Display, Heading, P, Radio, Text, TextInput };
|
package/package.json
CHANGED