@mantine/core 7.0.0-alpha.19 → 7.0.0-alpha.20
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/cjs/components/AppShell/AppShellMediaStyles/get-variables/get-variables.js.map +1 -1
- package/cjs/components/Blockquote/Blockquote.js +1 -1
- package/cjs/components/Button/Button.js.map +1 -1
- package/cjs/components/Card/Card.context.js +13 -0
- package/cjs/components/Card/Card.context.js.map +1 -0
- package/cjs/components/Card/Card.js +88 -0
- package/cjs/components/Card/Card.js.map +1 -0
- package/cjs/components/Card/Card.module.css.js +8 -0
- package/cjs/components/Card/Card.module.css.js.map +1 -0
- package/cjs/components/Card/CardSection/CardSection.js +79 -0
- package/cjs/components/Card/CardSection/CardSection.js.map +1 -0
- package/cjs/components/Collapse/Collapse.js +1 -1
- package/cjs/components/FileInput/FileInput.js +156 -0
- package/cjs/components/FileInput/FileInput.js.map +1 -0
- package/cjs/components/Grid/GridVariables.js.map +1 -1
- package/cjs/components/Group/Group.js +15 -4
- package/cjs/components/Group/Group.js.map +1 -1
- package/cjs/components/Image/Image.js +129 -0
- package/cjs/components/Image/Image.js.map +1 -0
- package/cjs/components/Image/Image.module.css.js +8 -0
- package/cjs/components/Image/Image.module.css.js.map +1 -0
- package/cjs/components/Indicator/Indicator.js +134 -0
- package/cjs/components/Indicator/Indicator.js.map +1 -0
- package/cjs/components/Indicator/Indicator.module.css.js +8 -0
- package/cjs/components/Indicator/Indicator.module.css.js.map +1 -0
- package/cjs/components/Indicator/get-position-variables/get-position-variables.js +46 -0
- package/cjs/components/Indicator/get-position-variables/get-position-variables.js.map +1 -0
- package/cjs/components/Input/InputLabel/InputLabel.js +1 -1
- package/cjs/components/JsonInput/JsonInput.js +117 -0
- package/cjs/components/JsonInput/JsonInput.js.map +1 -0
- package/cjs/components/JsonInput/validate-json/validate-json.js +18 -0
- package/cjs/components/JsonInput/validate-json/validate-json.js.map +1 -0
- package/cjs/components/Modal/Modal.js +5 -3
- package/cjs/components/Modal/Modal.js.map +1 -1
- package/cjs/components/Modal/ModalRoot.js +1 -1
- package/cjs/components/Modal/ModalRoot.js.map +1 -1
- package/cjs/components/ModalBase/ModalBaseContent.js.map +1 -1
- package/cjs/components/Overlay/Overlay.js +1 -1
- package/cjs/components/Paper/Paper.js +1 -1
- package/cjs/components/PasswordInput/PasswordInput.js +253 -0
- package/cjs/components/PasswordInput/PasswordInput.js.map +1 -0
- package/cjs/components/PasswordInput/PasswordInput.module.css.js +8 -0
- package/cjs/components/PasswordInput/PasswordInput.module.css.js.map +1 -0
- package/cjs/components/PasswordInput/PasswordToggleIcon.js +33 -0
- package/cjs/components/PasswordInput/PasswordToggleIcon.js.map +1 -0
- package/cjs/components/PinInput/PinInput.js +292 -0
- package/cjs/components/PinInput/PinInput.js.map +1 -0
- package/cjs/components/PinInput/PinInput.module.css.js +8 -0
- package/cjs/components/PinInput/PinInput.module.css.js.map +1 -0
- package/cjs/components/PinInput/create-pin-array/create-pin-array.js +20 -0
- package/cjs/components/PinInput/create-pin-array/create-pin-array.js.map +1 -0
- package/cjs/components/Popover/Popover.js +6 -6
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/Popover/PopoverTarget/PopoverTarget.js +1 -1
- package/cjs/components/ScrollArea/ScrollArea.js +2 -2
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.js +1 -1
- package/cjs/components/Textarea/Textarea.js +73 -0
- package/cjs/components/Textarea/Textarea.js.map +1 -0
- package/cjs/components/Tooltip/TooltipFloating/use-floating-tooltip.js +5 -5
- package/cjs/components/Tooltip/TooltipFloating/use-floating-tooltip.js.map +1 -1
- package/cjs/components/Tooltip/use-tooltip.js +2 -4
- package/cjs/components/Tooltip/use-tooltip.js.map +1 -1
- package/cjs/core/Box/Box.js.map +1 -1
- package/cjs/core/factory/create-polymorphic-component.js.map +1 -1
- package/cjs/core/factory/factory.js.map +1 -1
- package/cjs/core/styles-api/use-styles/use-styles.js.map +1 -1
- package/cjs/core/utils/get-size/get-size.js +3 -0
- package/cjs/core/utils/get-size/get-size.js.map +1 -1
- package/cjs/index.css +1281 -1067
- package/cjs/index.js +74 -56
- package/cjs/index.js.map +1 -1
- package/esm/components/AppShell/AppShellMediaStyles/get-variables/get-variables.js.map +1 -1
- package/esm/components/Blockquote/Blockquote.js +1 -1
- package/esm/components/Button/Button.js.map +1 -1
- package/esm/components/Card/Card.context.js +8 -0
- package/esm/components/Card/Card.context.js.map +1 -0
- package/esm/components/Card/Card.js +80 -0
- package/esm/components/Card/Card.js.map +1 -0
- package/esm/components/Card/Card.module.css.js +4 -0
- package/esm/components/Card/Card.module.css.js.map +1 -0
- package/esm/components/Card/CardSection/CardSection.js +71 -0
- package/esm/components/Card/CardSection/CardSection.js.map +1 -0
- package/esm/components/Collapse/Collapse.js +1 -1
- package/esm/components/FileInput/FileInput.js +148 -0
- package/esm/components/FileInput/FileInput.js.map +1 -0
- package/esm/components/Grid/GridVariables.js.map +1 -1
- package/esm/components/Group/Group.js +15 -4
- package/esm/components/Group/Group.js.map +1 -1
- package/esm/components/Image/Image.js +121 -0
- package/esm/components/Image/Image.js.map +1 -0
- package/esm/components/Image/Image.module.css.js +4 -0
- package/esm/components/Image/Image.module.css.js.map +1 -0
- package/esm/components/Indicator/Indicator.js +126 -0
- package/esm/components/Indicator/Indicator.js.map +1 -0
- package/esm/components/Indicator/Indicator.module.css.js +4 -0
- package/esm/components/Indicator/Indicator.module.css.js.map +1 -0
- package/esm/components/Indicator/get-position-variables/get-position-variables.js +42 -0
- package/esm/components/Indicator/get-position-variables/get-position-variables.js.map +1 -0
- package/esm/components/Input/InputLabel/InputLabel.js +1 -1
- package/esm/components/JsonInput/JsonInput.js +109 -0
- package/esm/components/JsonInput/JsonInput.js.map +1 -0
- package/esm/components/JsonInput/validate-json/validate-json.js +14 -0
- package/esm/components/JsonInput/validate-json/validate-json.js.map +1 -0
- package/esm/components/Modal/Modal.js +5 -3
- package/esm/components/Modal/Modal.js.map +1 -1
- package/esm/components/Modal/ModalRoot.js +1 -1
- package/esm/components/Modal/ModalRoot.js.map +1 -1
- package/esm/components/ModalBase/ModalBaseContent.js.map +1 -1
- package/esm/components/Overlay/Overlay.js +1 -1
- package/esm/components/Paper/Paper.js +1 -1
- package/esm/components/PasswordInput/PasswordInput.js +244 -0
- package/esm/components/PasswordInput/PasswordInput.js.map +1 -0
- package/esm/components/PasswordInput/PasswordInput.module.css.js +4 -0
- package/esm/components/PasswordInput/PasswordInput.module.css.js.map +1 -0
- package/esm/components/PasswordInput/PasswordToggleIcon.js +25 -0
- package/esm/components/PasswordInput/PasswordToggleIcon.js.map +1 -0
- package/esm/components/PinInput/PinInput.js +284 -0
- package/esm/components/PinInput/PinInput.js.map +1 -0
- package/esm/components/PinInput/PinInput.module.css.js +4 -0
- package/esm/components/PinInput/PinInput.module.css.js.map +1 -0
- package/esm/components/PinInput/create-pin-array/create-pin-array.js +16 -0
- package/esm/components/PinInput/create-pin-array/create-pin-array.js.map +1 -0
- package/esm/components/Popover/Popover.js +6 -6
- package/esm/components/Popover/Popover.js.map +1 -1
- package/esm/components/Popover/PopoverTarget/PopoverTarget.js +1 -1
- package/esm/components/ScrollArea/ScrollArea.js +2 -2
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.js +1 -1
- package/esm/components/Textarea/Textarea.js +64 -0
- package/esm/components/Textarea/Textarea.js.map +1 -0
- package/esm/components/Tooltip/TooltipFloating/use-floating-tooltip.js +5 -5
- package/esm/components/Tooltip/TooltipFloating/use-floating-tooltip.js.map +1 -1
- package/esm/components/Tooltip/use-tooltip.js +2 -4
- package/esm/components/Tooltip/use-tooltip.js.map +1 -1
- package/esm/core/Box/Box.js.map +1 -1
- package/esm/core/factory/create-polymorphic-component.js.map +1 -1
- package/esm/core/factory/factory.js.map +1 -1
- package/esm/core/styles-api/use-styles/use-styles.js.map +1 -1
- package/esm/core/utils/get-size/get-size.js +3 -0
- package/esm/core/utils/get-size/get-size.js.map +1 -1
- package/esm/index.css +1281 -1067
- package/esm/index.js +36 -27
- package/esm/index.js.map +1 -1
- package/esm/styles/Card.css +1 -0
- package/esm/styles/Image.css +1 -0
- package/esm/styles/Indicator.css +1 -0
- package/esm/styles/Input.css +1 -1
- package/esm/styles/Modal.css +1 -1
- package/esm/styles/PasswordInput.css +1 -0
- package/esm/styles/PinInput.css +1 -0
- package/lib/components/Accordion/Accordion.context.d.ts +1 -1
- package/lib/components/Accordion/Accordion.d.ts +1 -1
- package/lib/components/Accordion/AccordionChevron.d.ts +1 -1
- package/lib/components/Accordion/AccordionItem.context.d.ts +1 -1
- package/lib/components/AppShell/AppShell.context.d.ts +1 -1
- package/lib/components/AppShell/AppShellMediaStyles/AppShellMediaStyles.d.ts +1 -2
- package/lib/components/AppShell/AppShellMediaStyles/get-padding-value/get-padding-value.d.ts +1 -1
- package/lib/components/AppShell/AppShellMediaStyles/get-variables/get-variables.d.ts +3 -3
- package/lib/components/Avatar/AvatarPlaceholderIcon.d.ts +1 -1
- package/lib/components/Button/Button.d.ts +3 -0
- package/lib/components/Card/Card.context.d.ts +11 -0
- package/lib/components/Card/Card.d.ts +56 -0
- package/lib/components/Card/CardSection/CardSection.d.ts +35 -0
- package/lib/components/Card/index.d.ts +4 -0
- package/lib/components/Checkbox/CheckIcon.d.ts +2 -2
- package/lib/components/Chip/ChipGroup/ChipGroup.d.ts +1 -1
- package/lib/components/Chip/ChipGroup.context.d.ts +1 -1
- package/lib/components/ColorPicker/ColorPicker.context.d.ts +1 -1
- package/lib/components/ColorPicker/Saturation/Saturation.d.ts +1 -2
- package/lib/components/Combobox/Combobox.context.d.ts +1 -1
- package/lib/components/Combobox/Combobox.d.ts +1 -1
- package/lib/components/Combobox/OptionsDropdown/OptionsDropdown.d.ts +1 -1
- package/lib/components/CopyButton/CopyButton.d.ts +1 -1
- package/lib/components/Drawer/Drawer.context.d.ts +1 -1
- package/lib/components/FileInput/FileInput.d.ts +45 -0
- package/lib/components/FileInput/index.d.ts +2 -0
- package/lib/components/Grid/Grid.context.d.ts +1 -1
- package/lib/components/Grid/GridCol/GridColVariables.d.ts +1 -2
- package/lib/components/Grid/GridVariables.d.ts +1 -2
- package/lib/components/Group/Group.d.ts +1 -0
- package/lib/components/HoverCard/HoverCard.context.d.ts +1 -1
- package/lib/components/HoverCard/HoverCard.d.ts +1 -1
- package/lib/components/HoverCard/HoverCardDropdown/HoverCardDropdown.d.ts +1 -1
- package/lib/components/Image/Image.d.ts +44 -0
- package/lib/components/Image/index.d.ts +2 -0
- package/lib/components/Indicator/Indicator.d.ts +44 -0
- package/lib/components/Indicator/Indicator.types.d.ts +4 -0
- package/lib/components/Indicator/get-position-variables/get-position-variables.d.ts +3 -0
- package/lib/components/Indicator/index.d.ts +2 -0
- package/lib/components/Input/InputWrapper.context.d.ts +1 -1
- package/lib/components/Input/use-input-props.d.ts +50 -40
- package/lib/components/JsonInput/JsonInput.d.ts +30 -0
- package/lib/components/JsonInput/index.d.ts +2 -0
- package/lib/components/JsonInput/validate-json/validate-json.d.ts +1 -0
- package/lib/components/Menu/Menu.context.d.ts +1 -1
- package/lib/components/Menu/Menu.d.ts +2 -2
- package/lib/components/Menu/MenuItem/MenuItem.d.ts +1 -1
- package/lib/components/Modal/Modal.context.d.ts +1 -1
- package/lib/components/Modal/ModalRoot.d.ts +1 -1
- package/lib/components/ModalBase/ModalBase.context.d.ts +1 -1
- package/lib/components/ModalBase/ModalBaseContent.d.ts +5 -1
- package/lib/components/ModalBase/NativeScrollArea.d.ts +1 -1
- package/lib/components/NativeSelect/NativeSelectOption.d.ts +1 -2
- package/lib/components/Pagination/Pagination.context.d.ts +1 -1
- package/lib/components/Pagination/Pagination.icons.d.ts +5 -5
- package/lib/components/Pagination/PaginationItems/PaginationItems.d.ts +1 -2
- package/lib/components/PasswordInput/PasswordInput.d.ts +36 -0
- package/lib/components/PasswordInput/PasswordToggleIcon.d.ts +6 -0
- package/lib/components/PasswordInput/index.d.ts +2 -0
- package/lib/components/Pill/PillGroup.context.d.ts +1 -1
- package/lib/components/PillsInput/PillsInput.context.d.ts +1 -1
- package/lib/components/PinInput/PinInput.d.ts +66 -0
- package/lib/components/PinInput/create-pin-array/create-pin-array.d.ts +1 -0
- package/lib/components/PinInput/index.d.ts +2 -0
- package/lib/components/Popover/Popover.context.d.ts +1 -1
- package/lib/components/Popover/Popover.d.ts +1 -1
- package/lib/components/Popover/use-popover.d.ts +38 -1
- package/lib/components/Portal/OptionalPortal.d.ts +1 -2
- package/lib/components/Progress/Progress.context.d.ts +1 -1
- package/lib/components/Rating/Rating.context.d.ts +1 -1
- package/lib/components/Rating/RatingItem/RatingItem.d.ts +1 -1
- package/lib/components/Rating/StarSymbol/StarIcon.d.ts +1 -1
- package/lib/components/Rating/StarSymbol/StarSymbol.d.ts +1 -2
- package/lib/components/RingProgress/Curve/Curve.d.ts +1 -1
- package/lib/components/ScrollArea/ScrollArea.context.d.ts +1 -1
- package/lib/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.d.ts +1 -1
- package/lib/components/SimpleGrid/SimpleGridVariables.d.ts +1 -2
- package/lib/components/Slider/Marks/Marks.d.ts +1 -1
- package/lib/components/Slider/Slider.context.d.ts +1 -1
- package/lib/components/Slider/Track/Track.d.ts +1 -1
- package/lib/components/Table/Table.context.d.ts +1 -1
- package/lib/components/Tabs/Tabs.context.d.ts +1 -1
- package/lib/components/Textarea/Textarea.d.ts +21 -0
- package/lib/components/Textarea/index.d.ts +2 -0
- package/lib/components/Tooltip/TooltipFloating/use-floating-tooltip.d.ts +3 -3
- package/lib/components/Tooltip/TooltipGroup/TooltipGroup.d.ts +1 -1
- package/lib/components/Tooltip/use-tooltip.d.ts +4 -4
- package/lib/components/Transition/Transition.d.ts +1 -1
- package/lib/components/VisuallyHidden/VisuallyHidden.d.ts +1 -1
- package/lib/components/index.d.ts +19 -11
- package/lib/core/DirectionProvider/DirectionProvider.d.ts +1 -1
- package/lib/core/InlineStyles/InlineStyles.d.ts +1 -1
- package/lib/core/MantineProvider/ColorSchemeScript/ColorSchemeScript.d.ts +1 -1
- package/lib/core/MantineProvider/MantineClasses/MantineClasses.d.ts +1 -2
- package/lib/core/MantineProvider/MantineCssVariables/MantineCssVariables.d.ts +1 -2
- package/lib/core/MantineProvider/MantineProvider.d.ts +1 -1
- package/lib/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.d.ts +1 -1
- package/lib/core/factory/factory.d.ts +1 -1
- package/lib/core/styles-api/use-styles/use-styles.d.ts +1 -1
- package/lib/core/utils/create-optional-context/create-optional-context.d.ts +1 -1
- package/lib/core/utils/create-safe-context/create-safe-context.d.ts +1 -1
- package/lib/core/utils/get-size/get-size.d.ts +6 -6
- package/package.json +9 -9
package/cjs/index.js
CHANGED
|
@@ -71,18 +71,43 @@ var factory = require('./core/factory/factory.js');
|
|
|
71
71
|
var polymorphicFactory = require('./core/factory/polymorphic-factory.js');
|
|
72
72
|
var createPolymorphicComponent = require('./core/factory/create-polymorphic-component.js');
|
|
73
73
|
var DirectionProvider = require('./core/DirectionProvider/DirectionProvider.js');
|
|
74
|
+
var Collapse = require('./components/Collapse/Collapse.js');
|
|
75
|
+
var ScrollArea = require('./components/ScrollArea/ScrollArea.js');
|
|
74
76
|
var UnstyledButton = require('./components/UnstyledButton/UnstyledButton.js');
|
|
75
77
|
var VisuallyHidden = require('./components/VisuallyHidden/VisuallyHidden.js');
|
|
78
|
+
var Paper = require('./components/Paper/Paper.js');
|
|
76
79
|
var Popover = require('./components/Popover/Popover.js');
|
|
77
80
|
var PopoverDropdown = require('./components/Popover/PopoverDropdown/PopoverDropdown.js');
|
|
78
81
|
var PopoverTarget = require('./components/Popover/PopoverTarget/PopoverTarget.js');
|
|
82
|
+
var ActionIcon = require('./components/ActionIcon/ActionIcon.js');
|
|
83
|
+
var ActionIconGroup = require('./components/ActionIcon/ActionIconGroup/ActionIconGroup.js');
|
|
84
|
+
var CloseIcon = require('./components/CloseButton/CloseIcon.js');
|
|
85
|
+
var CloseButton = require('./components/CloseButton/CloseButton.js');
|
|
86
|
+
var Group = require('./components/Group/Group.js');
|
|
87
|
+
var Loader = require('./components/Loader/Loader.js');
|
|
88
|
+
var Overlay = require('./components/Overlay/Overlay.js');
|
|
89
|
+
var ModalBase = require('./components/ModalBase/ModalBase.js');
|
|
90
|
+
var ModalBaseBody = require('./components/ModalBase/ModalBaseBody.js');
|
|
91
|
+
var ModalBaseCloseButton = require('./components/ModalBase/ModalBaseCloseButton.js');
|
|
92
|
+
var ModalBaseContent = require('./components/ModalBase/ModalBaseContent.js');
|
|
93
|
+
var ModalBaseHeader = require('./components/ModalBase/ModalBaseHeader.js');
|
|
94
|
+
var ModalBaseOverlay = require('./components/ModalBase/ModalBaseOverlay.js');
|
|
95
|
+
var ModalBaseTitle = require('./components/ModalBase/ModalBaseTitle.js');
|
|
96
|
+
var NativeScrollArea = require('./components/ModalBase/NativeScrollArea.js');
|
|
97
|
+
var Input = require('./components/Input/Input.js');
|
|
98
|
+
var InputWrapper = require('./components/Input/InputWrapper/InputWrapper.js');
|
|
99
|
+
var InputDescription = require('./components/Input/InputDescription/InputDescription.js');
|
|
100
|
+
var InputError = require('./components/Input/InputError/InputError.js');
|
|
101
|
+
var InputLabel = require('./components/Input/InputLabel/InputLabel.js');
|
|
102
|
+
var InputPlaceholder = require('./components/Input/InputPlaceholder/InputPlaceholder.js');
|
|
103
|
+
var useInputProps = require('./components/Input/use-input-props.js');
|
|
104
|
+
var InputWrapper_context = require('./components/Input/InputWrapper.context.js');
|
|
105
|
+
var InputBase = require('./components/InputBase/InputBase.js');
|
|
79
106
|
var Accordion = require('./components/Accordion/Accordion.js');
|
|
80
107
|
var AccordionChevron = require('./components/Accordion/AccordionChevron.js');
|
|
81
108
|
var AccordionItem = require('./components/Accordion/AccordionItem/AccordionItem.js');
|
|
82
109
|
var AccordionPanel = require('./components/Accordion/AccordionPanel/AccordionPanel.js');
|
|
83
110
|
var AccordionControl = require('./components/Accordion/AccordionControl/AccordionControl.js');
|
|
84
|
-
var ActionIcon = require('./components/ActionIcon/ActionIcon.js');
|
|
85
|
-
var ActionIconGroup = require('./components/ActionIcon/ActionIconGroup/ActionIconGroup.js');
|
|
86
111
|
var Affix = require('./components/Affix/Affix.js');
|
|
87
112
|
var Alert = require('./components/Alert/Alert.js');
|
|
88
113
|
var Anchor = require('./components/Anchor/Anchor.js');
|
|
@@ -104,16 +129,15 @@ var Breadcrumbs = require('./components/Breadcrumbs/Breadcrumbs.js');
|
|
|
104
129
|
var Burger = require('./components/Burger/Burger.js');
|
|
105
130
|
var Button = require('./components/Button/Button.js');
|
|
106
131
|
var ButtonGroup = require('./components/Button/ButtonGroup/ButtonGroup.js');
|
|
132
|
+
var Card = require('./components/Card/Card.js');
|
|
133
|
+
var CardSection = require('./components/Card/CardSection/CardSection.js');
|
|
107
134
|
var Center = require('./components/Center/Center.js');
|
|
108
135
|
var Checkbox = require('./components/Checkbox/Checkbox.js');
|
|
109
136
|
var CheckboxGroup = require('./components/Checkbox/CheckboxGroup/CheckboxGroup.js');
|
|
110
137
|
var CheckIcon = require('./components/Checkbox/CheckIcon.js');
|
|
111
138
|
var Chip = require('./components/Chip/Chip.js');
|
|
112
139
|
var ChipGroup = require('./components/Chip/ChipGroup/ChipGroup.js');
|
|
113
|
-
var CloseIcon = require('./components/CloseButton/CloseIcon.js');
|
|
114
|
-
var CloseButton = require('./components/CloseButton/CloseButton.js');
|
|
115
140
|
var Code = require('./components/Code/Code.js');
|
|
116
|
-
var Collapse = require('./components/Collapse/Collapse.js');
|
|
117
141
|
var ColorPicker = require('./components/ColorPicker/ColorPicker.js');
|
|
118
142
|
var ColorSwatch = require('./components/ColorSwatch/ColorSwatch.js');
|
|
119
143
|
var getParsedComboboxData = require('./components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.js');
|
|
@@ -150,6 +174,7 @@ var DrawerOverlay = require('./components/Drawer/DrawerOverlay.js');
|
|
|
150
174
|
var DrawerTitle = require('./components/Drawer/DrawerTitle.js');
|
|
151
175
|
var Fieldset = require('./components/Fieldset/Fieldset.js');
|
|
152
176
|
var FileButton = require('./components/FileButton/FileButton.js');
|
|
177
|
+
var FileInput = require('./components/FileInput/FileInput.js');
|
|
153
178
|
var useDelayedHover = require('./components/Floating/use-delayed-hover.js');
|
|
154
179
|
var useFloatingAutoUpdate = require('./components/Floating/use-floating-auto-update.js');
|
|
155
180
|
var getFloatingPosition = require('./components/Floating/get-floating-position/get-floating-position.js');
|
|
@@ -157,22 +182,14 @@ var FloatingArrow = require('./components/Floating/FloatingArrow/FloatingArrow.j
|
|
|
157
182
|
var FocusTrap = require('./components/FocusTrap/FocusTrap.js');
|
|
158
183
|
var Grid = require('./components/Grid/Grid.js');
|
|
159
184
|
var GridCol = require('./components/Grid/GridCol/GridCol.js');
|
|
160
|
-
var Group = require('./components/Group/Group.js');
|
|
161
185
|
var Highlight = require('./components/Highlight/Highlight.js');
|
|
162
186
|
var HoverCard = require('./components/HoverCard/HoverCard.js');
|
|
163
187
|
var HoverCardDropdown = require('./components/HoverCard/HoverCardDropdown/HoverCardDropdown.js');
|
|
164
188
|
var HoverCardTarget = require('./components/HoverCard/HoverCardTarget/HoverCardTarget.js');
|
|
165
|
-
var
|
|
166
|
-
var
|
|
167
|
-
var
|
|
168
|
-
var InputError = require('./components/Input/InputError/InputError.js');
|
|
169
|
-
var InputLabel = require('./components/Input/InputLabel/InputLabel.js');
|
|
170
|
-
var InputPlaceholder = require('./components/Input/InputPlaceholder/InputPlaceholder.js');
|
|
171
|
-
var useInputProps = require('./components/Input/use-input-props.js');
|
|
172
|
-
var InputWrapper_context = require('./components/Input/InputWrapper.context.js');
|
|
173
|
-
var InputBase = require('./components/InputBase/InputBase.js');
|
|
189
|
+
var Image = require('./components/Image/Image.js');
|
|
190
|
+
var Indicator = require('./components/Indicator/Indicator.js');
|
|
191
|
+
var JsonInput = require('./components/JsonInput/JsonInput.js');
|
|
174
192
|
var Kbd = require('./components/Kbd/Kbd.js');
|
|
175
|
-
var Loader = require('./components/Loader/Loader.js');
|
|
176
193
|
var Mark = require('./components/Mark/Mark.js');
|
|
177
194
|
var Menu = require('./components/Menu/Menu.js');
|
|
178
195
|
var MenuDivider = require('./components/Menu/MenuDivider/MenuDivider.js');
|
|
@@ -188,29 +205,21 @@ var ModalContent = require('./components/Modal/ModalContent.js');
|
|
|
188
205
|
var ModalHeader = require('./components/Modal/ModalHeader.js');
|
|
189
206
|
var ModalOverlay = require('./components/Modal/ModalOverlay.js');
|
|
190
207
|
var ModalTitle = require('./components/Modal/ModalTitle.js');
|
|
191
|
-
var ModalBase = require('./components/ModalBase/ModalBase.js');
|
|
192
|
-
var ModalBaseBody = require('./components/ModalBase/ModalBaseBody.js');
|
|
193
|
-
var ModalBaseCloseButton = require('./components/ModalBase/ModalBaseCloseButton.js');
|
|
194
|
-
var ModalBaseContent = require('./components/ModalBase/ModalBaseContent.js');
|
|
195
|
-
var ModalBaseHeader = require('./components/ModalBase/ModalBaseHeader.js');
|
|
196
|
-
var ModalBaseOverlay = require('./components/ModalBase/ModalBaseOverlay.js');
|
|
197
|
-
var ModalBaseTitle = require('./components/ModalBase/ModalBaseTitle.js');
|
|
198
|
-
var NativeScrollArea = require('./components/ModalBase/NativeScrollArea.js');
|
|
199
208
|
var MultiSelect = require('./components/MultiSelect/MultiSelect.js');
|
|
200
209
|
var NativeSelect = require('./components/NativeSelect/NativeSelect.js');
|
|
201
210
|
var Notification = require('./components/Notification/Notification.js');
|
|
202
|
-
var Overlay = require('./components/Overlay/Overlay.js');
|
|
203
211
|
var Pagination = require('./components/Pagination/Pagination.js');
|
|
204
212
|
var PaginationControl = require('./components/Pagination/PaginationControl/PaginationControl.js');
|
|
205
213
|
var PaginationDots = require('./components/Pagination/PaginationDots/PaginationDots.js');
|
|
206
214
|
var PaginationEdges = require('./components/Pagination/PaginationEdges/PaginationEdges.js');
|
|
207
215
|
var PaginationItems = require('./components/Pagination/PaginationItems/PaginationItems.js');
|
|
208
216
|
var PaginationRoot = require('./components/Pagination/PaginationRoot/PaginationRoot.js');
|
|
209
|
-
var
|
|
217
|
+
var PasswordInput = require('./components/PasswordInput/PasswordInput.js');
|
|
210
218
|
var Pill = require('./components/Pill/Pill.js');
|
|
211
219
|
var PillGroup = require('./components/Pill/PillGroup/PillGroup.js');
|
|
212
220
|
var PillsInput = require('./components/PillsInput/PillsInput.js');
|
|
213
221
|
var PillsInputField = require('./components/PillsInput/PillsInputField/PillsInputField.js');
|
|
222
|
+
var PinInput = require('./components/PinInput/PinInput.js');
|
|
214
223
|
var Portal = require('./components/Portal/Portal.js');
|
|
215
224
|
var OptionalPortal = require('./components/Portal/OptionalPortal.js');
|
|
216
225
|
var Progress = require('./components/Progress/Progress.js');
|
|
@@ -219,7 +228,6 @@ var ProgressRoot = require('./components/Progress/ProgressRoot/ProgressRoot.js')
|
|
|
219
228
|
var ProgressSection = require('./components/Progress/ProgressSection/ProgressSection.js');
|
|
220
229
|
var Rating = require('./components/Rating/Rating.js');
|
|
221
230
|
var RingProgress = require('./components/RingProgress/RingProgress.js');
|
|
222
|
-
var ScrollArea = require('./components/ScrollArea/ScrollArea.js');
|
|
223
231
|
var SegmentedControl = require('./components/SegmentedControl/SegmentedControl.js');
|
|
224
232
|
var Select = require('./components/Select/Select.js');
|
|
225
233
|
var SimpleGrid = require('./components/SimpleGrid/SimpleGrid.js');
|
|
@@ -239,6 +247,7 @@ var TabsTab = require('./components/Tabs/TabsTab/TabsTab.js');
|
|
|
239
247
|
var TabsPanel = require('./components/Tabs/TabsPanel/TabsPanel.js');
|
|
240
248
|
var TagsInput = require('./components/TagsInput/TagsInput.js');
|
|
241
249
|
var Text = require('./components/Text/Text.js');
|
|
250
|
+
var Textarea = require('./components/Textarea/Textarea.js');
|
|
242
251
|
var TextInput = require('./components/TextInput/TextInput.js');
|
|
243
252
|
var Title = require('./components/Title/Title.js');
|
|
244
253
|
var Tooltip = require('./components/Tooltip/Tooltip.js');
|
|
@@ -335,18 +344,45 @@ exports.createPolymorphicComponent = createPolymorphicComponent.createPolymorphi
|
|
|
335
344
|
exports.DirectionContext = DirectionProvider.DirectionContext;
|
|
336
345
|
exports.DirectionProvider = DirectionProvider.DirectionProvider;
|
|
337
346
|
exports.useDirection = DirectionProvider.useDirection;
|
|
347
|
+
exports.Collapse = Collapse.Collapse;
|
|
348
|
+
exports.ScrollArea = ScrollArea.ScrollArea;
|
|
349
|
+
exports.ScrollAreaAutosize = ScrollArea.ScrollAreaAutosize;
|
|
338
350
|
exports.UnstyledButton = UnstyledButton.UnstyledButton;
|
|
339
351
|
exports.VisuallyHidden = VisuallyHidden.VisuallyHidden;
|
|
352
|
+
exports.Paper = Paper.Paper;
|
|
340
353
|
exports.Popover = Popover.Popover;
|
|
341
354
|
exports.PopoverDropdown = PopoverDropdown.PopoverDropdown;
|
|
342
355
|
exports.PopoverTarget = PopoverTarget.PopoverTarget;
|
|
356
|
+
exports.ActionIcon = ActionIcon.ActionIcon;
|
|
357
|
+
exports.ActionIconGroup = ActionIconGroup.ActionIconGroup;
|
|
358
|
+
exports.CloseIcon = CloseIcon.CloseIcon;
|
|
359
|
+
exports.CloseButton = CloseButton.CloseButton;
|
|
360
|
+
exports.Group = Group.Group;
|
|
361
|
+
exports.Loader = Loader.Loader;
|
|
362
|
+
exports.defaultLoaders = Loader.defaultLoaders;
|
|
363
|
+
exports.Overlay = Overlay.Overlay;
|
|
364
|
+
exports.ModalBase = ModalBase.ModalBase;
|
|
365
|
+
exports.ModalBaseBody = ModalBaseBody.ModalBaseBody;
|
|
366
|
+
exports.ModalBaseCloseButton = ModalBaseCloseButton.ModalBaseCloseButton;
|
|
367
|
+
exports.ModalBaseContent = ModalBaseContent.ModalBaseContent;
|
|
368
|
+
exports.ModalBaseHeader = ModalBaseHeader.ModalBaseHeader;
|
|
369
|
+
exports.ModalBaseOverlay = ModalBaseOverlay.ModalBaseOverlay;
|
|
370
|
+
exports.ModalBaseTitle = ModalBaseTitle.ModalBaseTitle;
|
|
371
|
+
exports.NativeScrollArea = NativeScrollArea.NativeScrollArea;
|
|
372
|
+
exports.Input = Input.Input;
|
|
373
|
+
exports.InputWrapper = InputWrapper.InputWrapper;
|
|
374
|
+
exports.InputDescription = InputDescription.InputDescription;
|
|
375
|
+
exports.InputError = InputError.InputError;
|
|
376
|
+
exports.InputLabel = InputLabel.InputLabel;
|
|
377
|
+
exports.InputPlaceholder = InputPlaceholder.InputPlaceholder;
|
|
378
|
+
exports.useInputProps = useInputProps.useInputProps;
|
|
379
|
+
exports.useInputWrapperContext = InputWrapper_context.useInputWrapperContext;
|
|
380
|
+
exports.InputBase = InputBase.InputBase;
|
|
343
381
|
exports.Accordion = Accordion.Accordion;
|
|
344
382
|
exports.AccordionChevron = AccordionChevron.AccordionChevron;
|
|
345
383
|
exports.AccordionItem = AccordionItem.AccordionItem;
|
|
346
384
|
exports.AccordionPanel = AccordionPanel.AccordionPanel;
|
|
347
385
|
exports.AccordionControl = AccordionControl.AccordionControl;
|
|
348
|
-
exports.ActionIcon = ActionIcon.ActionIcon;
|
|
349
|
-
exports.ActionIconGroup = ActionIconGroup.ActionIconGroup;
|
|
350
386
|
exports.Affix = Affix.Affix;
|
|
351
387
|
exports.Alert = Alert.Alert;
|
|
352
388
|
exports.Anchor = Anchor.Anchor;
|
|
@@ -368,16 +404,15 @@ exports.Breadcrumbs = Breadcrumbs.Breadcrumbs;
|
|
|
368
404
|
exports.Burger = Burger.Burger;
|
|
369
405
|
exports.Button = Button.Button;
|
|
370
406
|
exports.ButtonGroup = ButtonGroup.ButtonGroup;
|
|
407
|
+
exports.Card = Card.Card;
|
|
408
|
+
exports.CardSection = CardSection.CardSection;
|
|
371
409
|
exports.Center = Center.Center;
|
|
372
410
|
exports.Checkbox = Checkbox.Checkbox;
|
|
373
411
|
exports.CheckboxGroup = CheckboxGroup.CheckboxGroup;
|
|
374
412
|
exports.CheckIcon = CheckIcon.CheckIcon;
|
|
375
413
|
exports.Chip = Chip.Chip;
|
|
376
414
|
exports.ChipGroup = ChipGroup.ChipGroup;
|
|
377
|
-
exports.CloseIcon = CloseIcon.CloseIcon;
|
|
378
|
-
exports.CloseButton = CloseButton.CloseButton;
|
|
379
415
|
exports.Code = Code.Code;
|
|
380
|
-
exports.Collapse = Collapse.Collapse;
|
|
381
416
|
exports.ColorPicker = ColorPicker.ColorPicker;
|
|
382
417
|
exports.ColorSwatch = ColorSwatch.ColorSwatch;
|
|
383
418
|
exports.getParsedComboboxData = getParsedComboboxData.getParsedComboboxData;
|
|
@@ -415,6 +450,7 @@ exports.DrawerOverlay = DrawerOverlay.DrawerOverlay;
|
|
|
415
450
|
exports.DrawerTitle = DrawerTitle.DrawerTitle;
|
|
416
451
|
exports.Fieldset = Fieldset.Fieldset;
|
|
417
452
|
exports.FileButton = FileButton.FileButton;
|
|
453
|
+
exports.FileInput = FileInput.FileInput;
|
|
418
454
|
exports.useDelayedHover = useDelayedHover.useDelayedHover;
|
|
419
455
|
exports.useFloatingAutoUpdate = useFloatingAutoUpdate.useFloatingAutoUpdate;
|
|
420
456
|
exports.getFloatingPosition = getFloatingPosition.getFloatingPosition;
|
|
@@ -422,23 +458,14 @@ exports.FloatingArrow = FloatingArrow.FloatingArrow;
|
|
|
422
458
|
exports.FocusTrap = FocusTrap.FocusTrap;
|
|
423
459
|
exports.Grid = Grid.Grid;
|
|
424
460
|
exports.GridCol = GridCol.GridCol;
|
|
425
|
-
exports.Group = Group.Group;
|
|
426
461
|
exports.Highlight = Highlight.Highlight;
|
|
427
462
|
exports.HoverCard = HoverCard.HoverCard;
|
|
428
463
|
exports.HoverCardDropdown = HoverCardDropdown.HoverCardDropdown;
|
|
429
464
|
exports.HoverCardTarget = HoverCardTarget.HoverCardTarget;
|
|
430
|
-
exports.
|
|
431
|
-
exports.
|
|
432
|
-
exports.
|
|
433
|
-
exports.InputError = InputError.InputError;
|
|
434
|
-
exports.InputLabel = InputLabel.InputLabel;
|
|
435
|
-
exports.InputPlaceholder = InputPlaceholder.InputPlaceholder;
|
|
436
|
-
exports.useInputProps = useInputProps.useInputProps;
|
|
437
|
-
exports.useInputWrapperContext = InputWrapper_context.useInputWrapperContext;
|
|
438
|
-
exports.InputBase = InputBase.InputBase;
|
|
465
|
+
exports.Image = Image.Image;
|
|
466
|
+
exports.Indicator = Indicator.Indicator;
|
|
467
|
+
exports.JsonInput = JsonInput.JsonInput;
|
|
439
468
|
exports.Kbd = Kbd.Kbd;
|
|
440
|
-
exports.Loader = Loader.Loader;
|
|
441
|
-
exports.defaultLoaders = Loader.defaultLoaders;
|
|
442
469
|
exports.Mark = Mark.Mark;
|
|
443
470
|
exports.Menu = Menu.Menu;
|
|
444
471
|
exports.MenuDivider = MenuDivider.MenuDivider;
|
|
@@ -454,18 +481,9 @@ exports.ModalContent = ModalContent.ModalContent;
|
|
|
454
481
|
exports.ModalHeader = ModalHeader.ModalHeader;
|
|
455
482
|
exports.ModalOverlay = ModalOverlay.ModalOverlay;
|
|
456
483
|
exports.ModalTitle = ModalTitle.ModalTitle;
|
|
457
|
-
exports.ModalBase = ModalBase.ModalBase;
|
|
458
|
-
exports.ModalBaseBody = ModalBaseBody.ModalBaseBody;
|
|
459
|
-
exports.ModalBaseCloseButton = ModalBaseCloseButton.ModalBaseCloseButton;
|
|
460
|
-
exports.ModalBaseContent = ModalBaseContent.ModalBaseContent;
|
|
461
|
-
exports.ModalBaseHeader = ModalBaseHeader.ModalBaseHeader;
|
|
462
|
-
exports.ModalBaseOverlay = ModalBaseOverlay.ModalBaseOverlay;
|
|
463
|
-
exports.ModalBaseTitle = ModalBaseTitle.ModalBaseTitle;
|
|
464
|
-
exports.NativeScrollArea = NativeScrollArea.NativeScrollArea;
|
|
465
484
|
exports.MultiSelect = MultiSelect.MultiSelect;
|
|
466
485
|
exports.NativeSelect = NativeSelect.NativeSelect;
|
|
467
486
|
exports.Notification = Notification.Notification;
|
|
468
|
-
exports.Overlay = Overlay.Overlay;
|
|
469
487
|
exports.Pagination = Pagination.Pagination;
|
|
470
488
|
exports.PaginationControl = PaginationControl.PaginationControl;
|
|
471
489
|
exports.PaginationDots = PaginationDots.PaginationDots;
|
|
@@ -475,11 +493,12 @@ exports.PaginationNext = PaginationEdges.PaginationNext;
|
|
|
475
493
|
exports.PaginationPrevious = PaginationEdges.PaginationPrevious;
|
|
476
494
|
exports.PaginationItems = PaginationItems.PaginationItems;
|
|
477
495
|
exports.PaginationRoot = PaginationRoot.PaginationRoot;
|
|
478
|
-
exports.
|
|
496
|
+
exports.PasswordInput = PasswordInput.PasswordInput;
|
|
479
497
|
exports.Pill = Pill.Pill;
|
|
480
498
|
exports.PillGroup = PillGroup.PillGroup;
|
|
481
499
|
exports.PillsInput = PillsInput.PillsInput;
|
|
482
500
|
exports.PillsInputField = PillsInputField.PillsInputField;
|
|
501
|
+
exports.PinInput = PinInput.PinInput;
|
|
483
502
|
exports.Portal = Portal.Portal;
|
|
484
503
|
exports.OptionalPortal = OptionalPortal.OptionalPortal;
|
|
485
504
|
exports.Progress = Progress.Progress;
|
|
@@ -488,8 +507,6 @@ exports.ProgressRoot = ProgressRoot.ProgressRoot;
|
|
|
488
507
|
exports.ProgressSection = ProgressSection.ProgressSection;
|
|
489
508
|
exports.Rating = Rating.Rating;
|
|
490
509
|
exports.RingProgress = RingProgress.RingProgress;
|
|
491
|
-
exports.ScrollArea = ScrollArea.ScrollArea;
|
|
492
|
-
exports.ScrollAreaAutosize = ScrollArea.ScrollAreaAutosize;
|
|
493
510
|
exports.SegmentedControl = SegmentedControl.SegmentedControl;
|
|
494
511
|
exports.Select = Select.Select;
|
|
495
512
|
exports.SimpleGrid = SimpleGrid.SimpleGrid;
|
|
@@ -515,6 +532,7 @@ exports.TabsTab = TabsTab.TabsTab;
|
|
|
515
532
|
exports.TabsPanel = TabsPanel.TabsPanel;
|
|
516
533
|
exports.TagsInput = TagsInput.TagsInput;
|
|
517
534
|
exports.Text = Text.Text;
|
|
535
|
+
exports.Textarea = Textarea.Textarea;
|
|
518
536
|
exports.TextInput = TextInput.TextInput;
|
|
519
537
|
exports.Title = Title.Title;
|
|
520
538
|
exports.Tooltip = Tooltip.Tooltip;
|
package/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-variables.js","sources":["../../../../../src/components/AppShell/AppShellMediaStyles/get-variables/get-variables.ts"],"sourcesContent":["import { MantineTheme, em, keys, getSortedBreakpoints } from '../../../../core';\nimport type { AppShellProps } from '../../AppShell';\nimport { assignAsideVariables } from '../assign-aside-variables/assign-aside-variables';\nimport { assignFooterVariables } from '../assign-footer-variables/assign-footer-variables';\nimport { assignHeaderVariables } from '../assign-header-variables/assign-header-variables';\nimport { assignNavbarVariables } from '../assign-navbar-variables/assign-navbar-variables';\nimport { assignPaddingVariables } from '../assign-padding-variables/assign-padding-variables';\n\nexport type CSSVariables = Record<`--${string}`, string>;\nexport type MediaQueryVariables = Record<string, Record<`--${string}`, string>>;\n\ninterface GetVariablesInput {\n navbar: AppShellProps['navbar'] | undefined;\n header: AppShellProps['header'] | undefined;\n footer: AppShellProps['footer'] | undefined;\n aside: AppShellProps['aside'] | undefined;\n padding: AppShellProps['padding'] | undefined;\n theme: MantineTheme;\n}\n\nexport function getVariables({ navbar, header, footer, aside, padding, theme }: GetVariablesInput) {\n const minMediaStyles: MediaQueryVariables = {};\n const maxMediaStyles: MediaQueryVariables = {};\n const baseStyles: CSSVariables = {};\n\n assignNavbarVariables({\n baseStyles,\n minMediaStyles,\n maxMediaStyles,\n navbar,\n theme,\n });\n\n assignAsideVariables({\n baseStyles,\n minMediaStyles,\n maxMediaStyles,\n aside,\n theme,\n });\n\n assignHeaderVariables({ baseStyles, minMediaStyles, header });\n assignFooterVariables({ baseStyles, minMediaStyles, footer });\n assignPaddingVariables({ baseStyles, minMediaStyles, padding });\n\n const minMedia = getSortedBreakpoints(keys(minMediaStyles), theme).map((breakpoint) => ({\n query: `(min-width: ${em(breakpoint.px)})`,\n styles: minMediaStyles[breakpoint.value],\n }));\n\n const maxMedia = getSortedBreakpoints(keys(maxMediaStyles), theme).map((breakpoint) => ({\n query: `(max-width: ${em(breakpoint.px)})`,\n styles: maxMediaStyles[breakpoint.value],\n }));\n\n const media = [...minMedia, ...maxMedia];\n\n return { baseStyles, media };\n}\n"],"names":[],"mappings":";;;;;;;;;AAMO,SAAS,YAAY,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE;AAChF,EAAE,MAAM,cAAc,GAAG,EAAE,CAAC;AAC5B,EAAE,MAAM,cAAc,GAAG,EAAE,CAAC;AAC5B,EAAE,MAAM,UAAU,GAAG,EAAE,CAAC;AACxB,EAAE,qBAAqB,CAAC;AACxB,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,cAAc;AAClB,IAAI,MAAM;AACV,IAAI,KAAK;AACT,GAAG,CAAC,CAAC;AACL,EAAE,oBAAoB,CAAC;AACvB,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,cAAc;AAClB,IAAI,KAAK;AACT,IAAI,KAAK;AACT,GAAG,CAAC,CAAC;AACL,EAAE,qBAAqB,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC,CAAC;AAChE,EAAE,qBAAqB,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC,CAAC;AAChE,EAAE,sBAAsB,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,CAAC;AAClE,EAAE,MAAM,QAAQ,GAAG,oBAAoB,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,MAAM;AAC1F,IAAI,KAAK,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAC9C,IAAI,MAAM,EAAE,cAAc,CAAC,UAAU,CAAC,KAAK,CAAC;AAC5C,GAAG,CAAC,CAAC,CAAC;AACN,EAAE,MAAM,QAAQ,GAAG,oBAAoB,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,MAAM;AAC1F,IAAI,KAAK,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAC9C,IAAI,MAAM,EAAE,cAAc,CAAC,UAAU,CAAC,KAAK,CAAC;AAC5C,GAAG,CAAC,CAAC,CAAC;AACN,EAAE,MAAM,KAAK,GAAG,CAAC,GAAG,QAAQ,EAAE,GAAG,QAAQ,CAAC,CAAC;AAC3C,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;AAC/B;;;;"}
|
|
1
|
+
{"version":3,"file":"get-variables.js","sources":["../../../../../src/components/AppShell/AppShellMediaStyles/get-variables/get-variables.ts"],"sourcesContent":["import { MantineTheme, em, keys, getSortedBreakpoints } from '../../../../core';\nimport type { AppShellProps } from '../../AppShell';\nimport { assignAsideVariables } from '../assign-aside-variables/assign-aside-variables';\nimport { assignFooterVariables } from '../assign-footer-variables/assign-footer-variables';\nimport { assignHeaderVariables } from '../assign-header-variables/assign-header-variables';\nimport { assignNavbarVariables } from '../assign-navbar-variables/assign-navbar-variables';\nimport { assignPaddingVariables } from '../assign-padding-variables/assign-padding-variables';\n\nexport type CSSVariables = Record<`--${string}`, string | undefined>;\nexport type MediaQueryVariables = Record<string, Record<`--${string}`, string | undefined>>;\n\ninterface GetVariablesInput {\n navbar: AppShellProps['navbar'] | undefined;\n header: AppShellProps['header'] | undefined;\n footer: AppShellProps['footer'] | undefined;\n aside: AppShellProps['aside'] | undefined;\n padding: AppShellProps['padding'] | undefined;\n theme: MantineTheme;\n}\n\nexport function getVariables({ navbar, header, footer, aside, padding, theme }: GetVariablesInput) {\n const minMediaStyles: MediaQueryVariables = {};\n const maxMediaStyles: MediaQueryVariables = {};\n const baseStyles: CSSVariables = {};\n\n assignNavbarVariables({\n baseStyles,\n minMediaStyles,\n maxMediaStyles,\n navbar,\n theme,\n });\n\n assignAsideVariables({\n baseStyles,\n minMediaStyles,\n maxMediaStyles,\n aside,\n theme,\n });\n\n assignHeaderVariables({ baseStyles, minMediaStyles, header });\n assignFooterVariables({ baseStyles, minMediaStyles, footer });\n assignPaddingVariables({ baseStyles, minMediaStyles, padding });\n\n const minMedia = getSortedBreakpoints(keys(minMediaStyles), theme).map((breakpoint) => ({\n query: `(min-width: ${em(breakpoint.px)})`,\n styles: minMediaStyles[breakpoint.value],\n }));\n\n const maxMedia = getSortedBreakpoints(keys(maxMediaStyles), theme).map((breakpoint) => ({\n query: `(max-width: ${em(breakpoint.px)})`,\n styles: maxMediaStyles[breakpoint.value],\n }));\n\n const media = [...minMedia, ...maxMedia];\n\n return { baseStyles, media };\n}\n"],"names":[],"mappings":";;;;;;;;;AAMO,SAAS,YAAY,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE;AAChF,EAAE,MAAM,cAAc,GAAG,EAAE,CAAC;AAC5B,EAAE,MAAM,cAAc,GAAG,EAAE,CAAC;AAC5B,EAAE,MAAM,UAAU,GAAG,EAAE,CAAC;AACxB,EAAE,qBAAqB,CAAC;AACxB,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,cAAc;AAClB,IAAI,MAAM;AACV,IAAI,KAAK;AACT,GAAG,CAAC,CAAC;AACL,EAAE,oBAAoB,CAAC;AACvB,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,cAAc;AAClB,IAAI,KAAK;AACT,IAAI,KAAK;AACT,GAAG,CAAC,CAAC;AACL,EAAE,qBAAqB,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC,CAAC;AAChE,EAAE,qBAAqB,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC,CAAC;AAChE,EAAE,sBAAsB,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,CAAC;AAClE,EAAE,MAAM,QAAQ,GAAG,oBAAoB,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,MAAM;AAC1F,IAAI,KAAK,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAC9C,IAAI,MAAM,EAAE,cAAc,CAAC,UAAU,CAAC,KAAK,CAAC;AAC5C,GAAG,CAAC,CAAC,CAAC;AACN,EAAE,MAAM,QAAQ,GAAG,oBAAoB,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,MAAM;AAC1F,IAAI,KAAK,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAC9C,IAAI,MAAM,EAAE,cAAc,CAAC,UAAU,CAAC,KAAK,CAAC;AAC5C,GAAG,CAAC,CAAC,CAAC;AACN,EAAE,MAAM,KAAK,GAAG,CAAC,GAAG,QAAQ,EAAE,GAAG,QAAQ,CAAC,CAAC;AAC3C,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;AAC/B;;;;"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classes from './Blockquote.module.css.js';
|
|
3
|
-
import { rgba } from '../../core/MantineProvider/color-functions/rgba/rgba.js';
|
|
4
3
|
import { factory } from '../../core/factory/factory.js';
|
|
5
4
|
import { useProps } from '../../core/MantineProvider/use-props/use-props.js';
|
|
6
5
|
import { useStyles } from '../../core/styles-api/use-styles/use-styles.js';
|
|
7
6
|
import { Box } from '../../core/Box/Box.js';
|
|
8
7
|
import { createVarsResolver } from '../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
|
|
9
8
|
import { parseThemeColor } from '../../core/MantineProvider/color-functions/parse-theme-color/parse-theme-color.js';
|
|
9
|
+
import { rgba } from '../../core/MantineProvider/color-functions/rgba/rgba.js';
|
|
10
10
|
import { getThemeColor } from '../../core/MantineProvider/color-functions/get-theme-color/get-theme-color.js';
|
|
11
11
|
import { rem } from '../../core/utils/units-converters/rem.js';
|
|
12
12
|
import { getRadius } from '../../core/utils/get-size/get-size.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React from 'react';\nimport {\n BoxProps,\n StylesApiProps,\n polymorphicFactory,\n useProps,\n useStyles,\n createVarsResolver,\n PolymorphicFactory,\n MantineSize,\n MantineColor,\n MantineRadius,\n MantineGradient,\n Box,\n getRadius,\n getSize,\n getFontSize,\n} from '../../core';\nimport { UnstyledButton } from '../UnstyledButton';\nimport { Loader, LoaderProps } from '../Loader';\nimport { ButtonGroup } from './ButtonGroup/ButtonGroup';\nimport classes from './Button.module.css';\n\nexport type ButtonStylesNames = 'root' | 'inner' | 'loader' | 'section' | 'label';\nexport type ButtonVariant =\n | 'filled'\n | 'light'\n | 'outline'\n | 'transparent'\n | 'white'\n | 'subtle'\n | 'default'\n | 'gradient';\n\nexport type ButtonCssVariables = {\n root:\n | '--button-justify'\n | '--button-height'\n | '--button-padding-x'\n | '--button-fz'\n | '--button-radius'\n | '--button-bg'\n | '--button-hover'\n | '--button-color'\n | '--button-bd';\n};\n\nexport interface ButtonProps extends BoxProps, StylesApiProps<ButtonFactory> {\n 'data-disabled'?: boolean;\n\n /** Controls button `height`, `font-size` and horizontal `padding`, `'sm'` by default */\n size?: MantineSize | `compact-${MantineSize}` | (string & {});\n\n /** Key of `theme.colors` or any valid CSS color, `theme.primaryColor` by default */\n color?: MantineColor;\n\n /** Sets `justify-content` of `inner` element, can be used to change distribution of sections and label, `'center'` by default */\n justify?: React.CSSProperties['justifyContent'];\n\n /** Content displayed on the left side of the button label */\n leftSection?: React.ReactNode;\n\n /** Content displayed on the right side of the button label */\n rightSection?: React.ReactNode;\n\n /** Determines whether button should take 100% width of its parent container, `false` by default */\n fullWidth?: boolean;\n\n /** Key of `theme.radius` or any valid CSS value to set `border-radius`, `theme.defaultRadius` by default */\n radius?: MantineRadius | (string & {}) | number;\n\n /** Gradient configuration used when `variant=\"gradient\"`, default value is `theme.defaultGradient` */\n gradient?: MantineGradient;\n\n /** Indicates disabled state */\n disabled?: boolean;\n\n /** Button content */\n children?: React.ReactNode;\n\n /** Determines whether the `Loader` component should be displayed over the button */\n loading?: boolean;\n\n /** Props added to the `Loader` component (only visible when `loading` prop is set) */\n loaderProps?: LoaderProps;\n}\n\nexport type ButtonFactory = PolymorphicFactory<{\n props: ButtonProps;\n defaultRef: HTMLButtonElement;\n defaultComponent: 'button';\n stylesNames: ButtonStylesNames;\n vars: ButtonCssVariables;\n staticComponents: {\n Group: typeof ButtonGroup;\n };\n}>;\n\nconst defaultProps: Partial<ButtonProps> = {\n size: 'sm',\n variant: 'filled',\n};\n\nconst varsResolver = createVarsResolver<ButtonFactory>(\n (theme, { radius, color, gradient, variant, size, justify }) => {\n const colors = theme.variantColorResolver({\n color: color || theme.primaryColor,\n theme,\n gradient,\n variant: variant!,\n });\n\n return {\n root: {\n '--button-justify': justify,\n '--button-height': getSize(size, 'button-height'),\n '--button-padding-x': getSize(size, 'button-padding-x'),\n '--button-fz': size?.includes('compact')\n ? getFontSize(size.replace('compact-', ''))\n : getFontSize(size),\n '--button-radius': getRadius(radius),\n '--button-bg': colors.background,\n '--button-hover': colors.hover,\n '--button-color': colors.color,\n '--button-bd': colors.border,\n },\n };\n }\n);\n\nexport const Button = polymorphicFactory<ButtonFactory>((_props, ref) => {\n const props = useProps('Button', defaultProps, _props);\n const {\n style,\n vars,\n className,\n color,\n disabled,\n children,\n leftSection,\n rightSection,\n fullWidth,\n variant,\n radius,\n loading,\n loaderProps,\n gradient,\n classNames,\n styles,\n unstyled,\n 'data-disabled': dataDisabled,\n ...others\n } = props;\n\n const getStyles = useStyles<ButtonFactory>({\n name: 'Button',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n const hasLeftSection = !!leftSection;\n const hasRightSection = !!rightSection;\n\n return (\n <UnstyledButton\n ref={ref}\n {...getStyles('root', { active: !disabled && !loading && !dataDisabled })}\n unstyled={unstyled}\n variant={variant}\n disabled={disabled || loading}\n mod={{\n disabled: disabled || dataDisabled,\n loading,\n block: fullWidth,\n 'with-left-section': hasLeftSection,\n 'with-right-section': hasRightSection,\n }}\n {...others}\n >\n <span {...getStyles('inner')}>\n {leftSection && (\n <Box component=\"span\" {...getStyles('section')} mod={{ position: 'left' }}>\n {leftSection}\n </Box>\n )}\n\n {loading && (\n <Box component=\"span\" {...getStyles('loader')}>\n <Loader\n color=\"var(--button-color)\"\n size=\"calc(var(--button-height) / 1.8)\"\n {...loaderProps}\n />\n </Box>\n )}\n\n <Box component=\"span\" mod={{ loading }} {...getStyles('label')}>\n {children}\n </Box>\n\n {rightSection && (\n <Box component=\"span\" {...getStyles('section')} mod={{ position: 'right' }}>\n {rightSection}\n </Box>\n )}\n </span>\n </UnstyledButton>\n );\n});\n\nButton.classes = classes;\nButton.displayName = '@mantine/core/Button';\nButton.Group = ButtonGroup;\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React from 'react';\nimport {\n BoxProps,\n StylesApiProps,\n polymorphicFactory,\n useProps,\n useStyles,\n createVarsResolver,\n PolymorphicFactory,\n MantineSize,\n MantineColor,\n MantineRadius,\n MantineGradient,\n Box,\n getRadius,\n getSize,\n getFontSize,\n} from '../../core';\nimport { UnstyledButton } from '../UnstyledButton';\nimport { Loader, LoaderProps } from '../Loader';\nimport { ButtonGroup } from './ButtonGroup/ButtonGroup';\nimport classes from './Button.module.css';\n\nexport type ButtonStylesNames = 'root' | 'inner' | 'loader' | 'section' | 'label';\nexport type ButtonVariant =\n | 'filled'\n | 'light'\n | 'outline'\n | 'transparent'\n | 'white'\n | 'subtle'\n | 'default'\n | 'gradient';\n\nexport type ButtonCssVariables = {\n root:\n | '--button-justify'\n | '--button-height'\n | '--button-padding-x'\n | '--button-fz'\n | '--button-radius'\n | '--button-bg'\n | '--button-hover'\n | '--button-color'\n | '--button-bd';\n};\n\nexport interface ButtonProps extends BoxProps, StylesApiProps<ButtonFactory> {\n 'data-disabled'?: boolean;\n\n /** Controls button `height`, `font-size` and horizontal `padding`, `'sm'` by default */\n size?: MantineSize | `compact-${MantineSize}` | (string & {});\n\n /** Key of `theme.colors` or any valid CSS color, `theme.primaryColor` by default */\n color?: MantineColor;\n\n /** Sets `justify-content` of `inner` element, can be used to change distribution of sections and label, `'center'` by default */\n justify?: React.CSSProperties['justifyContent'];\n\n /** Content displayed on the left side of the button label */\n leftSection?: React.ReactNode;\n\n /** Content displayed on the right side of the button label */\n rightSection?: React.ReactNode;\n\n /** Determines whether button should take 100% width of its parent container, `false` by default */\n fullWidth?: boolean;\n\n /** Key of `theme.radius` or any valid CSS value to set `border-radius`, `theme.defaultRadius` by default */\n radius?: MantineRadius | (string & {}) | number;\n\n /** Gradient configuration used when `variant=\"gradient\"`, default value is `theme.defaultGradient` */\n gradient?: MantineGradient;\n\n /** Indicates disabled state */\n disabled?: boolean;\n\n /** Button content */\n children?: React.ReactNode;\n\n /** Determines whether the `Loader` component should be displayed over the button */\n loading?: boolean;\n\n /** Props added to the `Loader` component (only visible when `loading` prop is set) */\n loaderProps?: LoaderProps;\n}\n\nexport type ButtonFactory = PolymorphicFactory<{\n props: ButtonProps;\n defaultRef: HTMLButtonElement;\n defaultComponent: 'button';\n stylesNames: ButtonStylesNames;\n vars: ButtonCssVariables;\n variant: ButtonVariant;\n staticComponents: {\n Group: typeof ButtonGroup;\n };\n}>;\n\nconst defaultProps: Partial<ButtonProps> = {\n size: 'sm',\n variant: 'filled',\n};\n\nconst varsResolver = createVarsResolver<ButtonFactory>(\n (theme, { radius, color, gradient, variant, size, justify }) => {\n const colors = theme.variantColorResolver({\n color: color || theme.primaryColor,\n theme,\n gradient,\n variant: variant!,\n });\n\n return {\n root: {\n '--button-justify': justify,\n '--button-height': getSize(size, 'button-height'),\n '--button-padding-x': getSize(size, 'button-padding-x'),\n '--button-fz': size?.includes('compact')\n ? getFontSize(size.replace('compact-', ''))\n : getFontSize(size),\n '--button-radius': getRadius(radius),\n '--button-bg': colors.background,\n '--button-hover': colors.hover,\n '--button-color': colors.color,\n '--button-bd': colors.border,\n },\n };\n }\n);\n\nexport const Button = polymorphicFactory<ButtonFactory>((_props, ref) => {\n const props = useProps('Button', defaultProps, _props);\n const {\n style,\n vars,\n className,\n color,\n disabled,\n children,\n leftSection,\n rightSection,\n fullWidth,\n variant,\n radius,\n loading,\n loaderProps,\n gradient,\n classNames,\n styles,\n unstyled,\n 'data-disabled': dataDisabled,\n ...others\n } = props;\n\n const getStyles = useStyles<ButtonFactory>({\n name: 'Button',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n const hasLeftSection = !!leftSection;\n const hasRightSection = !!rightSection;\n\n return (\n <UnstyledButton\n ref={ref}\n {...getStyles('root', { active: !disabled && !loading && !dataDisabled })}\n unstyled={unstyled}\n variant={variant}\n disabled={disabled || loading}\n mod={{\n disabled: disabled || dataDisabled,\n loading,\n block: fullWidth,\n 'with-left-section': hasLeftSection,\n 'with-right-section': hasRightSection,\n }}\n {...others}\n >\n <span {...getStyles('inner')}>\n {leftSection && (\n <Box component=\"span\" {...getStyles('section')} mod={{ position: 'left' }}>\n {leftSection}\n </Box>\n )}\n\n {loading && (\n <Box component=\"span\" {...getStyles('loader')}>\n <Loader\n color=\"var(--button-color)\"\n size=\"calc(var(--button-height) / 1.8)\"\n {...loaderProps}\n />\n </Box>\n )}\n\n <Box component=\"span\" mod={{ loading }} {...getStyles('label')}>\n {children}\n </Box>\n\n {rightSection && (\n <Box component=\"span\" {...getStyles('section')} mod={{ position: 'right' }}>\n {rightSection}\n </Box>\n )}\n </span>\n </UnstyledButton>\n );\n});\n\nButton.classes = classes;\nButton.displayName = '@mantine/core/Button';\nButton.Group = ButtonGroup;\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { createSafeContext } from '../../core/utils/create-safe-context/create-safe-context.js';
|
|
2
|
+
|
|
3
|
+
const [CardProvider, useCardContext] = createSafeContext(
|
|
4
|
+
"Card component was not found in tree"
|
|
5
|
+
);
|
|
6
|
+
|
|
7
|
+
export { CardProvider, useCardContext };
|
|
8
|
+
//# sourceMappingURL=Card.context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.context.js","sources":["../../../src/components/Card/Card.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi } from '../../core';\nimport type { CardFactory } from './Card';\n\ninterface CardContextValue {\n getStyles: GetStylesApi<CardFactory>;\n}\n\nexport const [CardProvider, useCardContext] = createSafeContext<CardContextValue>(\n 'Card component was not found in tree'\n);\n"],"names":[],"mappings":";;AACY,MAAC,CAAC,YAAY,EAAE,cAAc,CAAC,GAAG,iBAAiB;AAC/D,EAAE,sCAAsC;AACxC;;;;"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import React, { Children, cloneElement } from 'react';
|
|
2
|
+
import { CardSection } from './CardSection/CardSection.js';
|
|
3
|
+
import { CardProvider } from './Card.context.js';
|
|
4
|
+
import classes from './Card.module.css.js';
|
|
5
|
+
import { Paper } from '../Paper/Paper.js';
|
|
6
|
+
import { polymorphicFactory } from '../../core/factory/polymorphic-factory.js';
|
|
7
|
+
import { useProps } from '../../core/MantineProvider/use-props/use-props.js';
|
|
8
|
+
import { useStyles } from '../../core/styles-api/use-styles/use-styles.js';
|
|
9
|
+
import { createVarsResolver } from '../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
|
|
10
|
+
import { getSpacing } from '../../core/utils/get-size/get-size.js';
|
|
11
|
+
|
|
12
|
+
var __defProp = Object.defineProperty;
|
|
13
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
14
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
15
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
16
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
17
|
+
var __spreadValues = (a, b) => {
|
|
18
|
+
for (var prop in b || (b = {}))
|
|
19
|
+
if (__hasOwnProp.call(b, prop))
|
|
20
|
+
__defNormalProp(a, prop, b[prop]);
|
|
21
|
+
if (__getOwnPropSymbols)
|
|
22
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
23
|
+
if (__propIsEnum.call(b, prop))
|
|
24
|
+
__defNormalProp(a, prop, b[prop]);
|
|
25
|
+
}
|
|
26
|
+
return a;
|
|
27
|
+
};
|
|
28
|
+
var __objRest = (source, exclude) => {
|
|
29
|
+
var target = {};
|
|
30
|
+
for (var prop in source)
|
|
31
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
32
|
+
target[prop] = source[prop];
|
|
33
|
+
if (source != null && __getOwnPropSymbols)
|
|
34
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
35
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
36
|
+
target[prop] = source[prop];
|
|
37
|
+
}
|
|
38
|
+
return target;
|
|
39
|
+
};
|
|
40
|
+
const defaultProps = {
|
|
41
|
+
padding: "md"
|
|
42
|
+
};
|
|
43
|
+
const varsResolver = createVarsResolver((_, { padding }) => ({
|
|
44
|
+
root: {
|
|
45
|
+
"--card-padding": getSpacing(padding)
|
|
46
|
+
}
|
|
47
|
+
}));
|
|
48
|
+
const Card = polymorphicFactory((_props, ref) => {
|
|
49
|
+
const props = useProps("Card", defaultProps, _props);
|
|
50
|
+
const _a = props, { classNames, className, style, styles, unstyled, vars, children, padding } = _a, others = __objRest(_a, ["classNames", "className", "style", "styles", "unstyled", "vars", "children", "padding"]);
|
|
51
|
+
const getStyles = useStyles({
|
|
52
|
+
name: "Card",
|
|
53
|
+
props,
|
|
54
|
+
classes,
|
|
55
|
+
className,
|
|
56
|
+
style,
|
|
57
|
+
classNames,
|
|
58
|
+
styles,
|
|
59
|
+
unstyled,
|
|
60
|
+
vars,
|
|
61
|
+
varsResolver
|
|
62
|
+
});
|
|
63
|
+
const _children = Children.toArray(children);
|
|
64
|
+
const content = _children.map((child, index) => {
|
|
65
|
+
if (typeof child === "object" && child && "type" in child && child.type === CardSection) {
|
|
66
|
+
return cloneElement(child, {
|
|
67
|
+
"data-first-section": index === 0 || void 0,
|
|
68
|
+
"data-last-section": index === _children.length - 1 || void 0
|
|
69
|
+
});
|
|
70
|
+
}
|
|
71
|
+
return child;
|
|
72
|
+
});
|
|
73
|
+
return /* @__PURE__ */ React.createElement(CardProvider, { value: { getStyles } }, /* @__PURE__ */ React.createElement(Paper, __spreadValues(__spreadValues({ ref }, getStyles("root")), others), content));
|
|
74
|
+
});
|
|
75
|
+
Card.classes = classes;
|
|
76
|
+
Card.displayName = "@mantine/core/Card";
|
|
77
|
+
Card.Section = CardSection;
|
|
78
|
+
|
|
79
|
+
export { Card };
|
|
80
|
+
//# sourceMappingURL=Card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import React, { Children, cloneElement } from 'react';\nimport {\n BoxProps,\n StylesApiProps,\n polymorphicFactory,\n useProps,\n useStyles,\n createVarsResolver,\n PolymorphicFactory,\n MantineShadow,\n MantineRadius,\n MantineSpacing,\n getSpacing,\n} from '../../core';\nimport { Paper } from '../Paper';\nimport { CardSection } from './CardSection/CardSection';\nimport { CardProvider } from './Card.context';\nimport classes from './Card.module.css';\n\nexport type CardStylesNames = 'root' | 'section';\nexport type CardCssVariables = {\n root: '--card-padding';\n};\n\nexport interface CardProps extends BoxProps, StylesApiProps<CardFactory> {\n /** Key of `theme.shadows` or any valid CSS value to set `box-shadow`, `none` by default */\n shadow?: MantineShadow | (string & {});\n\n /** Key of `theme.radius` or any valid CSS value to set border-radius, numbers are converted to rem, `theme.defaultRadius` by default */\n radius?: MantineRadius | number | (string & {});\n\n /** Determines whether the card should have border, border color depends on color scheme, `false` by default */\n withBorder?: boolean;\n\n /** Controls `padding`, key of `theme.spacing` or any valid CSS value, `'md'` by default */\n padding?: MantineSpacing | (string & {}) | number;\n\n /** Card content */\n children?: React.ReactNode;\n}\n\nexport type CardFactory = PolymorphicFactory<{\n props: CardProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: CardStylesNames;\n vars: CardCssVariables;\n staticComponents: {\n Section: typeof CardSection;\n };\n}>;\n\nconst defaultProps: Partial<CardProps> = {\n padding: 'md',\n};\n\nconst varsResolver = createVarsResolver<CardFactory>((_, { padding }) => ({\n root: {\n '--card-padding': getSpacing(padding),\n },\n}));\n\nexport const Card = polymorphicFactory<CardFactory>((_props, ref) => {\n const props = useProps('Card', defaultProps, _props);\n const { classNames, className, style, styles, unstyled, vars, children, padding, ...others } =\n props;\n\n const getStyles = useStyles<CardFactory>({\n name: 'Card',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n const _children = Children.toArray(children);\n const content = _children.map((child, index) => {\n if (typeof child === 'object' && child && 'type' in child && child.type === CardSection) {\n return cloneElement(child, {\n 'data-first-section': index === 0 || undefined,\n 'data-last-section': index === _children.length - 1 || undefined,\n });\n }\n\n return child;\n });\n\n return (\n <CardProvider value={{ getStyles }}>\n <Paper ref={ref} {...getStyles('root')} {...others}>\n {content}\n </Paper>\n </CardProvider>\n );\n});\n\nCard.classes = classes;\nCard.displayName = '@mantine/core/Card';\nCard.Section = CardSection;\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { useCardContext } from '../Card.context.js';
|
|
3
|
+
import classes from '../Card.module.css.js';
|
|
4
|
+
import { polymorphicFactory } from '../../../core/factory/polymorphic-factory.js';
|
|
5
|
+
import { useProps } from '../../../core/MantineProvider/use-props/use-props.js';
|
|
6
|
+
import { Box } from '../../../core/Box/Box.js';
|
|
7
|
+
|
|
8
|
+
var __defProp = Object.defineProperty;
|
|
9
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
10
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
11
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
12
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
13
|
+
var __spreadValues = (a, b) => {
|
|
14
|
+
for (var prop in b || (b = {}))
|
|
15
|
+
if (__hasOwnProp.call(b, prop))
|
|
16
|
+
__defNormalProp(a, prop, b[prop]);
|
|
17
|
+
if (__getOwnPropSymbols)
|
|
18
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
19
|
+
if (__propIsEnum.call(b, prop))
|
|
20
|
+
__defNormalProp(a, prop, b[prop]);
|
|
21
|
+
}
|
|
22
|
+
return a;
|
|
23
|
+
};
|
|
24
|
+
var __objRest = (source, exclude) => {
|
|
25
|
+
var target = {};
|
|
26
|
+
for (var prop in source)
|
|
27
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
28
|
+
target[prop] = source[prop];
|
|
29
|
+
if (source != null && __getOwnPropSymbols)
|
|
30
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
31
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
32
|
+
target[prop] = source[prop];
|
|
33
|
+
}
|
|
34
|
+
return target;
|
|
35
|
+
};
|
|
36
|
+
const defaultProps = {};
|
|
37
|
+
const CardSection = polymorphicFactory((_props, ref) => {
|
|
38
|
+
const props = useProps("CardSection", defaultProps, _props);
|
|
39
|
+
const _a = props, {
|
|
40
|
+
classNames,
|
|
41
|
+
className,
|
|
42
|
+
style,
|
|
43
|
+
styles,
|
|
44
|
+
unstyled,
|
|
45
|
+
vars,
|
|
46
|
+
withBorder,
|
|
47
|
+
inheritPadding
|
|
48
|
+
} = _a, others = __objRest(_a, [
|
|
49
|
+
"classNames",
|
|
50
|
+
"className",
|
|
51
|
+
"style",
|
|
52
|
+
"styles",
|
|
53
|
+
"unstyled",
|
|
54
|
+
"vars",
|
|
55
|
+
"withBorder",
|
|
56
|
+
"inheritPadding"
|
|
57
|
+
]);
|
|
58
|
+
const ctx = useCardContext();
|
|
59
|
+
return /* @__PURE__ */ React.createElement(
|
|
60
|
+
Box,
|
|
61
|
+
__spreadValues(__spreadValues({
|
|
62
|
+
ref,
|
|
63
|
+
mod: { "with-border": withBorder, "inherit-padding": inheritPadding }
|
|
64
|
+
}, ctx.getStyles("section", { className, style, styles, classNames })), others)
|
|
65
|
+
);
|
|
66
|
+
});
|
|
67
|
+
CardSection.classes = classes;
|
|
68
|
+
CardSection.displayName = "@mantine/core/CardSection";
|
|
69
|
+
|
|
70
|
+
export { CardSection };
|
|
71
|
+
//# sourceMappingURL=CardSection.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardSection.js","sources":["../../../../src/components/Card/CardSection/CardSection.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n polymorphicFactory,\n useProps,\n PolymorphicFactory,\n} from '../../../core';\nimport { useCardContext } from '../Card.context';\nimport classes from '../Card.module.css';\n\nexport type CardSectionStylesNames = 'section';\n\nexport interface CardSectionProps extends BoxProps, StylesApiProps<CardSectionFactory> {\n /** Determines whether the section should have a border, `false` by default */\n withBorder?: boolean;\n\n /** Determines whether the section should inherit padding from the parent `Card`, `false` by default */\n inheritPadding?: boolean;\n}\n\nexport type CardSectionFactory = PolymorphicFactory<{\n props: CardSectionProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: CardSectionStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<CardSectionProps> = {};\n\nexport const CardSection = polymorphicFactory<CardSectionFactory>((_props, ref) => {\n const props = useProps('CardSection', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n withBorder,\n inheritPadding,\n ...others\n } = props;\n const ctx = useCardContext();\n\n return (\n <Box\n ref={ref}\n mod={{ 'with-border': withBorder, 'inherit-padding': inheritPadding }}\n {...ctx.getStyles('section', { className, style, styles, classNames })}\n {...others}\n />\n );\n});\n\nCardSection.classes = classes;\nCardSection.displayName = '@mantine/core/CardSection';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
import { useReducedMotion } from '@mantine/hooks';
|
|
3
3
|
import { useCollapse } from './use-collapse.js';
|
|
4
|
-
import { getStyleObject } from '../../core/Box/get-style-object/get-style-object.js';
|
|
5
4
|
import { useProps } from '../../core/MantineProvider/use-props/use-props.js';
|
|
6
5
|
import { useMantineTheme } from '../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js';
|
|
7
6
|
import { Box } from '../../core/Box/Box.js';
|
|
7
|
+
import { getStyleObject } from '../../core/Box/get-style-object/get-style-object.js';
|
|
8
8
|
|
|
9
9
|
var __defProp = Object.defineProperty;
|
|
10
10
|
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|