jbx 2.6.0 → 2.8.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.
Files changed (21) hide show
  1. package/README.md +0 -1
  2. package/dist/index.d.ts +141 -0
  3. package/dist/{index.esm.js → index.js} +1219 -1384
  4. package/dist/main.css +18 -8
  5. package/package.json +27 -15
  6. package/.editorconfig +0 -12
  7. package/.nvmrc +0 -1
  8. package/.prettierrc +0 -13
  9. package/CHANGELOG.md +0 -58
  10. package/dist/index.cjs +0 -3001
  11. package/dist/index.mjs +0 -2968
  12. package/dist/main.js +0 -238
  13. package/dist/main.js.map +0 -1
  14. package/dist/types/index.d.ts +0 -233
  15. package/pnpm-global/5/pnpm-lock.yaml +0 -621
  16. package/roll.js +0 -235
  17. package/src/components/Layout.tsx +0 -29
  18. package/src/components/MoreExperiments.tsx +0 -110
  19. package/src/index.tsx +0 -243
  20. package/src/style.css +0 -359
  21. package/tsconfig.json +0 -20
package/README.md CHANGED
@@ -10,7 +10,6 @@ import { JBX, MainHeader, Text, Space, Container } from 'jbx';
10
10
  function App() {
11
11
  return (
12
12
  <Container>
13
- <JBX accent={'#f00'} />
14
13
  <MainHeader>React Blur</MainHeader>
15
14
  <Space h={1} />
16
15
  <Text>
package/dist/index.d.ts ADDED
@@ -0,0 +1,141 @@
1
+ import React, { CSSProperties, ReactNode } from 'react';
2
+
3
+ type BoxProps = {
4
+ children?: React.ReactNode;
5
+ smallText?: true | false;
6
+ padding?: number;
7
+ flex?: number;
8
+ style?: CSSProperties;
9
+ };
10
+ declare function Box({ children, smallText, padding, flex, style }: BoxProps): React.JSX.Element;
11
+
12
+ declare function Component<T>(className: string, styleSrc?: {}, config?: {
13
+ element?: string;
14
+ props?: any;
15
+ }): (props: T & {
16
+ children?: ReactNode;
17
+ style?: CSSProperties;
18
+ }) => JSX.Element;
19
+ declare const Container: (props: {
20
+ children?: ReactNode;
21
+ style?: React.CSSProperties | undefined;
22
+ }) => JSX.Element;
23
+ declare const Text: (props: {
24
+ children?: ReactNode;
25
+ style?: React.CSSProperties | undefined;
26
+ }) => JSX.Element;
27
+ declare const SmallText: (props: {
28
+ children?: ReactNode;
29
+ style?: React.CSSProperties | undefined;
30
+ }) => JSX.Element;
31
+ declare const Button: (props: React.HTMLProps<HTMLButtonElement> & {
32
+ children?: ReactNode;
33
+ style?: React.CSSProperties | undefined;
34
+ }) => JSX.Element;
35
+ declare const Input: (props: React.HTMLProps<HTMLInputElement> & {
36
+ children?: ReactNode;
37
+ } & {
38
+ children?: ReactNode;
39
+ style?: React.CSSProperties | undefined;
40
+ }) => JSX.Element;
41
+ declare const Range: (props: React.HTMLProps<HTMLInputElement> & {
42
+ children?: ReactNode;
43
+ } & {
44
+ children?: ReactNode;
45
+ style?: React.CSSProperties | undefined;
46
+ }) => JSX.Element;
47
+ declare const HeaderH1: (props: {
48
+ children?: ReactNode;
49
+ style?: React.CSSProperties | undefined;
50
+ }) => JSX.Element;
51
+ declare const HeaderH2: (props: {
52
+ children?: ReactNode;
53
+ style?: React.CSSProperties | undefined;
54
+ }) => JSX.Element;
55
+ declare const HeaderH3: (props: {
56
+ children?: ReactNode;
57
+ style?: React.CSSProperties | undefined;
58
+ }) => JSX.Element;
59
+ declare const HeaderH4: (props: {
60
+ children?: ReactNode;
61
+ style?: React.CSSProperties | undefined;
62
+ }) => JSX.Element;
63
+ declare const HR: (props: {
64
+ children?: ReactNode;
65
+ style?: React.CSSProperties | undefined;
66
+ }) => JSX.Element;
67
+ declare const MainHeader: (props: {
68
+ children?: ReactNode;
69
+ style?: React.CSSProperties | undefined;
70
+ }) => JSX.Element;
71
+ declare const A: (props: React.HTMLProps<HTMLAnchorElement> & {
72
+ children?: ReactNode;
73
+ href: string;
74
+ } & {
75
+ children?: ReactNode;
76
+ style?: React.CSSProperties | undefined;
77
+ }) => JSX.Element;
78
+ type SpaceProps = {
79
+ inline?: boolean;
80
+ h?: number;
81
+ w?: number;
82
+ };
83
+ declare const Space: (props: SpaceProps & {
84
+ children?: ReactNode;
85
+ style?: React.CSSProperties | undefined;
86
+ }) => JSX.Element;
87
+ type InlineProps = {
88
+ v?: number;
89
+ h?: number;
90
+ gap?: number;
91
+ wrap?: boolean;
92
+ };
93
+ declare const Inline: (props: InlineProps & {
94
+ children?: ReactNode;
95
+ style?: React.CSSProperties | undefined;
96
+ }) => JSX.Element;
97
+ declare const Stack: (props: {
98
+ children?: ReactNode;
99
+ style?: React.CSSProperties | undefined;
100
+ }) => JSX.Element;
101
+ declare const Dropzone: (props: {
102
+ children?: ReactNode;
103
+ style?: React.CSSProperties | undefined;
104
+ }) => JSX.Element;
105
+ declare const Ul: (props: {
106
+ children?: ReactNode;
107
+ style?: React.CSSProperties | undefined;
108
+ }) => JSX.Element;
109
+ declare const Li: (props: {
110
+ children?: ReactNode;
111
+ style?: React.CSSProperties | undefined;
112
+ }) => JSX.Element;
113
+ declare const Tabs: (props: {
114
+ children?: ReactNode;
115
+ style?: React.CSSProperties | undefined;
116
+ }) => JSX.Element;
117
+ type TabProps = {
118
+ info?: boolean;
119
+ active?: boolean;
120
+ };
121
+ declare const Tab: (props: TabProps & {
122
+ children?: ReactNode;
123
+ style?: React.CSSProperties | undefined;
124
+ }) => JSX.Element;
125
+ declare const CodeSnippet: (props: {
126
+ children?: ReactNode;
127
+ style?: React.CSSProperties | undefined;
128
+ }) => JSX.Element;
129
+ declare const CodeTextarea: (props: {
130
+ children?: ReactNode;
131
+ style?: React.CSSProperties | undefined;
132
+ }) => JSX.Element;
133
+ declare const CheckboxHidden: (props: {
134
+ children?: ReactNode;
135
+ style?: React.CSSProperties | undefined;
136
+ }) => JSX.Element;
137
+ declare function Bullet({ value }: {
138
+ value: number;
139
+ }): React.JSX.Element;
140
+
141
+ export { A, Box, Bullet, Button, CheckboxHidden, CodeSnippet, CodeTextarea, Component, Container, Dropzone, HR, HeaderH1, HeaderH2, HeaderH3, HeaderH4, Inline, Input, Li, MainHeader, Range, SmallText, Space, Stack, Tab, Tabs, Text, Ul };