@mezzanine-ui/core 0.13.10 → 0.13.12

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.
Files changed (188) hide show
  1. package/_internal/input-check/index.d.ts +2 -2
  2. package/_internal/input-check/inputCheck.d.ts +12 -12
  3. package/_internal/input-check/inputCheck.js +9 -9
  4. package/_internal/input-check/inputCheckGroup.d.ts +7 -7
  5. package/_internal/input-check/inputCheckGroup.js +4 -4
  6. package/_internal/input-trigger-popper/index.d.ts +1 -1
  7. package/_internal/input-trigger-popper/inputTriggerPopper.d.ts +4 -4
  8. package/_internal/input-trigger-popper/inputTriggerPopper.js +3 -3
  9. package/_internal/overlay-with-slide-fade/index.d.ts +1 -1
  10. package/_internal/overlay-with-slide-fade/overlayWithSlideFade.d.ts +4 -4
  11. package/_internal/overlay-with-slide-fade/overlayWithSlideFade.js +3 -3
  12. package/accordion/accordion.d.ts +13 -13
  13. package/accordion/accordion.js +12 -12
  14. package/accordion/index.d.ts +1 -1
  15. package/alert/alert.d.ts +15 -15
  16. package/alert/alert.js +12 -12
  17. package/alert/index.d.ts +1 -1
  18. package/app-bar/appBar.d.ts +8 -8
  19. package/app-bar/appBar.js +5 -5
  20. package/app-bar/appBarBrand.d.ts +4 -4
  21. package/app-bar/appBarBrand.js +3 -3
  22. package/app-bar/appBarMain.d.ts +4 -4
  23. package/app-bar/appBarMain.js +3 -3
  24. package/app-bar/appBarSupport.d.ts +4 -4
  25. package/app-bar/appBarSupport.js +3 -3
  26. package/app-bar/index.d.ts +4 -4
  27. package/badge/badge.d.ts +7 -7
  28. package/badge/badge.js +6 -6
  29. package/badge/index.d.ts +1 -1
  30. package/button/button.d.ts +17 -17
  31. package/button/button.js +11 -11
  32. package/button/buttonGroup.d.ts +18 -18
  33. package/button/buttonGroup.js +15 -15
  34. package/button/index.d.ts +2 -2
  35. package/calendar/calendar.d.ts +47 -47
  36. package/calendar/calendar.js +61 -61
  37. package/calendar/index.d.ts +2 -2
  38. package/calendar/typings.d.ts +43 -43
  39. package/calendarMethodsDayjs/index.d.ts +3 -3
  40. package/calendarMethodsDayjs/index.js +97 -97
  41. package/calendarMethodsLuxon/index.d.ts +3 -3
  42. package/calendarMethodsLuxon/index.js +100 -100
  43. package/calendarMethodsMoment/index.d.ts +3 -3
  44. package/calendarMethodsMoment/index.js +112 -112
  45. package/card/card.d.ts +7 -7
  46. package/card/card.js +6 -6
  47. package/card/cardActions.d.ts +4 -4
  48. package/card/cardActions.js +3 -3
  49. package/card/index.d.ts +2 -2
  50. package/checkbox/checkbox.d.ts +15 -15
  51. package/checkbox/checkbox.js +6 -6
  52. package/checkbox/index.d.ts +1 -1
  53. package/date-range-picker/dateRangePicker.d.ts +11 -11
  54. package/date-range-picker/dateRangePicker.js +10 -10
  55. package/date-range-picker/index.d.ts +1 -1
  56. package/date-time-picker/dateTimePicker.d.ts +9 -9
  57. package/date-time-picker/dateTimePicker.js +8 -8
  58. package/date-time-picker/index.d.ts +1 -1
  59. package/drawer/drawer.d.ts +10 -10
  60. package/drawer/drawer.js +8 -8
  61. package/drawer/index.d.ts +1 -1
  62. package/empty/empty.d.ts +8 -8
  63. package/empty/empty.js +7 -7
  64. package/empty/index.d.ts +1 -1
  65. package/form/form.d.ts +1 -1
  66. package/form/formField.d.ts +18 -18
  67. package/form/formField.js +16 -16
  68. package/form/index.d.ts +2 -2
  69. package/icon/icon.d.ts +15 -15
  70. package/icon/icon.js +38 -38
  71. package/icon/index.d.ts +1 -1
  72. package/input/index.d.ts +1 -1
  73. package/input/input.d.ts +8 -8
  74. package/input/input.js +5 -5
  75. package/loading/index.d.ts +1 -1
  76. package/loading/loading.d.ts +8 -8
  77. package/loading/loading.js +7 -7
  78. package/menu/index.d.ts +4 -4
  79. package/menu/menu.d.ts +13 -13
  80. package/menu/menu.js +13 -13
  81. package/menu/menuDivider.d.ts +4 -4
  82. package/menu/menuDivider.js +3 -3
  83. package/menu/menuItem.d.ts +8 -8
  84. package/menu/menuItem.js +7 -7
  85. package/menu/menuItemGroup.d.ts +6 -6
  86. package/menu/menuItemGroup.js +5 -5
  87. package/message/index.d.ts +1 -1
  88. package/message/message.d.ts +16 -16
  89. package/message/message.js +13 -13
  90. package/modal/index.d.ts +1 -1
  91. package/modal/modal.d.ts +30 -30
  92. package/modal/modal.js +25 -25
  93. package/navigation/index.d.ts +3 -3
  94. package/navigation/navigation.d.ts +8 -8
  95. package/navigation/navigation.js +5 -5
  96. package/navigation/navigationItem.d.ts +6 -6
  97. package/navigation/navigationItem.js +5 -5
  98. package/navigation/navigationSubMenu.d.ts +11 -11
  99. package/navigation/navigationSubMenu.js +10 -10
  100. package/notification/index.d.ts +1 -1
  101. package/notification/notification.d.ts +25 -25
  102. package/notification/notification.js +22 -22
  103. package/overlay/index.d.ts +1 -1
  104. package/overlay/overlay.d.ts +10 -10
  105. package/overlay/overlay.js +9 -9
  106. package/package.json +3 -3
  107. package/page-footer/index.d.ts +1 -1
  108. package/page-footer/pageFooter.d.ts +4 -4
  109. package/page-footer/pageFooter.js +3 -3
  110. package/pagination/index.d.ts +4 -4
  111. package/pagination/pagination.d.ts +8 -8
  112. package/pagination/pagination.js +7 -7
  113. package/pagination/paginationItem.d.ts +9 -9
  114. package/pagination/paginationItem.js +7 -7
  115. package/pagination/paginationJumper.d.ts +5 -5
  116. package/pagination/paginationJumper.js +4 -4
  117. package/pagination/paginationPageSize.d.ts +5 -5
  118. package/pagination/paginationPageSize.js +4 -4
  119. package/picker/index.d.ts +1 -1
  120. package/picker/picker.d.ts +10 -10
  121. package/picker/picker.js +5 -5
  122. package/popconfirm/index.d.ts +1 -1
  123. package/popconfirm/popconfirm.d.ts +5 -5
  124. package/popconfirm/popconfirm.js +4 -4
  125. package/popover/index.d.ts +1 -1
  126. package/popover/popover.d.ts +6 -6
  127. package/popover/popover.js +5 -5
  128. package/progress/index.d.ts +1 -1
  129. package/progress/progress.d.ts +27 -27
  130. package/progress/progress.js +25 -25
  131. package/radio/index.d.ts +1 -1
  132. package/radio/radio.d.ts +13 -13
  133. package/radio/radio.js +4 -4
  134. package/select/index.d.ts +1 -1
  135. package/select/select.d.ts +30 -30
  136. package/select/select.js +26 -26
  137. package/skeleton/index.d.ts +1 -1
  138. package/skeleton/skeleton.d.ts +5 -5
  139. package/skeleton/skeleton.js +4 -4
  140. package/slider/index.d.ts +1 -1
  141. package/slider/slider.d.ts +60 -60
  142. package/slider/slider.js +122 -122
  143. package/stepper/index.d.ts +2 -2
  144. package/stepper/step.d.ts +9 -9
  145. package/stepper/step.js +8 -8
  146. package/stepper/stepper.d.ts +4 -4
  147. package/stepper/stepper.js +3 -3
  148. package/switch/index.d.ts +1 -1
  149. package/switch/switch.d.ts +13 -13
  150. package/switch/switch.js +21 -21
  151. package/table/index.d.ts +1 -1
  152. package/table/table.d.ts +150 -150
  153. package/table/table.js +65 -65
  154. package/tabs/index.d.ts +1 -1
  155. package/tabs/tabs.d.ts +11 -11
  156. package/tabs/tabs.js +10 -10
  157. package/tag/index.d.ts +1 -1
  158. package/tag/tag.d.ts +10 -10
  159. package/tag/tag.js +7 -7
  160. package/text-field/index.d.ts +1 -1
  161. package/text-field/textField.d.ts +19 -19
  162. package/text-field/textField.js +16 -16
  163. package/textarea/index.d.ts +1 -1
  164. package/textarea/textarea.d.ts +9 -9
  165. package/textarea/textarea.js +6 -6
  166. package/time-panel/index.d.ts +1 -1
  167. package/time-panel/timePanel.d.ts +33 -33
  168. package/time-panel/timePanel.js +45 -45
  169. package/tooltip/index.d.ts +1 -1
  170. package/tooltip/tooltip.d.ts +4 -4
  171. package/tooltip/tooltip.js +3 -3
  172. package/tree/index.d.ts +1 -1
  173. package/tree/tree.d.ts +49 -49
  174. package/tree/tree.js +20 -20
  175. package/typography/index.d.ts +2 -2
  176. package/typography/typography.d.ts +22 -22
  177. package/typography/typography.js +17 -17
  178. package/upload/UploadPictureBlock.d.ts +51 -51
  179. package/upload/UploadPictureBlock.js +105 -105
  180. package/upload/UploadPictureWall.d.ts +5 -5
  181. package/upload/UploadPictureWall.js +4 -4
  182. package/upload/index.d.ts +5 -5
  183. package/upload/uploadInput.d.ts +4 -4
  184. package/upload/uploadInput.js +3 -3
  185. package/upload/uploadPicture.d.ts +4 -4
  186. package/upload/uploadPicture.js +3 -3
  187. package/upload/uploadResult.d.ts +17 -17
  188. package/upload/uploadResult.js +14 -14
@@ -1,11 +1,11 @@
1
- /** Classes */
2
- const dateTimePickerPrefix = 'mzn-date-time-picker';
3
- const dateTimePickerPanelPrefix = `${dateTimePickerPrefix}-panel`;
4
- const dateTimePickerClasses = {
5
- /** Panel */
6
- panel: dateTimePickerPanelPrefix,
7
- panelSelectors: `${dateTimePickerPanelPrefix}__selectors`,
8
- panelCalendar: `${dateTimePickerPanelPrefix}__calendar`,
1
+ /** Classes */
2
+ const dateTimePickerPrefix = 'mzn-date-time-picker';
3
+ const dateTimePickerPanelPrefix = `${dateTimePickerPrefix}-panel`;
4
+ const dateTimePickerClasses = {
5
+ /** Panel */
6
+ panel: dateTimePickerPanelPrefix,
7
+ panelSelectors: `${dateTimePickerPanelPrefix}__selectors`,
8
+ panelCalendar: `${dateTimePickerPanelPrefix}__calendar`,
9
9
  };
10
10
 
11
11
  export { dateTimePickerClasses, dateTimePickerPanelPrefix, dateTimePickerPrefix };
@@ -1 +1 @@
1
- export * from './dateTimePicker';
1
+ export * from './dateTimePicker';
@@ -1,10 +1,10 @@
1
- export declare const drawerPrefix = "mzn-drawer";
2
- export declare type DrawerPlacement = 'top' | 'right' | 'bottom' | 'left';
3
- export declare const drawerClasses: {
4
- host: string;
5
- overlay: string;
6
- top: string;
7
- right: string;
8
- bottom: string;
9
- left: string;
10
- };
1
+ export declare const drawerPrefix = "mzn-drawer";
2
+ export type DrawerPlacement = 'top' | 'right' | 'bottom' | 'left';
3
+ export declare const drawerClasses: {
4
+ host: string;
5
+ overlay: string;
6
+ top: string;
7
+ right: string;
8
+ bottom: string;
9
+ left: string;
10
+ };
package/drawer/drawer.js CHANGED
@@ -1,11 +1,11 @@
1
- const drawerPrefix = 'mzn-drawer';
2
- const drawerClasses = {
3
- host: drawerPrefix,
4
- overlay: `${drawerPrefix}__overlay`,
5
- top: `${drawerPrefix}--top`,
6
- right: `${drawerPrefix}--right`,
7
- bottom: `${drawerPrefix}--bottom`,
8
- left: `${drawerPrefix}--left`,
1
+ const drawerPrefix = 'mzn-drawer';
2
+ const drawerClasses = {
3
+ host: drawerPrefix,
4
+ overlay: `${drawerPrefix}__overlay`,
5
+ top: `${drawerPrefix}--top`,
6
+ right: `${drawerPrefix}--right`,
7
+ bottom: `${drawerPrefix}--bottom`,
8
+ left: `${drawerPrefix}--left`,
9
9
  };
10
10
 
11
11
  export { drawerClasses, drawerPrefix };
package/drawer/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from './drawer';
1
+ export * from './drawer';
package/empty/empty.d.ts CHANGED
@@ -1,8 +1,8 @@
1
- export declare const emptyPrefix = "mzn-empty";
2
- export declare const emptyClasses: {
3
- readonly host: "mzn-empty";
4
- readonly icon: "mzn-empty__icon";
5
- readonly title: "mzn-empty__title";
6
- readonly description: "mzn-empty__description";
7
- readonly fullHeight: "mzn-empty--full-height";
8
- };
1
+ export declare const emptyPrefix = "mzn-empty";
2
+ export declare const emptyClasses: {
3
+ readonly host: "mzn-empty";
4
+ readonly icon: "mzn-empty__icon";
5
+ readonly title: "mzn-empty__title";
6
+ readonly description: "mzn-empty__description";
7
+ readonly fullHeight: "mzn-empty--full-height";
8
+ };
package/empty/empty.js CHANGED
@@ -1,10 +1,10 @@
1
- const emptyPrefix = 'mzn-empty';
2
- const emptyClasses = {
3
- host: emptyPrefix,
4
- icon: `${emptyPrefix}__icon`,
5
- title: `${emptyPrefix}__title`,
6
- description: `${emptyPrefix}__description`,
7
- fullHeight: `${emptyPrefix}--full-height`,
1
+ const emptyPrefix = 'mzn-empty';
2
+ const emptyClasses = {
3
+ host: emptyPrefix,
4
+ icon: `${emptyPrefix}__icon`,
5
+ title: `${emptyPrefix}__title`,
6
+ description: `${emptyPrefix}__description`,
7
+ fullHeight: `${emptyPrefix}--full-height`,
8
8
  };
9
9
 
10
10
  export { emptyClasses, emptyPrefix };
package/empty/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from './empty';
1
+ export * from './empty';
package/form/form.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const formPrefix = "mzn-form";
1
+ export declare const formPrefix = "mzn-form";
@@ -1,18 +1,18 @@
1
- import { Severity } from '@mezzanine-ui/system/severity';
2
- export declare const formFieldPrefix: string;
3
- export declare const formMessageIcons: {
4
- readonly success: import("@mezzanine-ui/icons").IconDefinition;
5
- readonly warning: import("@mezzanine-ui/icons").IconDefinition;
6
- readonly error: import("@mezzanine-ui/icons").IconDefinition;
7
- };
8
- export declare const formFieldClasses: {
9
- readonly host: string;
10
- readonly label: `${string}__label`;
11
- readonly asterisk: `${string}__asterisk`;
12
- readonly remark: `${string}__remark`;
13
- readonly message: `${string}__message`;
14
- readonly severityIcon: `${string}__severity-icon`;
15
- readonly disabled: `${string}--disabled`;
16
- readonly fullWidth: `${string}--full-width`;
17
- readonly severity: (severity: Severity) => string;
18
- };
1
+ import { Severity } from '@mezzanine-ui/system/severity';
2
+ export declare const formFieldPrefix = "mzn-form-field";
3
+ export declare const formMessageIcons: {
4
+ readonly success: import("@mezzanine-ui/icons").IconDefinition;
5
+ readonly warning: import("@mezzanine-ui/icons").IconDefinition;
6
+ readonly error: import("@mezzanine-ui/icons").IconDefinition;
7
+ };
8
+ export declare const formFieldClasses: {
9
+ readonly host: "mzn-form-field";
10
+ readonly label: "mzn-form-field__label";
11
+ readonly asterisk: "mzn-form-field__asterisk";
12
+ readonly remark: "mzn-form-field__remark";
13
+ readonly message: "mzn-form-field__message";
14
+ readonly severityIcon: "mzn-form-field__severity-icon";
15
+ readonly disabled: "mzn-form-field--disabled";
16
+ readonly fullWidth: "mzn-form-field--full-width";
17
+ readonly severity: (severity: Severity) => string;
18
+ };
package/form/formField.js CHANGED
@@ -1,22 +1,22 @@
1
1
  import { CheckCircleFilledIcon, ExclamationCircleFilledIcon, TimesCircleFilledIcon } from '@mezzanine-ui/icons';
2
2
  import { formPrefix } from './form.js';
3
3
 
4
- const formFieldPrefix = `${formPrefix}-field`;
5
- const formMessageIcons = {
6
- success: CheckCircleFilledIcon,
7
- warning: ExclamationCircleFilledIcon,
8
- error: TimesCircleFilledIcon,
9
- };
10
- const formFieldClasses = {
11
- host: formFieldPrefix,
12
- label: `${formFieldPrefix}__label`,
13
- asterisk: `${formFieldPrefix}__asterisk`,
14
- remark: `${formFieldPrefix}__remark`,
15
- message: `${formFieldPrefix}__message`,
16
- severityIcon: `${formFieldPrefix}__severity-icon`,
17
- disabled: `${formFieldPrefix}--disabled`,
18
- fullWidth: `${formFieldPrefix}--full-width`,
19
- severity: (severity) => `${formFieldPrefix}--${severity}`,
4
+ const formFieldPrefix = `${formPrefix}-field`;
5
+ const formMessageIcons = {
6
+ success: CheckCircleFilledIcon,
7
+ warning: ExclamationCircleFilledIcon,
8
+ error: TimesCircleFilledIcon,
9
+ };
10
+ const formFieldClasses = {
11
+ host: formFieldPrefix,
12
+ label: `${formFieldPrefix}__label`,
13
+ asterisk: `${formFieldPrefix}__asterisk`,
14
+ remark: `${formFieldPrefix}__remark`,
15
+ message: `${formFieldPrefix}__message`,
16
+ severityIcon: `${formFieldPrefix}__severity-icon`,
17
+ disabled: `${formFieldPrefix}--disabled`,
18
+ fullWidth: `${formFieldPrefix}--full-width`,
19
+ severity: (severity) => `${formFieldPrefix}--${severity}`,
20
20
  };
21
21
 
22
22
  export { formFieldClasses, formFieldPrefix, formMessageIcons };
package/form/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export * from './form';
2
- export * from './formField';
1
+ export * from './form';
2
+ export * from './formField';
package/icon/icon.d.ts CHANGED
@@ -1,15 +1,15 @@
1
- import { CssVarInterpolations } from '@mezzanine-ui/system/css';
2
- import { MainColor } from '@mezzanine-ui/system/palette';
3
- export declare type IconColor = 'inherit' | MainColor | 'disabled';
4
- export interface IconCssVars {
5
- color?: IconColor;
6
- size?: number;
7
- }
8
- export declare const iconPrefix = "mzn-icon";
9
- export declare const iconClasses: {
10
- readonly host: "mzn-icon";
11
- readonly color: "mzn-icon--color";
12
- readonly spin: "mzn-icon--spin";
13
- readonly size: "mzn-icon--size";
14
- };
15
- export declare function toIconCssVars(variables: IconCssVars): CssVarInterpolations;
1
+ import { CssVarInterpolations } from '@mezzanine-ui/system/css';
2
+ import { MainColor } from '@mezzanine-ui/system/palette';
3
+ export type IconColor = 'inherit' | MainColor | 'disabled';
4
+ export interface IconCssVars {
5
+ color?: IconColor;
6
+ size?: number;
7
+ }
8
+ export declare const iconPrefix = "mzn-icon";
9
+ export declare const iconClasses: {
10
+ readonly host: "mzn-icon";
11
+ readonly color: "mzn-icon--color";
12
+ readonly spin: "mzn-icon--spin";
13
+ readonly size: "mzn-icon--size";
14
+ };
15
+ export declare function toIconCssVars(variables: IconCssVars): CssVarInterpolations;
package/icon/icon.js CHANGED
@@ -1,44 +1,44 @@
1
1
  import { toCssVar } from '@mezzanine-ui/system/css';
2
2
  import { palettePrefix } from '@mezzanine-ui/system/palette';
3
3
 
4
- const iconPrefix = 'mzn-icon';
5
- const iconClasses = {
6
- host: iconPrefix,
7
- color: `${iconPrefix}--color`,
8
- spin: `${iconPrefix}--spin`,
9
- size: `${iconPrefix}--size`,
10
- };
11
- function toIconCssVars(variables) {
12
- const { color, size } = variables;
13
- let result = {};
14
- /** color mapping */
15
- if (color) {
16
- let colorValue;
17
- if (color === 'inherit') {
18
- colorValue = color;
19
- }
20
- else {
21
- /**
22
- * Use `action-disabled` color of palette as `disabled` color of icon.
23
- */
24
- const colorName = color === 'disabled'
25
- ? 'action-disabled'
26
- : color;
27
- colorValue = toCssVar(`${palettePrefix}-${colorName}`);
28
- }
29
- result = {
30
- ...result,
31
- [`--${iconPrefix}-color`]: colorValue,
32
- };
33
- }
34
- /** size mapping */
35
- if (typeof size !== 'undefined') {
36
- result = {
37
- ...result,
38
- [`--${iconPrefix}-size`]: `${size}px`,
39
- };
40
- }
41
- return result;
4
+ const iconPrefix = 'mzn-icon';
5
+ const iconClasses = {
6
+ host: iconPrefix,
7
+ color: `${iconPrefix}--color`,
8
+ spin: `${iconPrefix}--spin`,
9
+ size: `${iconPrefix}--size`,
10
+ };
11
+ function toIconCssVars(variables) {
12
+ const { color, size } = variables;
13
+ let result = {};
14
+ /** color mapping */
15
+ if (color) {
16
+ let colorValue;
17
+ if (color === 'inherit') {
18
+ colorValue = color;
19
+ }
20
+ else {
21
+ /**
22
+ * Use `action-disabled` color of palette as `disabled` color of icon.
23
+ */
24
+ const colorName = color === 'disabled'
25
+ ? 'action-disabled'
26
+ : color;
27
+ colorValue = toCssVar(`${palettePrefix}-${colorName}`);
28
+ }
29
+ result = {
30
+ ...result,
31
+ [`--${iconPrefix}-color`]: colorValue,
32
+ };
33
+ }
34
+ /** size mapping */
35
+ if (typeof size !== 'undefined') {
36
+ result = {
37
+ ...result,
38
+ [`--${iconPrefix}-size`]: `${size}px`,
39
+ };
40
+ }
41
+ return result;
42
42
  }
43
43
 
44
44
  export { iconClasses, iconPrefix, toIconCssVars };
package/icon/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from './icon';
1
+ export * from './icon';
package/input/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from './input';
1
+ export * from './input';
package/input/input.d.ts CHANGED
@@ -1,8 +1,8 @@
1
- import { Size } from '@mezzanine-ui/system/size';
2
- export declare type InputSize = Size;
3
- export declare const inputPrefix = "mzn-input";
4
- export declare const inputClasses: {
5
- readonly host: "mzn-input";
6
- readonly tagsMode: "mzn-input__tags-mode";
7
- readonly tagsModeInputOnTop: "mzn-input__tags-mode__input-on-top";
8
- };
1
+ import { Size } from '@mezzanine-ui/system/size';
2
+ export type InputSize = Size;
3
+ export declare const inputPrefix = "mzn-input";
4
+ export declare const inputClasses: {
5
+ readonly host: "mzn-input";
6
+ readonly tagsMode: "mzn-input__tags-mode";
7
+ readonly tagsModeInputOnTop: "mzn-input__tags-mode__input-on-top";
8
+ };
package/input/input.js CHANGED
@@ -1,8 +1,8 @@
1
- const inputPrefix = 'mzn-input';
2
- const inputClasses = {
3
- host: inputPrefix,
4
- tagsMode: `${inputPrefix}__tags-mode`,
5
- tagsModeInputOnTop: `${inputPrefix}__tags-mode__input-on-top`,
1
+ const inputPrefix = 'mzn-input';
2
+ const inputClasses = {
3
+ host: inputPrefix,
4
+ tagsMode: `${inputPrefix}__tags-mode`,
5
+ tagsModeInputOnTop: `${inputPrefix}__tags-mode__input-on-top`,
6
6
  };
7
7
 
8
8
  export { inputClasses, inputPrefix };
@@ -1 +1 @@
1
- export * from './loading';
1
+ export * from './loading';
@@ -1,8 +1,8 @@
1
- export declare const loadingPrefix = "mzn-loading";
2
- export declare const iconClasses: {
3
- readonly host: "mzn-loading";
4
- readonly stretch: "mzn-loading--stretch";
5
- readonly spin: "mzn-loading__spin";
6
- readonly icon: "mzn-loading__spin__icon";
7
- readonly tip: "mzn-loading__spin__tip";
8
- };
1
+ export declare const loadingPrefix = "mzn-loading";
2
+ export declare const iconClasses: {
3
+ readonly host: "mzn-loading";
4
+ readonly stretch: "mzn-loading--stretch";
5
+ readonly spin: "mzn-loading__spin";
6
+ readonly icon: "mzn-loading__spin__icon";
7
+ readonly tip: "mzn-loading__spin__tip";
8
+ };
@@ -1,10 +1,10 @@
1
- const loadingPrefix = 'mzn-loading';
2
- const iconClasses = {
3
- host: loadingPrefix,
4
- stretch: `${loadingPrefix}--stretch`,
5
- spin: `${loadingPrefix}__spin`,
6
- icon: `${loadingPrefix}__spin__icon`,
7
- tip: `${loadingPrefix}__spin__tip`,
1
+ const loadingPrefix = 'mzn-loading';
2
+ const iconClasses = {
3
+ host: loadingPrefix,
4
+ stretch: `${loadingPrefix}--stretch`,
5
+ spin: `${loadingPrefix}__spin`,
6
+ icon: `${loadingPrefix}__spin__icon`,
7
+ tip: `${loadingPrefix}__spin__tip`,
8
8
  };
9
9
 
10
10
  export { iconClasses, loadingPrefix };
package/menu/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export * from './menu';
2
- export * from './menuDivider';
3
- export * from './menuItem';
4
- export * from './menuItemGroup';
1
+ export * from './menu';
2
+ export * from './menuDivider';
3
+ export * from './menuItem';
4
+ export * from './menuItemGroup';
package/menu/menu.d.ts CHANGED
@@ -1,13 +1,13 @@
1
- import { CssVarInterpolations } from '@mezzanine-ui/system/css';
2
- import { Size } from '@mezzanine-ui/system/size';
3
- export declare type MenuSize = Size;
4
- export interface MenuCssVars {
5
- itemsInView: number;
6
- maxHeight?: number;
7
- }
8
- export declare const menuPrefix = "mzn-menu";
9
- export declare const menuClasses: {
10
- readonly host: "mzn-menu";
11
- readonly size: (size: MenuSize) => string;
12
- };
13
- export declare function toMenuCssVars(variables: MenuCssVars): CssVarInterpolations;
1
+ import { CssVarInterpolations } from '@mezzanine-ui/system/css';
2
+ import { Size } from '@mezzanine-ui/system/size';
3
+ export type MenuSize = Size;
4
+ export interface MenuCssVars {
5
+ itemsInView: number;
6
+ maxHeight?: number;
7
+ }
8
+ export declare const menuPrefix = "mzn-menu";
9
+ export declare const menuClasses: {
10
+ readonly host: "mzn-menu";
11
+ readonly size: (size: MenuSize) => string;
12
+ };
13
+ export declare function toMenuCssVars(variables: MenuCssVars): CssVarInterpolations;
package/menu/menu.js CHANGED
@@ -1,16 +1,16 @@
1
- const menuPrefix = 'mzn-menu';
2
- const menuClasses = {
3
- host: menuPrefix,
4
- size: (size) => `${menuPrefix}--${size}`,
5
- };
6
- function toMenuCssVars(variables) {
7
- const { itemsInView, maxHeight, } = variables;
8
- return {
9
- [`--${menuPrefix}-max-height`]: typeof maxHeight === 'number'
10
- ? `${maxHeight}px`
11
- : null,
12
- [`--${menuPrefix}-items-in-view`]: itemsInView,
13
- };
1
+ const menuPrefix = 'mzn-menu';
2
+ const menuClasses = {
3
+ host: menuPrefix,
4
+ size: (size) => `${menuPrefix}--${size}`,
5
+ };
6
+ function toMenuCssVars(variables) {
7
+ const { itemsInView, maxHeight, } = variables;
8
+ return {
9
+ [`--${menuPrefix}-max-height`]: typeof maxHeight === 'number'
10
+ ? `${maxHeight}px`
11
+ : null,
12
+ [`--${menuPrefix}-items-in-view`]: itemsInView,
13
+ };
14
14
  }
15
15
 
16
16
  export { menuClasses, menuPrefix, toMenuCssVars };
@@ -1,4 +1,4 @@
1
- export declare const menuDividerPrefix: "mzn-menu-divider";
2
- export declare const menuDividerClasses: {
3
- readonly host: "mzn-menu-divider";
4
- };
1
+ export declare const menuDividerPrefix: "mzn-menu-divider";
2
+ export declare const menuDividerClasses: {
3
+ readonly host: "mzn-menu-divider";
4
+ };
@@ -1,8 +1,8 @@
1
1
  import { menuPrefix } from './menu.js';
2
2
 
3
- const menuDividerPrefix = `${menuPrefix}-divider`;
4
- const menuDividerClasses = {
5
- host: menuDividerPrefix,
3
+ const menuDividerPrefix = `${menuPrefix}-divider`;
4
+ const menuDividerClasses = {
5
+ host: menuDividerPrefix,
6
6
  };
7
7
 
8
8
  export { menuDividerClasses, menuDividerPrefix };
@@ -1,8 +1,8 @@
1
- export declare const menuItemPrefix: "mzn-menu-item";
2
- export declare const menuItemClasses: {
3
- readonly host: "mzn-menu-item";
4
- readonly label: "mzn-menu-item__label";
5
- readonly activeIcon: "mzn-menu-item__active-icon";
6
- readonly active: "mzn-menu-item--active";
7
- readonly disabled: "mzn-menu-item--disabled";
8
- };
1
+ export declare const menuItemPrefix: "mzn-menu-item";
2
+ export declare const menuItemClasses: {
3
+ readonly host: "mzn-menu-item";
4
+ readonly label: "mzn-menu-item__label";
5
+ readonly activeIcon: "mzn-menu-item__active-icon";
6
+ readonly active: "mzn-menu-item--active";
7
+ readonly disabled: "mzn-menu-item--disabled";
8
+ };
package/menu/menuItem.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import { menuPrefix } from './menu.js';
2
2
 
3
- const menuItemPrefix = `${menuPrefix}-item`;
4
- const menuItemClasses = {
5
- host: menuItemPrefix,
6
- label: `${menuItemPrefix}__label`,
7
- activeIcon: `${menuItemPrefix}__active-icon`,
8
- active: `${menuItemPrefix}--active`,
9
- disabled: `${menuItemPrefix}--disabled`,
3
+ const menuItemPrefix = `${menuPrefix}-item`;
4
+ const menuItemClasses = {
5
+ host: menuItemPrefix,
6
+ label: `${menuItemPrefix}__label`,
7
+ activeIcon: `${menuItemPrefix}__active-icon`,
8
+ active: `${menuItemPrefix}--active`,
9
+ disabled: `${menuItemPrefix}--disabled`,
10
10
  };
11
11
 
12
12
  export { menuItemClasses, menuItemPrefix };
@@ -1,6 +1,6 @@
1
- export declare const menuItemGroupPrefix: "mzn-menu-item-group";
2
- export declare const menuItemGroupClasses: {
3
- readonly host: "mzn-menu-item-group";
4
- readonly label: "mzn-menu-item-group__label";
5
- readonly items: "mzn-menu-item-group__items";
6
- };
1
+ export declare const menuItemGroupPrefix: "mzn-menu-item-group";
2
+ export declare const menuItemGroupClasses: {
3
+ readonly host: "mzn-menu-item-group";
4
+ readonly label: "mzn-menu-item-group__label";
5
+ readonly items: "mzn-menu-item-group__items";
6
+ };
@@ -1,10 +1,10 @@
1
1
  import { menuPrefix } from './menu.js';
2
2
 
3
- const menuItemGroupPrefix = `${menuPrefix}-item-group`;
4
- const menuItemGroupClasses = {
5
- host: menuItemGroupPrefix,
6
- label: `${menuItemGroupPrefix}__label`,
7
- items: `${menuItemGroupPrefix}__items`,
3
+ const menuItemGroupPrefix = `${menuPrefix}-item-group`;
4
+ const menuItemGroupClasses = {
5
+ host: menuItemGroupPrefix,
6
+ label: `${menuItemGroupPrefix}__label`,
7
+ items: `${menuItemGroupPrefix}__items`,
8
8
  };
9
9
 
10
10
  export { menuItemGroupClasses, menuItemGroupPrefix };
@@ -1 +1 @@
1
- export * from './message';
1
+ export * from './message';
@@ -1,16 +1,16 @@
1
- import { SeverityWithInfo } from '@mezzanine-ui/system/severity';
2
- export declare type MessageSeverity = SeverityWithInfo;
3
- export declare const messagePrefix = "mzn-message";
4
- export declare const messageIcons: {
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
- readonly info: import("@mezzanine-ui/icons").IconDefinition;
9
- };
10
- export declare const messageClasses: {
11
- readonly host: "mzn-message";
12
- readonly root: "mzn-message__root";
13
- readonly icon: "mzn-message__icon";
14
- readonly content: "mzn-message__content";
15
- readonly severity: (severity: MessageSeverity) => string;
16
- };
1
+ import { SeverityWithInfo } from '@mezzanine-ui/system/severity';
2
+ export type MessageSeverity = SeverityWithInfo;
3
+ export declare const messagePrefix = "mzn-message";
4
+ export declare const messageIcons: {
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
+ readonly info: import("@mezzanine-ui/icons").IconDefinition;
9
+ };
10
+ export declare const messageClasses: {
11
+ readonly host: "mzn-message";
12
+ readonly root: "mzn-message__root";
13
+ readonly icon: "mzn-message__icon";
14
+ readonly content: "mzn-message__content";
15
+ readonly severity: (severity: MessageSeverity) => string;
16
+ };
@@ -1,18 +1,18 @@
1
1
  import { CheckCircleFilledIcon, ExclamationCircleFilledIcon, TimesCircleFilledIcon, InfoCircleFilledIcon } from '@mezzanine-ui/icons';
2
2
 
3
- const messagePrefix = 'mzn-message';
4
- const messageIcons = {
5
- success: CheckCircleFilledIcon,
6
- warning: ExclamationCircleFilledIcon,
7
- error: TimesCircleFilledIcon,
8
- info: InfoCircleFilledIcon,
9
- };
10
- const messageClasses = {
11
- host: messagePrefix,
12
- root: `${messagePrefix}__root`,
13
- icon: `${messagePrefix}__icon`,
14
- content: `${messagePrefix}__content`,
15
- severity: (severity) => `${messagePrefix}--${severity}`,
3
+ const messagePrefix = 'mzn-message';
4
+ const messageIcons = {
5
+ success: CheckCircleFilledIcon,
6
+ warning: ExclamationCircleFilledIcon,
7
+ error: TimesCircleFilledIcon,
8
+ info: InfoCircleFilledIcon,
9
+ };
10
+ const messageClasses = {
11
+ host: messagePrefix,
12
+ root: `${messagePrefix}__root`,
13
+ icon: `${messagePrefix}__icon`,
14
+ content: `${messagePrefix}__content`,
15
+ severity: (severity) => `${messagePrefix}--${severity}`,
16
16
  };
17
17
 
18
18
  export { messageClasses, messageIcons, messagePrefix };
package/modal/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from './modal';
1
+ export * from './modal';