@allxsmith/bestax-bulma 5.16.1 → 5.16.2
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.
- package/dist/types/columns/Column.d.ts +1 -1
- package/dist/types/columns/Columns.d.ts +3 -3
- package/dist/types/components/Avatar.d.ts +2 -2
- package/dist/types/components/Avatars.d.ts +3 -3
- package/dist/types/components/Badge.d.ts +1 -1
- package/dist/types/components/Breadcrumb.d.ts +1 -1
- package/dist/types/components/Card.d.ts +1 -1
- package/dist/types/components/Carousel.d.ts +1 -1
- package/dist/types/components/Collapse.d.ts +1 -1
- package/dist/types/components/Dialog.d.ts +1 -1
- package/dist/types/components/Dropdown.d.ts +2 -2
- package/dist/types/components/Loading.d.ts +1 -1
- package/dist/types/components/Menu.d.ts +2 -2
- package/dist/types/components/Message.d.ts +1 -1
- package/dist/types/components/Modal.d.ts +1 -1
- package/dist/types/components/Navbar.d.ts +2 -2
- package/dist/types/components/Pagination.d.ts +1 -1
- package/dist/types/components/Panel.d.ts +2 -2
- package/dist/types/components/Reveal.d.ts +2 -2
- package/dist/types/components/Sidebar.d.ts +1 -1
- package/dist/types/components/Steps.d.ts +1 -1
- package/dist/types/components/Tabs.d.ts +1 -1
- package/dist/types/components/Toast.d.ts +1 -1
- package/dist/types/components/Tooltip.d.ts +1 -1
- package/dist/types/elements/Block.d.ts +1 -1
- package/dist/types/elements/Box.d.ts +1 -1
- package/dist/types/elements/Button.d.ts +2 -2
- package/dist/types/elements/Buttons.d.ts +3 -3
- package/dist/types/elements/Code.d.ts +1 -1
- package/dist/types/elements/Content.d.ts +1 -1
- package/dist/types/elements/Delete.d.ts +1 -1
- package/dist/types/elements/Divider.d.ts +1 -1
- package/dist/types/elements/Emphasis.d.ts +1 -1
- package/dist/types/elements/Figure.d.ts +1 -1
- package/dist/types/elements/Icon.d.ts +1 -1
- package/dist/types/elements/IconText.d.ts +2 -2
- package/dist/types/elements/Image.d.ts +1 -1
- package/dist/types/elements/Link.d.ts +2 -2
- package/dist/types/elements/LinkButton.d.ts +2 -2
- package/dist/types/elements/ListItem.d.ts +1 -1
- package/dist/types/elements/Notification.d.ts +1 -1
- package/dist/types/elements/OrderedList.d.ts +2 -2
- package/dist/types/elements/Paragraph.d.ts +1 -1
- package/dist/types/elements/Pre.d.ts +1 -1
- package/dist/types/elements/Progress.d.ts +1 -1
- package/dist/types/elements/Span.d.ts +1 -1
- package/dist/types/elements/Strong.d.ts +1 -1
- package/dist/types/elements/SubTitle.d.ts +1 -1
- package/dist/types/elements/Table.d.ts +7 -7
- package/dist/types/elements/Tag.d.ts +1 -1
- package/dist/types/elements/Tags.d.ts +2 -2
- package/dist/types/elements/Tbody.d.ts +1 -1
- package/dist/types/elements/Td.d.ts +1 -1
- package/dist/types/elements/Tfoot.d.ts +1 -1
- package/dist/types/elements/Th.d.ts +2 -2
- package/dist/types/elements/Thead.d.ts +1 -1
- package/dist/types/elements/Title.d.ts +1 -1
- package/dist/types/elements/Tr.d.ts +2 -2
- package/dist/types/elements/UnorderedList.d.ts +2 -2
- package/dist/types/elements/iconProps.d.ts +1 -1
- package/dist/types/form/Autocomplete.d.ts +2 -2
- package/dist/types/form/Checkbox.d.ts +1 -1
- package/dist/types/form/Checkboxes.d.ts +3 -3
- package/dist/types/form/Control.d.ts +2 -2
- package/dist/types/form/DateInput.d.ts +3 -3
- package/dist/types/form/DateInputBase.d.ts +3 -3
- package/dist/types/form/DateTimeInput.d.ts +3 -3
- package/dist/types/form/DateTimeInputBase.d.ts +3 -3
- package/dist/types/form/Field.d.ts +3 -3
- package/dist/types/form/File.d.ts +2 -2
- package/dist/types/form/Input.d.ts +3 -3
- package/dist/types/form/InputBase.d.ts +1 -1
- package/dist/types/form/Numberinput.d.ts +2 -2
- package/dist/types/form/Radio.d.ts +1 -1
- package/dist/types/form/Radios.d.ts +3 -3
- package/dist/types/form/Rate.d.ts +2 -2
- package/dist/types/form/Select.d.ts +3 -3
- package/dist/types/form/SelectBase.d.ts +1 -1
- package/dist/types/form/Slider.d.ts +2 -2
- package/dist/types/form/Switch.d.ts +1 -1
- package/dist/types/form/Taginput.d.ts +2 -2
- package/dist/types/form/TextArea.d.ts +3 -3
- package/dist/types/form/TextAreaBase.d.ts +1 -1
- package/dist/types/form/TimeInput.d.ts +3 -3
- package/dist/types/form/TimeInputBase.d.ts +3 -3
- package/dist/types/form/_pickerInternals/Calendar.d.ts +1 -1
- package/dist/types/form/_pickerInternals/PickerPopover.d.ts +1 -1
- package/dist/types/form/_pickerInternals/TimeWheels.d.ts +1 -1
- package/dist/types/form/_pickerInternals/dateUtils.d.ts +1 -1
- package/dist/types/form/_pickerInternals/useSegmentedEntry.d.ts +2 -2
- package/dist/types/form/useAutoLabelId.d.ts +1 -1
- package/dist/types/grid/Cell.d.ts +1 -1
- package/dist/types/grid/Grid.d.ts +2 -2
- package/dist/types/helpers/Theme.d.ts +1 -1
- package/dist/types/helpers/useBulmaClasses.d.ts +14 -14
- package/dist/types/helpers/useColorClasses.d.ts +1 -1
- package/dist/types/helpers/useFlexboxClasses.d.ts +1 -1
- package/dist/types/helpers/useOtherClasses.d.ts +1 -1
- package/dist/types/helpers/useSpacingClasses.d.ts +1 -1
- package/dist/types/helpers/useTypographyClasses.d.ts +1 -1
- package/dist/types/helpers/useVisibilityClasses.d.ts +1 -1
- package/dist/types/index.d.ts +113 -113
- package/dist/types/layout/Container.d.ts +1 -1
- package/dist/types/layout/Footer.d.ts +1 -1
- package/dist/types/layout/Hero.d.ts +1 -1
- package/dist/types/layout/Level.d.ts +2 -2
- package/dist/types/layout/Media.d.ts +1 -1
- package/dist/types/layout/Section.d.ts +1 -1
- package/dist/types/skill-examples/ProfileCard.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
import { FormFieldProps } from './fieldProps';
|
|
2
|
+
import { BulmaClassesProps } from '../helpers/useBulmaClasses.js';
|
|
3
|
+
import { FormFieldProps } from './fieldProps.js';
|
|
4
4
|
/**
|
|
5
5
|
* Props for the Checkboxes component.
|
|
6
6
|
*/
|
|
@@ -25,6 +25,6 @@ export interface CheckboxesProps extends Omit<BulmaClassesProps, 'color'>, FormF
|
|
|
25
25
|
children?: React.ReactNode;
|
|
26
26
|
}
|
|
27
27
|
export declare const Checkboxes: React.FC<CheckboxesProps> & {
|
|
28
|
-
Checkbox: React.ForwardRefExoticComponent<import("./Checkbox").CheckboxProps & React.RefAttributes<HTMLInputElement>>;
|
|
28
|
+
Checkbox: React.ForwardRefExoticComponent<import("./Checkbox.js").CheckboxProps & React.RefAttributes<HTMLInputElement>>;
|
|
29
29
|
};
|
|
30
30
|
export default Checkboxes;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
|
|
3
|
-
import { IconProps } from '../elements/Icon';
|
|
2
|
+
import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses.js';
|
|
3
|
+
import { IconProps } from '../elements/Icon.js';
|
|
4
4
|
/**
|
|
5
5
|
* Props for the Control component.
|
|
6
6
|
*/
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { FieldProps } from './Field';
|
|
3
|
-
import { ControlBaseProps } from './Control';
|
|
4
|
-
import { DateInputBaseProps } from './DateInputBase';
|
|
2
|
+
import { FieldProps } from './Field.js';
|
|
3
|
+
import { ControlBaseProps } from './Control.js';
|
|
4
|
+
import { DateInputBaseProps } from './DateInputBase.js';
|
|
5
5
|
/**
|
|
6
6
|
* Props for the DateInput convenience wrapper. Extends `DateInputBaseProps`
|
|
7
7
|
* with Field-level (label, horizontal) and Control-level (icons, loading) props.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
import { PickerPosition, DayOfWeek, PickerLabels } from './_pickerInternals/pickerTypes';
|
|
4
|
-
import { DateFormatOption } from './_pickerInternals/formatters';
|
|
2
|
+
import { BulmaClassesProps } from '../helpers/useBulmaClasses.js';
|
|
3
|
+
import { PickerPosition, DayOfWeek, PickerLabels } from './_pickerInternals/pickerTypes.js';
|
|
4
|
+
import { DateFormatOption } from './_pickerInternals/formatters.js';
|
|
5
5
|
/**
|
|
6
6
|
* Props for the raw DateInput base. Use the higher-level `DateInput` for
|
|
7
7
|
* Field/Control composition; `DateInputBase` is the input + popover only.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { FieldProps } from './Field';
|
|
3
|
-
import { ControlBaseProps } from './Control';
|
|
4
|
-
import { DateTimeInputBaseProps } from './DateTimeInputBase';
|
|
2
|
+
import { FieldProps } from './Field.js';
|
|
3
|
+
import { ControlBaseProps } from './Control.js';
|
|
4
|
+
import { DateTimeInputBaseProps } from './DateTimeInputBase.js';
|
|
5
5
|
/**
|
|
6
6
|
* Props for the DateTimeInput convenience wrapper. Extends
|
|
7
7
|
* `DateTimeInputBaseProps` with Field-level and Control-level props.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
import { PickerPosition, HourFormat, DayOfWeek, PickerLabels } from './_pickerInternals/pickerTypes';
|
|
4
|
-
import { DateFormatOption } from './_pickerInternals/formatters';
|
|
2
|
+
import { BulmaClassesProps } from '../helpers/useBulmaClasses.js';
|
|
3
|
+
import { PickerPosition, HourFormat, DayOfWeek, PickerLabels } from './_pickerInternals/pickerTypes.js';
|
|
4
|
+
import { DateFormatOption } from './_pickerInternals/formatters.js';
|
|
5
5
|
/**
|
|
6
6
|
* Props for the raw DateTimeInput base. Use the higher-level `DateTimeInput`
|
|
7
7
|
* for Field/Control composition. Combines the prop set of `DateInputBaseProps`
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
|
|
2
|
+
import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses.js';
|
|
3
3
|
/**
|
|
4
4
|
* Props for the Field component.
|
|
5
5
|
*/
|
|
@@ -90,11 +90,11 @@ export declare const Field: React.FC<FieldProps> & {
|
|
|
90
90
|
Body: React.FC<FieldBodyProps>;
|
|
91
91
|
Control: React.ForwardRefExoticComponent<(Omit<{
|
|
92
92
|
as?: "div";
|
|
93
|
-
} & import("./Control").ControlBaseProps & {
|
|
93
|
+
} & import("./Control.js").ControlBaseProps & {
|
|
94
94
|
ref?: React.Ref<HTMLDivElement>;
|
|
95
95
|
}, "ref"> | Omit<{
|
|
96
96
|
as: "p";
|
|
97
|
-
} & Omit<import("./Control").ControlBaseProps, keyof React.HTMLAttributes<HTMLDivElement>> & React.HTMLAttributes<HTMLParagraphElement> & {
|
|
97
|
+
} & Omit<import("./Control.js").ControlBaseProps, keyof React.HTMLAttributes<HTMLDivElement>> & React.HTMLAttributes<HTMLParagraphElement> & {
|
|
98
98
|
ref?: React.Ref<HTMLParagraphElement>;
|
|
99
99
|
}, "ref">) & React.RefAttributes<HTMLDivElement | HTMLParagraphElement>>;
|
|
100
100
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
import { FormFieldProps } from './fieldProps';
|
|
2
|
+
import { BulmaClassesProps } from '../helpers/useBulmaClasses.js';
|
|
3
|
+
import { FormFieldProps } from './fieldProps.js';
|
|
4
4
|
/**
|
|
5
5
|
* Props for the File component.
|
|
6
6
|
*/
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { FieldProps } from './Field';
|
|
3
|
-
import { ControlBaseProps } from './Control';
|
|
4
|
-
import { InputBaseProps } from './InputBase';
|
|
2
|
+
import { FieldProps } from './Field.js';
|
|
3
|
+
import { ControlBaseProps } from './Control.js';
|
|
4
|
+
import { InputBaseProps } from './InputBase.js';
|
|
5
5
|
/**
|
|
6
6
|
* Props for the Input component.
|
|
7
7
|
*
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
import { FormFieldProps } from './fieldProps';
|
|
2
|
+
import { BulmaClassesProps } from '../helpers/useBulmaClasses.js';
|
|
3
|
+
import { FormFieldProps } from './fieldProps.js';
|
|
4
4
|
/** Valid sizes for the Numberinput component. */
|
|
5
5
|
export type NumberinputSize = 'small' | 'medium' | 'large';
|
|
6
6
|
/** Valid colors for the Numberinput wrapper and control buttons. */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
import { FormFieldProps } from './fieldProps';
|
|
2
|
+
import { BulmaClassesProps } from '../helpers/useBulmaClasses.js';
|
|
3
|
+
import { FormFieldProps } from './fieldProps.js';
|
|
4
4
|
/**
|
|
5
5
|
* Props for the Radios component.
|
|
6
6
|
*/
|
|
@@ -25,6 +25,6 @@ export interface RadiosProps extends Omit<BulmaClassesProps, 'color'>, FormField
|
|
|
25
25
|
children: React.ReactNode;
|
|
26
26
|
}
|
|
27
27
|
export declare const Radios: React.FC<RadiosProps> & {
|
|
28
|
-
Radio: React.ForwardRefExoticComponent<import("./Radio").RadioProps & React.RefAttributes<HTMLInputElement>>;
|
|
28
|
+
Radio: React.ForwardRefExoticComponent<import("./Radio.js").RadioProps & React.RefAttributes<HTMLInputElement>>;
|
|
29
29
|
};
|
|
30
30
|
export default Radios;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
import { FormFieldProps } from './fieldProps';
|
|
2
|
+
import { BulmaClassesProps } from '../helpers/useBulmaClasses.js';
|
|
3
|
+
import { FormFieldProps } from './fieldProps.js';
|
|
4
4
|
/** Available size modifiers for the Rate component. */
|
|
5
5
|
export type RateSize = 'small' | 'medium' | 'large';
|
|
6
6
|
type IconLibrary = 'fa' | 'mdi' | 'ion' | 'material-icons' | 'material-symbols';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { FieldProps } from './Field';
|
|
3
|
-
import { ControlBaseProps } from './Control';
|
|
4
|
-
import { SelectBaseProps } from './SelectBase';
|
|
2
|
+
import { FieldProps } from './Field.js';
|
|
3
|
+
import { ControlBaseProps } from './Control.js';
|
|
4
|
+
import { SelectBaseProps } from './SelectBase.js';
|
|
5
5
|
/**
|
|
6
6
|
* Props for the Select component.
|
|
7
7
|
*
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
import { FormFieldProps } from './fieldProps';
|
|
2
|
+
import { BulmaClassesProps } from '../helpers/useBulmaClasses.js';
|
|
3
|
+
import { FormFieldProps } from './fieldProps.js';
|
|
4
4
|
/** Valid sizes for the Slider component. */
|
|
5
5
|
export type SliderSize = 'small' | 'medium' | 'large';
|
|
6
6
|
/** Valid colors for the Slider component. */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
import { FormFieldProps } from './fieldProps';
|
|
2
|
+
import { BulmaClassesProps } from '../helpers/useBulmaClasses.js';
|
|
3
|
+
import { FormFieldProps } from './fieldProps.js';
|
|
4
4
|
/**
|
|
5
5
|
* Represents a tag item object with a value and optional label.
|
|
6
6
|
*/
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { FieldProps } from './Field';
|
|
3
|
-
import { ControlBaseProps } from './Control';
|
|
4
|
-
import { TextAreaBaseProps } from './TextAreaBase';
|
|
2
|
+
import { FieldProps } from './Field.js';
|
|
3
|
+
import { ControlBaseProps } from './Control.js';
|
|
4
|
+
import { TextAreaBaseProps } from './TextAreaBase.js';
|
|
5
5
|
/**
|
|
6
6
|
* Props for the TextArea component.
|
|
7
7
|
*
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { FieldProps } from './Field';
|
|
3
|
-
import { ControlBaseProps } from './Control';
|
|
4
|
-
import { TimeInputBaseProps } from './TimeInputBase';
|
|
2
|
+
import { FieldProps } from './Field.js';
|
|
3
|
+
import { ControlBaseProps } from './Control.js';
|
|
4
|
+
import { TimeInputBaseProps } from './TimeInputBase.js';
|
|
5
5
|
/**
|
|
6
6
|
* Props for the TimeInput convenience wrapper. Extends `TimeInputBaseProps`
|
|
7
7
|
* with Field-level (label, horizontal) and Control-level (icons, loading) props.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
import { PickerPosition, HourFormat, PickerLabels } from './_pickerInternals/pickerTypes';
|
|
4
|
-
import { DateFormatOption } from './_pickerInternals/formatters';
|
|
2
|
+
import { BulmaClassesProps } from '../helpers/useBulmaClasses.js';
|
|
3
|
+
import { PickerPosition, HourFormat, PickerLabels } from './_pickerInternals/pickerTypes.js';
|
|
4
|
+
import { DateFormatOption } from './_pickerInternals/formatters.js';
|
|
5
5
|
/**
|
|
6
6
|
* Props for the raw TimeInput base. Use the higher-level `TimeInput` for
|
|
7
7
|
* Field/Control composition; `TimeInputBase` is the input + popover only.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { DateFormatOption } from './formatters';
|
|
3
|
-
import { SegmentMap } from './segmentMap';
|
|
2
|
+
import { DateFormatOption } from './formatters.js';
|
|
3
|
+
import { SegmentMap } from './segmentMap.js';
|
|
4
4
|
export interface UseSegmentedEntryParams {
|
|
5
5
|
/** Resolved format actually used to render (the host's default format). */
|
|
6
6
|
format: DateFormatOption;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
|
|
2
|
+
import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses.js';
|
|
3
3
|
/**
|
|
4
4
|
* Allowed gap values for Bulma's 0-8 spacing scale, shared by `Grid` and
|
|
5
5
|
* `Columns`. Accepts the value as a number or a numeric string.
|
|
@@ -55,5 +55,5 @@ export interface GridProps extends React.HTMLAttributes<HTMLDivElement>, Omit<Bu
|
|
|
55
55
|
children?: React.ReactNode;
|
|
56
56
|
}
|
|
57
57
|
export declare const Grid: React.FC<GridProps> & {
|
|
58
|
-
Cell: React.FC<import("./Cell").CellProps>;
|
|
58
|
+
Cell: React.FC<import("./Cell.js").CellProps>;
|
|
59
59
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
|
-
import { BulmaClassesProps } from './useBulmaClasses';
|
|
2
|
+
import { BulmaClassesProps } from './useBulmaClasses.js';
|
|
3
3
|
declare const bulmaCssVars: readonly ["--bulma-scheme-h", "--bulma-scheme-s", "--bulma-scheme-main", "--bulma-scheme-main-bis", "--bulma-scheme-main-ter", "--bulma-scheme-invert", "--bulma-scheme-invert-bis", "--bulma-scheme-invert-ter", "--bulma-light-l", "--bulma-light-invert-l", "--bulma-dark-l", "--bulma-dark-invert-l", "--bulma-soft-l", "--bulma-bold-l", "--bulma-soft-invert-l", "--bulma-bold-invert-l", "--bulma-hover-background-l-delta", "--bulma-active-background-l-delta", "--bulma-hover-border-l-delta", "--bulma-active-border-l-delta", "--bulma-hover-color-l-delta", "--bulma-active-color-l-delta", "--bulma-hover-shadow-a-delta", "--bulma-active-shadow-a-delta", "--bulma-primary-h", "--bulma-primary-s", "--bulma-primary-l", "--bulma-link-h", "--bulma-link-s", "--bulma-link-l", "--bulma-info-h", "--bulma-info-s", "--bulma-info-l", "--bulma-success-h", "--bulma-success-s", "--bulma-success-l", "--bulma-warning-h", "--bulma-warning-s", "--bulma-warning-l", "--bulma-danger-h", "--bulma-danger-s", "--bulma-danger-l", "--bulma-shadow-h", "--bulma-shadow-s", "--bulma-shadow-l", "--bulma-shadow", "--bulma-family-primary", "--bulma-family-secondary", "--bulma-family-code", "--bulma-size-small", "--bulma-size-normal", "--bulma-size-medium", "--bulma-size-large", "--bulma-weight-light", "--bulma-weight-normal", "--bulma-weight-medium", "--bulma-weight-semibold", "--bulma-weight-bold", "--bulma-weight-extrabold", "--bulma-block-spacing", "--bulma-duration", "--bulma-easing", "--bulma-radius-small", "--bulma-radius", "--bulma-radius-medium", "--bulma-radius-large", "--bulma-radius-rounded", "--bulma-speed", "--bulma-arrow-color", "--bulma-loading-color", "--bulma-burger-h", "--bulma-burger-s", "--bulma-burger-l", "--bulma-burger-border-radius", "--bulma-burger-gap", "--bulma-burger-item-height", "--bulma-burger-item-width", "--bulma-body-background-color", "--bulma-body-size", "--bulma-body-min-width", "--bulma-body-rendering", "--bulma-body-family", "--bulma-body-overflow-x", "--bulma-body-overflow-y", "--bulma-body-color", "--bulma-body-font-size", "--bulma-body-weight", "--bulma-body-line-height", "--bulma-code-family", "--bulma-code-padding", "--bulma-code-weight", "--bulma-code-size", "--bulma-small-font-size", "--bulma-hr-background-color", "--bulma-hr-height", "--bulma-hr-margin", "--bulma-strong-color", "--bulma-strong-weight", "--bulma-pre-font-size", "--bulma-pre-padding", "--bulma-pre-code-font-size", "--bulma-skeleton-background", "--bulma-skeleton-radius", "--bulma-skeleton-block-min-height", "--bulma-skeleton-lines-gap", "--bulma-skeleton-line-height", "--bulma-breadcrumb-item-color", "--bulma-breadcrumb-item-hover-color", "--bulma-breadcrumb-item-active-color", "--bulma-breadcrumb-item-padding-vertical", "--bulma-breadcrumb-item-padding-horizontal", "--bulma-breadcrumb-item-separator-color", "--bulma-card-color", "--bulma-card-background-color", "--bulma-card-shadow", "--bulma-card-radius", "--bulma-card-header-background-color", "--bulma-card-header-color", "--bulma-card-header-padding", "--bulma-card-header-shadow", "--bulma-card-header-weight", "--bulma-card-content-background-color", "--bulma-card-content-padding", "--bulma-card-footer-background-color", "--bulma-card-footer-border-top", "--bulma-card-footer-padding", "--bulma-card-media-margin", "--bulma-dropdown-menu-min-width", "--bulma-dropdown-content-background-color", "--bulma-dropdown-content-offset", "--bulma-dropdown-content-padding-bottom", "--bulma-dropdown-content-padding-top", "--bulma-dropdown-content-radius", "--bulma-dropdown-content-shadow", "--bulma-dropdown-content-z", "--bulma-dropdown-item-h", "--bulma-dropdown-item-s", "--bulma-dropdown-item-l", "--bulma-dropdown-item-background-l", "--bulma-dropdown-item-background-l-delta", "--bulma-dropdown-item-hover-background-l-delta", "--bulma-dropdown-item-active-background-l-delta", "--bulma-dropdown-item-color-l", "--bulma-dropdown-item-selected-h", "--bulma-dropdown-item-selected-s", "--bulma-dropdown-item-selected-l", "--bulma-dropdown-item-selected-background-l", "--bulma-dropdown-item-selected-color-l", "--bulma-dropdown-divider-background-color", "--bulma-menu-item-h", "--bulma-menu-item-s", "--bulma-menu-item-l", "--bulma-menu-item-background-l", "--bulma-menu-item-background-l-delta", "--bulma-menu-item-hover-background-l-delta", "--bulma-menu-item-active-background-l-delta", "--bulma-menu-item-color-l", "--bulma-menu-item-radius", "--bulma-menu-item-selected-h", "--bulma-menu-item-selected-s", "--bulma-menu-item-selected-l", "--bulma-menu-item-selected-background-l", "--bulma-menu-item-selected-color-l", "--bulma-menu-list-border-left", "--bulma-menu-list-line-height", "--bulma-menu-list-link-padding", "--bulma-menu-nested-list-margin", "--bulma-menu-nested-list-padding-left", "--bulma-menu-label-color", "--bulma-menu-label-font-size", "--bulma-menu-label-letter-spacing", "--bulma-menu-label-spacing", "--bulma-message-h", "--bulma-message-s", "--bulma-message-background-l", "--bulma-message-border-l", "--bulma-message-border-l-delta", "--bulma-message-border-style", "--bulma-message-border-width", "--bulma-message-color-l", "--bulma-message-radius", "--bulma-message-header-weight", "--bulma-message-header-padding", "--bulma-message-header-radius", "--bulma-message-header-body-border-width", "--bulma-message-header-background-l", "--bulma-message-header-color-l", "--bulma-message-body-border-width", "--bulma-message-body-color", "--bulma-message-body-padding", "--bulma-message-body-radius", "--bulma-message-body-pre-code-background-color", "--bulma-modal-z", "--bulma-modal-background-background-color", "--bulma-modal-content-width", "--bulma-modal-content-margin-mobile", "--bulma-modal-content-spacing-mobile", "--bulma-modal-content-spacing-tablet", "--bulma-modal-close-dimensions", "--bulma-modal-close-right", "--bulma-modal-close-top", "--bulma-modal-card-spacing", "--bulma-modal-card-head-background-color", "--bulma-modal-card-head-padding", "--bulma-modal-card-head-radius", "--bulma-modal-card-title-color", "--bulma-modal-card-title-line-height", "--bulma-modal-card-title-size", "--bulma-modal-card-foot-background-color", "--bulma-modal-card-foot-radius", "--bulma-modal-card-body-background-color", "--bulma-modal-card-body-padding", "--bulma-navbar-h", "--bulma-navbar-s", "--bulma-navbar-l", "--bulma-navbar-background-color", "--bulma-navbar-box-shadow-size", "--bulma-navbar-box-shadow-color", "--bulma-navbar-padding-vertical", "--bulma-navbar-padding-horizontal", "--bulma-navbar-z", "--bulma-navbar-fixed-z", "--bulma-navbar-item-background-a", "--bulma-navbar-item-background-l", "--bulma-navbar-item-background-l-delta", "--bulma-navbar-item-hover-background-l-delta", "--bulma-navbar-item-active-background-l-delta", "--bulma-navbar-item-color-l", "--bulma-navbar-item-selected-h", "--bulma-navbar-item-selected-s", "--bulma-navbar-item-selected-l", "--bulma-navbar-item-selected-background-l", "--bulma-navbar-item-selected-color-l", "--bulma-navbar-item-img-max-height", "--bulma-navbar-burger-color", "--bulma-navbar-tab-hover-background-color", "--bulma-navbar-tab-hover-border-bottom-color", "--bulma-navbar-tab-active-color", "--bulma-navbar-tab-active-background-color", "--bulma-navbar-tab-active-border-bottom-color", "--bulma-navbar-tab-active-border-bottom-style", "--bulma-navbar-tab-active-border-bottom-width", "--bulma-navbar-dropdown-background-color", "--bulma-navbar-dropdown-border-l", "--bulma-navbar-dropdown-border-color", "--bulma-navbar-dropdown-border-style", "--bulma-navbar-dropdown-border-width", "--bulma-navbar-dropdown-offset", "--bulma-navbar-dropdown-arrow", "--bulma-navbar-dropdown-radius", "--bulma-navbar-dropdown-z", "--bulma-navbar-dropdown-boxed-radius", "--bulma-navbar-dropdown-boxed-shadow", "--bulma-navbar-dropdown-item-h", "--bulma-navbar-dropdown-item-s", "--bulma-navbar-dropdown-item-l", "--bulma-navbar-dropdown-item-background-l", "--bulma-navbar-dropdown-item-color-l", "--bulma-navbar-divider-background-l", "--bulma-navbar-divider-height", "--bulma-navbar-bottom-box-shadow-size", "--bulma-pagination-margin", "--bulma-pagination-min-width", "--bulma-pagination-item-h", "--bulma-pagination-item-s", "--bulma-pagination-item-l", "--bulma-pagination-item-background-l-delta", "--bulma-pagination-item-hover-background-l-delta", "--bulma-pagination-item-active-background-l-delta", "--bulma-pagination-item-border-style", "--bulma-pagination-item-border-width", "--bulma-pagination-item-border-l", "--bulma-pagination-item-border-l-delta", "--bulma-pagination-item-hover-border-l-delta", "--bulma-pagination-item-active-border-l-delta", "--bulma-pagination-item-focus-border-l-delta", "--bulma-pagination-item-color-l", "--bulma-pagination-item-font-size", "--bulma-pagination-item-margin", "--bulma-pagination-item-padding-left", "--bulma-pagination-item-padding-right", "--bulma-pagination-item-outer-shadow-h", "--bulma-pagination-item-outer-shadow-s", "--bulma-pagination-item-outer-shadow-l", "--bulma-pagination-item-outer-shadow-a", "--bulma-pagination-nav-padding-left", "--bulma-pagination-nav-padding-right", "--bulma-pagination-disabled-color", "--bulma-pagination-disabled-background-color", "--bulma-pagination-disabled-border-color", "--bulma-pagination-current-color", "--bulma-pagination-current-background-color", "--bulma-pagination-current-border-color", "--bulma-pagination-ellipsis-color", "--bulma-pagination-shadow-inset", "--bulma-pagination-selected-item-h", "--bulma-pagination-selected-item-s", "--bulma-pagination-selected-item-l", "--bulma-pagination-selected-item-background-l", "--bulma-pagination-selected-item-border-l", "--bulma-pagination-selected-item-color-l", "--bulma-panel-margin", "--bulma-panel-item-border", "--bulma-panel-radius", "--bulma-panel-shadow", "--bulma-panel-heading-line-height", "--bulma-panel-heading-padding", "--bulma-panel-heading-radius", "--bulma-panel-heading-size", "--bulma-panel-heading-weight", "--bulma-panel-tabs-font-size", "--bulma-panel-tab-border-bottom-color", "--bulma-panel-tab-border-bottom-style", "--bulma-panel-tab-border-bottom-width", "--bulma-panel-tab-active-color", "--bulma-panel-list-item-color", "--bulma-panel-list-item-hover-color", "--bulma-panel-block-color", "--bulma-panel-block-hover-background-color", "--bulma-panel-block-active-border-left-color", "--bulma-panel-block-active-color", "--bulma-panel-block-active-icon-color", "--bulma-panel-icon-color", "--bulma-tabs-border-bottom-color", "--bulma-tabs-border-bottom-style", "--bulma-tabs-border-bottom-width", "--bulma-tabs-link-color", "--bulma-tabs-link-hover-border-bottom-color", "--bulma-tabs-link-hover-color", "--bulma-tabs-link-active-border-bottom-color", "--bulma-tabs-link-active-color", "--bulma-tabs-link-padding", "--bulma-tabs-boxed-link-radius", "--bulma-tabs-boxed-link-hover-background-color", "--bulma-tabs-boxed-link-hover-border-bottom-color", "--bulma-tabs-boxed-link-active-background-color", "--bulma-tabs-boxed-link-active-border-color", "--bulma-tabs-boxed-link-active-border-bottom-color", "--bulma-tabs-toggle-link-border-color", "--bulma-tabs-toggle-link-border-style", "--bulma-tabs-toggle-link-border-width", "--bulma-tabs-toggle-link-hover-background-color", "--bulma-tabs-toggle-link-hover-border-color", "--bulma-tabs-toggle-link-radius", "--bulma-tabs-toggle-link-active-background-color", "--bulma-tabs-toggle-link-active-border-color", "--bulma-tabs-toggle-link-active-color", "--bulma-box-background-color", "--bulma-box-color", "--bulma-box-radius", "--bulma-box-shadow", "--bulma-box-padding", "--bulma-box-link-hover-shadow", "--bulma-box-link-active-shadow", "--bulma-content-heading-color", "--bulma-content-heading-weight", "--bulma-content-heading-line-height", "--bulma-content-block-margin-bottom", "--bulma-content-blockquote-background-color", "--bulma-content-blockquote-border-left", "--bulma-content-blockquote-padding", "--bulma-content-pre-padding", "--bulma-content-table-cell-border", "--bulma-content-table-cell-border-width", "--bulma-content-table-cell-padding", "--bulma-content-table-cell-heading-color", "--bulma-content-table-head-cell-border-width", "--bulma-content-table-head-cell-color", "--bulma-content-table-body-last-row-cell-border-bottom-width", "--bulma-content-table-foot-cell-border-width", "--bulma-content-table-foot-cell-color", "--bulma-delete-dimensions", "--bulma-delete-background-l", "--bulma-delete-background-alpha", "--bulma-delete-color", "--bulma-icon-dimensions", "--bulma-icon-dimensions-small", "--bulma-icon-dimensions-medium", "--bulma-icon-dimensions-large", "--bulma-icon-text-spacing", "--bulma-notification-h", "--bulma-notification-s", "--bulma-notification-background-l", "--bulma-notification-color-l", "--bulma-notification-code-background-color", "--bulma-notification-radius", "--bulma-notification-padding", "--bulma-progress-border-radius", "--bulma-progress-bar-background-color", "--bulma-progress-value-background-color", "--bulma-progress-indeterminate-duration", "--bulma-table-color", "--bulma-table-background-color", "--bulma-table-cell-border-color", "--bulma-table-cell-border-style", "--bulma-table-cell-border-width", "--bulma-table-cell-padding", "--bulma-table-cell-heading-color", "--bulma-table-cell-text-align", "--bulma-table-head-cell-border-width", "--bulma-table-head-cell-color", "--bulma-table-foot-cell-border-width", "--bulma-table-foot-cell-color", "--bulma-table-head-background-color", "--bulma-table-body-background-color", "--bulma-table-foot-background-color", "--bulma-table-row-hover-background-color", "--bulma-table-row-active-background-color", "--bulma-table-row-active-color", "--bulma-table-striped-row-even-background-color", "--bulma-table-striped-row-even-hover-background-color", "--bulma-tag-h", "--bulma-tag-s", "--bulma-tag-background-l", "--bulma-tag-background-l-delta", "--bulma-tag-hover-background-l-delta", "--bulma-tag-active-background-l-delta", "--bulma-tag-color-l", "--bulma-tag-radius", "--bulma-tag-delete-margin", "--bulma-title-color", "--bulma-title-family", "--bulma-title-size", "--bulma-title-weight", "--bulma-title-line-height", "--bulma-title-strong-color", "--bulma-title-strong-weight", "--bulma-title-sub-size", "--bulma-title-sup-size", "--bulma-subtitle-color", "--bulma-subtitle-family", "--bulma-subtitle-size", "--bulma-subtitle-weight", "--bulma-subtitle-line-height", "--bulma-subtitle-strong-color", "--bulma-subtitle-strong-weight", "--bulma-control-radius", "--bulma-control-radius-small", "--bulma-control-border-width", "--bulma-control-height", "--bulma-control-line-height", "--bulma-control-padding-vertical", "--bulma-control-padding-horizontal", "--bulma-control-size", "--bulma-control-focus-shadow-l", "--bulma-file-radius", "--bulma-file-name-border-color", "--bulma-file-name-border-style", "--bulma-file-name-border-width", "--bulma-file-name-max-width", "--bulma-file-h", "--bulma-file-s", "--bulma-file-background-l", "--bulma-file-background-l-delta", "--bulma-file-hover-background-l-delta", "--bulma-file-active-background-l-delta", "--bulma-file-border-l", "--bulma-file-border-l-delta", "--bulma-file-hover-border-l-delta", "--bulma-file-active-border-l-delta", "--bulma-file-cta-color-l", "--bulma-file-name-color-l", "--bulma-file-color-l-delta", "--bulma-file-hover-color-l-delta", "--bulma-file-active-color-l-delta", "--bulma-input-h", "--bulma-input-s", "--bulma-input-l", "--bulma-input-border-style", "--bulma-input-border-l", "--bulma-input-border-l-delta", "--bulma-input-hover-border-l-delta", "--bulma-input-active-border-l-delta", "--bulma-input-focus-h", "--bulma-input-focus-s", "--bulma-input-focus-l", "--bulma-input-focus-shadow-size", "--bulma-input-focus-shadow-alpha", "--bulma-input-color-l", "--bulma-input-background-l", "--bulma-input-background-l-delta", "--bulma-input-height", "--bulma-input-shadow", "--bulma-input-placeholder-color", "--bulma-input-disabled-color", "--bulma-input-disabled-background-color", "--bulma-input-disabled-border-color", "--bulma-input-disabled-placeholder-color", "--bulma-input-arrow", "--bulma-input-icon-color", "--bulma-input-icon-hover-color", "--bulma-input-icon-focus-color", "--bulma-input-radius", "--bulma-column-gap", "--bulma-grid-gap", "--bulma-grid-column-count", "--bulma-grid-column-min", "--bulma-grid-cell-column-span", "--bulma-grid-cell-column-start", "--bulma-footer-background-color", "--bulma-footer-color", "--bulma-footer-padding", "--bulma-hero-body-padding", "--bulma-hero-body-padding-tablet", "--bulma-hero-body-padding-small", "--bulma-hero-body-padding-medium", "--bulma-hero-body-padding-large", "--bulma-media-border-color", "--bulma-media-border-size", "--bulma-media-spacing", "--bulma-media-spacing-large", "--bulma-media-content-spacing", "--bulma-media-level-1-spacing", "--bulma-media-level-1-content-spacing", "--bulma-media-level-2-spacing", "--bulma-section-padding", "--bulma-section-padding-desktop", "--bulma-section-padding-medium", "--bulma-section-padding-large"];
|
|
4
4
|
/** A single Bulma CSS variable key from the `bulmaCssVars` tuple. */
|
|
5
5
|
type BulmaVarKey = (typeof bulmaCssVars)[number];
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { type CSSProperties } from 'react';
|
|
2
|
-
import { BulmaDisplayProps, BulmaViewportProps } from './bulmaClassHelpers';
|
|
3
|
-
import { BulmaColorProps, BulmaColorPropsWithScheme } from './useColorClasses';
|
|
4
|
-
import { BulmaSpacingProps } from './useSpacingClasses';
|
|
5
|
-
import { BulmaTypographyProps } from './useTypographyClasses';
|
|
6
|
-
import { BulmaVisibilityProps } from './useVisibilityClasses';
|
|
7
|
-
import { BulmaFlexboxProps } from './useFlexboxClasses';
|
|
8
|
-
import { BulmaOtherProps } from './useOtherClasses';
|
|
2
|
+
import { BulmaDisplayProps, BulmaViewportProps } from './bulmaClassHelpers.js';
|
|
3
|
+
import { BulmaColorProps, BulmaColorPropsWithScheme } from './useColorClasses.js';
|
|
4
|
+
import { BulmaSpacingProps } from './useSpacingClasses.js';
|
|
5
|
+
import { BulmaTypographyProps } from './useTypographyClasses.js';
|
|
6
|
+
import { BulmaVisibilityProps } from './useVisibilityClasses.js';
|
|
7
|
+
import { BulmaFlexboxProps } from './useFlexboxClasses.js';
|
|
8
|
+
import { BulmaOtherProps } from './useOtherClasses.js';
|
|
9
9
|
/**
|
|
10
10
|
* Props for applying Bulma helper classes to components.
|
|
11
11
|
*/
|
|
@@ -50,11 +50,11 @@ export declare const useBulmaClasses: <T extends object>(props: BulmaClassesProp
|
|
|
50
50
|
bulmaHelperStyles?: CSSProperties;
|
|
51
51
|
rest: Omit<T, keyof BulmaClassesProps>;
|
|
52
52
|
};
|
|
53
|
-
export { validColors, validColorShades, validSchemeColors, validSizes, validTextSizes, validAlignments, validTextTransforms, validTextWeights, validFontFamilies, validDisplays, validVisibilities, validFlexDirections, validFlexWraps, validJustifyContents, validAlignContents, validAlignItems, validAlignSelfs, validFlexGrowShrink, validViewports, validFloats, validOverflows, validInteractions, validCursors, validRadii, validShadows, validResponsives, } from './bulmaClassHelpers';
|
|
53
|
+
export { validColors, validColorShades, validSchemeColors, validSizes, validTextSizes, validAlignments, validTextTransforms, validTextWeights, validFontFamilies, validDisplays, validVisibilities, validFlexDirections, validFlexWraps, validJustifyContents, validAlignContents, validAlignItems, validAlignSelfs, validFlexGrowShrink, validViewports, validFloats, validOverflows, validInteractions, validCursors, validRadii, validShadows, validResponsives, } from './bulmaClassHelpers.js';
|
|
54
54
|
export type { BulmaViewportProps, BulmaDisplayProps };
|
|
55
|
-
export * from './useColorClasses';
|
|
56
|
-
export * from './useSpacingClasses';
|
|
57
|
-
export * from './useTypographyClasses';
|
|
58
|
-
export * from './useVisibilityClasses';
|
|
59
|
-
export * from './useFlexboxClasses';
|
|
60
|
-
export * from './useOtherClasses';
|
|
55
|
+
export * from './useColorClasses.js';
|
|
56
|
+
export * from './useSpacingClasses.js';
|
|
57
|
+
export * from './useTypographyClasses.js';
|
|
58
|
+
export * from './useVisibilityClasses.js';
|
|
59
|
+
export * from './useFlexboxClasses.js';
|
|
60
|
+
export * from './useOtherClasses.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type CSSProperties } from 'react';
|
|
2
|
-
import { validColors, validColorShades, validSchemeColors } from './bulmaClassHelpers';
|
|
2
|
+
import { validColors, validColorShades, validSchemeColors } from './bulmaClassHelpers.js';
|
|
3
3
|
/**
|
|
4
4
|
* Props for applying Bulma text and background color helper classes.
|
|
5
5
|
*/
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { validFlexDirections, validFlexWraps, validJustifyContents, validAlignContents, validAlignItems, validAlignSelfs, validFlexGrowShrink, BulmaDisplayProps } from './bulmaClassHelpers';
|
|
1
|
+
import { validFlexDirections, validFlexWraps, validJustifyContents, validAlignContents, validAlignItems, validAlignSelfs, validFlexGrowShrink, BulmaDisplayProps } from './bulmaClassHelpers.js';
|
|
2
2
|
/**
|
|
3
3
|
* Props for applying Bulma flexbox helper classes. The display props are read
|
|
4
4
|
* only to gate the flex container helpers; this hook never emits display
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { validCursors, validFloats, validInteractions, validOverflows, validRadii, validResponsives, validShadows } from './bulmaClassHelpers';
|
|
1
|
+
import { validCursors, validFloats, validInteractions, validOverflows, validRadii, validResponsives, validShadows } from './bulmaClassHelpers.js';
|
|
2
2
|
/**
|
|
3
3
|
* Props for applying miscellaneous Bulma helper classes.
|
|
4
4
|
*/
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { validTextSizes, validAlignments, validTextTransforms, validTextWeights, validFontFamilies, BulmaViewportProps } from './bulmaClassHelpers';
|
|
1
|
+
import { validTextSizes, validAlignments, validTextTransforms, validTextWeights, validFontFamilies, BulmaViewportProps } from './bulmaClassHelpers.js';
|
|
2
2
|
/**
|
|
3
3
|
* Props for applying Bulma typography helper classes.
|
|
4
4
|
*/
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { validVisibilities, BulmaViewportProps, BulmaDisplayProps } from './bulmaClassHelpers';
|
|
1
|
+
import { validVisibilities, BulmaViewportProps, BulmaDisplayProps } from './bulmaClassHelpers.js';
|
|
2
2
|
/**
|
|
3
3
|
* Props for applying Bulma visibility and display helper classes.
|
|
4
4
|
*/
|