reactive-bulma 1.4.0 → 1.6.0

package/dist/cjs/types/components/{Button/Button.d.ts → atoms/Button/index.d.ts}

@@ -1,6 +1,4 @@
 import React from 'react';
-interface ButtonProps {
-    text?: string;
-}
+import { ButtonProps } from '../../../interfaces/atomProps';
 declare const Button: React.FC<ButtonProps>;
 export default Button;

package/dist/cjs/types/components/atoms/Column/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ColumnProps } from '../../../interfaces/atomProps';
+declare const Column: React.FC<ColumnProps>;
+export default Column;

package/dist/cjs/types/components/atoms/index.d.ts

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

package/dist/cjs/types/index.d.ts

@@ -1 +1,2 @@
-export * from './components';
+import '../node_modules/bulma/css/bulma.min.css';
+export * from './components/atoms';

package/dist/cjs/types/interfaces/atomProps.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { columnOffsetType, columnSizeType } from '../types/styleTypes';
+export interface ButtonProps {
+    text?: string;
+}
+export interface ColumnProps extends React.ComponentPropsWithoutRef<'section'> {
+    size?: columnSizeType;
+    offset?: columnOffsetType;
+    isNarrow?: boolean;
+}

package/dist/cjs/types/types/styleTypes.d.ts

@@ -0,0 +1,2 @@
+export type columnSizeType = 'is-three-quarters' | 'is-two-thirds' | 'is-half' | 'is-one-third' | 'is-one-quarter' | 'is-full' | 'is-four-fifths' | 'is-three-fifths' | 'is-two-fifths' | 'is-one-fifth' | 'is-1' | 'is-2' | 'is-3' | 'is-4' | 'is-5' | 'is-6' | 'is-7' | 'is-8' | 'is-9' | 'is-10' | 'is-11' | 'is-12';
+export type columnOffsetType = 'is-offset-1' | 'is-offset-2' | 'is-offset-3' | 'is-offset-4' | 'is-offset-5' | 'is-offset-6' | 'is-offset-7' | 'is-offset-8' | 'is-offset-9' | 'is-offset-10' | 'is-offset-11' | 'is-offset-12';

package/dist/esm/index.js

@@ -2838,7 +2838,14 @@ function requireReact_development () {
 
 var React = /*@__PURE__*/getDefaultExportFromCjs(reactExports);
 
-const Button = ({ text = '' }) => (React.createElement("button", { className: 'button' }, text));
+const Button = ({ text = '' }) => (React.createElement("button", { "data-testid": 'test-button', className: 'button' }, text));
 
-export { Button };
+const Column = ({ size = null, offset = null, isNarrow = false, children = null }) => {
+    const classes = ['column', size, offset, isNarrow ? 'is-narrow' : null]
+        .filter(_class => _class)
+        .join(' ');
+    return (React.createElement("section", { "data-testid": 'test-column', className: classes }, children));
+};
+
+export { Button, Column };
 //# sourceMappingURL=index.js.map