@mantine/core 3.5.4 → 3.5.5
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/TransferList/RenderList/RenderList.styles.js +6 -0
- package/cjs/components/TransferList/RenderList/RenderList.styles.js.map +1 -1
- package/esm/components/TransferList/RenderList/RenderList.styles.js +6 -0
- package/esm/components/TransferList/RenderList/RenderList.styles.js.map +1 -1
- package/lib/components/TransferList/RenderList/RenderList.styles.d.ts.map +1 -1
- package/package.json +3 -3
|
@@ -48,6 +48,8 @@ var useStyles = styles.createStyles((theme, { reversed, native }) => ({
|
|
|
48
48
|
borderTopWidth: 0,
|
|
49
49
|
borderRightWidth: 0,
|
|
50
50
|
borderLeftWidth: 0,
|
|
51
|
+
borderTopLeftRadius: reversed ? 0 : theme.radius.sm - 1,
|
|
52
|
+
borderTopRightRadius: reversed ? theme.radius.sm - 1 : 0,
|
|
51
53
|
display: "block",
|
|
52
54
|
borderBottomColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]
|
|
53
55
|
},
|
|
@@ -56,6 +58,10 @@ var useStyles = styles.createStyles((theme, { reversed, native }) => ({
|
|
|
56
58
|
borderRightWidth: reversed ? void 0 : 0,
|
|
57
59
|
borderLeftWidth: reversed ? 0 : void 0,
|
|
58
60
|
borderColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4],
|
|
61
|
+
"&:last-of-type": {
|
|
62
|
+
borderTopLeftRadius: reversed ? theme.radius.sm - 1 : 0,
|
|
63
|
+
borderTopRightRadius: reversed ? 0 : theme.radius.sm - 1
|
|
64
|
+
},
|
|
59
65
|
"&:disabled": {
|
|
60
66
|
backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : "transparent",
|
|
61
67
|
borderColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RenderList.styles.js","sources":["../../../../src/components/TransferList/RenderList/RenderList.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\ninterface RenderListStyles {\n reversed: boolean;\n native: boolean;\n}\n\nconst ITEM_PADDING = 7;\n\nexport default createStyles((theme, { reversed, native }: RenderListStyles) => ({\n transferList: {\n flex: 1,\n display: 'flex',\n flexDirection: 'column',\n },\n\n transferListItem: {\n display: 'block',\n width: `calc(100% - ${ITEM_PADDING * 2}px)`,\n padding: ITEM_PADDING,\n marginLeft: theme.spacing.sm - ITEM_PADDING,\n marginRight: theme.spacing.sm - ITEM_PADDING,\n borderRadius: theme.radius.sm,\n\n '&:first-of-type': {\n marginTop: theme.spacing.sm - ITEM_PADDING,\n },\n\n '&:last-of-type': {\n marginBottom: theme.spacing.sm - ITEM_PADDING,\n },\n },\n\n transferListItemHovered: {\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[0],\n },\n\n transferListItems: {\n overflow: native ? 'auto' : 'hidden',\n },\n\n transferListHeader: {\n display: 'flex',\n flexDirection: reversed ? 'row-reverse' : 'row',\n },\n\n transferListBody: {\n flex: 1,\n borderRadius: theme.radius.sm,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n border: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n }`,\n },\n\n transferListTitle: {\n marginBottom: 5,\n },\n\n transferListSearch: {\n borderTopWidth: 0,\n borderRightWidth: 0,\n borderLeftWidth: 0,\n display: 'block',\n borderBottomColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4],\n },\n\n transferListControl: {\n borderTop: 0,\n borderRightWidth: reversed ? undefined : 0,\n borderLeftWidth: reversed ? 0 : undefined,\n borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4],\n\n '&:disabled': {\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : 'transparent',\n borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4],\n },\n },\n\n separator: {\n boxSizing: 'border-box',\n textAlign: 'left',\n width: '100%',\n padding: `${theme.spacing.sm / 1.5}px ${theme.spacing.sm}px`,\n },\n\n separatorLabel: {\n color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5],\n },\n}));\n"],"names":["createStyles"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"RenderList.styles.js","sources":["../../../../src/components/TransferList/RenderList/RenderList.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\ninterface RenderListStyles {\n reversed: boolean;\n native: boolean;\n}\n\nconst ITEM_PADDING = 7;\n\nexport default createStyles((theme, { reversed, native }: RenderListStyles) => ({\n transferList: {\n flex: 1,\n display: 'flex',\n flexDirection: 'column',\n },\n\n transferListItem: {\n display: 'block',\n width: `calc(100% - ${ITEM_PADDING * 2}px)`,\n padding: ITEM_PADDING,\n marginLeft: theme.spacing.sm - ITEM_PADDING,\n marginRight: theme.spacing.sm - ITEM_PADDING,\n borderRadius: theme.radius.sm,\n\n '&:first-of-type': {\n marginTop: theme.spacing.sm - ITEM_PADDING,\n },\n\n '&:last-of-type': {\n marginBottom: theme.spacing.sm - ITEM_PADDING,\n },\n },\n\n transferListItemHovered: {\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[0],\n },\n\n transferListItems: {\n overflow: native ? 'auto' : 'hidden',\n },\n\n transferListHeader: {\n display: 'flex',\n flexDirection: reversed ? 'row-reverse' : 'row',\n },\n\n transferListBody: {\n flex: 1,\n borderRadius: theme.radius.sm,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n border: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n }`,\n },\n\n transferListTitle: {\n marginBottom: 5,\n },\n\n transferListSearch: {\n borderTopWidth: 0,\n borderRightWidth: 0,\n borderLeftWidth: 0,\n borderTopLeftRadius: reversed ? 0 : theme.radius.sm - 1,\n borderTopRightRadius: reversed ? theme.radius.sm - 1 : 0,\n display: 'block',\n borderBottomColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4],\n },\n\n transferListControl: {\n borderTop: 0,\n borderRightWidth: reversed ? undefined : 0,\n borderLeftWidth: reversed ? 0 : undefined,\n borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4],\n\n '&:last-of-type': {\n borderTopLeftRadius: reversed ? theme.radius.sm - 1 : 0,\n borderTopRightRadius: reversed ? 0 : theme.radius.sm - 1,\n },\n\n '&:disabled': {\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : 'transparent',\n borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4],\n },\n },\n\n separator: {\n boxSizing: 'border-box',\n textAlign: 'left',\n width: '100%',\n padding: `${theme.spacing.sm / 1.5}px ${theme.spacing.sm}px`,\n },\n\n separatorLabel: {\n color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5],\n },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AACA,MAAM,YAAY,GAAG,CAAC,CAAC;AACvB,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM;AAC9D,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,aAAa,EAAE,QAAQ;AAC3B,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,KAAK,EAAE,CAAC,YAAY,EAAE,YAAY,GAAG,CAAC,CAAC,GAAG,CAAC;AAC/C,IAAI,OAAO,EAAE,YAAY;AACzB,IAAI,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,YAAY;AAC/C,IAAI,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,YAAY;AAChD,IAAI,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;AACjC,IAAI,iBAAiB,EAAE;AACvB,MAAM,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,YAAY;AAChD,KAAK;AACL,IAAI,gBAAgB,EAAE;AACtB,MAAM,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,YAAY;AACnD,KAAK;AACL,GAAG;AACH,EAAE,uBAAuB,EAAE;AAC3B,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/F,GAAG;AACH,EAAE,iBAAiB,EAAE;AACrB,IAAI,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ;AACxC,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,aAAa,EAAE,QAAQ,GAAG,aAAa,GAAG,KAAK;AACnD,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;AACjC,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACtF,IAAI,MAAM,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACrG,GAAG;AACH,EAAE,iBAAiB,EAAE;AACrB,IAAI,YAAY,EAAE,CAAC;AACnB,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,cAAc,EAAE,CAAC;AACrB,IAAI,gBAAgB,EAAE,CAAC;AACvB,IAAI,eAAe,EAAE,CAAC;AACtB,IAAI,mBAAmB,EAAE,QAAQ,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC;AAC3D,IAAI,oBAAoB,EAAE,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC;AAC5D,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,iBAAiB,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACjG,GAAG;AACH,EAAE,mBAAmB,EAAE;AACvB,IAAI,SAAS,EAAE,CAAC;AAChB,IAAI,gBAAgB,EAAE,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC;AAC3C,IAAI,eAAe,EAAE,QAAQ,GAAG,CAAC,GAAG,KAAK,CAAC;AAC1C,IAAI,WAAW,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC3F,IAAI,gBAAgB,EAAE;AACtB,MAAM,mBAAmB,EAAE,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC;AAC7D,MAAM,oBAAoB,EAAE,QAAQ,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC;AAC9D,KAAK;AACL,IAAI,YAAY,EAAE;AAClB,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,aAAa;AAC1F,MAAM,WAAW,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC7F,KAAK;AACL,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,SAAS,EAAE,YAAY;AAC3B,IAAI,SAAS,EAAE,MAAM;AACrB,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;AAChE,GAAG;AACH,EAAE,cAAc,EAAE;AAClB,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACrF,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
|
|
@@ -44,6 +44,8 @@ var useStyles = createStyles((theme, { reversed, native }) => ({
|
|
|
44
44
|
borderTopWidth: 0,
|
|
45
45
|
borderRightWidth: 0,
|
|
46
46
|
borderLeftWidth: 0,
|
|
47
|
+
borderTopLeftRadius: reversed ? 0 : theme.radius.sm - 1,
|
|
48
|
+
borderTopRightRadius: reversed ? theme.radius.sm - 1 : 0,
|
|
47
49
|
display: "block",
|
|
48
50
|
borderBottomColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]
|
|
49
51
|
},
|
|
@@ -52,6 +54,10 @@ var useStyles = createStyles((theme, { reversed, native }) => ({
|
|
|
52
54
|
borderRightWidth: reversed ? void 0 : 0,
|
|
53
55
|
borderLeftWidth: reversed ? 0 : void 0,
|
|
54
56
|
borderColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4],
|
|
57
|
+
"&:last-of-type": {
|
|
58
|
+
borderTopLeftRadius: reversed ? theme.radius.sm - 1 : 0,
|
|
59
|
+
borderTopRightRadius: reversed ? 0 : theme.radius.sm - 1
|
|
60
|
+
},
|
|
55
61
|
"&:disabled": {
|
|
56
62
|
backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : "transparent",
|
|
57
63
|
borderColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RenderList.styles.js","sources":["../../../../src/components/TransferList/RenderList/RenderList.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\ninterface RenderListStyles {\n reversed: boolean;\n native: boolean;\n}\n\nconst ITEM_PADDING = 7;\n\nexport default createStyles((theme, { reversed, native }: RenderListStyles) => ({\n transferList: {\n flex: 1,\n display: 'flex',\n flexDirection: 'column',\n },\n\n transferListItem: {\n display: 'block',\n width: `calc(100% - ${ITEM_PADDING * 2}px)`,\n padding: ITEM_PADDING,\n marginLeft: theme.spacing.sm - ITEM_PADDING,\n marginRight: theme.spacing.sm - ITEM_PADDING,\n borderRadius: theme.radius.sm,\n\n '&:first-of-type': {\n marginTop: theme.spacing.sm - ITEM_PADDING,\n },\n\n '&:last-of-type': {\n marginBottom: theme.spacing.sm - ITEM_PADDING,\n },\n },\n\n transferListItemHovered: {\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[0],\n },\n\n transferListItems: {\n overflow: native ? 'auto' : 'hidden',\n },\n\n transferListHeader: {\n display: 'flex',\n flexDirection: reversed ? 'row-reverse' : 'row',\n },\n\n transferListBody: {\n flex: 1,\n borderRadius: theme.radius.sm,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n border: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n }`,\n },\n\n transferListTitle: {\n marginBottom: 5,\n },\n\n transferListSearch: {\n borderTopWidth: 0,\n borderRightWidth: 0,\n borderLeftWidth: 0,\n display: 'block',\n borderBottomColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4],\n },\n\n transferListControl: {\n borderTop: 0,\n borderRightWidth: reversed ? undefined : 0,\n borderLeftWidth: reversed ? 0 : undefined,\n borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4],\n\n '&:disabled': {\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : 'transparent',\n borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4],\n },\n },\n\n separator: {\n boxSizing: 'border-box',\n textAlign: 'left',\n width: '100%',\n padding: `${theme.spacing.sm / 1.5}px ${theme.spacing.sm}px`,\n },\n\n separatorLabel: {\n color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5],\n },\n}));\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"RenderList.styles.js","sources":["../../../../src/components/TransferList/RenderList/RenderList.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\ninterface RenderListStyles {\n reversed: boolean;\n native: boolean;\n}\n\nconst ITEM_PADDING = 7;\n\nexport default createStyles((theme, { reversed, native }: RenderListStyles) => ({\n transferList: {\n flex: 1,\n display: 'flex',\n flexDirection: 'column',\n },\n\n transferListItem: {\n display: 'block',\n width: `calc(100% - ${ITEM_PADDING * 2}px)`,\n padding: ITEM_PADDING,\n marginLeft: theme.spacing.sm - ITEM_PADDING,\n marginRight: theme.spacing.sm - ITEM_PADDING,\n borderRadius: theme.radius.sm,\n\n '&:first-of-type': {\n marginTop: theme.spacing.sm - ITEM_PADDING,\n },\n\n '&:last-of-type': {\n marginBottom: theme.spacing.sm - ITEM_PADDING,\n },\n },\n\n transferListItemHovered: {\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[0],\n },\n\n transferListItems: {\n overflow: native ? 'auto' : 'hidden',\n },\n\n transferListHeader: {\n display: 'flex',\n flexDirection: reversed ? 'row-reverse' : 'row',\n },\n\n transferListBody: {\n flex: 1,\n borderRadius: theme.radius.sm,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n border: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n }`,\n },\n\n transferListTitle: {\n marginBottom: 5,\n },\n\n transferListSearch: {\n borderTopWidth: 0,\n borderRightWidth: 0,\n borderLeftWidth: 0,\n borderTopLeftRadius: reversed ? 0 : theme.radius.sm - 1,\n borderTopRightRadius: reversed ? theme.radius.sm - 1 : 0,\n display: 'block',\n borderBottomColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4],\n },\n\n transferListControl: {\n borderTop: 0,\n borderRightWidth: reversed ? undefined : 0,\n borderLeftWidth: reversed ? 0 : undefined,\n borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4],\n\n '&:last-of-type': {\n borderTopLeftRadius: reversed ? theme.radius.sm - 1 : 0,\n borderTopRightRadius: reversed ? 0 : theme.radius.sm - 1,\n },\n\n '&:disabled': {\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : 'transparent',\n borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4],\n },\n },\n\n separator: {\n boxSizing: 'border-box',\n textAlign: 'left',\n width: '100%',\n padding: `${theme.spacing.sm / 1.5}px ${theme.spacing.sm}px`,\n },\n\n separatorLabel: {\n color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5],\n },\n}));\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RenderList.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/TransferList/RenderList/RenderList.styles.ts"],"names":[],"mappings":"AAEA,UAAU,gBAAgB;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;CACjB;;;;;;AAID,
|
|
1
|
+
{"version":3,"file":"RenderList.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/TransferList/RenderList/RenderList.styles.ts"],"names":[],"mappings":"AAEA,UAAU,gBAAgB;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;CACjB;;;;;;AAID,wBAuFI"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mantine/core",
|
|
3
3
|
"description": "React components library focused on usability, accessibility and developer experience",
|
|
4
|
-
"version": "3.5.
|
|
4
|
+
"version": "3.5.5",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "esm/index.js",
|
|
7
7
|
"types": "lib/index.d.ts",
|
|
@@ -15,12 +15,12 @@
|
|
|
15
15
|
"directory": "src/mantine-core"
|
|
16
16
|
},
|
|
17
17
|
"peerDependencies": {
|
|
18
|
-
"@mantine/hooks": "3.5.
|
|
18
|
+
"@mantine/hooks": "3.5.5",
|
|
19
19
|
"react": ">=16.8.0",
|
|
20
20
|
"react-dom": ">=16.8.0"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@mantine/styles": "3.5.
|
|
23
|
+
"@mantine/styles": "3.5.5",
|
|
24
24
|
"@radix-ui/react-scroll-area": "^0.1.1",
|
|
25
25
|
"clsx": "^1.1.1",
|
|
26
26
|
"react-textarea-autosize": "^8.3.2",
|