@mezzanine-ui/core 0.13.10 → 0.14.0
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/_internal/input-check/index.d.ts +2 -2
- package/_internal/input-check/inputCheck.d.ts +12 -12
- package/_internal/input-check/inputCheck.js +9 -9
- package/_internal/input-check/inputCheckGroup.d.ts +7 -7
- package/_internal/input-check/inputCheckGroup.js +4 -4
- package/_internal/input-trigger-popper/index.d.ts +1 -1
- package/_internal/input-trigger-popper/inputTriggerPopper.d.ts +4 -4
- package/_internal/input-trigger-popper/inputTriggerPopper.js +3 -3
- package/_internal/overlay-with-slide-fade/index.d.ts +1 -1
- package/_internal/overlay-with-slide-fade/overlayWithSlideFade.d.ts +4 -4
- package/_internal/overlay-with-slide-fade/overlayWithSlideFade.js +3 -3
- package/accordion/accordion.d.ts +13 -13
- package/accordion/accordion.js +12 -12
- package/accordion/index.d.ts +1 -1
- package/alert/alert.d.ts +15 -15
- package/alert/alert.js +12 -12
- package/alert/index.d.ts +1 -1
- package/app-bar/appBar.d.ts +8 -8
- package/app-bar/appBar.js +5 -5
- package/app-bar/appBarBrand.d.ts +4 -4
- package/app-bar/appBarBrand.js +3 -3
- package/app-bar/appBarMain.d.ts +4 -4
- package/app-bar/appBarMain.js +3 -3
- package/app-bar/appBarSupport.d.ts +4 -4
- package/app-bar/appBarSupport.js +3 -3
- package/app-bar/index.d.ts +4 -4
- package/badge/badge.d.ts +7 -7
- package/badge/badge.js +6 -6
- package/badge/index.d.ts +1 -1
- package/button/button.d.ts +17 -17
- package/button/button.js +11 -11
- package/button/buttonGroup.d.ts +18 -18
- package/button/buttonGroup.js +15 -15
- package/button/index.d.ts +2 -2
- package/calendar/calendar.d.ts +47 -47
- package/calendar/calendar.js +61 -61
- package/calendar/index.d.ts +2 -2
- package/calendar/typings.d.ts +43 -43
- package/calendarMethodsDayjs/index.d.ts +3 -3
- package/calendarMethodsDayjs/index.js +97 -97
- package/calendarMethodsLuxon/index.d.ts +3 -3
- package/calendarMethodsLuxon/index.js +100 -100
- package/calendarMethodsMoment/index.d.ts +3 -3
- package/calendarMethodsMoment/index.js +112 -112
- package/card/card.d.ts +7 -7
- package/card/card.js +6 -6
- package/card/cardActions.d.ts +4 -4
- package/card/cardActions.js +3 -3
- package/card/index.d.ts +2 -2
- package/checkbox/checkbox.d.ts +15 -15
- package/checkbox/checkbox.js +6 -6
- package/checkbox/index.d.ts +1 -1
- package/date-range-picker/dateRangePicker.d.ts +11 -11
- package/date-range-picker/dateRangePicker.js +10 -10
- package/date-range-picker/index.d.ts +1 -1
- package/date-time-picker/dateTimePicker.d.ts +9 -9
- package/date-time-picker/dateTimePicker.js +8 -8
- package/date-time-picker/index.d.ts +1 -1
- package/drawer/drawer.d.ts +10 -10
- package/drawer/drawer.js +8 -8
- package/drawer/index.d.ts +1 -1
- package/empty/empty.d.ts +8 -8
- package/empty/empty.js +7 -7
- package/empty/index.d.ts +1 -1
- package/form/form.d.ts +1 -1
- package/form/formField.d.ts +18 -18
- package/form/formField.js +16 -16
- package/form/index.d.ts +2 -2
- package/icon/icon.d.ts +15 -15
- package/icon/icon.js +38 -38
- package/icon/index.d.ts +1 -1
- package/input/index.d.ts +1 -1
- package/input/input.d.ts +8 -8
- package/input/input.js +5 -5
- package/loading/index.d.ts +1 -1
- package/loading/loading.d.ts +8 -8
- package/loading/loading.js +7 -7
- package/menu/index.d.ts +4 -4
- package/menu/menu.d.ts +13 -13
- package/menu/menu.js +13 -13
- package/menu/menuDivider.d.ts +4 -4
- package/menu/menuDivider.js +3 -3
- package/menu/menuItem.d.ts +8 -8
- package/menu/menuItem.js +7 -7
- package/menu/menuItemGroup.d.ts +6 -6
- package/menu/menuItemGroup.js +5 -5
- package/message/index.d.ts +1 -1
- package/message/message.d.ts +16 -16
- package/message/message.js +13 -13
- package/modal/index.d.ts +1 -1
- package/modal/modal.d.ts +30 -30
- package/modal/modal.js +25 -25
- package/navigation/index.d.ts +3 -3
- package/navigation/navigation.d.ts +8 -8
- package/navigation/navigation.js +5 -5
- package/navigation/navigationItem.d.ts +6 -6
- package/navigation/navigationItem.js +5 -5
- package/navigation/navigationSubMenu.d.ts +11 -11
- package/navigation/navigationSubMenu.js +10 -10
- package/notification/index.d.ts +1 -1
- package/notification/notification.d.ts +25 -25
- package/notification/notification.js +22 -22
- package/overlay/index.d.ts +1 -1
- package/overlay/overlay.d.ts +10 -10
- package/overlay/overlay.js +9 -9
- package/package.json +3 -3
- package/page-footer/index.d.ts +1 -1
- package/page-footer/pageFooter.d.ts +4 -4
- package/page-footer/pageFooter.js +3 -3
- package/pagination/index.d.ts +4 -4
- package/pagination/pagination.d.ts +8 -8
- package/pagination/pagination.js +7 -7
- package/pagination/paginationItem.d.ts +9 -9
- package/pagination/paginationItem.js +7 -7
- package/pagination/paginationJumper.d.ts +5 -5
- package/pagination/paginationJumper.js +4 -4
- package/pagination/paginationPageSize.d.ts +5 -5
- package/pagination/paginationPageSize.js +4 -4
- package/picker/index.d.ts +1 -1
- package/picker/picker.d.ts +10 -10
- package/picker/picker.js +5 -5
- package/popconfirm/index.d.ts +1 -1
- package/popconfirm/popconfirm.d.ts +5 -5
- package/popconfirm/popconfirm.js +4 -4
- package/popover/index.d.ts +1 -1
- package/popover/popover.d.ts +6 -6
- package/popover/popover.js +5 -5
- package/progress/index.d.ts +1 -1
- package/progress/progress.d.ts +27 -27
- package/progress/progress.js +25 -25
- package/radio/index.d.ts +1 -1
- package/radio/radio.d.ts +13 -13
- package/radio/radio.js +4 -4
- package/select/index.d.ts +1 -1
- package/select/select.d.ts +30 -30
- package/select/select.js +26 -26
- package/skeleton/index.d.ts +1 -1
- package/skeleton/skeleton.d.ts +5 -5
- package/skeleton/skeleton.js +4 -4
- package/slider/index.d.ts +1 -1
- package/slider/slider.d.ts +60 -60
- package/slider/slider.js +122 -122
- package/stepper/index.d.ts +2 -2
- package/stepper/step.d.ts +9 -9
- package/stepper/step.js +8 -8
- package/stepper/stepper.d.ts +4 -4
- package/stepper/stepper.js +3 -3
- package/switch/index.d.ts +1 -1
- package/switch/switch.d.ts +13 -13
- package/switch/switch.js +21 -21
- package/table/index.d.ts +1 -1
- package/table/table.d.ts +181 -150
- package/table/table.js +65 -65
- package/tabs/index.d.ts +1 -1
- package/tabs/tabs.d.ts +11 -11
- package/tabs/tabs.js +10 -10
- package/tag/index.d.ts +1 -1
- package/tag/tag.d.ts +10 -10
- package/tag/tag.js +7 -7
- package/text-field/index.d.ts +1 -1
- package/text-field/textField.d.ts +19 -19
- package/text-field/textField.js +16 -16
- package/textarea/index.d.ts +1 -1
- package/textarea/textarea.d.ts +9 -9
- package/textarea/textarea.js +6 -6
- package/time-panel/index.d.ts +1 -1
- package/time-panel/timePanel.d.ts +33 -33
- package/time-panel/timePanel.js +45 -45
- package/tooltip/index.d.ts +1 -1
- package/tooltip/tooltip.d.ts +4 -4
- package/tooltip/tooltip.js +3 -3
- package/tree/index.d.ts +1 -1
- package/tree/tree.d.ts +49 -49
- package/tree/tree.js +20 -20
- package/typography/index.d.ts +2 -2
- package/typography/typography.d.ts +22 -22
- package/typography/typography.js +17 -17
- package/upload/UploadPictureBlock.d.ts +51 -51
- package/upload/UploadPictureBlock.js +105 -105
- package/upload/UploadPictureWall.d.ts +5 -5
- package/upload/UploadPictureWall.js +4 -4
- package/upload/index.d.ts +5 -5
- package/upload/uploadInput.d.ts +4 -4
- package/upload/uploadInput.js +3 -3
- package/upload/uploadPicture.d.ts +4 -4
- package/upload/uploadPicture.js +3 -3
- package/upload/uploadResult.d.ts +17 -17
- package/upload/uploadResult.js +14 -14
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './inputCheck';
|
|
2
|
-
export * from './inputCheckGroup';
|
|
1
|
+
export * from './inputCheck';
|
|
2
|
+
export * from './inputCheckGroup';
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { Size } from '@mezzanine-ui/system/size';
|
|
2
|
-
export
|
|
3
|
-
export declare const inputCheckPrefix = "mzn-input-check";
|
|
4
|
-
export declare const inputCheckClasses: {
|
|
5
|
-
readonly host: "mzn-input-check";
|
|
6
|
-
readonly size: (size: InputCheckSize) => string;
|
|
7
|
-
readonly disabled: "mzn-input-check--disabled";
|
|
8
|
-
readonly error: "mzn-input-check--error";
|
|
9
|
-
readonly withLabel: "mzn-input-check--with-label";
|
|
10
|
-
readonly control: "mzn-input-check__control";
|
|
11
|
-
readonly label: "mzn-input-check__label";
|
|
12
|
-
};
|
|
1
|
+
import { Size } from '@mezzanine-ui/system/size';
|
|
2
|
+
export type InputCheckSize = Size;
|
|
3
|
+
export declare const inputCheckPrefix = "mzn-input-check";
|
|
4
|
+
export declare const inputCheckClasses: {
|
|
5
|
+
readonly host: "mzn-input-check";
|
|
6
|
+
readonly size: (size: InputCheckSize) => string;
|
|
7
|
+
readonly disabled: "mzn-input-check--disabled";
|
|
8
|
+
readonly error: "mzn-input-check--error";
|
|
9
|
+
readonly withLabel: "mzn-input-check--with-label";
|
|
10
|
+
readonly control: "mzn-input-check__control";
|
|
11
|
+
readonly label: "mzn-input-check__label";
|
|
12
|
+
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
const inputCheckPrefix = 'mzn-input-check';
|
|
2
|
-
const inputCheckClasses = {
|
|
3
|
-
host: inputCheckPrefix,
|
|
4
|
-
size: (size) => `${inputCheckPrefix}--${size}`,
|
|
5
|
-
disabled: `${inputCheckPrefix}--disabled`,
|
|
6
|
-
error: `${inputCheckPrefix}--error`,
|
|
7
|
-
withLabel: `${inputCheckPrefix}--with-label`,
|
|
8
|
-
control: `${inputCheckPrefix}__control`,
|
|
9
|
-
label: `${inputCheckPrefix}__label`,
|
|
1
|
+
const inputCheckPrefix = 'mzn-input-check';
|
|
2
|
+
const inputCheckClasses = {
|
|
3
|
+
host: inputCheckPrefix,
|
|
4
|
+
size: (size) => `${inputCheckPrefix}--${size}`,
|
|
5
|
+
disabled: `${inputCheckPrefix}--disabled`,
|
|
6
|
+
error: `${inputCheckPrefix}--error`,
|
|
7
|
+
withLabel: `${inputCheckPrefix}--with-label`,
|
|
8
|
+
control: `${inputCheckPrefix}__control`,
|
|
9
|
+
label: `${inputCheckPrefix}__label`,
|
|
10
10
|
};
|
|
11
11
|
|
|
12
12
|
export { inputCheckClasses, inputCheckPrefix };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { Orientation } from '@mezzanine-ui/system/orientation';
|
|
2
|
-
export
|
|
3
|
-
export declare const inputCheckGroupPrefix: "mzn-input-check-group";
|
|
4
|
-
export declare const inputCheckGroupClasses: {
|
|
5
|
-
readonly host: "mzn-input-check-group";
|
|
6
|
-
readonly orientation: (orientation: InputCheckGroupOrientation) => string;
|
|
7
|
-
};
|
|
1
|
+
import { Orientation } from '@mezzanine-ui/system/orientation';
|
|
2
|
+
export type InputCheckGroupOrientation = Orientation;
|
|
3
|
+
export declare const inputCheckGroupPrefix: "mzn-input-check-group";
|
|
4
|
+
export declare const inputCheckGroupClasses: {
|
|
5
|
+
readonly host: "mzn-input-check-group";
|
|
6
|
+
readonly orientation: (orientation: InputCheckGroupOrientation) => string;
|
|
7
|
+
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { inputCheckPrefix } from './inputCheck.js';
|
|
2
2
|
|
|
3
|
-
const inputCheckGroupPrefix = `${inputCheckPrefix}-group`;
|
|
4
|
-
const inputCheckGroupClasses = {
|
|
5
|
-
host: inputCheckGroupPrefix,
|
|
6
|
-
orientation: (orientation) => `${inputCheckGroupPrefix}--${orientation}`,
|
|
3
|
+
const inputCheckGroupPrefix = `${inputCheckPrefix}-group`;
|
|
4
|
+
const inputCheckGroupClasses = {
|
|
5
|
+
host: inputCheckGroupPrefix,
|
|
6
|
+
orientation: (orientation) => `${inputCheckGroupPrefix}--${orientation}`,
|
|
7
7
|
};
|
|
8
8
|
|
|
9
9
|
export { inputCheckGroupClasses, inputCheckGroupPrefix };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './inputTriggerPopper';
|
|
1
|
+
export * from './inputTriggerPopper';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const inputTriggerPopperPrefix = "mzn-input-trigger-popper";
|
|
2
|
-
export declare const inputTriggerPopperClasses: {
|
|
3
|
-
readonly host: "mzn-input-trigger-popper";
|
|
4
|
-
};
|
|
1
|
+
export declare const inputTriggerPopperPrefix = "mzn-input-trigger-popper";
|
|
2
|
+
export declare const inputTriggerPopperClasses: {
|
|
3
|
+
readonly host: "mzn-input-trigger-popper";
|
|
4
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
const inputTriggerPopperPrefix = 'mzn-input-trigger-popper';
|
|
2
|
-
const inputTriggerPopperClasses = {
|
|
3
|
-
host: inputTriggerPopperPrefix,
|
|
1
|
+
const inputTriggerPopperPrefix = 'mzn-input-trigger-popper';
|
|
2
|
+
const inputTriggerPopperClasses = {
|
|
3
|
+
host: inputTriggerPopperPrefix,
|
|
4
4
|
};
|
|
5
5
|
|
|
6
6
|
export { inputTriggerPopperClasses, inputTriggerPopperPrefix };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './overlayWithSlideFade';
|
|
1
|
+
export * from './overlayWithSlideFade';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const overlayWithSlideFadePrefix = "mzn-overlay-with-slide-fade";
|
|
2
|
-
export declare const overlayWithSlideFadeClasses: {
|
|
3
|
-
readonly host: "mzn-overlay-with-slide-fade";
|
|
4
|
-
};
|
|
1
|
+
export declare const overlayWithSlideFadePrefix = "mzn-overlay-with-slide-fade";
|
|
2
|
+
export declare const overlayWithSlideFadeClasses: {
|
|
3
|
+
readonly host: "mzn-overlay-with-slide-fade";
|
|
4
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
const overlayWithSlideFadePrefix = 'mzn-overlay-with-slide-fade';
|
|
2
|
-
const overlayWithSlideFadeClasses = {
|
|
3
|
-
host: overlayWithSlideFadePrefix,
|
|
1
|
+
const overlayWithSlideFadePrefix = 'mzn-overlay-with-slide-fade';
|
|
2
|
+
const overlayWithSlideFadeClasses = {
|
|
3
|
+
host: overlayWithSlideFadePrefix,
|
|
4
4
|
};
|
|
5
5
|
|
|
6
6
|
export { overlayWithSlideFadeClasses, overlayWithSlideFadePrefix };
|
package/accordion/accordion.d.ts
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
export declare const accordionPrefix = "mzn-accordion";
|
|
2
|
-
export declare const accordionClasses: {
|
|
3
|
-
host: string;
|
|
4
|
-
summary: string;
|
|
5
|
-
summaryDisabled: string;
|
|
6
|
-
summaryIcon: string;
|
|
7
|
-
summaryIconDisabled: string;
|
|
8
|
-
summaryIconExpanded: string;
|
|
9
|
-
summaryMainPart: string;
|
|
10
|
-
summaryMainPartPrefix: string;
|
|
11
|
-
details: string;
|
|
12
|
-
detailsExpanded: string;
|
|
13
|
-
};
|
|
1
|
+
export declare const accordionPrefix = "mzn-accordion";
|
|
2
|
+
export declare const accordionClasses: {
|
|
3
|
+
host: string;
|
|
4
|
+
summary: string;
|
|
5
|
+
summaryDisabled: string;
|
|
6
|
+
summaryIcon: string;
|
|
7
|
+
summaryIconDisabled: string;
|
|
8
|
+
summaryIconExpanded: string;
|
|
9
|
+
summaryMainPart: string;
|
|
10
|
+
summaryMainPartPrefix: string;
|
|
11
|
+
details: string;
|
|
12
|
+
detailsExpanded: string;
|
|
13
|
+
};
|
package/accordion/accordion.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
const accordionPrefix = 'mzn-accordion';
|
|
2
|
-
const accordionClasses = {
|
|
3
|
-
host: accordionPrefix,
|
|
4
|
-
summary: `${accordionPrefix}__summary`,
|
|
5
|
-
summaryDisabled: `${accordionPrefix}__summary--disabled`,
|
|
6
|
-
summaryIcon: `${accordionPrefix}__summary__icon`,
|
|
7
|
-
summaryIconDisabled: `${accordionPrefix}__summary__icon--disabled`,
|
|
8
|
-
summaryIconExpanded: `${accordionPrefix}__summary__icon--expanded`,
|
|
9
|
-
summaryMainPart: `${accordionPrefix}__summary__mainPart`,
|
|
10
|
-
summaryMainPartPrefix: `${accordionPrefix}__summary__mainPart__prefix`,
|
|
11
|
-
details: `${accordionPrefix}__details`,
|
|
12
|
-
detailsExpanded: `${accordionPrefix}__details--expanded`,
|
|
1
|
+
const accordionPrefix = 'mzn-accordion';
|
|
2
|
+
const accordionClasses = {
|
|
3
|
+
host: accordionPrefix,
|
|
4
|
+
summary: `${accordionPrefix}__summary`,
|
|
5
|
+
summaryDisabled: `${accordionPrefix}__summary--disabled`,
|
|
6
|
+
summaryIcon: `${accordionPrefix}__summary__icon`,
|
|
7
|
+
summaryIconDisabled: `${accordionPrefix}__summary__icon--disabled`,
|
|
8
|
+
summaryIconExpanded: `${accordionPrefix}__summary__icon--expanded`,
|
|
9
|
+
summaryMainPart: `${accordionPrefix}__summary__mainPart`,
|
|
10
|
+
summaryMainPartPrefix: `${accordionPrefix}__summary__mainPart__prefix`,
|
|
11
|
+
details: `${accordionPrefix}__details`,
|
|
12
|
+
detailsExpanded: `${accordionPrefix}__details--expanded`,
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
export { accordionClasses, accordionPrefix };
|
package/accordion/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './accordion';
|
|
1
|
+
export * from './accordion';
|
package/alert/alert.d.ts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { Severity } from '@mezzanine-ui/system/severity';
|
|
2
|
-
export
|
|
3
|
-
export declare const alertPrefix = "mzn-alert";
|
|
4
|
-
export declare const alertIcons: {
|
|
5
|
-
readonly success: import("@mezzanine-ui/icons").IconDefinition;
|
|
6
|
-
readonly warning: import("@mezzanine-ui/icons").IconDefinition;
|
|
7
|
-
readonly error: import("@mezzanine-ui/icons").IconDefinition;
|
|
8
|
-
};
|
|
9
|
-
export declare const alertClasses: {
|
|
10
|
-
readonly host: "mzn-alert";
|
|
11
|
-
readonly icon: "mzn-alert__icon";
|
|
12
|
-
readonly closeIcon: "mzn-alert__close-icon";
|
|
13
|
-
readonly message: "mzn-alert__message";
|
|
14
|
-
readonly severity: (severity: AlertSeverity) => string;
|
|
15
|
-
};
|
|
1
|
+
import { Severity } from '@mezzanine-ui/system/severity';
|
|
2
|
+
export type AlertSeverity = Severity;
|
|
3
|
+
export declare const alertPrefix = "mzn-alert";
|
|
4
|
+
export declare const alertIcons: {
|
|
5
|
+
readonly success: import("@mezzanine-ui/icons").IconDefinition;
|
|
6
|
+
readonly warning: import("@mezzanine-ui/icons").IconDefinition;
|
|
7
|
+
readonly error: import("@mezzanine-ui/icons").IconDefinition;
|
|
8
|
+
};
|
|
9
|
+
export declare const alertClasses: {
|
|
10
|
+
readonly host: "mzn-alert";
|
|
11
|
+
readonly icon: "mzn-alert__icon";
|
|
12
|
+
readonly closeIcon: "mzn-alert__close-icon";
|
|
13
|
+
readonly message: "mzn-alert__message";
|
|
14
|
+
readonly severity: (severity: AlertSeverity) => string;
|
|
15
|
+
};
|
package/alert/alert.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { CheckCircleFilledIcon, ExclamationCircleFilledIcon, TimesCircleFilledIcon } from '@mezzanine-ui/icons';
|
|
2
2
|
|
|
3
|
-
const alertPrefix = 'mzn-alert';
|
|
4
|
-
const alertIcons = {
|
|
5
|
-
success: CheckCircleFilledIcon,
|
|
6
|
-
warning: ExclamationCircleFilledIcon,
|
|
7
|
-
error: TimesCircleFilledIcon,
|
|
8
|
-
};
|
|
9
|
-
const alertClasses = {
|
|
10
|
-
host: alertPrefix,
|
|
11
|
-
icon: `${alertPrefix}__icon`,
|
|
12
|
-
closeIcon: `${alertPrefix}__close-icon`,
|
|
13
|
-
message: `${alertPrefix}__message`,
|
|
14
|
-
severity: (severity) => `${alertPrefix}--${severity}`,
|
|
3
|
+
const alertPrefix = 'mzn-alert';
|
|
4
|
+
const alertIcons = {
|
|
5
|
+
success: CheckCircleFilledIcon,
|
|
6
|
+
warning: ExclamationCircleFilledIcon,
|
|
7
|
+
error: TimesCircleFilledIcon,
|
|
8
|
+
};
|
|
9
|
+
const alertClasses = {
|
|
10
|
+
host: alertPrefix,
|
|
11
|
+
icon: `${alertPrefix}__icon`,
|
|
12
|
+
closeIcon: `${alertPrefix}__close-icon`,
|
|
13
|
+
message: `${alertPrefix}__message`,
|
|
14
|
+
severity: (severity) => `${alertPrefix}--${severity}`,
|
|
15
15
|
};
|
|
16
16
|
|
|
17
17
|
export { alertClasses, alertIcons, alertPrefix };
|
package/alert/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './alert';
|
|
1
|
+
export * from './alert';
|
package/app-bar/appBar.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { Orientation } from '@mezzanine-ui/system/orientation';
|
|
2
|
-
export declare const appBarPrefix = "mzn-app-bar";
|
|
3
|
-
export
|
|
4
|
-
export declare const appBarClasses: {
|
|
5
|
-
readonly host: "mzn-app-bar";
|
|
6
|
-
readonly horizontal: "mzn-app-bar--horizontal";
|
|
7
|
-
readonly vertical: "mzn-app-bar--vertical";
|
|
8
|
-
};
|
|
1
|
+
import { Orientation } from '@mezzanine-ui/system/orientation';
|
|
2
|
+
export declare const appBarPrefix = "mzn-app-bar";
|
|
3
|
+
export type AppBarOrientation = Orientation;
|
|
4
|
+
export declare const appBarClasses: {
|
|
5
|
+
readonly host: "mzn-app-bar";
|
|
6
|
+
readonly horizontal: "mzn-app-bar--horizontal";
|
|
7
|
+
readonly vertical: "mzn-app-bar--vertical";
|
|
8
|
+
};
|
package/app-bar/appBar.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
const appBarPrefix = 'mzn-app-bar';
|
|
2
|
-
const appBarClasses = {
|
|
3
|
-
host: appBarPrefix,
|
|
4
|
-
horizontal: `${appBarPrefix}--horizontal`,
|
|
5
|
-
vertical: `${appBarPrefix}--vertical`,
|
|
1
|
+
const appBarPrefix = 'mzn-app-bar';
|
|
2
|
+
const appBarClasses = {
|
|
3
|
+
host: appBarPrefix,
|
|
4
|
+
horizontal: `${appBarPrefix}--horizontal`,
|
|
5
|
+
vertical: `${appBarPrefix}--vertical`,
|
|
6
6
|
};
|
|
7
7
|
|
|
8
8
|
export { appBarClasses, appBarPrefix };
|
package/app-bar/appBarBrand.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const appBarBrandPrefix: "mzn-app-bar-brand";
|
|
2
|
-
export declare const appBarBrandClasses: {
|
|
3
|
-
readonly host: "mzn-app-bar-brand";
|
|
4
|
-
};
|
|
1
|
+
export declare const appBarBrandPrefix: "mzn-app-bar-brand";
|
|
2
|
+
export declare const appBarBrandClasses: {
|
|
3
|
+
readonly host: "mzn-app-bar-brand";
|
|
4
|
+
};
|
package/app-bar/appBarBrand.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { appBarPrefix } from './appBar.js';
|
|
2
2
|
|
|
3
|
-
const appBarBrandPrefix = `${appBarPrefix}-brand`;
|
|
4
|
-
const appBarBrandClasses = {
|
|
5
|
-
host: appBarBrandPrefix,
|
|
3
|
+
const appBarBrandPrefix = `${appBarPrefix}-brand`;
|
|
4
|
+
const appBarBrandClasses = {
|
|
5
|
+
host: appBarBrandPrefix,
|
|
6
6
|
};
|
|
7
7
|
|
|
8
8
|
export { appBarBrandClasses, appBarBrandPrefix };
|
package/app-bar/appBarMain.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const appBarMainPrefix: "mzn-app-bar-main";
|
|
2
|
-
export declare const appBarMainClasses: {
|
|
3
|
-
readonly host: "mzn-app-bar-main";
|
|
4
|
-
};
|
|
1
|
+
export declare const appBarMainPrefix: "mzn-app-bar-main";
|
|
2
|
+
export declare const appBarMainClasses: {
|
|
3
|
+
readonly host: "mzn-app-bar-main";
|
|
4
|
+
};
|
package/app-bar/appBarMain.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { appBarPrefix } from './appBar.js';
|
|
2
2
|
|
|
3
|
-
const appBarMainPrefix = `${appBarPrefix}-main`;
|
|
4
|
-
const appBarMainClasses = {
|
|
5
|
-
host: appBarMainPrefix,
|
|
3
|
+
const appBarMainPrefix = `${appBarPrefix}-main`;
|
|
4
|
+
const appBarMainClasses = {
|
|
5
|
+
host: appBarMainPrefix,
|
|
6
6
|
};
|
|
7
7
|
|
|
8
8
|
export { appBarMainClasses, appBarMainPrefix };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const appBarSupportPrefix: "mzn-app-bar-support";
|
|
2
|
-
export declare const appBarSupportClasses: {
|
|
3
|
-
readonly host: "mzn-app-bar-support";
|
|
4
|
-
};
|
|
1
|
+
export declare const appBarSupportPrefix: "mzn-app-bar-support";
|
|
2
|
+
export declare const appBarSupportClasses: {
|
|
3
|
+
readonly host: "mzn-app-bar-support";
|
|
4
|
+
};
|
package/app-bar/appBarSupport.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { appBarPrefix } from './appBar.js';
|
|
2
2
|
|
|
3
|
-
const appBarSupportPrefix = `${appBarPrefix}-support`;
|
|
4
|
-
const appBarSupportClasses = {
|
|
5
|
-
host: appBarSupportPrefix,
|
|
3
|
+
const appBarSupportPrefix = `${appBarPrefix}-support`;
|
|
4
|
+
const appBarSupportClasses = {
|
|
5
|
+
host: appBarSupportPrefix,
|
|
6
6
|
};
|
|
7
7
|
|
|
8
8
|
export { appBarSupportClasses, appBarSupportPrefix };
|
package/app-bar/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export * from './appBar';
|
|
2
|
-
export * from './appBarBrand';
|
|
3
|
-
export * from './appBarMain';
|
|
4
|
-
export * from './appBarSupport';
|
|
1
|
+
export * from './appBar';
|
|
2
|
+
export * from './appBarBrand';
|
|
3
|
+
export * from './appBarMain';
|
|
4
|
+
export * from './appBarSupport';
|
package/badge/badge.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export declare const badgePrefix = "mzn-badge";
|
|
2
|
-
export declare const badgeClasses: {
|
|
3
|
-
readonly host: "mzn-badge";
|
|
4
|
-
readonly container: "mzn-badge__container";
|
|
5
|
-
readonly dot: "mzn-badge--dot";
|
|
6
|
-
readonly hide: "mzn-badge--hide";
|
|
7
|
-
};
|
|
1
|
+
export declare const badgePrefix = "mzn-badge";
|
|
2
|
+
export declare const badgeClasses: {
|
|
3
|
+
readonly host: "mzn-badge";
|
|
4
|
+
readonly container: "mzn-badge__container";
|
|
5
|
+
readonly dot: "mzn-badge--dot";
|
|
6
|
+
readonly hide: "mzn-badge--hide";
|
|
7
|
+
};
|
package/badge/badge.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
const badgePrefix = 'mzn-badge';
|
|
2
|
-
const badgeClasses = {
|
|
3
|
-
host: badgePrefix,
|
|
4
|
-
container: `${badgePrefix}__container`,
|
|
5
|
-
dot: `${badgePrefix}--dot`,
|
|
6
|
-
hide: `${badgePrefix}--hide`,
|
|
1
|
+
const badgePrefix = 'mzn-badge';
|
|
2
|
+
const badgeClasses = {
|
|
3
|
+
host: badgePrefix,
|
|
4
|
+
container: `${badgePrefix}__container`,
|
|
5
|
+
dot: `${badgePrefix}--dot`,
|
|
6
|
+
hide: `${badgePrefix}--hide`,
|
|
7
7
|
};
|
|
8
8
|
|
|
9
9
|
export { badgeClasses, badgePrefix };
|
package/badge/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './badge';
|
|
1
|
+
export * from './badge';
|
package/button/button.d.ts
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { MainColor } from '@mezzanine-ui/system/palette';
|
|
2
|
-
import { Size } from '@mezzanine-ui/system/size';
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export declare const buttonPrefix = "mzn-button";
|
|
7
|
-
export declare const buttonClasses: {
|
|
8
|
-
host: string;
|
|
9
|
-
label: string;
|
|
10
|
-
variant: (variant: ButtonVariant) => string;
|
|
11
|
-
color: (color: ButtonColor) => string;
|
|
12
|
-
size: (size: ButtonSize) => string;
|
|
13
|
-
danger: string;
|
|
14
|
-
disabled: string;
|
|
15
|
-
icon: string;
|
|
16
|
-
loading: string;
|
|
17
|
-
};
|
|
1
|
+
import { MainColor } from '@mezzanine-ui/system/palette';
|
|
2
|
+
import { Size } from '@mezzanine-ui/system/size';
|
|
3
|
+
export type ButtonColor = Extract<MainColor, 'primary' | 'secondary'>;
|
|
4
|
+
export type ButtonSize = Size;
|
|
5
|
+
export type ButtonVariant = 'contained' | 'outlined' | 'text';
|
|
6
|
+
export declare const buttonPrefix = "mzn-button";
|
|
7
|
+
export declare const buttonClasses: {
|
|
8
|
+
host: string;
|
|
9
|
+
label: string;
|
|
10
|
+
variant: (variant: ButtonVariant) => string;
|
|
11
|
+
color: (color: ButtonColor) => string;
|
|
12
|
+
size: (size: ButtonSize) => string;
|
|
13
|
+
danger: string;
|
|
14
|
+
disabled: string;
|
|
15
|
+
icon: string;
|
|
16
|
+
loading: string;
|
|
17
|
+
};
|
package/button/button.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
const buttonPrefix = 'mzn-button';
|
|
2
|
-
const buttonClasses = {
|
|
3
|
-
host: buttonPrefix,
|
|
4
|
-
label: `${buttonPrefix}__label`,
|
|
5
|
-
variant: (variant) => (variant === 'text' ? '' : `${buttonPrefix}--${variant}`),
|
|
6
|
-
color: (color) => `${buttonPrefix}--${color}`,
|
|
7
|
-
size: (size) => `${buttonPrefix}--${size}`,
|
|
8
|
-
danger: `${buttonPrefix}--danger`,
|
|
9
|
-
disabled: `${buttonPrefix}--disabled`,
|
|
10
|
-
icon: `${buttonPrefix}--icon`,
|
|
11
|
-
loading: `${buttonPrefix}--loading`,
|
|
1
|
+
const buttonPrefix = 'mzn-button';
|
|
2
|
+
const buttonClasses = {
|
|
3
|
+
host: buttonPrefix,
|
|
4
|
+
label: `${buttonPrefix}__label`,
|
|
5
|
+
variant: (variant) => (variant === 'text' ? '' : `${buttonPrefix}--${variant}`),
|
|
6
|
+
color: (color) => `${buttonPrefix}--${color}`,
|
|
7
|
+
size: (size) => `${buttonPrefix}--${size}`,
|
|
8
|
+
danger: `${buttonPrefix}--danger`,
|
|
9
|
+
disabled: `${buttonPrefix}--disabled`,
|
|
10
|
+
icon: `${buttonPrefix}--icon`,
|
|
11
|
+
loading: `${buttonPrefix}--loading`,
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
export { buttonClasses, buttonPrefix };
|
package/button/buttonGroup.d.ts
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { CssVarInterpolations } from '@mezzanine-ui/system/css';
|
|
2
|
-
import { Orientation } from '@mezzanine-ui/system/orientation';
|
|
3
|
-
import { SpacingLevel } from '@mezzanine-ui/system/spacing';
|
|
4
|
-
import { ButtonSize } from './button';
|
|
5
|
-
export
|
|
6
|
-
export
|
|
7
|
-
export interface ButtonGroupCssVars {
|
|
8
|
-
size: ButtonSize;
|
|
9
|
-
spacing?: ButtonGroupSpacing;
|
|
10
|
-
}
|
|
11
|
-
export declare const buttonGroupPrefix: "mzn-button-group";
|
|
12
|
-
export declare const buttonGroupClasses: {
|
|
13
|
-
readonly host: "mzn-button-group";
|
|
14
|
-
readonly fullWidth: "mzn-button-group--full-width";
|
|
15
|
-
readonly orientation: (orientation: ButtonGroupOrientation) => string;
|
|
16
|
-
readonly attached: "mzn-button-group--attached";
|
|
17
|
-
};
|
|
18
|
-
export declare function toButtonGroupCssVars(variables: ButtonGroupCssVars): CssVarInterpolations;
|
|
1
|
+
import { CssVarInterpolations } from '@mezzanine-ui/system/css';
|
|
2
|
+
import { Orientation } from '@mezzanine-ui/system/orientation';
|
|
3
|
+
import { SpacingLevel } from '@mezzanine-ui/system/spacing';
|
|
4
|
+
import { ButtonSize } from './button';
|
|
5
|
+
export type ButtonGroupOrientation = Orientation;
|
|
6
|
+
export type ButtonGroupSpacing = SpacingLevel;
|
|
7
|
+
export interface ButtonGroupCssVars {
|
|
8
|
+
size: ButtonSize;
|
|
9
|
+
spacing?: ButtonGroupSpacing;
|
|
10
|
+
}
|
|
11
|
+
export declare const buttonGroupPrefix: "mzn-button-group";
|
|
12
|
+
export declare const buttonGroupClasses: {
|
|
13
|
+
readonly host: "mzn-button-group";
|
|
14
|
+
readonly fullWidth: "mzn-button-group--full-width";
|
|
15
|
+
readonly orientation: (orientation: ButtonGroupOrientation) => string;
|
|
16
|
+
readonly attached: "mzn-button-group--attached";
|
|
17
|
+
};
|
|
18
|
+
export declare function toButtonGroupCssVars(variables: ButtonGroupCssVars): CssVarInterpolations;
|
package/button/buttonGroup.js
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { toSpacingCssVar } from '@mezzanine-ui/system/spacing';
|
|
2
2
|
import { buttonPrefix } from './button.js';
|
|
3
3
|
|
|
4
|
-
const buttonGroupPrefix = `${buttonPrefix}-group`;
|
|
5
|
-
const buttonGroupClasses = {
|
|
6
|
-
host: buttonGroupPrefix,
|
|
7
|
-
fullWidth: `${buttonGroupPrefix}--full-width`,
|
|
8
|
-
orientation: (orientation) => `${buttonGroupPrefix}--${orientation}`,
|
|
9
|
-
attached: `${buttonGroupPrefix}--attached`,
|
|
10
|
-
};
|
|
11
|
-
function toButtonGroupCssVars(variables) {
|
|
12
|
-
const { size, spacing, } = variables;
|
|
13
|
-
return {
|
|
14
|
-
/**
|
|
15
|
-
* The default is `3` for button size="small", or `4`.
|
|
16
|
-
*/
|
|
17
|
-
[`--${buttonGroupPrefix}-spacing`]: toSpacingCssVar(spacing !== null && spacing !== void 0 ? spacing : (size === 'small' ? 3 : 4)),
|
|
18
|
-
};
|
|
4
|
+
const buttonGroupPrefix = `${buttonPrefix}-group`;
|
|
5
|
+
const buttonGroupClasses = {
|
|
6
|
+
host: buttonGroupPrefix,
|
|
7
|
+
fullWidth: `${buttonGroupPrefix}--full-width`,
|
|
8
|
+
orientation: (orientation) => `${buttonGroupPrefix}--${orientation}`,
|
|
9
|
+
attached: `${buttonGroupPrefix}--attached`,
|
|
10
|
+
};
|
|
11
|
+
function toButtonGroupCssVars(variables) {
|
|
12
|
+
const { size, spacing, } = variables;
|
|
13
|
+
return {
|
|
14
|
+
/**
|
|
15
|
+
* The default is `3` for button size="small", or `4`.
|
|
16
|
+
*/
|
|
17
|
+
[`--${buttonGroupPrefix}-spacing`]: toSpacingCssVar(spacing !== null && spacing !== void 0 ? spacing : (size === 'small' ? 3 : 4)),
|
|
18
|
+
};
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
export { buttonGroupClasses, buttonGroupPrefix, toButtonGroupCssVars };
|
package/button/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './button';
|
|
2
|
-
export * from './buttonGroup';
|
|
1
|
+
export * from './button';
|
|
2
|
+
export * from './buttonGroup';
|