@coveord/plasma-mantine 55.7.3 → 55.8.2

package/dist/cjs/theme/Theme.js

@@ -9,48 +9,70 @@ Object.defineProperty(exports, "plasmaTheme", {
     }
 });
 var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _jsxruntime = require("react/jsx-runtime");
 var _plasmareacticons = require("@coveord/plasma-react-icons");
 var _plasmatokens = require("@coveord/plasma-tokens");
 var _core = require("@mantine/core");
 var _dates = require("@mantine/dates");
+var _components = require("../components");
+var _Accordionmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Accordion.module.css"));
 var _ActionIconmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/ActionIcon.module.css"));
 var _Alertmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Alert.module.css"));
-var _Anchormodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Anchor.module.css"));
-var _AppShellNavBarmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/AppShellNavBar.module.css"));
 var _Badgemodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Badge.module.css"));
+var _Breadcrumbsmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Breadcrumbs.module.css"));
 var _Buttonmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Button.module.css"));
+var _Cardmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Card.module.css"));
 var _Checkboxmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Checkbox.module.css"));
+var _CheckboxIndicatormodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/CheckboxIndicator.module.css"));
+var _Chipmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Chip.module.css"));
 var _Comboboxmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Combobox.module.css"));
 var _DatePickermodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/DatePicker.module.css"));
 var _Inputmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Input.module.css"));
 var _InputWrappermodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/InputWrapper.module.css"));
 var _Listmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/List.module.css"));
 var _Modalmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Modal.module.css"));
+var _MonthPickermodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/MonthPicker.module.css"));
 var _NavLinkmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/NavLink.module.css"));
-var _Notificationmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Notification.module.css"));
+var _Notificationsmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Notifications.module.css"));
+var _NumberInputmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/NumberInput.module.css"));
 var _Paginationmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Pagination.module.css"));
+var _Papermodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Paper.module.css"));
+var _Pillmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Pill.module.css"));
+var _Popovermodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Popover.module.css"));
 var _Radiomodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Radio.module.css"));
+var _RadioCardmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/RadioCard.module.css"));
 var _ReadOnlyInputmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/ReadOnlyInput.module.css"));
 var _ReadOnlyStatemodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/ReadOnlyState.module.css"));
 var _ScrollAreamodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/ScrollArea.module.css"));
 var _SegmentedControlmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/SegmentedControl.module.css"));
 var _Selectmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Select.module.css"));
 var _Skeletonmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Skeleton.module.css"));
+var _Slidermodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Slider.module.css"));
 var _Steppermodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Stepper.module.css"));
+var _Tablemodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Table.module.css"));
 var _Tabsmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Tabs.module.css"));
 var _Textmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Text.module.css"));
+var _TimePickermodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/TimePicker.module.css"));
 var _Tooltipmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Tooltip.module.css"));
-var _Notificationvars = require("../vars/Notification.vars");
-var _Textvars = require("../vars/Text.vars");
+var _YearPickermodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/YearPicker.module.css"));
 var _PlasmaColors = require("./PlasmaColors");
+var _placeholdersvg = /*#__PURE__*/ _interop_require_default._(require("../images/placeholder.svg"));
+var _plasmaVariantColorResolver = require("./plasmaVariantColorResolver");
 var plasmaTheme = (0, _core.createTheme)({
+    variantColorResolver: _plasmaVariantColorResolver.plasmaVariantColorResolver,
     // These are overrides over https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/core/src/core/MantineProvider/default-theme.ts
     fontFamily: 'canada-type-gibson, sans-serif',
     black: _plasmatokens.color.primary.gray[9],
-    defaultRadius: 8,
+    defaultRadius: 'md',
     lineHeights: {
-        md: '1.5'
+        xxs: '1.2',
+        xs: '1.16',
+        sm: '1.14',
+        md: '1.14',
+        lg: '1.11',
+        xl: '1.2'
     },
     spacing: {
         xxs: '4px',
@@ -60,114 +82,164 @@ var plasmaTheme = (0, _core.createTheme)({
         lg: '32px',
         xl: '40px'
     },
-    primaryColor: 'action',
+    radius: {
+        none: '0px',
+        xs: '2px',
+        sm: '4px',
+        md: '8px',
+        lg: '16px',
+        xl: '24px',
+        xxl: '32px'
+    },
+    primaryColor: 'blue',
     headings: {
         fontFamily: 'canada-type-gibson, sans-serif',
-        fontWeight: '500',
+        fontWeight: 'var(--coveo-fw-bold)',
         sizes: {
             h1: {
-                fontSize: '48px',
-                lineHeight: '1.5',
-                fontWeight: '300'
+                fontSize: '40px',
+                lineHeight: '1.2',
+                fontWeight: 'var(--coveo-fw-bold)'
             },
             h2: {
                 fontSize: '32px',
-                lineHeight: '1.5',
-                fontWeight: '500'
+                lineHeight: '1.35',
+                fontWeight: 'var(--coveo-fw-normal)'
             },
             h3: {
                 fontSize: '24px',
-                lineHeight: '1.5',
-                fontWeight: '500'
+                lineHeight: '1.33',
+                fontWeight: 'var(--coveo-fw-bold)'
             },
             h4: {
                 fontSize: '18px',
-                lineHeight: '1.5',
-                fontWeight: '300'
+                lineHeight: '1.2',
+                fontWeight: 'var(--coveo-fw-bold)'
             },
             h5: {
-                fontSize: '14px',
-                lineHeight: '1.5',
-                fontWeight: '500'
+                fontSize: '16px',
+                lineHeight: '1.25',
+                fontWeight: 'var(--coveo-fw-bold)'
             },
             h6: {
                 fontSize: '12px',
-                lineHeight: '1.5',
-                fontWeight: '500'
+                lineHeight: '1.33',
+                fontWeight: 'var(--coveo-fw-bold)'
             }
         }
     },
+    fontSizes: {
+        xxs: '10px',
+        xs: '12px',
+        sm: '14px',
+        md: '16px',
+        lg: '18px',
+        xl: '20px'
+    },
     shadows: {
-        xs: '0px 1px 0px rgba(4, 8, 31, 0.08)',
-        sm: '0px 2px 4px rgba(4, 8, 31, 0.12)',
-        md: '0px 4px 8px rgba(4, 8, 31, 0.08)',
-        lg: '0px 8px 16px rgba(7, 12, 41, 0.06)',
-        xl: '0px 16px 24px rgba(4, 8, 31, 0.06)'
+        xs: '0px 1px 2px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05), 0px -0.5px 1px 0px rgba(0, 0, 0, 0.02)',
+        sm: '0px 7px 7px -5px rgba(0, 0, 0, 0.04), 0px 10px 15px -5px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',
+        md: '0px 10px 10px -5px rgba(0, 0, 0, 0.04), 0px 20px 25px -5px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',
+        lg: '0px 12px 12px -7px rgba(0, 0, 0, 0.04), 0px 28px 23px -7px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',
+        xl: '0px 17px 17px -7px rgba(0, 0, 0, 0.04), 0px 36px 28px -7px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)'
     },
+    primaryShade: 5,
     colors: _PlasmaColors.PlasmaColors,
     components: {
+        Accordion: _components.Accordion.extend({
+            classNames: _Accordionmodulecss.default
+        }),
         ActionIcon: _core.ActionIcon.extend({
-            classNames: {
-                root: _ActionIconmodulecss.default.root
+            defaultProps: {
+                size: 'lg'
+            },
+            classNames: _ActionIconmodulecss.default
+        }),
+        AppShell: _core.AppShell.extend({
+            vars: function(theme) {
+                return {
+                    root: {
+                        '--app-shell-border-color': theme.colors.gray[2]
+                    }
+                };
             }
         }),
         Alert: _core.Alert.extend({
             defaultProps: {
-                icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.InfoSize16Px, {
-                    height: 16
+                icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.InfoToken, {
+                    variant: "advice"
                 }),
-                color: 'navy'
+                p: 'sm'
             },
             classNames: _Alertmodulecss.default
         }),
-        Anchor: _core.Anchor.extend({
+        Badge: _core.Badge.extend({
+            classNames: _Badgemodulecss.default,
             defaultProps: {
-                color: 'action.6'
-            },
-            classNames: {
-                root: _Anchormodulecss.default.root
+                variant: 'light',
+                tt: 'none'
             }
         }),
-        AppShellNavbar: _core.AppShellNavbar.extend({
-            classNames: {
-                navbar: _AppShellNavBarmodulecss.default.navbar
-            }
-        }),
-        Badge: _core.Badge.extend({
-            classNames: {
-                root: _Badgemodulecss.default.root
-            },
+        Breadcrumbs: _core.Breadcrumbs.extend({
+            classNames: _Breadcrumbsmodulecss.default,
             defaultProps: {
-                variant: 'light'
+                separator: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.IconSlash, {
+                    size: 16,
+                    color: "var(--mantine-color-dimmed)"
+                }),
+                separatorMargin: 'xxs'
             }
         }),
         Button: _core.Button.extend({
+            defaultProps: {
+                size: 'sm',
+                vars: function(theme) {
+                    return {
+                        root: {
+                            '--button-height': '32px',
+                            '--button-padding-x': theme.spacing.sm
+                        }
+                    };
+                }
+            },
             classNames: _Buttonmodulecss.default
         }),
+        Card: _core.Card.extend({
+            defaultProps: {
+                radius: 'lg',
+                shadow: 'xs',
+                padding: 'sm',
+                withBorder: true
+            },
+            classNames: _Cardmodulecss.default
+        }),
         Checkbox: _core.Checkbox.extend({
             defaultProps: {
-                radius: 'sm'
+                radius: 'sm',
+                icon: _components.CheckboxIcon
             },
             classNames: function(theme, props) {
                 if (props.readOnly && !props.disabled) {
                     return (0, _core.deepMerge)(_Checkboxmodulecss.default, _ReadOnlyStatemodulecss.default);
                 }
                 return _Checkboxmodulecss.default;
-            },
-            vars: function(theme, props) {
-                if (props.readOnly && !props.disabled) {
-                    return {
-                        root: {
-                            '--checkbox-icon-color': theme.colors.gray[7],
-                            '--checkbox-color': theme.colors.gray[2]
-                        }
-                    };
-                }
-                return {
-                    root: {}
-                };
             }
         }),
+        CheckboxIndicator: _core.Checkbox.Indicator.extend({
+            defaultProps: {
+                radius: 'sm',
+                icon: _components.CheckboxIcon
+            },
+            classNames: _CheckboxIndicatormodulecss.default
+        }),
+        Chip: _core.Chip.extend({
+            defaultProps: {
+                icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.IconCheck, {
+                    size: 16
+                })
+            },
+            classNames: _Chipmodulecss.default
+        }),
         CloseButton: _core.CloseButton.extend({
             defaultProps: {
                 icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.CrossSize16Px, {
@@ -183,9 +255,11 @@ var plasmaTheme = (0, _core.createTheme)({
             }
         }),
         Combobox: _core.Combobox.extend({
-            classNames: {
-                option: _Selectmodulecss.default.option,
-                search: _Comboboxmodulecss.default.search
+            classNames: _Comboboxmodulecss.default,
+            defaultProps: {
+                middlewares: {
+                    inline: true
+                }
             }
         }),
         ComboboxSearch: _core.ComboboxSearch.extend({
@@ -197,17 +271,31 @@ var plasmaTheme = (0, _core.createTheme)({
                 })
             }
         }),
-        DatePicker: _dates.DatePicker.extend({
-            classNames: {
-                monthCell: _DatePickermodulecss.default.monthCell
+        DateInput: _dates.DateInput.extend({
+            defaultProps: {
+                miw: 250,
+                leftSection: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.IconCalendarWeek, {
+                    size: 16
+                })
             }
         }),
+        DatePicker: _dates.DatePicker.extend({
+            classNames: _DatePickermodulecss.default
+        }),
         Divider: _core.Divider.extend({
             defaultProps: {
-                color: 'gray.3'
+                color: 'var(--mantine-color-default-border)'
+            }
+        }),
+        Image: _core.Image.extend({
+            defaultProps: {
+                fallbackSrc: _placeholdersvg.default
             }
         }),
         Input: _core.Input.extend({
+            defaultProps: {
+                size: 'sm'
+            },
             classNames: function(_theme, props) {
                 var anyProps = props;
                 if (anyProps.readOnly && !props.disabled && ![
@@ -219,6 +307,9 @@ var plasmaTheme = (0, _core.createTheme)({
             }
         }),
         InputWrapper: _core.InputWrapper.extend({
+            defaultProps: {
+                size: 'sm'
+            },
             classNames: _InputWrappermodulecss.default,
             vars: function(theme, props) {
                 var anyProps = props;
@@ -226,6 +317,9 @@ var plasmaTheme = (0, _core.createTheme)({
                     'Select'
                 ].includes(anyProps.__staticSelector)) {
                     return {
+                        root: {
+                            '--input-margin-top': (props === null || props === void 0 ? void 0 : props.label) || (props === null || props === void 0 ? void 0 : props.description) ? theme.spacing.xxs : undefined
+                        },
                         label: {
                             '--input-asterisk-color': theme.colors.red[2]
                         },
@@ -234,36 +328,56 @@ var plasmaTheme = (0, _core.createTheme)({
                     };
                 }
                 return {
+                    root: {
+                        '--input-margin-top': (props === null || props === void 0 ? void 0 : props.label) || (props === null || props === void 0 ? void 0 : props.description) ? theme.spacing.xxs : undefined
+                    },
                     label: {},
                     error: {},
                     description: {}
                 };
             }
         }),
+        PasswordInput: _core.PasswordInput.extend({
+            vars: function() {
+                return {
+                    root: {
+                        '--psi-button-size': 'var(--mantine-spacing-lg)'
+                    }
+                };
+            }
+        }),
         Loader: _core.Loader.extend({
             defaultProps: {
-                type: 'dots',
-                color: 'action',
+                loaders: _object_spread_props._(_object_spread._({}, _core.Loader.defaultLoaders), {
+                    circle: _components.CircleLoader
+                }),
+                type: 'circle',
                 role: 'presentation'
             }
         }),
         List: _core.List.extend({
-            classNames: {
-                root: _Listmodulecss.default.root
-            }
-        }),
-        MenuItem: _core.MenuItem.extend({
-            defaultProps: {
-                fw: 300
-            }
+            classNames: _Listmodulecss.default
         }),
         Modal: _core.Modal.extend({
-            classNames: _Modalmodulecss.default
+            classNames: _Modalmodulecss.default,
+            vars: function() {
+                var sizes = {
+                    '--modal-size-xs': '432px',
+                    '--modal-size-sm': '664px',
+                    '--modal-size-md': '896px',
+                    '--modal-size-lg': '1120px',
+                    '--modal-size-xl': '88%'
+                };
+                return {
+                    root: _object_spread._({}, sizes)
+                };
+            }
         }),
         ModalOverlay: _core.Modal.Overlay.extend({
             defaultProps: {
-                color: _plasmatokens.color.primary.navy[9],
-                backgroundOpacity: 0.9
+                color: _PlasmaColors.PlasmaColors.indigo[8],
+                backgroundOpacity: 0.7,
+                blur: 2
             }
         }),
         ModalRoot: _core.Modal.Root.extend({
@@ -271,6 +385,9 @@ var plasmaTheme = (0, _core.createTheme)({
                 padding: 'lg'
             }
         }),
+        MonthPicker: _dates.MonthPicker.extend({
+            classNames: _MonthPickermodulecss.default
+        }),
         MultiSelect: _core.MultiSelect.extend({
             defaultProps: {
                 hidePickedOptions: true
@@ -280,37 +397,44 @@ var plasmaTheme = (0, _core.createTheme)({
             classNames: _NavLinkmodulecss.default
         }),
         Notification: _core.Notification.extend({
+            classNames: _Notificationsmodulecss.default,
             defaultProps: {
-                icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.InfoSize24Px, {
-                    height: 24
-                }),
-                color: 'info'
-            },
-            classNames: {
-                root: _Notificationmodulecss.default.root,
-                icon: _Notificationmodulecss.default.icon,
-                closeButton: _Notificationmodulecss.default.closeButton
-            },
-            vars: _Notificationvars.NotificationVars
+                icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.IconInfoCircleFilled, {
+                    height: 20
+                })
+            }
+        }),
+        NumberInput: _core.NumberInput.extend({
+            classNames: _NumberInputmodulecss.default
         }),
         Pagination: _core.Pagination.extend({
             classNames: _Paginationmodulecss.default,
-            vars: function() {
-                return {
-                    root: {
-                        '--pagination-control-fz': 'var(--mantine-font-size-sm)'
-                    }
-                };
-            },
             defaultProps: {
                 nextIcon: _plasmareacticons.ArrowHeadRightSize16Px,
                 previousIcon: _plasmareacticons.ArrowHeadLeftSize16Px
             }
         }),
+        Paper: _core.Paper.extend({
+            classNames: _Papermodulecss.default
+        }),
+        PickerInputBase: _dates.PickerInputBase.extend({
+            defaultProps: {
+                miw: 250,
+                leftSection: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.IconCalendarWeek, {
+                    size: 16
+                })
+            }
+        }),
+        Pill: _core.Pill.extend({
+            classNames: _Pillmodulecss.default
+        }),
         Popover: _core.Popover.extend({
+            classNames: _Popovermodulecss.default,
             defaultProps: {
-                shadow: 'md',
-                withArrow: true
+                middlewares: {
+                    inline: true
+                },
+                position: 'bottom-start'
             }
         }),
         Radio: _core.Radio.extend({
@@ -334,42 +458,39 @@ var plasmaTheme = (0, _core.createTheme)({
                 };
             }
         }),
+        RadioCard: _core.Radio.Card.extend({
+            classNames: _RadioCardmodulecss.default
+        }),
         ScrollArea: _core.ScrollArea.extend({
-            classNames: {
-                viewport: _ScrollAreamodulecss.default.viewport
-            }
+            classNames: _ScrollAreamodulecss.default
         }),
         SegmentedControl: _core.SegmentedControl.extend({
             classNames: _SegmentedControlmodulecss.default
         }),
         Select: _core.Select.extend({
             defaultProps: {
-                withCheckIcon: false,
-                allowDeselect: false
+                allowDeselect: false,
+                withCheckIcon: false
             },
-            classNames: {
-                input: _Selectmodulecss.default.input,
-                option: _Selectmodulecss.default.option
-            }
+            classNames: _Selectmodulecss.default
         }),
         Skeleton: _core.Skeleton.extend({
-            classNames: {
-                root: _Skeletonmodulecss.default.root
-            }
+            classNames: _Skeletonmodulecss.default
+        }),
+        Slider: _core.Slider.extend({
+            defaultProps: {
+                size: 'md'
+            },
+            classNames: _Slidermodulecss.default
         }),
         Stepper: _core.Stepper.extend({
             defaultProps: {
                 size: 'xs',
-                completedIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.CheckSize16Px, {})
+                completedIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.IconCheck, {
+                    size: 16
+                })
             },
-            classNames: {
-                step: _Steppermodulecss.default.step,
-                stepIcon: _Steppermodulecss.default.stepIcon,
-                stepCompletedIcon: _Steppermodulecss.default.stepCompletedIcon,
-                stepDescription: _Steppermodulecss.default.stepDescription,
-                separator: _Steppermodulecss.default.separator,
-                verticalSeparator: _Steppermodulecss.default.verticalSeparator
-            }
+            classNames: _Steppermodulecss.default
         }),
         Switch: _core.Switch.extend({
             classNames: function(theme, props) {
@@ -396,34 +517,56 @@ var plasmaTheme = (0, _core.createTheme)({
                     track: {},
                     thumb: {}
                 };
+            },
+            defaultProps: {
+                withThumbIndicator: false
+            }
+        }),
+        Table: _core.Table.extend({
+            classNames: _Tablemodulecss.default,
+            vars: function() {
+                return {
+                    table: {
+                        '--table-border-color': 'var(--mantine-color-default-border)'
+                    }
+                };
             }
         }),
         Tabs: _core.Tabs.extend({
             classNames: _Tabsmodulecss.default
         }),
-        TabsTab: _core.Tabs.Tab.extend({
-            defaultProps: {
-                px: 'sm'
-            }
-        }),
         Text: _core.Text.extend({
-            classNames: _Textmodulecss.default,
-            vars: _Textvars.TextVars
+            defaultProps: {
+                size: 'sm'
+            },
+            classNames: _Textmodulecss.default
         }),
-        TextInput: _core.TextInput.extend({
+        TimeInput: _dates.TimeInput.extend({
             defaultProps: {
-                radius: 8
+                rightSection: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.IconClock, {
+                    size: 16
+                })
             }
         }),
+        TimePicker: _dates.TimePicker.extend({
+            defaultProps: {
+                withDropdown: true,
+                format: '12h'
+            },
+            classNames: _TimePickermodulecss.default
+        }),
         Tooltip: _core.Tooltip.extend({
             defaultProps: {
-                color: 'navy',
-                maw: 300,
+                maw: 280,
                 multiline: true,
                 withArrow: true,
-                zIndex: 10000
+                zIndex: 10000,
+                color: _PlasmaColors.PlasmaColors.violet[9]
             },
             classNames: _Tooltipmodulecss.default
+        }),
+        YearPicker: _dates.YearPicker.extend({
+            classNames: _YearPickermodulecss.default
         })
     }
 });