@allxsmith/bestax-bulma 5.15.4 → 5.16.0

package/dist/index.esm.js

@@ -209,6 +209,8 @@ const validColors = [
     'grey-light',
     'grey-lighter',
     'white',
+    'white-bis',
+    'white-ter',
     'light',
     'dark',
 ];
@@ -419,6 +421,57 @@ const validViewports = [
     'widescreen-only',
     'fullhd',
 ];
+/**
+ * Valid Bulma float classes.
+ * @example 'left', 'right'
+ */
+const validFloats = ['left', 'right'];
+/**
+ * Valid Bulma overflow classes.
+ * @example 'clipped'
+ */
+const validOverflows = ['clipped'];
+/**
+ * Valid Bulma interaction classes.
+ * @example 'unselectable', 'clickable'
+ */
+const validInteractions = ['unselectable', 'clickable'];
+/**
+ * Valid Bulma cursor helper values.
+ *
+ * These share no class stem: `pointer` renders `is-clickable` and `help`
+ * renders `is-cursor-help`, so the class each one emits lives in
+ * `cursorClasses` rather than being built from the value.
+ * @example 'pointer', 'help'
+ */
+const validCursors = ['pointer', 'help'];
+/**
+ * Cursor helper value to the class it renders.
+ *
+ * A `Record` over `validCursors` on purpose: TypeScript then rejects a value
+ * added to the tuple with no class for it, and a class for a value the tuple
+ * does not carry, so the accepted set and the rendered classes cannot drift
+ * apart.
+ */
+const cursorClasses = {
+    pointer: 'is-clickable',
+    help: 'is-cursor-help',
+};
+/**
+ * Valid Bulma border-radius helper classes.
+ * @example 'radiusless'
+ */
+const validRadii = ['radiusless'];
+/**
+ * Valid Bulma shadow helper classes.
+ * @example 'shadowless'
+ */
+const validShadows = ['shadowless'];
+/**
+ * Valid Bulma responsive helper classes.
+ * @example 'mobile', 'narrow'
+ */
+const validResponsives = ['mobile', 'narrow'];
 /**
  * Creates the shared class-building helpers used by the Bulma helper hooks.
  *
@@ -885,33 +938,28 @@ const useOtherClasses = (props) => {
         const { classes, addPrefixedClass, addClassNoViewport } = createBulmaClassHelpers(classPrefix);
         // Other Helpers (no viewport support)
         if (float) {
-            addClassNoViewport('is-pulled', float, ['left', 'right']);
+            addClassNoViewport('is-pulled', float, validFloats);
         }
         if (overflow) {
-            addClassNoViewport('is', overflow, ['clipped']);
+            addClassNoViewport('is', overflow, validOverflows);
         }
         if (overlay) {
             addPrefixedClass('is-overlay');
         }
         if (interaction) {
-            addClassNoViewport('is', interaction, ['unselectable', 'clickable']);
+            addClassNoViewport('is', interaction, validInteractions);
         }
-        if (cursor) {
-            if (cursor === 'pointer') {
-                addPrefixedClass('is-clickable');
-            }
-            else if (cursor === 'help') {
-                addPrefixedClass('is-cursor-help');
-            }
+        if (cursor && validCursors.includes(cursor)) {
+            addPrefixedClass(cursorClasses[cursor]);
         }
         if (radius) {
-            addClassNoViewport('is', radius, ['radiusless']);
+            addClassNoViewport('is', radius, validRadii);
         }
         if (shadow) {
-            addClassNoViewport('is', shadow, ['shadowless']);
+            addClassNoViewport('is', shadow, validShadows);
         }
         if (responsive) {
-            addClassNoViewport('is', responsive, ['mobile', 'narrow']);
+            addClassNoViewport('is', responsive, validResponsives);
         }
         // Bulma Skeleton Helper
         if (skeleton) {
@@ -2965,6 +3013,8 @@ const Navbar = withSubComponents(NavbarComponent, {
 const UNSTYLED_MODIFIER_COLORS = [
     'black-bis',
     'black-ter',
+    'white-bis',
+    'white-ter',
     'grey-darker',
     'grey-dark',
     'grey',
@@ -12741,8 +12791,8 @@ function cssVarToProp(varName) {
  * Mapping of camelCase prop names to their Bulma CSS variable counterparts.
  *
  * `--bulma-shadow` is excluded: `cssVarToProp` would mint it as `shadow`,
- * which already exists as a `BulmaOtherProps` prop (`shadow?: 'shadowless'`,
- * applied via `useBulmaClasses`) — keeping it out of this map means that
+ * which already exists as a `BulmaOtherProps` prop applied via
+ * `useBulmaClasses` — keeping it out of this map means that
  * prop keeps its existing class-based meaning, while `--bulma-shadow` is
  * still reachable through the `bulmaVars` object.
  */
@@ -13215,5 +13265,5 @@ const Section = ({ size, className, children, color, bgColor, textColor, style,
     return (jsx("section", { className: sectionClasses, style: mergeBulmaStyles(bulmaHelperStyles, style), ...rest, children: children }));
 };
 
-export { Autocomplete, Avatar, Avatars, Badge, Block, Box, Breadcrumb, Button, Buttons, Card, Carousel, CarouselItem, Cell, Checkbox, Checkboxes, Code, Collapse, Column, Columns, ConfigProvider, Container, Content, Control, DateInput, DateInputBase, DateTimeInput, DateTimeInputBase, Delete, Dialog, DialogContainer, Divider, Dropdown, DropdownDivider, DropdownItem, Emphasis, Field, FieldBody, FieldLabel, Figure, File, Footer, Grid, Hero, HeroBody, HeroFoot, HeroHead, Icon, IconText, Image, Input, InputBase, Level, LevelItem, LevelLeft, LevelRight, Link, LinkButton, ListItem, Loading, Media, MediaContent, MediaLeft, MediaRight, Menu, MenuItem, MenuLabel, MenuList, Message, Modal, Navbar, NavbarBrand, NavbarBurger, NavbarDivider, NavbarDropdown, NavbarDropdownMenu, NavbarEnd, NavbarItem, NavbarLink, NavbarMenu, NavbarStart, Notification, NotificationContainer, NumberInput, Numberinput, OrderedList, Pagination, PaginationEllipsis, PaginationLink, PaginationList, PaginationNext, PaginationPrevious, Panel, PanelBlock, PanelButtonBlock, PanelCheckboxBlock, PanelHeading, PanelIcon, PanelInputBlock, PanelTabs, Paragraph, Pre, Progress, Radio, Radios, Rate, Reveal, Section, Select, SelectBase, Sidebar, Skeleton, Slider, Span, Step, Steps, Strong, SubTitle, Switch, Tab, TabContentItem, TabItem, TabList, Table, Tabs, TabsContent, Tag, TagInput, Taginput, Tags, Tbody, Td, TextArea, TextAreaBase, Tfoot, Th, Thead, Theme, TimeInput, TimeInputBase, Title, Toast, ToastContainer, Tooltip, Tr, UnorderedList, __test_exports__, checkboxColors, checkboxSizes, classNames, createPrefixedClassNames, dialog, isBrowser$1 as isBrowser, mergeBulmaStyles, notification, prefixedClassNames, radioColors, radioSizes, switchColors, switchSizes, toast, useBulmaClasses, useClassPrefix, useColorClasses, useColorStyles, useConfig, useFlexboxClasses, useIconLibrary, useInsideControl, useInsideField, useOtherClasses, usePrefixedClass, usePrefixedClassNames, useSpacingClasses, useTypographyClasses, useVisibilityClasses, validAlignContents, validAlignItems, validAlignSelfs, validAlignments$1 as validAlignments, validColorShades, validColors, validDisplays, validFlexDirections, validFlexGrowShrink, validFlexWraps, validFontFamilies, validJustifyContents, validSchemeColors, validSizes$1 as validSizes, validTableColors, validTextSizes, validTextTransforms, validTextWeights, validViewports, validVisibilities };
+export { Autocomplete, Avatar, Avatars, Badge, Block, Box, Breadcrumb, Button, Buttons, Card, Carousel, CarouselItem, Cell, Checkbox, Checkboxes, Code, Collapse, Column, Columns, ConfigProvider, Container, Content, Control, DateInput, DateInputBase, DateTimeInput, DateTimeInputBase, Delete, Dialog, DialogContainer, Divider, Dropdown, DropdownDivider, DropdownItem, Emphasis, Field, FieldBody, FieldLabel, Figure, File, Footer, Grid, Hero, HeroBody, HeroFoot, HeroHead, Icon, IconText, Image, Input, InputBase, Level, LevelItem, LevelLeft, LevelRight, Link, LinkButton, ListItem, Loading, Media, MediaContent, MediaLeft, MediaRight, Menu, MenuItem, MenuLabel, MenuList, Message, Modal, Navbar, NavbarBrand, NavbarBurger, NavbarDivider, NavbarDropdown, NavbarDropdownMenu, NavbarEnd, NavbarItem, NavbarLink, NavbarMenu, NavbarStart, Notification, NotificationContainer, NumberInput, Numberinput, OrderedList, Pagination, PaginationEllipsis, PaginationLink, PaginationList, PaginationNext, PaginationPrevious, Panel, PanelBlock, PanelButtonBlock, PanelCheckboxBlock, PanelHeading, PanelIcon, PanelInputBlock, PanelTabs, Paragraph, Pre, Progress, Radio, Radios, Rate, Reveal, Section, Select, SelectBase, Sidebar, Skeleton, Slider, Span, Step, Steps, Strong, SubTitle, Switch, Tab, TabContentItem, TabItem, TabList, Table, Tabs, TabsContent, Tag, TagInput, Taginput, Tags, Tbody, Td, TextArea, TextAreaBase, Tfoot, Th, Thead, Theme, TimeInput, TimeInputBase, Title, Toast, ToastContainer, Tooltip, Tr, UnorderedList, __test_exports__, checkboxColors, checkboxSizes, classNames, createPrefixedClassNames, dialog, isBrowser$1 as isBrowser, mergeBulmaStyles, notification, prefixedClassNames, radioColors, radioSizes, switchColors, switchSizes, toast, useBulmaClasses, useClassPrefix, useColorClasses, useColorStyles, useConfig, useFlexboxClasses, useIconLibrary, useInsideControl, useInsideField, useOtherClasses, usePrefixedClass, usePrefixedClassNames, useSpacingClasses, useTypographyClasses, useVisibilityClasses, validAlignContents, validAlignItems, validAlignSelfs, validAlignments$1 as validAlignments, validColorShades, validColors, validCursors, validDisplays, validFlexDirections, validFlexGrowShrink, validFlexWraps, validFloats, validFontFamilies, validInteractions, validJustifyContents, validOverflows, validRadii, validResponsives, validSchemeColors, validShadows, validSizes$1 as validSizes, validTableColors, validTextSizes, validTextTransforms, validTextWeights, validViewports, validVisibilities };
 //# sourceMappingURL=index.esm.js.map