@coveord/plasma-mantine 55.7.2-next.21 → 55.7.2-next.22
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/.turbo/turbo-build.log +3 -3
- package/.turbo/turbo-test.log +48 -48
- package/dist/.tsbuildinfo +1 -1
- package/dist/cjs/styles/Badge.module.css +2 -0
- package/dist/cjs/theme/Theme.d.ts.map +1 -1
- package/dist/cjs/theme/Theme.js +2 -1
- package/dist/cjs/theme/Theme.js.map +1 -1
- package/dist/esm/styles/Badge.module.css +2 -0
- package/dist/esm/theme/Theme.d.ts.map +1 -1
- package/dist/esm/theme/Theme.js +2 -1
- package/dist/esm/theme/Theme.js.map +1 -1
- package/package.json +3 -3
- package/src/styles/Badge.module.css +2 -0
- package/src/theme/Theme.tsx +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAUA,OAAO,EAmBH,oBAAoB,EAkBvB,MAAM,eAAe,CAAC;AA6BvB,eAAO,MAAM,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAUA,OAAO,EAmBH,oBAAoB,EAkBvB,MAAM,eAAe,CAAC;AA6BvB,eAAO,MAAM,WAAW,EAAE,oBA2UxB,CAAC"}
|
package/dist/cjs/theme/Theme.js
CHANGED
|
@@ -148,7 +148,8 @@ var plasmaTheme = (0, _core.createTheme)({
|
|
|
148
148
|
Badge: _core.Badge.extend({
|
|
149
149
|
classNames: _Badgemodulecss.default,
|
|
150
150
|
defaultProps: {
|
|
151
|
-
variant: 'light'
|
|
151
|
+
variant: 'light',
|
|
152
|
+
tt: 'none'
|
|
152
153
|
}
|
|
153
154
|
}),
|
|
154
155
|
Breadcrumbs: _core.Breadcrumbs.extend({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {\n ArrowHeadLeftSize16Px,\n ArrowHeadRightSize16Px,\n CheckSize16Px,\n CrossSize16Px,\n FilterSize16Px,\n IconSlash,\n InfoSize24Px,\n} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {\n ActionIcon,\n Alert,\n AppShell,\n Badge,\n Breadcrumbs,\n Button,\n Checkbox,\n CloseButton,\n ColorSwatch,\n Combobox,\n ComboboxSearch,\n createTheme,\n deepMerge,\n Divider,\n Input,\n InputWrapper,\n List,\n Loader,\n MantineThemeOverride,\n Modal,\n MultiSelect,\n NavLink,\n Notification,\n Pagination,\n Popover,\n Radio,\n ScrollArea,\n SegmentedControl,\n Select,\n Skeleton,\n Stepper,\n Switch,\n Table,\n Tabs,\n Text,\n Tooltip,\n} from '@mantine/core';\nimport {InfoToken} from '../components';\nimport ActionIconClasses from '../styles/ActionIcon.module.css';\nimport AlertClasses from '../styles/Alert.module.css';\nimport BadgeClasses from '../styles/Badge.module.css';\nimport BreadcrumbsClasses from '../styles/Breadcrumbs.module.css';\nimport ButtonClasses from '../styles/Button.module.css';\nimport CheckboxClasses from '../styles/Checkbox.module.css';\nimport CheckboxIndicatorClasses from '../styles/CheckboxIndicator.module.css';\nimport ComboboxClasses from '../styles/Combobox.module.css';\nimport InputClasses from '../styles/Input.module.css';\nimport InputWrapperClasses from '../styles/InputWrapper.module.css';\nimport ListClasses from '../styles/List.module.css';\nimport ModalClasses from '../styles/Modal.module.css';\nimport NavLinkClasses from '../styles/NavLink.module.css';\nimport PaginationClasses from '../styles/Pagination.module.css';\nimport RadioClasses from '../styles/Radio.module.css';\nimport ReadOnlyInputClasses from '../styles/ReadOnlyInput.module.css';\nimport ReadOnlyStateClasses from '../styles/ReadOnlyState.module.css';\nimport ScrollAreaClasses from '../styles/ScrollArea.module.css';\nimport SegmentedControlClasses from '../styles/SegmentedControl.module.css';\nimport SkeletonClasses from '../styles/Skeleton.module.css';\nimport StepperClasses from '../styles/Stepper.module.css';\nimport TableClasses from '../styles/Table.module.css';\nimport TabsClasses from '../styles/Tabs.module.css';\nimport TextClasses from '../styles/Text.module.css';\nimport TooltipClasses from '../styles/Tooltip.module.css';\nimport {PlasmaColors} from './PlasmaColors';\n\nexport const plasmaTheme: MantineThemeOverride = createTheme({\n // These are overrides over https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/core/src/core/MantineProvider/default-theme.ts\n fontFamily: 'canada-type-gibson, sans-serif',\n black: color.primary.gray[9],\n defaultRadius: 'md',\n lineHeights: {md: '1.5'},\n spacing: {\n xxs: '4px',\n xs: '8px',\n sm: '16px',\n md: '24px',\n lg: '32px',\n xl: '40px',\n },\n radius: {\n none: '0px',\n xs: '2px',\n sm: '4px',\n md: '8px',\n lg: '16px',\n xl: '24px',\n xxl: '32px',\n },\n primaryColor: 'blue',\n headings: {\n fontFamily: 'canada-type-gibson, sans-serif',\n fontWeight: '500',\n sizes: {\n h1: {fontSize: '40px', lineHeight: '1.2', fontWeight: '500'},\n h2: {fontSize: '32px', lineHeight: '1.25', fontWeight: '500'},\n h3: {fontSize: '24px', lineHeight: '1.33', fontWeight: '500'},\n h4: {fontSize: '18px', lineHeight: '1.2', fontWeight: '400'},\n h5: {fontSize: '16px', lineHeight: '1.25', fontWeight: '500'},\n h6: {fontSize: '12px', lineHeight: '1.33', fontWeight: '500'},\n },\n },\n fontSizes: {\n xs: '12px',\n sm: '14px',\n md: '16px',\n lg: '18px',\n xl: '20px',\n },\n shadows: {\n xs: '0px 1px 0px rgba(4, 8, 31, 0.08)',\n sm: '0px 2px 4px rgba(4, 8, 31, 0.12)',\n md: '0px 4px 8px rgba(4, 8, 31, 0.08)',\n lg: '0px 8px 16px rgba(7, 12, 41, 0.06)',\n xl: '0px 16px 24px rgba(4, 8, 31, 0.06)',\n },\n primaryShade: 5,\n colors: PlasmaColors,\n components: {\n ActionIcon: ActionIcon.extend({\n defaultProps: {\n size: 24,\n radius: 'sm',\n },\n classNames: ActionIconClasses,\n }),\n AppShell: AppShell.extend({\n vars: (theme) =>\n ({\n root: {'--app-shell-border-color': theme.colors.gray[2]},\n }) as any,\n }),\n Alert: Alert.extend({\n defaultProps: {\n icon: <InfoToken variant=\"advice\" />,\n p: 'sm',\n },\n classNames: AlertClasses,\n }),\n Badge: Badge.extend({\n classNames: BadgeClasses,\n defaultProps: {\n variant: 'light',\n },\n }),\n Breadcrumbs: Breadcrumbs.extend({\n classNames: BreadcrumbsClasses,\n defaultProps: {\n separator: <IconSlash size={16} color=\"var(--mantine-color-dimmed)\" />,\n separatorMargin: 'xxs',\n },\n }),\n Button: Button.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: ButtonClasses,\n }),\n Checkbox: Checkbox.extend({\n defaultProps: {\n radius: 'sm',\n },\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return deepMerge(CheckboxClasses, ReadOnlyStateClasses);\n }\n return CheckboxClasses;\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {\n '--checkbox-icon-color': theme.colors.gray[7],\n '--checkbox-color': theme.colors.gray[2],\n },\n };\n }\n return {root: {}};\n },\n }),\n CheckboxIndicator: Checkbox.Indicator.extend({\n defaultProps: {\n radius: 'sm',\n },\n classNames: CheckboxIndicatorClasses,\n }),\n CloseButton: CloseButton.extend({\n defaultProps: {\n icon: <CrossSize16Px height={16} aria-label=\"close\" />,\n },\n }),\n ColorSwatch: ColorSwatch.extend({\n defaultProps: {\n size: 8,\n withShadow: false,\n },\n }),\n Combobox: Combobox.extend({\n classNames: ComboboxClasses,\n }),\n ComboboxSearch: ComboboxSearch.extend({\n defaultProps: {\n placeholder: 'Search',\n rightSection: <FilterSize16Px height={16} color=\"gray.5\" />,\n },\n }),\n Divider: Divider.extend({\n defaultProps: {\n color: 'var(--mantine-color-default-border)',\n },\n }),\n Input: Input.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: (_theme, props) => {\n const anyProps = props as any;\n if (anyProps.readOnly && !props.disabled && !['Select'].includes(anyProps.__staticSelector)) {\n return deepMerge(InputClasses, ReadOnlyInputClasses);\n }\n return InputClasses;\n },\n vars: (theme, props) => ({\n wrapper: {\n '--input-margin-top':\n props.wrapperProps?.label || props.wrapperProps?.description ? theme.spacing.xxs : undefined,\n },\n }),\n }),\n InputWrapper: InputWrapper.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: InputWrapperClasses,\n vars: (theme, props) => {\n const anyProps = props as any;\n if (anyProps.disabled || (anyProps.readOnly && !['Select'].includes(anyProps.__staticSelector))) {\n return {\n label: {'--input-asterisk-color': theme.colors.red[2]},\n error: {},\n description: {},\n };\n }\n return {\n label: {},\n error: {},\n description: {},\n };\n },\n }),\n Loader: Loader.extend({\n defaultProps: {\n type: 'dots',\n role: 'presentation',\n },\n }),\n List: List.extend({\n classNames: ListClasses,\n }),\n Modal: Modal.extend({\n classNames: ModalClasses,\n vars: () => {\n const sizes = {\n '--modal-size-xs': '432px',\n '--modal-size-sm': '664px',\n '--modal-size-md': '896px',\n '--modal-size-lg': '1120px',\n '--modal-size-xl': '88%',\n } as any;\n return {\n root: {\n ...sizes,\n },\n };\n },\n }),\n ModalOverlay: Modal.Overlay.extend({\n defaultProps: {\n color: PlasmaColors.indigo[8],\n backgroundOpacity: 0.7,\n blur: 2,\n },\n }),\n ModalRoot: Modal.Root.extend({\n defaultProps: {\n padding: 'lg',\n },\n }),\n MultiSelect: MultiSelect.extend({defaultProps: {hidePickedOptions: true}}),\n NavLink: NavLink.extend({classNames: NavLinkClasses}),\n Notification: Notification.extend({\n defaultProps: {\n icon: <InfoSize24Px height={24} />,\n },\n }),\n Pagination: Pagination.extend({\n classNames: PaginationClasses,\n defaultProps: {\n nextIcon: ArrowHeadRightSize16Px,\n previousIcon: ArrowHeadLeftSize16Px,\n },\n }),\n Popover: Popover.extend({\n defaultProps: {\n shadow: 'md',\n withArrow: true,\n },\n }),\n Radio: Radio.extend({\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return deepMerge(RadioClasses, ReadOnlyStateClasses);\n }\n return RadioClasses;\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {\n '--radio-icon-color': theme.colors.gray[7],\n '--radio-color': theme.colors.gray[2],\n },\n };\n }\n return {root: {}};\n },\n }),\n ScrollArea: ScrollArea.extend({\n classNames: ScrollAreaClasses,\n }),\n SegmentedControl: SegmentedControl.extend({\n classNames: SegmentedControlClasses,\n }),\n Select: Select.extend({\n defaultProps: {allowDeselect: false},\n }),\n Skeleton: Skeleton.extend({\n classNames: SkeletonClasses,\n }),\n Stepper: Stepper.extend({\n defaultProps: {\n size: 'xs',\n completedIcon: <CheckSize16Px />,\n },\n classNames: StepperClasses,\n }),\n Switch: Switch.extend({\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return ReadOnlyStateClasses;\n }\n return {};\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {},\n track: {\n '--switch-bg': theme.colors.gray[2],\n '--switch-bd': 'transparent',\n },\n thumb: {\n '--switch-thumb-bd': 'transparent',\n },\n };\n }\n return {root: {}, track: {}, thumb: {}};\n },\n }),\n Table: Table.extend({\n classNames: TableClasses,\n vars: () => ({\n table: {\n '--table-border-color': 'var(--mantine-color-default-border)',\n },\n }),\n }),\n Tabs: Tabs.extend({\n classNames: TabsClasses,\n }),\n Text: Text.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: TextClasses,\n }),\n Tooltip: Tooltip.extend({\n defaultProps: {\n maw: 300,\n multiline: true,\n withArrow: true,\n zIndex: 10000,\n },\n classNames: TooltipClasses,\n }),\n },\n});\n"],"names":["plasmaTheme","createTheme","fontFamily","black","color","primary","gray","defaultRadius","lineHeights","md","spacing","xxs","xs","sm","lg","xl","radius","none","xxl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","h2","h3","h4","h5","h6","fontSizes","shadows","primaryShade","colors","PlasmaColors","components","ActionIcon","extend","defaultProps","size","classNames","ActionIconClasses","AppShell","vars","theme","root","Alert","icon","InfoToken","variant","p","AlertClasses","Badge","BadgeClasses","Breadcrumbs","BreadcrumbsClasses","separator","IconSlash","separatorMargin","Button","ButtonClasses","Checkbox","props","readOnly","disabled","deepMerge","CheckboxClasses","ReadOnlyStateClasses","CheckboxIndicator","Indicator","CheckboxIndicatorClasses","CloseButton","CrossSize16Px","height","aria-label","ColorSwatch","withShadow","Combobox","ComboboxClasses","ComboboxSearch","placeholder","rightSection","FilterSize16Px","Divider","Input","_theme","anyProps","includes","__staticSelector","InputClasses","ReadOnlyInputClasses","wrapper","wrapperProps","label","description","undefined","InputWrapper","InputWrapperClasses","red","error","Loader","type","role","List","ListClasses","Modal","ModalClasses","ModalOverlay","Overlay","indigo","backgroundOpacity","blur","ModalRoot","Root","padding","MultiSelect","hidePickedOptions","NavLink","NavLinkClasses","Notification","InfoSize24Px","Pagination","PaginationClasses","nextIcon","ArrowHeadRightSize16Px","previousIcon","ArrowHeadLeftSize16Px","Popover","shadow","withArrow","Radio","RadioClasses","ScrollArea","ScrollAreaClasses","SegmentedControl","SegmentedControlClasses","Select","allowDeselect","Skeleton","SkeletonClasses","Stepper","completedIcon","CheckSize16Px","StepperClasses","Switch","track","thumb","Table","TableClasses","table","Tabs","TabsClasses","Text","TextClasses","Tooltip","maw","multiline","zIndex","TooltipClasses"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {\n ArrowHeadLeftSize16Px,\n ArrowHeadRightSize16Px,\n CheckSize16Px,\n CrossSize16Px,\n FilterSize16Px,\n IconSlash,\n InfoSize24Px,\n} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {\n ActionIcon,\n Alert,\n AppShell,\n Badge,\n Breadcrumbs,\n Button,\n Checkbox,\n CloseButton,\n ColorSwatch,\n Combobox,\n ComboboxSearch,\n createTheme,\n deepMerge,\n Divider,\n Input,\n InputWrapper,\n List,\n Loader,\n MantineThemeOverride,\n Modal,\n MultiSelect,\n NavLink,\n Notification,\n Pagination,\n Popover,\n Radio,\n ScrollArea,\n SegmentedControl,\n Select,\n Skeleton,\n Stepper,\n Switch,\n Table,\n Tabs,\n Text,\n Tooltip,\n} from '@mantine/core';\nimport {InfoToken} from '../components';\nimport ActionIconClasses from '../styles/ActionIcon.module.css';\nimport AlertClasses from '../styles/Alert.module.css';\nimport BadgeClasses from '../styles/Badge.module.css';\nimport BreadcrumbsClasses from '../styles/Breadcrumbs.module.css';\nimport ButtonClasses from '../styles/Button.module.css';\nimport CheckboxClasses from '../styles/Checkbox.module.css';\nimport CheckboxIndicatorClasses from '../styles/CheckboxIndicator.module.css';\nimport ComboboxClasses from '../styles/Combobox.module.css';\nimport InputClasses from '../styles/Input.module.css';\nimport InputWrapperClasses from '../styles/InputWrapper.module.css';\nimport ListClasses from '../styles/List.module.css';\nimport ModalClasses from '../styles/Modal.module.css';\nimport NavLinkClasses from '../styles/NavLink.module.css';\nimport PaginationClasses from '../styles/Pagination.module.css';\nimport RadioClasses from '../styles/Radio.module.css';\nimport ReadOnlyInputClasses from '../styles/ReadOnlyInput.module.css';\nimport ReadOnlyStateClasses from '../styles/ReadOnlyState.module.css';\nimport ScrollAreaClasses from '../styles/ScrollArea.module.css';\nimport SegmentedControlClasses from '../styles/SegmentedControl.module.css';\nimport SkeletonClasses from '../styles/Skeleton.module.css';\nimport StepperClasses from '../styles/Stepper.module.css';\nimport TableClasses from '../styles/Table.module.css';\nimport TabsClasses from '../styles/Tabs.module.css';\nimport TextClasses from '../styles/Text.module.css';\nimport TooltipClasses from '../styles/Tooltip.module.css';\nimport {PlasmaColors} from './PlasmaColors';\n\nexport const plasmaTheme: MantineThemeOverride = createTheme({\n // These are overrides over https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/core/src/core/MantineProvider/default-theme.ts\n fontFamily: 'canada-type-gibson, sans-serif',\n black: color.primary.gray[9],\n defaultRadius: 'md',\n lineHeights: {md: '1.5'},\n spacing: {\n xxs: '4px',\n xs: '8px',\n sm: '16px',\n md: '24px',\n lg: '32px',\n xl: '40px',\n },\n radius: {\n none: '0px',\n xs: '2px',\n sm: '4px',\n md: '8px',\n lg: '16px',\n xl: '24px',\n xxl: '32px',\n },\n primaryColor: 'blue',\n headings: {\n fontFamily: 'canada-type-gibson, sans-serif',\n fontWeight: '500',\n sizes: {\n h1: {fontSize: '40px', lineHeight: '1.2', fontWeight: '500'},\n h2: {fontSize: '32px', lineHeight: '1.25', fontWeight: '500'},\n h3: {fontSize: '24px', lineHeight: '1.33', fontWeight: '500'},\n h4: {fontSize: '18px', lineHeight: '1.2', fontWeight: '400'},\n h5: {fontSize: '16px', lineHeight: '1.25', fontWeight: '500'},\n h6: {fontSize: '12px', lineHeight: '1.33', fontWeight: '500'},\n },\n },\n fontSizes: {\n xs: '12px',\n sm: '14px',\n md: '16px',\n lg: '18px',\n xl: '20px',\n },\n shadows: {\n xs: '0px 1px 0px rgba(4, 8, 31, 0.08)',\n sm: '0px 2px 4px rgba(4, 8, 31, 0.12)',\n md: '0px 4px 8px rgba(4, 8, 31, 0.08)',\n lg: '0px 8px 16px rgba(7, 12, 41, 0.06)',\n xl: '0px 16px 24px rgba(4, 8, 31, 0.06)',\n },\n primaryShade: 5,\n colors: PlasmaColors,\n components: {\n ActionIcon: ActionIcon.extend({\n defaultProps: {\n size: 24,\n radius: 'sm',\n },\n classNames: ActionIconClasses,\n }),\n AppShell: AppShell.extend({\n vars: (theme) =>\n ({\n root: {'--app-shell-border-color': theme.colors.gray[2]},\n }) as any,\n }),\n Alert: Alert.extend({\n defaultProps: {\n icon: <InfoToken variant=\"advice\" />,\n p: 'sm',\n },\n classNames: AlertClasses,\n }),\n Badge: Badge.extend({\n classNames: BadgeClasses,\n defaultProps: {\n variant: 'light',\n tt: 'none',\n },\n }),\n Breadcrumbs: Breadcrumbs.extend({\n classNames: BreadcrumbsClasses,\n defaultProps: {\n separator: <IconSlash size={16} color=\"var(--mantine-color-dimmed)\" />,\n separatorMargin: 'xxs',\n },\n }),\n Button: Button.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: ButtonClasses,\n }),\n Checkbox: Checkbox.extend({\n defaultProps: {\n radius: 'sm',\n },\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return deepMerge(CheckboxClasses, ReadOnlyStateClasses);\n }\n return CheckboxClasses;\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {\n '--checkbox-icon-color': theme.colors.gray[7],\n '--checkbox-color': theme.colors.gray[2],\n },\n };\n }\n return {root: {}};\n },\n }),\n CheckboxIndicator: Checkbox.Indicator.extend({\n defaultProps: {\n radius: 'sm',\n },\n classNames: CheckboxIndicatorClasses,\n }),\n CloseButton: CloseButton.extend({\n defaultProps: {\n icon: <CrossSize16Px height={16} aria-label=\"close\" />,\n },\n }),\n ColorSwatch: ColorSwatch.extend({\n defaultProps: {\n size: 8,\n withShadow: false,\n },\n }),\n Combobox: Combobox.extend({\n classNames: ComboboxClasses,\n }),\n ComboboxSearch: ComboboxSearch.extend({\n defaultProps: {\n placeholder: 'Search',\n rightSection: <FilterSize16Px height={16} color=\"gray.5\" />,\n },\n }),\n Divider: Divider.extend({\n defaultProps: {\n color: 'var(--mantine-color-default-border)',\n },\n }),\n Input: Input.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: (_theme, props) => {\n const anyProps = props as any;\n if (anyProps.readOnly && !props.disabled && !['Select'].includes(anyProps.__staticSelector)) {\n return deepMerge(InputClasses, ReadOnlyInputClasses);\n }\n return InputClasses;\n },\n vars: (theme, props) => ({\n wrapper: {\n '--input-margin-top':\n props.wrapperProps?.label || props.wrapperProps?.description ? theme.spacing.xxs : undefined,\n },\n }),\n }),\n InputWrapper: InputWrapper.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: InputWrapperClasses,\n vars: (theme, props) => {\n const anyProps = props as any;\n if (anyProps.disabled || (anyProps.readOnly && !['Select'].includes(anyProps.__staticSelector))) {\n return {\n label: {'--input-asterisk-color': theme.colors.red[2]},\n error: {},\n description: {},\n };\n }\n return {\n label: {},\n error: {},\n description: {},\n };\n },\n }),\n Loader: Loader.extend({\n defaultProps: {\n type: 'dots',\n role: 'presentation',\n },\n }),\n List: List.extend({\n classNames: ListClasses,\n }),\n Modal: Modal.extend({\n classNames: ModalClasses,\n vars: () => {\n const sizes = {\n '--modal-size-xs': '432px',\n '--modal-size-sm': '664px',\n '--modal-size-md': '896px',\n '--modal-size-lg': '1120px',\n '--modal-size-xl': '88%',\n } as any;\n return {\n root: {\n ...sizes,\n },\n };\n },\n }),\n ModalOverlay: Modal.Overlay.extend({\n defaultProps: {\n color: PlasmaColors.indigo[8],\n backgroundOpacity: 0.7,\n blur: 2,\n },\n }),\n ModalRoot: Modal.Root.extend({\n defaultProps: {\n padding: 'lg',\n },\n }),\n MultiSelect: MultiSelect.extend({defaultProps: {hidePickedOptions: true}}),\n NavLink: NavLink.extend({classNames: NavLinkClasses}),\n Notification: Notification.extend({\n defaultProps: {\n icon: <InfoSize24Px height={24} />,\n },\n }),\n Pagination: Pagination.extend({\n classNames: PaginationClasses,\n defaultProps: {\n nextIcon: ArrowHeadRightSize16Px,\n previousIcon: ArrowHeadLeftSize16Px,\n },\n }),\n Popover: Popover.extend({\n defaultProps: {\n shadow: 'md',\n withArrow: true,\n },\n }),\n Radio: Radio.extend({\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return deepMerge(RadioClasses, ReadOnlyStateClasses);\n }\n return RadioClasses;\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {\n '--radio-icon-color': theme.colors.gray[7],\n '--radio-color': theme.colors.gray[2],\n },\n };\n }\n return {root: {}};\n },\n }),\n ScrollArea: ScrollArea.extend({\n classNames: ScrollAreaClasses,\n }),\n SegmentedControl: SegmentedControl.extend({\n classNames: SegmentedControlClasses,\n }),\n Select: Select.extend({\n defaultProps: {allowDeselect: false},\n }),\n Skeleton: Skeleton.extend({\n classNames: SkeletonClasses,\n }),\n Stepper: Stepper.extend({\n defaultProps: {\n size: 'xs',\n completedIcon: <CheckSize16Px />,\n },\n classNames: StepperClasses,\n }),\n Switch: Switch.extend({\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return ReadOnlyStateClasses;\n }\n return {};\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {},\n track: {\n '--switch-bg': theme.colors.gray[2],\n '--switch-bd': 'transparent',\n },\n thumb: {\n '--switch-thumb-bd': 'transparent',\n },\n };\n }\n return {root: {}, track: {}, thumb: {}};\n },\n }),\n Table: Table.extend({\n classNames: TableClasses,\n vars: () => ({\n table: {\n '--table-border-color': 'var(--mantine-color-default-border)',\n },\n }),\n }),\n Tabs: Tabs.extend({\n classNames: TabsClasses,\n }),\n Text: Text.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: TextClasses,\n }),\n Tooltip: Tooltip.extend({\n defaultProps: {\n maw: 300,\n multiline: true,\n withArrow: true,\n zIndex: 10000,\n },\n classNames: TooltipClasses,\n }),\n },\n});\n"],"names":["plasmaTheme","createTheme","fontFamily","black","color","primary","gray","defaultRadius","lineHeights","md","spacing","xxs","xs","sm","lg","xl","radius","none","xxl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","h2","h3","h4","h5","h6","fontSizes","shadows","primaryShade","colors","PlasmaColors","components","ActionIcon","extend","defaultProps","size","classNames","ActionIconClasses","AppShell","vars","theme","root","Alert","icon","InfoToken","variant","p","AlertClasses","Badge","BadgeClasses","tt","Breadcrumbs","BreadcrumbsClasses","separator","IconSlash","separatorMargin","Button","ButtonClasses","Checkbox","props","readOnly","disabled","deepMerge","CheckboxClasses","ReadOnlyStateClasses","CheckboxIndicator","Indicator","CheckboxIndicatorClasses","CloseButton","CrossSize16Px","height","aria-label","ColorSwatch","withShadow","Combobox","ComboboxClasses","ComboboxSearch","placeholder","rightSection","FilterSize16Px","Divider","Input","_theme","anyProps","includes","__staticSelector","InputClasses","ReadOnlyInputClasses","wrapper","wrapperProps","label","description","undefined","InputWrapper","InputWrapperClasses","red","error","Loader","type","role","List","ListClasses","Modal","ModalClasses","ModalOverlay","Overlay","indigo","backgroundOpacity","blur","ModalRoot","Root","padding","MultiSelect","hidePickedOptions","NavLink","NavLinkClasses","Notification","InfoSize24Px","Pagination","PaginationClasses","nextIcon","ArrowHeadRightSize16Px","previousIcon","ArrowHeadLeftSize16Px","Popover","shadow","withArrow","Radio","RadioClasses","ScrollArea","ScrollAreaClasses","SegmentedControl","SegmentedControlClasses","Select","allowDeselect","Skeleton","SkeletonClasses","Stepper","completedIcon","CheckSize16Px","StepperClasses","Switch","track","thumb","Table","TableClasses","table","Tabs","TabsClasses","Text","TextClasses","Tooltip","maw","multiline","zIndex","TooltipClasses"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAUA,OAAO,EAmBH,oBAAoB,EAkBvB,MAAM,eAAe,CAAC;AA6BvB,eAAO,MAAM,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAUA,OAAO,EAmBH,oBAAoB,EAkBvB,MAAM,eAAe,CAAC;AA6BvB,eAAO,MAAM,WAAW,EAAE,oBA2UxB,CAAC"}
|
package/dist/esm/theme/Theme.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {\n ArrowHeadLeftSize16Px,\n ArrowHeadRightSize16Px,\n CheckSize16Px,\n CrossSize16Px,\n FilterSize16Px,\n IconSlash,\n InfoSize24Px,\n} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {\n ActionIcon,\n Alert,\n AppShell,\n Badge,\n Breadcrumbs,\n Button,\n Checkbox,\n CloseButton,\n ColorSwatch,\n Combobox,\n ComboboxSearch,\n createTheme,\n deepMerge,\n Divider,\n Input,\n InputWrapper,\n List,\n Loader,\n MantineThemeOverride,\n Modal,\n MultiSelect,\n NavLink,\n Notification,\n Pagination,\n Popover,\n Radio,\n ScrollArea,\n SegmentedControl,\n Select,\n Skeleton,\n Stepper,\n Switch,\n Table,\n Tabs,\n Text,\n Tooltip,\n} from '@mantine/core';\nimport {InfoToken} from '../components';\nimport ActionIconClasses from '../styles/ActionIcon.module.css';\nimport AlertClasses from '../styles/Alert.module.css';\nimport BadgeClasses from '../styles/Badge.module.css';\nimport BreadcrumbsClasses from '../styles/Breadcrumbs.module.css';\nimport ButtonClasses from '../styles/Button.module.css';\nimport CheckboxClasses from '../styles/Checkbox.module.css';\nimport CheckboxIndicatorClasses from '../styles/CheckboxIndicator.module.css';\nimport ComboboxClasses from '../styles/Combobox.module.css';\nimport InputClasses from '../styles/Input.module.css';\nimport InputWrapperClasses from '../styles/InputWrapper.module.css';\nimport ListClasses from '../styles/List.module.css';\nimport ModalClasses from '../styles/Modal.module.css';\nimport NavLinkClasses from '../styles/NavLink.module.css';\nimport PaginationClasses from '../styles/Pagination.module.css';\nimport RadioClasses from '../styles/Radio.module.css';\nimport ReadOnlyInputClasses from '../styles/ReadOnlyInput.module.css';\nimport ReadOnlyStateClasses from '../styles/ReadOnlyState.module.css';\nimport ScrollAreaClasses from '../styles/ScrollArea.module.css';\nimport SegmentedControlClasses from '../styles/SegmentedControl.module.css';\nimport SkeletonClasses from '../styles/Skeleton.module.css';\nimport StepperClasses from '../styles/Stepper.module.css';\nimport TableClasses from '../styles/Table.module.css';\nimport TabsClasses from '../styles/Tabs.module.css';\nimport TextClasses from '../styles/Text.module.css';\nimport TooltipClasses from '../styles/Tooltip.module.css';\nimport {PlasmaColors} from './PlasmaColors';\n\nexport const plasmaTheme: MantineThemeOverride = createTheme({\n // These are overrides over https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/core/src/core/MantineProvider/default-theme.ts\n fontFamily: 'canada-type-gibson, sans-serif',\n black: color.primary.gray[9],\n defaultRadius: 'md',\n lineHeights: {md: '1.5'},\n spacing: {\n xxs: '4px',\n xs: '8px',\n sm: '16px',\n md: '24px',\n lg: '32px',\n xl: '40px',\n },\n radius: {\n none: '0px',\n xs: '2px',\n sm: '4px',\n md: '8px',\n lg: '16px',\n xl: '24px',\n xxl: '32px',\n },\n primaryColor: 'blue',\n headings: {\n fontFamily: 'canada-type-gibson, sans-serif',\n fontWeight: '500',\n sizes: {\n h1: {fontSize: '40px', lineHeight: '1.2', fontWeight: '500'},\n h2: {fontSize: '32px', lineHeight: '1.25', fontWeight: '500'},\n h3: {fontSize: '24px', lineHeight: '1.33', fontWeight: '500'},\n h4: {fontSize: '18px', lineHeight: '1.2', fontWeight: '400'},\n h5: {fontSize: '16px', lineHeight: '1.25', fontWeight: '500'},\n h6: {fontSize: '12px', lineHeight: '1.33', fontWeight: '500'},\n },\n },\n fontSizes: {\n xs: '12px',\n sm: '14px',\n md: '16px',\n lg: '18px',\n xl: '20px',\n },\n shadows: {\n xs: '0px 1px 0px rgba(4, 8, 31, 0.08)',\n sm: '0px 2px 4px rgba(4, 8, 31, 0.12)',\n md: '0px 4px 8px rgba(4, 8, 31, 0.08)',\n lg: '0px 8px 16px rgba(7, 12, 41, 0.06)',\n xl: '0px 16px 24px rgba(4, 8, 31, 0.06)',\n },\n primaryShade: 5,\n colors: PlasmaColors,\n components: {\n ActionIcon: ActionIcon.extend({\n defaultProps: {\n size: 24,\n radius: 'sm',\n },\n classNames: ActionIconClasses,\n }),\n AppShell: AppShell.extend({\n vars: (theme) =>\n ({\n root: {'--app-shell-border-color': theme.colors.gray[2]},\n }) as any,\n }),\n Alert: Alert.extend({\n defaultProps: {\n icon: <InfoToken variant=\"advice\" />,\n p: 'sm',\n },\n classNames: AlertClasses,\n }),\n Badge: Badge.extend({\n classNames: BadgeClasses,\n defaultProps: {\n variant: 'light',\n },\n }),\n Breadcrumbs: Breadcrumbs.extend({\n classNames: BreadcrumbsClasses,\n defaultProps: {\n separator: <IconSlash size={16} color=\"var(--mantine-color-dimmed)\" />,\n separatorMargin: 'xxs',\n },\n }),\n Button: Button.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: ButtonClasses,\n }),\n Checkbox: Checkbox.extend({\n defaultProps: {\n radius: 'sm',\n },\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return deepMerge(CheckboxClasses, ReadOnlyStateClasses);\n }\n return CheckboxClasses;\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {\n '--checkbox-icon-color': theme.colors.gray[7],\n '--checkbox-color': theme.colors.gray[2],\n },\n };\n }\n return {root: {}};\n },\n }),\n CheckboxIndicator: Checkbox.Indicator.extend({\n defaultProps: {\n radius: 'sm',\n },\n classNames: CheckboxIndicatorClasses,\n }),\n CloseButton: CloseButton.extend({\n defaultProps: {\n icon: <CrossSize16Px height={16} aria-label=\"close\" />,\n },\n }),\n ColorSwatch: ColorSwatch.extend({\n defaultProps: {\n size: 8,\n withShadow: false,\n },\n }),\n Combobox: Combobox.extend({\n classNames: ComboboxClasses,\n }),\n ComboboxSearch: ComboboxSearch.extend({\n defaultProps: {\n placeholder: 'Search',\n rightSection: <FilterSize16Px height={16} color=\"gray.5\" />,\n },\n }),\n Divider: Divider.extend({\n defaultProps: {\n color: 'var(--mantine-color-default-border)',\n },\n }),\n Input: Input.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: (_theme, props) => {\n const anyProps = props as any;\n if (anyProps.readOnly && !props.disabled && !['Select'].includes(anyProps.__staticSelector)) {\n return deepMerge(InputClasses, ReadOnlyInputClasses);\n }\n return InputClasses;\n },\n vars: (theme, props) => ({\n wrapper: {\n '--input-margin-top':\n props.wrapperProps?.label || props.wrapperProps?.description ? theme.spacing.xxs : undefined,\n },\n }),\n }),\n InputWrapper: InputWrapper.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: InputWrapperClasses,\n vars: (theme, props) => {\n const anyProps = props as any;\n if (anyProps.disabled || (anyProps.readOnly && !['Select'].includes(anyProps.__staticSelector))) {\n return {\n label: {'--input-asterisk-color': theme.colors.red[2]},\n error: {},\n description: {},\n };\n }\n return {\n label: {},\n error: {},\n description: {},\n };\n },\n }),\n Loader: Loader.extend({\n defaultProps: {\n type: 'dots',\n role: 'presentation',\n },\n }),\n List: List.extend({\n classNames: ListClasses,\n }),\n Modal: Modal.extend({\n classNames: ModalClasses,\n vars: () => {\n const sizes = {\n '--modal-size-xs': '432px',\n '--modal-size-sm': '664px',\n '--modal-size-md': '896px',\n '--modal-size-lg': '1120px',\n '--modal-size-xl': '88%',\n } as any;\n return {\n root: {\n ...sizes,\n },\n };\n },\n }),\n ModalOverlay: Modal.Overlay.extend({\n defaultProps: {\n color: PlasmaColors.indigo[8],\n backgroundOpacity: 0.7,\n blur: 2,\n },\n }),\n ModalRoot: Modal.Root.extend({\n defaultProps: {\n padding: 'lg',\n },\n }),\n MultiSelect: MultiSelect.extend({defaultProps: {hidePickedOptions: true}}),\n NavLink: NavLink.extend({classNames: NavLinkClasses}),\n Notification: Notification.extend({\n defaultProps: {\n icon: <InfoSize24Px height={24} />,\n },\n }),\n Pagination: Pagination.extend({\n classNames: PaginationClasses,\n defaultProps: {\n nextIcon: ArrowHeadRightSize16Px,\n previousIcon: ArrowHeadLeftSize16Px,\n },\n }),\n Popover: Popover.extend({\n defaultProps: {\n shadow: 'md',\n withArrow: true,\n },\n }),\n Radio: Radio.extend({\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return deepMerge(RadioClasses, ReadOnlyStateClasses);\n }\n return RadioClasses;\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {\n '--radio-icon-color': theme.colors.gray[7],\n '--radio-color': theme.colors.gray[2],\n },\n };\n }\n return {root: {}};\n },\n }),\n ScrollArea: ScrollArea.extend({\n classNames: ScrollAreaClasses,\n }),\n SegmentedControl: SegmentedControl.extend({\n classNames: SegmentedControlClasses,\n }),\n Select: Select.extend({\n defaultProps: {allowDeselect: false},\n }),\n Skeleton: Skeleton.extend({\n classNames: SkeletonClasses,\n }),\n Stepper: Stepper.extend({\n defaultProps: {\n size: 'xs',\n completedIcon: <CheckSize16Px />,\n },\n classNames: StepperClasses,\n }),\n Switch: Switch.extend({\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return ReadOnlyStateClasses;\n }\n return {};\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {},\n track: {\n '--switch-bg': theme.colors.gray[2],\n '--switch-bd': 'transparent',\n },\n thumb: {\n '--switch-thumb-bd': 'transparent',\n },\n };\n }\n return {root: {}, track: {}, thumb: {}};\n },\n }),\n Table: Table.extend({\n classNames: TableClasses,\n vars: () => ({\n table: {\n '--table-border-color': 'var(--mantine-color-default-border)',\n },\n }),\n }),\n Tabs: Tabs.extend({\n classNames: TabsClasses,\n }),\n Text: Text.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: TextClasses,\n }),\n Tooltip: Tooltip.extend({\n defaultProps: {\n maw: 300,\n multiline: true,\n withArrow: true,\n zIndex: 10000,\n },\n classNames: TooltipClasses,\n }),\n },\n});\n"],"names":["ArrowHeadLeftSize16Px","ArrowHeadRightSize16Px","CheckSize16Px","CrossSize16Px","FilterSize16Px","IconSlash","InfoSize24Px","color","ActionIcon","Alert","AppShell","Badge","Breadcrumbs","Button","Checkbox","CloseButton","ColorSwatch","Combobox","ComboboxSearch","createTheme","deepMerge","Divider","Input","InputWrapper","List","Loader","Modal","MultiSelect","NavLink","Notification","Pagination","Popover","Radio","ScrollArea","SegmentedControl","Select","Skeleton","Stepper","Switch","Table","Tabs","Text","Tooltip","InfoToken","ActionIconClasses","AlertClasses","BadgeClasses","BreadcrumbsClasses","ButtonClasses","CheckboxClasses","CheckboxIndicatorClasses","ComboboxClasses","InputClasses","InputWrapperClasses","ListClasses","ModalClasses","NavLinkClasses","PaginationClasses","RadioClasses","ReadOnlyInputClasses","ReadOnlyStateClasses","ScrollAreaClasses","SegmentedControlClasses","SkeletonClasses","StepperClasses","TableClasses","TabsClasses","TextClasses","TooltipClasses","PlasmaColors","plasmaTheme","fontFamily","black","primary","gray","defaultRadius","lineHeights","md","spacing","xxs","xs","sm","lg","xl","radius","none","xxl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","h2","h3","h4","h5","h6","fontSizes","shadows","primaryShade","colors","components","extend","defaultProps","size","classNames","vars","theme","root","icon","variant","p","separator","separatorMargin","props","readOnly","disabled","CheckboxIndicator","Indicator","height","aria-label","withShadow","placeholder","rightSection","_theme","anyProps","includes","__staticSelector","wrapper","wrapperProps","label","description","undefined","red","error","type","role","ModalOverlay","Overlay","indigo","backgroundOpacity","blur","ModalRoot","Root","padding","hidePickedOptions","nextIcon","previousIcon","shadow","withArrow","allowDeselect","completedIcon","track","thumb","table","maw","multiline","zIndex"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {\n ArrowHeadLeftSize16Px,\n ArrowHeadRightSize16Px,\n CheckSize16Px,\n CrossSize16Px,\n FilterSize16Px,\n IconSlash,\n InfoSize24Px,\n} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {\n ActionIcon,\n Alert,\n AppShell,\n Badge,\n Breadcrumbs,\n Button,\n Checkbox,\n CloseButton,\n ColorSwatch,\n Combobox,\n ComboboxSearch,\n createTheme,\n deepMerge,\n Divider,\n Input,\n InputWrapper,\n List,\n Loader,\n MantineThemeOverride,\n Modal,\n MultiSelect,\n NavLink,\n Notification,\n Pagination,\n Popover,\n Radio,\n ScrollArea,\n SegmentedControl,\n Select,\n Skeleton,\n Stepper,\n Switch,\n Table,\n Tabs,\n Text,\n Tooltip,\n} from '@mantine/core';\nimport {InfoToken} from '../components';\nimport ActionIconClasses from '../styles/ActionIcon.module.css';\nimport AlertClasses from '../styles/Alert.module.css';\nimport BadgeClasses from '../styles/Badge.module.css';\nimport BreadcrumbsClasses from '../styles/Breadcrumbs.module.css';\nimport ButtonClasses from '../styles/Button.module.css';\nimport CheckboxClasses from '../styles/Checkbox.module.css';\nimport CheckboxIndicatorClasses from '../styles/CheckboxIndicator.module.css';\nimport ComboboxClasses from '../styles/Combobox.module.css';\nimport InputClasses from '../styles/Input.module.css';\nimport InputWrapperClasses from '../styles/InputWrapper.module.css';\nimport ListClasses from '../styles/List.module.css';\nimport ModalClasses from '../styles/Modal.module.css';\nimport NavLinkClasses from '../styles/NavLink.module.css';\nimport PaginationClasses from '../styles/Pagination.module.css';\nimport RadioClasses from '../styles/Radio.module.css';\nimport ReadOnlyInputClasses from '../styles/ReadOnlyInput.module.css';\nimport ReadOnlyStateClasses from '../styles/ReadOnlyState.module.css';\nimport ScrollAreaClasses from '../styles/ScrollArea.module.css';\nimport SegmentedControlClasses from '../styles/SegmentedControl.module.css';\nimport SkeletonClasses from '../styles/Skeleton.module.css';\nimport StepperClasses from '../styles/Stepper.module.css';\nimport TableClasses from '../styles/Table.module.css';\nimport TabsClasses from '../styles/Tabs.module.css';\nimport TextClasses from '../styles/Text.module.css';\nimport TooltipClasses from '../styles/Tooltip.module.css';\nimport {PlasmaColors} from './PlasmaColors';\n\nexport const plasmaTheme: MantineThemeOverride = createTheme({\n // These are overrides over https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/core/src/core/MantineProvider/default-theme.ts\n fontFamily: 'canada-type-gibson, sans-serif',\n black: color.primary.gray[9],\n defaultRadius: 'md',\n lineHeights: {md: '1.5'},\n spacing: {\n xxs: '4px',\n xs: '8px',\n sm: '16px',\n md: '24px',\n lg: '32px',\n xl: '40px',\n },\n radius: {\n none: '0px',\n xs: '2px',\n sm: '4px',\n md: '8px',\n lg: '16px',\n xl: '24px',\n xxl: '32px',\n },\n primaryColor: 'blue',\n headings: {\n fontFamily: 'canada-type-gibson, sans-serif',\n fontWeight: '500',\n sizes: {\n h1: {fontSize: '40px', lineHeight: '1.2', fontWeight: '500'},\n h2: {fontSize: '32px', lineHeight: '1.25', fontWeight: '500'},\n h3: {fontSize: '24px', lineHeight: '1.33', fontWeight: '500'},\n h4: {fontSize: '18px', lineHeight: '1.2', fontWeight: '400'},\n h5: {fontSize: '16px', lineHeight: '1.25', fontWeight: '500'},\n h6: {fontSize: '12px', lineHeight: '1.33', fontWeight: '500'},\n },\n },\n fontSizes: {\n xs: '12px',\n sm: '14px',\n md: '16px',\n lg: '18px',\n xl: '20px',\n },\n shadows: {\n xs: '0px 1px 0px rgba(4, 8, 31, 0.08)',\n sm: '0px 2px 4px rgba(4, 8, 31, 0.12)',\n md: '0px 4px 8px rgba(4, 8, 31, 0.08)',\n lg: '0px 8px 16px rgba(7, 12, 41, 0.06)',\n xl: '0px 16px 24px rgba(4, 8, 31, 0.06)',\n },\n primaryShade: 5,\n colors: PlasmaColors,\n components: {\n ActionIcon: ActionIcon.extend({\n defaultProps: {\n size: 24,\n radius: 'sm',\n },\n classNames: ActionIconClasses,\n }),\n AppShell: AppShell.extend({\n vars: (theme) =>\n ({\n root: {'--app-shell-border-color': theme.colors.gray[2]},\n }) as any,\n }),\n Alert: Alert.extend({\n defaultProps: {\n icon: <InfoToken variant=\"advice\" />,\n p: 'sm',\n },\n classNames: AlertClasses,\n }),\n Badge: Badge.extend({\n classNames: BadgeClasses,\n defaultProps: {\n variant: 'light',\n tt: 'none',\n },\n }),\n Breadcrumbs: Breadcrumbs.extend({\n classNames: BreadcrumbsClasses,\n defaultProps: {\n separator: <IconSlash size={16} color=\"var(--mantine-color-dimmed)\" />,\n separatorMargin: 'xxs',\n },\n }),\n Button: Button.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: ButtonClasses,\n }),\n Checkbox: Checkbox.extend({\n defaultProps: {\n radius: 'sm',\n },\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return deepMerge(CheckboxClasses, ReadOnlyStateClasses);\n }\n return CheckboxClasses;\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {\n '--checkbox-icon-color': theme.colors.gray[7],\n '--checkbox-color': theme.colors.gray[2],\n },\n };\n }\n return {root: {}};\n },\n }),\n CheckboxIndicator: Checkbox.Indicator.extend({\n defaultProps: {\n radius: 'sm',\n },\n classNames: CheckboxIndicatorClasses,\n }),\n CloseButton: CloseButton.extend({\n defaultProps: {\n icon: <CrossSize16Px height={16} aria-label=\"close\" />,\n },\n }),\n ColorSwatch: ColorSwatch.extend({\n defaultProps: {\n size: 8,\n withShadow: false,\n },\n }),\n Combobox: Combobox.extend({\n classNames: ComboboxClasses,\n }),\n ComboboxSearch: ComboboxSearch.extend({\n defaultProps: {\n placeholder: 'Search',\n rightSection: <FilterSize16Px height={16} color=\"gray.5\" />,\n },\n }),\n Divider: Divider.extend({\n defaultProps: {\n color: 'var(--mantine-color-default-border)',\n },\n }),\n Input: Input.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: (_theme, props) => {\n const anyProps = props as any;\n if (anyProps.readOnly && !props.disabled && !['Select'].includes(anyProps.__staticSelector)) {\n return deepMerge(InputClasses, ReadOnlyInputClasses);\n }\n return InputClasses;\n },\n vars: (theme, props) => ({\n wrapper: {\n '--input-margin-top':\n props.wrapperProps?.label || props.wrapperProps?.description ? theme.spacing.xxs : undefined,\n },\n }),\n }),\n InputWrapper: InputWrapper.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: InputWrapperClasses,\n vars: (theme, props) => {\n const anyProps = props as any;\n if (anyProps.disabled || (anyProps.readOnly && !['Select'].includes(anyProps.__staticSelector))) {\n return {\n label: {'--input-asterisk-color': theme.colors.red[2]},\n error: {},\n description: {},\n };\n }\n return {\n label: {},\n error: {},\n description: {},\n };\n },\n }),\n Loader: Loader.extend({\n defaultProps: {\n type: 'dots',\n role: 'presentation',\n },\n }),\n List: List.extend({\n classNames: ListClasses,\n }),\n Modal: Modal.extend({\n classNames: ModalClasses,\n vars: () => {\n const sizes = {\n '--modal-size-xs': '432px',\n '--modal-size-sm': '664px',\n '--modal-size-md': '896px',\n '--modal-size-lg': '1120px',\n '--modal-size-xl': '88%',\n } as any;\n return {\n root: {\n ...sizes,\n },\n };\n },\n }),\n ModalOverlay: Modal.Overlay.extend({\n defaultProps: {\n color: PlasmaColors.indigo[8],\n backgroundOpacity: 0.7,\n blur: 2,\n },\n }),\n ModalRoot: Modal.Root.extend({\n defaultProps: {\n padding: 'lg',\n },\n }),\n MultiSelect: MultiSelect.extend({defaultProps: {hidePickedOptions: true}}),\n NavLink: NavLink.extend({classNames: NavLinkClasses}),\n Notification: Notification.extend({\n defaultProps: {\n icon: <InfoSize24Px height={24} />,\n },\n }),\n Pagination: Pagination.extend({\n classNames: PaginationClasses,\n defaultProps: {\n nextIcon: ArrowHeadRightSize16Px,\n previousIcon: ArrowHeadLeftSize16Px,\n },\n }),\n Popover: Popover.extend({\n defaultProps: {\n shadow: 'md',\n withArrow: true,\n },\n }),\n Radio: Radio.extend({\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return deepMerge(RadioClasses, ReadOnlyStateClasses);\n }\n return RadioClasses;\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {\n '--radio-icon-color': theme.colors.gray[7],\n '--radio-color': theme.colors.gray[2],\n },\n };\n }\n return {root: {}};\n },\n }),\n ScrollArea: ScrollArea.extend({\n classNames: ScrollAreaClasses,\n }),\n SegmentedControl: SegmentedControl.extend({\n classNames: SegmentedControlClasses,\n }),\n Select: Select.extend({\n defaultProps: {allowDeselect: false},\n }),\n Skeleton: Skeleton.extend({\n classNames: SkeletonClasses,\n }),\n Stepper: Stepper.extend({\n defaultProps: {\n size: 'xs',\n completedIcon: <CheckSize16Px />,\n },\n classNames: StepperClasses,\n }),\n Switch: Switch.extend({\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return ReadOnlyStateClasses;\n }\n return {};\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {},\n track: {\n '--switch-bg': theme.colors.gray[2],\n '--switch-bd': 'transparent',\n },\n thumb: {\n '--switch-thumb-bd': 'transparent',\n },\n };\n }\n return {root: {}, track: {}, thumb: {}};\n },\n }),\n Table: Table.extend({\n classNames: TableClasses,\n vars: () => ({\n table: {\n '--table-border-color': 'var(--mantine-color-default-border)',\n },\n }),\n }),\n Tabs: Tabs.extend({\n classNames: TabsClasses,\n }),\n Text: Text.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: TextClasses,\n }),\n Tooltip: Tooltip.extend({\n defaultProps: {\n maw: 300,\n multiline: true,\n withArrow: true,\n zIndex: 10000,\n },\n classNames: TooltipClasses,\n }),\n },\n});\n"],"names":["ArrowHeadLeftSize16Px","ArrowHeadRightSize16Px","CheckSize16Px","CrossSize16Px","FilterSize16Px","IconSlash","InfoSize24Px","color","ActionIcon","Alert","AppShell","Badge","Breadcrumbs","Button","Checkbox","CloseButton","ColorSwatch","Combobox","ComboboxSearch","createTheme","deepMerge","Divider","Input","InputWrapper","List","Loader","Modal","MultiSelect","NavLink","Notification","Pagination","Popover","Radio","ScrollArea","SegmentedControl","Select","Skeleton","Stepper","Switch","Table","Tabs","Text","Tooltip","InfoToken","ActionIconClasses","AlertClasses","BadgeClasses","BreadcrumbsClasses","ButtonClasses","CheckboxClasses","CheckboxIndicatorClasses","ComboboxClasses","InputClasses","InputWrapperClasses","ListClasses","ModalClasses","NavLinkClasses","PaginationClasses","RadioClasses","ReadOnlyInputClasses","ReadOnlyStateClasses","ScrollAreaClasses","SegmentedControlClasses","SkeletonClasses","StepperClasses","TableClasses","TabsClasses","TextClasses","TooltipClasses","PlasmaColors","plasmaTheme","fontFamily","black","primary","gray","defaultRadius","lineHeights","md","spacing","xxs","xs","sm","lg","xl","radius","none","xxl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","h2","h3","h4","h5","h6","fontSizes","shadows","primaryShade","colors","components","extend","defaultProps","size","classNames","vars","theme","root","icon","variant","p","tt","separator","separatorMargin","props","readOnly","disabled","CheckboxIndicator","Indicator","height","aria-label","withShadow","placeholder","rightSection","_theme","anyProps","includes","__staticSelector","wrapper","wrapperProps","label","description","undefined","red","error","type","role","ModalOverlay","Overlay","indigo","backgroundOpacity","blur","ModalRoot","Root","padding","hidePickedOptions","nextIcon","previousIcon","shadow","withArrow","allowDeselect","completedIcon","track","thumb","table","maw","multiline","zIndex"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coveord/plasma-mantine",
|
|
3
|
-
"version": "55.7.2-next.
|
|
3
|
+
"version": "55.7.2-next.22",
|
|
4
4
|
"description": "A Plasma flavoured Mantine theme",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"plasma",
|
|
@@ -42,8 +42,8 @@
|
|
|
42
42
|
"lodash.debounce": "4.0.8",
|
|
43
43
|
"lodash.defaultsdeep": "4.6.1",
|
|
44
44
|
"monaco-editor": "0.52.2",
|
|
45
|
-
"@coveord/plasma-
|
|
46
|
-
"@coveord/plasma-
|
|
45
|
+
"@coveord/plasma-react-icons": "55.7.2-next.15",
|
|
46
|
+
"@coveord/plasma-tokens": "55.7.2-next.14"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
49
|
"@mantine/carousel": "7.17.3",
|