@allxsmith/bestax-bulma 1.0.10 → 1.0.12

package/README.md

@@ -36,7 +36,7 @@ Or add it via CDN in your HTML:
 ```html
 <link
   rel="stylesheet"
-  href="https://cdn.jsdelivr.net/npm/bulma@1.0.0/css/bulma.min.css"
+  href="https://cdn.jsdelivr.net/npm/bulma@1.0.4/css/bulma.min.css"
 />
 ```
 

package/dist/index.cjs.js

@@ -1561,6 +1561,14 @@ const Checkbox = React.forwardRef(({ disabled, className, children, ...props },
 });
 Checkbox.displayName = 'Checkbox';
 
+const Checkboxes = ({ children, className, ...props }) => {
+    const { bulmaHelperClasses, rest } = useBulmaClasses({
+        ...props,
+    });
+    const wrapperClass = classNames('checkboxes', bulmaHelperClasses, className);
+    return (jsxRuntimeExports.jsx("div", { className: wrapperClass, ...rest, children: children }));
+};
+
 const allowedColors = [...validColors, 'inherit', 'current'];
 const Control = React.forwardRef(({ as = 'div', hasIconsLeft, hasIconsRight, isLoading, isExpanded, size, textColor, bgColor, iconLeft, iconRight, iconLeftName, iconLeftSize, iconRightName, iconRightSize, className, children, ...props }, ref) => {
     const Component = (as === 'p' ? 'p' : 'div');
@@ -1619,8 +1627,49 @@ const FieldBody = ({ textColor, bgColor, className, children, ...props }) => {
     const fieldBodyClass = classNames('field-body', bulmaHelperClasses, className);
     return (jsxRuntimeExports.jsx("div", { className: fieldBodyClass, ...props, ...rest, children: children }));
 };
+const Field = ({ horizontal, grouped, hasAddons, label, labelSize, labelProps, textColor, bgColor, className, children, ...props }) => {
+    const { bulmaHelperClasses, rest } = useBulmaClasses({
+        color: textColor,
+        backgroundColor: bgColor,
+        ...props,
+    });
+    const fieldClass = classNames('field', bulmaHelperClasses, {
+        'is-horizontal': horizontal,
+        'has-addons': !!hasAddons,
+        'is-grouped': grouped === true ||
+            grouped === 'centered' ||
+            grouped === 'right' ||
+            grouped === 'multiline',
+        'is-grouped-centered': grouped === 'centered',
+        'is-grouped-right': grouped === 'right',
+        'is-grouped-multiline': grouped === 'multiline',
+    }, className);
+    const mappedLabelSize = labelSize === 'normal' ? undefined : labelSize;
+    let renderedLabel = null;
+    if (label) {
+        if (horizontal) {
+            renderedLabel = (jsxRuntimeExports.jsx(FieldLabel, { size: mappedLabelSize, children: jsxRuntimeExports.jsx("label", { ...labelProps, className: classNames('label', labelProps === null || labelProps === void 0 ? void 0 : labelProps.className), style: labelProps === null || labelProps === void 0 ? void 0 : labelProps.style, children: label }) }));
+        }
+        else {
+            renderedLabel = (jsxRuntimeExports.jsx("label", { ...labelProps, className: classNames('label', labelProps === null || labelProps === void 0 ? void 0 : labelProps.className), style: { display: 'block', ...((labelProps === null || labelProps === void 0 ? void 0 : labelProps.style) || {}) }, children: label }));
+        }
+    }
+    let content = children;
+    if (horizontal) {
+        if (React.isValidElement(children) &&
+            (children.type === FieldBody || children.type.displayName === 'FieldBody')) {
+            content = children;
+        }
+        else {
+            content = jsxRuntimeExports.jsx(FieldBody, { children: children });
+        }
+    }
+    return (jsxRuntimeExports.jsxs("div", { className: fieldClass, ...rest, children: [renderedLabel, content] }));
+};
 FieldLabel.displayName = 'FieldLabel';
 FieldBody.displayName = 'FieldBody';
+Field.Label = FieldLabel;
+Field.Body = FieldBody;
 
 const File = React.forwardRef(({ color, size, isBoxed, isFullwidth, isRight, isCentered, hasName, label, iconLeft, iconRight, className, inputClassName, fileName, ...props }, ref) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
@@ -1675,6 +1724,14 @@ const Radio = React.forwardRef(({ disabled, className, children, ...props }, ref
 });
 Radio.displayName = 'Radio';
 
+const Radios = ({ children, className, ...props }) => {
+    const { bulmaHelperClasses, rest } = useBulmaClasses({
+        ...props,
+    });
+    const wrapperClass = classNames('radios', bulmaHelperClasses, className);
+    return (jsxRuntimeExports.jsx("div", { className: wrapperClass, ...rest, children: children }));
+};
+
 const Select = React.forwardRef(({ color, size, isRounded, isLoading, isActive, className, disabled, children, multiple, multipleSize, ...props }, ref) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
         color,
@@ -1833,6 +1890,12 @@ const Container = ({ className, textColor, bgColor, fluid, widescreen, fullhd, b
     return (jsxRuntimeExports.jsx("div", { className: containerClasses, ...rest, children: children }));
 };
 
+const Footer = ({ as = 'footer', className, children, ...props }) => {
+    const { bulmaHelperClasses, rest } = useBulmaClasses(props);
+    const Tag = as;
+    return (jsxRuntimeExports.jsx(Tag, { className: classNames('footer', bulmaHelperClasses, className), ...rest, children: children }));
+};
+
 const Hero = ({ className, color, size, bgColor, fullheightWithNavbar, children, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
         color,
@@ -1872,6 +1935,36 @@ Hero.Head = HeroHead;
 Hero.Body = HeroBody;
 Hero.Foot = HeroFoot;
 
+const Level = ({ isMobile, className, children, ...props }) => {
+    const { bulmaHelperClasses, rest } = useBulmaClasses(props);
+    return (jsxRuntimeExports.jsx("nav", { className: classNames('level', bulmaHelperClasses, className, {
+            'is-mobile': isMobile,
+        }), ...rest, children: children }));
+};
+const LevelLeft = ({ className, children, ...props }) => {
+    const { bulmaHelperClasses, rest } = useBulmaClasses(props);
+    return (jsxRuntimeExports.jsx("div", { className: classNames('level-left', bulmaHelperClasses, className), ...rest, children: children }));
+};
+const LevelRight = ({ className, children, ...props }) => {
+    const { bulmaHelperClasses, rest } = useBulmaClasses(props);
+    return (jsxRuntimeExports.jsx("div", { className: classNames('level-right', bulmaHelperClasses, className), ...rest, children: children }));
+};
+const LevelItem = ({ as = 'div', hasTextCentered, className, children, href, target, rel, ...props }) => {
+    const { bulmaHelperClasses, rest } = useBulmaClasses(props);
+    const Tag = as;
+    if (Tag === 'a') {
+        return (jsxRuntimeExports.jsx("a", { className: classNames('level-item', bulmaHelperClasses, className, {
+                'has-text-centered': hasTextCentered,
+            }), href: href, target: target, rel: rel, ...rest, children: children }));
+    }
+    return (jsxRuntimeExports.jsx(Tag, { className: classNames('level-item', bulmaHelperClasses, className, {
+            'has-text-centered': hasTextCentered,
+        }), ...rest, children: children }));
+};
+Level.Left = LevelLeft;
+Level.Right = LevelRight;
+Level.Item = LevelItem;
+
 const Media = ({ as = 'article', className, children, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses(props);
     const Tag = as;
@@ -1909,14 +2002,22 @@ exports.Button = Button;
 exports.Buttons = Buttons;
 exports.Card = Card;
 exports.Cell = Cell;
+exports.Checkbox = Checkbox;
+exports.Checkboxes = Checkboxes;
 exports.Column = Column;
 exports.Columns = Columns;
 exports.Container = Container;
 exports.Content = Content;
+exports.Control = Control;
 exports.Delete = Delete;
 exports.Dropdown = Dropdown;
 exports.DropdownDivider = DropdownDivider;
 exports.DropdownItem = DropdownItem;
+exports.Field = Field;
+exports.FieldBody = FieldBody;
+exports.FieldLabel = FieldLabel;
+exports.File = File;
+exports.Footer = Footer;
 exports.Grid = Grid;
 exports.Hero = Hero;
 exports.HeroBody = HeroBody;
@@ -1925,6 +2026,11 @@ exports.HeroHead = HeroHead;
 exports.Icon = Icon;
 exports.IconText = IconText;
 exports.Image = Image;
+exports.Input = Input;
+exports.Level = Level;
+exports.LevelItem = LevelItem;
+exports.LevelLeft = LevelLeft;
+exports.LevelRight = LevelRight;
 exports.Media = Media;
 exports.MediaContent = MediaContent;
 exports.MediaLeft = MediaLeft;
@@ -1961,7 +2067,10 @@ exports.PanelIcon = PanelIcon;
 exports.PanelInputBlock = PanelInputBlock;
 exports.PanelTabs = PanelTabs;
 exports.Progress = Progress;
+exports.Radio = Radio;
+exports.Radios = Radios;
 exports.Section = Section;
+exports.Select = Select;
 exports.SubTitle = SubTitle;
 exports.TabItem = TabItem;
 exports.TabList = TabList;
@@ -1971,6 +2080,7 @@ exports.Tag = Tag;
 exports.Tags = Tags;
 exports.Tbody = Tbody;
 exports.Td = Td;
+exports.TextArea = TextArea;
 exports.Tfoot = Tfoot;
 exports.Th = Th;
 exports.Thead = Thead;