digital-rabbit-cl 0.3.21 → 0.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "digital-rabbit-cl",
-  "version": "0.3.21",
+  "version": "0.4.0",
   "dependencies": {
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
@@ -17,8 +17,10 @@
   },
   "license": "MIT",
   "main": "dist/digital-rabbit-cl.js",
+  "types": "src/index.d.ts",
   "files": [
-    "dist/digital-rabbit-cl.js"
+    "dist/digital-rabbit-cl.js",
+    "src/**/*.d.ts"
   ],
   "browserslist": {
     "production": [
@@ -40,9 +42,13 @@
     "@storybook/addon-links": "^5.3.18",
     "@storybook/addons": "^5.3.18",
     "@storybook/react": "^5.3.18",
+    "@types/react": "^19.2.3",
+    "@types/react-dom": "^19.2.2",
+    "@types/styled-components": "^5.1.35",
     "babel-loader": "^8.1.0",
     "babel-plugin-styled-components": "^1.10.7",
     "styled-components": "^5.1.0",
+    "typescript": "^5.9.3",
     "webpack": "^4.43.0",
     "webpack-cli": "^3.3.11"
   }

package/src/components/Button/Button.d.ts

@@ -0,0 +1,22 @@
+import { StyledComponent } from 'styled-components';
+import * as React from 'react';
+
+export interface ButtonProps {
+  children?: React.ReactNode;
+  className?: string;
+  color?: string;
+  disabled?: boolean;
+  fontSize?: string;
+  hoverColor?: string;
+  hoverTextColor?: string;
+  onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+  outline?: boolean;
+  size?: 'small' | string;
+  style?: React.CSSProperties;
+  textColor?: string;
+  type?: 'button' | 'submit' | 'reset';
+}
+
+declare const Button: StyledComponent<'button', any, ButtonProps, never>;
+
+export default Button;

package/src/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Button';
+export * from './Button';

package/src/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+export interface CheckboxProps {
+  checked?: boolean;
+  checkmarkColor?: string;
+  color?: string;
+  disabled?: boolean;
+  fontSize?: string;
+  id?: string;
+  inverted?: boolean;
+  label?: string;
+  labelStyle?: React.CSSProperties;
+  name: string;
+  onChange: (event: { target: { checked: boolean; name: string; type: 'checkbox' } }) => void;
+  style?: React.CSSProperties;
+}
+
+declare const Checkbox: React.FC<CheckboxProps>;
+
+export default Checkbox;

package/src/components/Checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Checkbox';
+export * from './Checkbox';

package/src/components/Input/Input.d.ts

@@ -0,0 +1,22 @@
+import { StyledComponent } from 'styled-components';
+import * as React from 'react';
+
+export interface InputProps {
+  className?: string;
+  color?: string;
+  disabled?: boolean;
+  fontSize?: string;
+  name?: string;
+  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+  outline?: boolean;
+  placeholder?: string;
+  placeholderOpacity?: string | number;
+  size?: 'small' | string;
+  style?: React.CSSProperties;
+  type?: string;
+  value?: string;
+}
+
+declare const Input: StyledComponent<'input', any, InputProps, never>;
+
+export default Input;

package/src/components/Input/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Input';
+export * from './Input';

package/src/components/Radio/Radio.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+export interface RadioProps {
+  checked?: boolean;
+  color?: string;
+  disabled?: boolean;
+  fontSize?: string;
+  id?: string;
+  inverted?: boolean;
+  label?: string;
+  labelStyle?: React.CSSProperties;
+  name: string;
+  onChange: (event: { target: { checked: boolean; name: string; type: 'radio' } }) => void;
+  style?: React.CSSProperties;
+}
+
+declare const Radio: React.FC<RadioProps>;
+
+export default Radio;

package/src/components/Radio/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Radio';
+export * from './Radio';

package/src/components/Select/Select.d.ts

@@ -0,0 +1,21 @@
+import { StyledComponent } from 'styled-components';
+import * as React from 'react';
+
+export interface SelectProps {
+  children?: React.ReactNode;
+  className?: string;
+  color?: string;
+  disabled?: boolean;
+  fontSize?: string;
+  name?: string;
+  onChange: (event: React.ChangeEvent<HTMLSelectElement>) => void;
+  outline?: boolean;
+  placeholder?: string;
+  size?: 'small' | string;
+  style?: React.CSSProperties;
+  value?: string;
+}
+
+declare const Select: StyledComponent<'select', any, SelectProps, never>;
+
+export default Select;

package/src/components/Select/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Select';
+export * from './Select';

package/src/components/Textarea/Textarea.d.ts

@@ -0,0 +1,22 @@
+import { StyledComponent } from 'styled-components';
+import * as React from 'react';
+
+export interface TextareaProps {
+  className?: string;
+  color?: string;
+  disabled?: boolean;
+  fontSize?: string;
+  name?: string;
+  onChange: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+  outline?: boolean;
+  placeholder?: string;
+  placeholderOpacity?: string | number;
+  rows?: string;
+  size?: 'small' | string;
+  style?: React.CSSProperties;
+  value?: string;
+}
+
+declare const Textarea: StyledComponent<'textarea', any, TextareaProps, never>;
+
+export default Textarea;

package/src/components/Textarea/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Textarea';
+export * from './Textarea';

package/src/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Button } from './components/Button';
+export { default as Checkbox } from './components/Checkbox';
+export { default as Input } from './components/Input';
+export { default as Radio } from './components/Radio';
+export { default as Select } from './components/Select';
+export { default as Textarea } from './components/Textarea';