@tidbcloud/uikit 2.0.0-beta.102 → 2.0.0-beta.103

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/biz/Table/ProTable/ProTable.cjs +1 -1
  3. package/dist/biz/Table/ProTable/ProTable.js +1 -1
  4. package/dist/biz/Table/ProTable/helpers.cjs +1 -1
  5. package/dist/biz/Table/ProTable/helpers.js +1 -1
  6. package/dist/biz/index.cjs +1 -1
  7. package/dist/biz/index.js +1 -1
  8. package/dist/theme/theme.cjs +101 -4
  9. package/dist/theme/theme.js +101 -4
  10. package/package.json +2 -2
  11. package/dist/theme/code.cjs +0 -112
  12. package/dist/theme/code.js +0 -112
  13. /package/dist/node_modules/.pnpm/{mantine-react-table@2.0.0-beta.7_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@_tv5k33e2xv2ghgzgbuumgl5kri → mantine-react-table@2.0.0-beta.7_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@_3lapg4gq7t7qelopiochylbrve}/node_modules/mantine-react-table/dist/index.esm.cjs +0 -0
  14. /package/dist/node_modules/.pnpm/{mantine-react-table@2.0.0-beta.7_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@_tv5k33e2xv2ghgzgbuumgl5kri → mantine-react-table@2.0.0-beta.7_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@_3lapg4gq7t7qelopiochylbrve}/node_modules/mantine-react-table/dist/index.esm.js +0 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @tidbcloud/uikit
2
2
 
3
+ ## 2.0.0-beta.103
4
+
5
+ ### Minor Changes
6
+
7
+ - refactor: fix code highlight theme and upgrade @tabler icon ([#382](https://github.com/tidbcloud/tidbcloud-uikit/pull/382))
8
+
3
9
  ## 2.0.0-beta.102
4
10
 
5
11
  ### Minor Changes
package/dist/biz/Table/ProTable/ProTable.cjs CHANGED
@@ -2,7 +2,7 @@
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.cjs");
4
4
  ;/* empty css */
5
- const index_esm = require("../../../node_modules/.pnpm/mantine-react-table@2.0.0-beta.7_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@_tv5k33e2xv2ghgzgbuumgl5kri/node_modules/mantine-react-table/dist/index.esm.cjs");
5
+ const index_esm = require("../../../node_modules/.pnpm/mantine-react-table@2.0.0-beta.7_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@_3lapg4gq7t7qelopiochylbrve/node_modules/mantine-react-table/dist/index.esm.cjs");
6
6
  ;/* empty css */
7
7
  ;/* empty css */
8
8
  ;/* empty css */
package/dist/biz/Table/ProTable/ProTable.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { j as jsxRuntimeExports } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
2
2
  /* empty css */
3
- import { MantineReactTable } from "../../../node_modules/.pnpm/mantine-react-table@2.0.0-beta.7_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@_tv5k33e2xv2ghgzgbuumgl5kri/node_modules/mantine-react-table/dist/index.esm.js";
3
+ import { MantineReactTable } from "../../../node_modules/.pnpm/mantine-react-table@2.0.0-beta.7_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@_3lapg4gq7t7qelopiochylbrve/node_modules/mantine-react-table/dist/index.esm.js";
4
4
  /* empty css */
5
5
  /* empty css */
6
6
  /* empty css */
package/dist/biz/Table/ProTable/helpers.cjs CHANGED
@@ -2,7 +2,7 @@
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.cjs");
4
4
  const lodashEs = require("lodash-es");
5
- const index_esm = require("../../../node_modules/.pnpm/mantine-react-table@2.0.0-beta.7_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@_tv5k33e2xv2ghgzgbuumgl5kri/node_modules/mantine-react-table/dist/index.esm.cjs");
5
+ const index_esm = require("../../../node_modules/.pnpm/mantine-react-table@2.0.0-beta.7_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@_3lapg4gq7t7qelopiochylbrve/node_modules/mantine-react-table/dist/index.esm.cjs");
6
6
  const index = require("../../../icons/index.cjs");
7
7
  ;/* empty css */
8
8
  ;/* empty css */
package/dist/biz/Table/ProTable/helpers.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { j as jsxRuntimeExports } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
2
2
  import { isFunction } from "lodash-es";
3
- import { useMantineReactTable } from "../../../node_modules/.pnpm/mantine-react-table@2.0.0-beta.7_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@_tv5k33e2xv2ghgzgbuumgl5kri/node_modules/mantine-react-table/dist/index.esm.js";
3
+ import { useMantineReactTable } from "../../../node_modules/.pnpm/mantine-react-table@2.0.0-beta.7_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@_3lapg4gq7t7qelopiochylbrve/node_modules/mantine-react-table/dist/index.esm.js";
4
4
  import { IconSwitchVertical02, IconArrowUp, IconArrowDown } from "../../../icons/index.js";
5
5
  /* empty css */
6
6
  /* empty css */
package/dist/biz/index.cjs CHANGED
@@ -13,7 +13,7 @@ const index$a = require("./PageShell/index.cjs");
13
13
  const index$b = require("./TimeRangePicker/index.cjs");
14
14
  const index$c = require("./DateTimePicker/index.cjs");
15
15
  const helper = require("./PhoneInput/helper.cjs");
16
- const index_esm = require("../node_modules/.pnpm/mantine-react-table@2.0.0-beta.7_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@_tv5k33e2xv2ghgzgbuumgl5kri/node_modules/mantine-react-table/dist/index.esm.cjs");
16
+ const index_esm = require("../node_modules/.pnpm/mantine-react-table@2.0.0-beta.7_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@_3lapg4gq7t7qelopiochylbrve/node_modules/mantine-react-table/dist/index.esm.cjs");
17
17
  const ProTable = require("./Table/ProTable/ProTable.cjs");
18
18
  const Expand = require("./Table/ProTable/Expand.cjs");
19
19
  const helpers = require("./Table/ProTable/helpers.cjs");
package/dist/biz/index.js CHANGED
@@ -11,7 +11,7 @@ import { PageShell } from "./PageShell/index.js";
11
11
  import { TimeRangePicker } from "./TimeRangePicker/index.js";
12
12
  import { DateTimePicker } from "./DateTimePicker/index.js";
13
13
  import { validPhoneNumber } from "./PhoneInput/helper.js";
14
- import { MRT_AggregationFns, MRT_BottomToolbar, MRT_ColumnActionMenu, MRT_ColumnPinningButtons, MRT_CopyButton, MRT_DefaultColumn, MRT_DefaultDisplayColumn, MRT_EditActionButtons, MRT_EditCellTextInput, MRT_EditRowModal, MRT_ExpandAllButton, MRT_ExpandButton, MRT_FilterCheckbox, MRT_FilterFns, MRT_FilterOptionMenu, MRT_FilterRangeFields, MRT_FilterRangeSlider, MRT_FilterTextInput, MRT_GlobalFilterTextInput, MRT_GrabHandleButton, MRT_ProgressBar, MRT_RowActionMenu, MRT_RowPinButton, MRT_SelectCheckbox, MRT_ShowHideColumnsButton, MRT_ShowHideColumnsMenu, MRT_ShowHideColumnsMenuItems, MRT_SortingFns, MRT_Table, MRT_TableBody, MRT_TableBodyCell, MRT_TableBodyCellValue, MRT_TableBodyRow, MRT_TableBodyRowGrabHandle, MRT_TableBodyRowPinButton, MRT_TableContainer, MRT_TableDetailPanel, MRT_TableFooter, MRT_TableFooterCell, MRT_TableFooterRow, MRT_TableHead, MRT_TableHeadCell, MRT_TableHeadCellFilterContainer, MRT_TableHeadCellFilterLabel, MRT_TableHeadCellGrabHandle, MRT_TableHeadCellResizeHandle, MRT_TableHeadCellSortLabel, MRT_TableHeadRow, MRT_TablePagination, MRT_TablePaper, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleFullScreenButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_TopToolbar, MantineReactTable, Memo_MRT_TableBody, Memo_MRT_TableBodyCell, Memo_MRT_TableBodyRow, createMRTColumnHelper, createRow, dataVariable, defaultDisplayColumnProps, flexRender, getAllLeafColumnDefs, getCanRankRows, getColumnId, getDefaultColumnFilterFn, getDefaultColumnOrderIds, getIsRankingRows, getIsRowSelected, getLeadingDisplayColumnIds, getMRT_RowSelectionHandler, getMRT_Rows, getMRT_SelectAllHandler, getPrimaryColor, getPrimaryShade, getTrailingDisplayColumnIds, localizedFilterOption, mrtFilterOptions, parseCSSVarId, prepareColumns, rankGlobalFuzzy, reorderColumn, showRowActionsColumn, showRowDragColumn, showRowExpandColumn, showRowNumbersColumn, showRowPinningColumn, showRowSelectionColumn, showRowSpacerColumn, useMRT_ColumnVirtualizer, useMRT_Effects, useMRT_RowVirtualizer, useMRT_Rows, useMRT_TableInstance, useMRT_TableOptions, useMantineReactTable } from "../node_modules/.pnpm/mantine-react-table@2.0.0-beta.7_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@_tv5k33e2xv2ghgzgbuumgl5kri/node_modules/mantine-react-table/dist/index.esm.js";
14
+ import { MRT_AggregationFns, MRT_BottomToolbar, MRT_ColumnActionMenu, MRT_ColumnPinningButtons, MRT_CopyButton, MRT_DefaultColumn, MRT_DefaultDisplayColumn, MRT_EditActionButtons, MRT_EditCellTextInput, MRT_EditRowModal, MRT_ExpandAllButton, MRT_ExpandButton, MRT_FilterCheckbox, MRT_FilterFns, MRT_FilterOptionMenu, MRT_FilterRangeFields, MRT_FilterRangeSlider, MRT_FilterTextInput, MRT_GlobalFilterTextInput, MRT_GrabHandleButton, MRT_ProgressBar, MRT_RowActionMenu, MRT_RowPinButton, MRT_SelectCheckbox, MRT_ShowHideColumnsButton, MRT_ShowHideColumnsMenu, MRT_ShowHideColumnsMenuItems, MRT_SortingFns, MRT_Table, MRT_TableBody, MRT_TableBodyCell, MRT_TableBodyCellValue, MRT_TableBodyRow, MRT_TableBodyRowGrabHandle, MRT_TableBodyRowPinButton, MRT_TableContainer, MRT_TableDetailPanel, MRT_TableFooter, MRT_TableFooterCell, MRT_TableFooterRow, MRT_TableHead, MRT_TableHeadCell, MRT_TableHeadCellFilterContainer, MRT_TableHeadCellFilterLabel, MRT_TableHeadCellGrabHandle, MRT_TableHeadCellResizeHandle, MRT_TableHeadCellSortLabel, MRT_TableHeadRow, MRT_TablePagination, MRT_TablePaper, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleFullScreenButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_TopToolbar, MantineReactTable, Memo_MRT_TableBody, Memo_MRT_TableBodyCell, Memo_MRT_TableBodyRow, createMRTColumnHelper, createRow, dataVariable, defaultDisplayColumnProps, flexRender, getAllLeafColumnDefs, getCanRankRows, getColumnId, getDefaultColumnFilterFn, getDefaultColumnOrderIds, getIsRankingRows, getIsRowSelected, getLeadingDisplayColumnIds, getMRT_RowSelectionHandler, getMRT_Rows, getMRT_SelectAllHandler, getPrimaryColor, getPrimaryShade, getTrailingDisplayColumnIds, localizedFilterOption, mrtFilterOptions, parseCSSVarId, prepareColumns, rankGlobalFuzzy, reorderColumn, showRowActionsColumn, showRowDragColumn, showRowExpandColumn, showRowNumbersColumn, showRowPinningColumn, showRowSelectionColumn, showRowSpacerColumn, useMRT_ColumnVirtualizer, useMRT_Effects, useMRT_RowVirtualizer, useMRT_Rows, useMRT_TableInstance, useMRT_TableOptions, useMantineReactTable } from "../node_modules/.pnpm/mantine-react-table@2.0.0-beta.7_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@_3lapg4gq7t7qelopiochylbrve/node_modules/mantine-react-table/dist/index.esm.js";
15
15
  import { ProTable } from "./Table/ProTable/ProTable.js";
16
16
  import { renderExpandCell } from "./Table/ProTable/Expand.js";
17
17
  import { mergeMProps, mergeProTableProps, useProTable } from "./Table/ProTable/helpers.js";
package/dist/theme/theme.cjs CHANGED
@@ -1,12 +1,12 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  require("clsx");
4
- const code = require("./code.cjs");
5
4
  const colors_dark = require("./colors.dark.cjs");
6
5
  const colors = require("./colors.cjs");
7
6
  const font = require("./font.cjs");
8
7
  const createTheme = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/esm/core/MantineProvider/create-theme/create-theme.cjs");
9
8
  const rem = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/esm/core/utils/units-converters/rem.cjs");
9
+ const rgba = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/esm/core/MantineProvider/color-functions/rgba/rgba.cjs");
10
10
  const mergeMantineTheme = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/esm/core/MantineProvider/merge-mantine-theme/merge-mantine-theme.cjs");
11
11
  const defaultTheme = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/esm/core/MantineProvider/default-theme.cjs");
12
12
  const getThemeColor = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/esm/core/MantineProvider/color-functions/get-theme-color/get-theme-color.cjs");
@@ -1143,6 +1143,105 @@ const theme = createTheme.createTheme({
1143
1143
  defaultProps: {
1144
1144
  c: "peacock.7"
1145
1145
  }
1146
+ },
1147
+ CodeHighlight: {
1148
+ styles: (theme2, props, u) => {
1149
+ return {
1150
+ [u.light]: {
1151
+ ".hljs": {
1152
+ color: theme2.colors.gray[9],
1153
+ backgroundColor: rgba.rgba(theme2.colors.gray[0], 0.65)
1154
+ },
1155
+ ".hljs-comment": {
1156
+ color: theme2.colors.gray[6]
1157
+ },
1158
+ ".hljs-string, .hljs-inserted": {
1159
+ color: theme2.colors.indigo[9]
1160
+ },
1161
+ ".hljs-number": {
1162
+ color: theme2.colors.blue[7]
1163
+ },
1164
+ ".hljs-builtin, .hljs-char, .hljs-constant, .hljs-function, .hljs-selector, .hljs-atrule": {
1165
+ color: theme2.colors.lime[9]
1166
+ },
1167
+ ".hljs-punctuation": {
1168
+ color: theme2.colors.gray[7]
1169
+ },
1170
+ ".hljs-variable": {
1171
+ color: theme2.colors.violet[9]
1172
+ },
1173
+ ".hljs-attr-name": {
1174
+ color: theme2.colors.green[9]
1175
+ },
1176
+ ".hljs-class-name": {
1177
+ color: theme2.colors.red[9]
1178
+ },
1179
+ ".hljs-tag, .hljs-deleted": {
1180
+ color: theme2.colors.violet[9]
1181
+ },
1182
+ ".hljs-operator": {
1183
+ color: theme2.colors.red[9]
1184
+ },
1185
+ ".hljs-boolean": {
1186
+ color: theme2.colors.red[9]
1187
+ },
1188
+ ".hljs-keyword": {
1189
+ color: theme2.colors.red[9]
1190
+ },
1191
+ ".hljs-doctype": {
1192
+ color: theme2.colors.gray[7]
1193
+ },
1194
+ ".hljs-url": {
1195
+ color: theme2.colors.gray[7]
1196
+ }
1197
+ },
1198
+ [u.dark]: {
1199
+ ".hljs": {
1200
+ color: theme2.colors.gray[4],
1201
+ backgroundColor: theme2.colors.dark[8]
1202
+ },
1203
+ ".hljs-comment": {
1204
+ color: theme2.colors.gray[6]
1205
+ },
1206
+ ".hljs-string, .hljs-inserted, .hljs-selector, .hljs-atrule": {
1207
+ color: theme2.colors.teal[4]
1208
+ },
1209
+ ".hljs-number": {
1210
+ color: theme2.colors.blue[4]
1211
+ },
1212
+ ".hljs-builtin, .hljs-char, .hljs-constant, .hljs-function": {
1213
+ color: theme2.colors.orange[5]
1214
+ },
1215
+ ".hljs-punctuation": {
1216
+ color: theme2.colors.gray[5]
1217
+ },
1218
+ ".hljs-variable": {
1219
+ color: theme2.colors.gray[5]
1220
+ },
1221
+ ".hljs-class-name, .hljs-attr-name": {
1222
+ color: theme2.colors.yellow[5]
1223
+ },
1224
+ ".hljs-tag, .hljs-deleted": {
1225
+ color: theme2.colors.red[6]
1226
+ },
1227
+ ".hljs-operator": {
1228
+ color: theme2.colors.gray[5]
1229
+ },
1230
+ ".hljs-boolean": {
1231
+ color: theme2.colors.red[6]
1232
+ },
1233
+ ".hljs-keyword": {
1234
+ color: theme2.colors.indigo[3]
1235
+ },
1236
+ ".hljs-doctype": {
1237
+ color: theme2.colors.gray[5]
1238
+ },
1239
+ ".hljs-url": {
1240
+ color: theme2.colors.gray[5]
1241
+ }
1242
+ }
1243
+ };
1244
+ }
1146
1245
  }
1147
1246
  }
1148
1247
  });
@@ -1155,9 +1254,7 @@ const useTheme = (colorScheme) => {
1155
1254
  white: colors$1.carbon[0],
1156
1255
  black: colors$1.carbon[8]
1157
1256
  });
1158
- return mergeMantineTheme.mergeMantineTheme(mergedTheme, {
1159
- ...code.getCodeHighlightTheme(mergedTheme, colorScheme)
1160
- });
1257
+ return mergedTheme;
1161
1258
  };
1162
1259
  exports.Colors = Colors;
1163
1260
  exports.useTheme = useTheme;
package/dist/theme/theme.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import "clsx";
2
- import { getCodeHighlightTheme } from "./code.js";
3
2
  import * as colors_dark from "./colors.dark.js";
4
3
  import * as colors from "./colors.js";
5
4
  import { FONT_FAMILY } from "./font.js";
6
5
  import { createTheme } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/esm/core/MantineProvider/create-theme/create-theme.js";
7
6
  import { rem } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/esm/core/utils/units-converters/rem.js";
7
+ import { rgba } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/esm/core/MantineProvider/color-functions/rgba/rgba.js";
8
8
  import { mergeMantineTheme } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/esm/core/MantineProvider/merge-mantine-theme/merge-mantine-theme.js";
9
9
  import { DEFAULT_THEME } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/esm/core/MantineProvider/default-theme.js";
10
10
  import { getThemeColor } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/esm/core/MantineProvider/color-functions/get-theme-color/get-theme-color.js";
@@ -1141,6 +1141,105 @@ const theme = createTheme({
1141
1141
  defaultProps: {
1142
1142
  c: "peacock.7"
1143
1143
  }
1144
+ },
1145
+ CodeHighlight: {
1146
+ styles: (theme2, props, u) => {
1147
+ return {
1148
+ [u.light]: {
1149
+ ".hljs": {
1150
+ color: theme2.colors.gray[9],
1151
+ backgroundColor: rgba(theme2.colors.gray[0], 0.65)
1152
+ },
1153
+ ".hljs-comment": {
1154
+ color: theme2.colors.gray[6]
1155
+ },
1156
+ ".hljs-string, .hljs-inserted": {
1157
+ color: theme2.colors.indigo[9]
1158
+ },
1159
+ ".hljs-number": {
1160
+ color: theme2.colors.blue[7]
1161
+ },
1162
+ ".hljs-builtin, .hljs-char, .hljs-constant, .hljs-function, .hljs-selector, .hljs-atrule": {
1163
+ color: theme2.colors.lime[9]
1164
+ },
1165
+ ".hljs-punctuation": {
1166
+ color: theme2.colors.gray[7]
1167
+ },
1168
+ ".hljs-variable": {
1169
+ color: theme2.colors.violet[9]
1170
+ },
1171
+ ".hljs-attr-name": {
1172
+ color: theme2.colors.green[9]
1173
+ },
1174
+ ".hljs-class-name": {
1175
+ color: theme2.colors.red[9]
1176
+ },
1177
+ ".hljs-tag, .hljs-deleted": {
1178
+ color: theme2.colors.violet[9]
1179
+ },
1180
+ ".hljs-operator": {
1181
+ color: theme2.colors.red[9]
1182
+ },
1183
+ ".hljs-boolean": {
1184
+ color: theme2.colors.red[9]
1185
+ },
1186
+ ".hljs-keyword": {
1187
+ color: theme2.colors.red[9]
1188
+ },
1189
+ ".hljs-doctype": {
1190
+ color: theme2.colors.gray[7]
1191
+ },
1192
+ ".hljs-url": {
1193
+ color: theme2.colors.gray[7]
1194
+ }
1195
+ },
1196
+ [u.dark]: {
1197
+ ".hljs": {
1198
+ color: theme2.colors.gray[4],
1199
+ backgroundColor: theme2.colors.dark[8]
1200
+ },
1201
+ ".hljs-comment": {
1202
+ color: theme2.colors.gray[6]
1203
+ },
1204
+ ".hljs-string, .hljs-inserted, .hljs-selector, .hljs-atrule": {
1205
+ color: theme2.colors.teal[4]
1206
+ },
1207
+ ".hljs-number": {
1208
+ color: theme2.colors.blue[4]
1209
+ },
1210
+ ".hljs-builtin, .hljs-char, .hljs-constant, .hljs-function": {
1211
+ color: theme2.colors.orange[5]
1212
+ },
1213
+ ".hljs-punctuation": {
1214
+ color: theme2.colors.gray[5]
1215
+ },
1216
+ ".hljs-variable": {
1217
+ color: theme2.colors.gray[5]
1218
+ },
1219
+ ".hljs-class-name, .hljs-attr-name": {
1220
+ color: theme2.colors.yellow[5]
1221
+ },
1222
+ ".hljs-tag, .hljs-deleted": {
1223
+ color: theme2.colors.red[6]
1224
+ },
1225
+ ".hljs-operator": {
1226
+ color: theme2.colors.gray[5]
1227
+ },
1228
+ ".hljs-boolean": {
1229
+ color: theme2.colors.red[6]
1230
+ },
1231
+ ".hljs-keyword": {
1232
+ color: theme2.colors.indigo[3]
1233
+ },
1234
+ ".hljs-doctype": {
1235
+ color: theme2.colors.gray[5]
1236
+ },
1237
+ ".hljs-url": {
1238
+ color: theme2.colors.gray[5]
1239
+ }
1240
+ }
1241
+ };
1242
+ }
1144
1243
  }
1145
1244
  }
1146
1245
  });
@@ -1153,9 +1252,7 @@ const useTheme = (colorScheme) => {
1153
1252
  white: colors$1.carbon[0],
1154
1253
  black: colors$1.carbon[8]
1155
1254
  });
1156
- return mergeMantineTheme(mergedTheme, {
1157
- ...getCodeHighlightTheme(mergedTheme, colorScheme)
1158
- });
1255
+ return mergedTheme;
1159
1256
  };
1160
1257
  export {
1161
1258
  Colors,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tidbcloud/uikit",
3
- "version": "2.0.0-beta.102",
3
+ "version": "2.0.0-beta.103",
4
4
  "description": "tidbcloud uikit",
5
5
  "type": "module",
6
6
  "main": "dist/primitive/index.cjs",
@@ -56,7 +56,7 @@
56
56
  "@mantine/hooks": "7.15.2",
57
57
  "@mantine/modals": "7.15.2",
58
58
  "@mantine/notifications": "7.15.2",
59
- "@tabler/icons-react": "^2.30.0",
59
+ "@tabler/icons-react": "^3.26.0",
60
60
  "ahooks": "^3.7.8",
61
61
  "clsx": "^2.1.1",
62
62
  "dayjs": "^1.11.5",
package/dist/theme/code.cjs DELETED
@@ -1,112 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const createTheme = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/esm/core/MantineProvider/create-theme/create-theme.cjs");
4
- const rgba = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/esm/core/MantineProvider/color-functions/rgba/rgba.cjs");
5
- const dark = (theme) => ({
6
- ".hljs": {
7
- color: theme.colors.gray[4],
8
- backgroundColor: theme.colors.dark[8]
9
- },
10
- ".hljs-comment": {
11
- color: theme.colors.gray[6]
12
- },
13
- ".hljs-string, .hljs-inserted, .hljs-selector, .hljs-atrule": {
14
- color: theme.colors.teal[4]
15
- },
16
- ".hljs-number": {
17
- color: theme.colors.blue[4]
18
- },
19
- ".hljs-builtin, .hljs-char, .hljs-constant, .hljs-function": {
20
- color: theme.colors.orange[5]
21
- },
22
- ".hljs-punctuation": {
23
- color: theme.colors.gray[5]
24
- },
25
- ".hljs-variable": {
26
- color: theme.colors.gray[5]
27
- },
28
- ".hljs-class-name, .hljs-attr-name": {
29
- color: theme.colors.yellow[5]
30
- },
31
- ".hljs-tag, .hljs-deleted": {
32
- color: theme.colors.red[6]
33
- },
34
- ".hljs-operator": {
35
- color: theme.colors.gray[5]
36
- },
37
- ".hljs-boolean": {
38
- color: theme.colors.red[6]
39
- },
40
- ".hljs-keyword": {
41
- color: theme.colors.indigo[3]
42
- },
43
- ".hljs-doctype": {
44
- color: theme.colors.gray[5]
45
- },
46
- ".hljs-url": {
47
- color: theme.colors.gray[5]
48
- }
49
- });
50
- const light = (theme) => ({
51
- ".hljs": {
52
- color: theme.colors.gray[9],
53
- backgroundColor: rgba.rgba(theme.colors.gray[0], 0.65)
54
- },
55
- ".hljs-comment": {
56
- color: theme.colors.gray[6]
57
- },
58
- ".hljs-string, .hljs-inserted": {
59
- color: theme.colors.indigo[9]
60
- },
61
- ".hljs-number": {
62
- color: theme.colors.blue[7]
63
- },
64
- ".hljs-builtin, .hljs-char, .hljs-constant, .hljs-function, .hljs-selector, .hljs-atrule": {
65
- color: theme.colors.lime[9]
66
- },
67
- ".hljs-punctuation": {
68
- color: theme.colors.gray[7]
69
- },
70
- ".hljs-variable": {
71
- color: theme.colors.violet[9]
72
- },
73
- ".hljs-attr-name": {
74
- color: theme.colors.green[9]
75
- },
76
- ".hljs-class-name": {
77
- color: theme.colors.red[9]
78
- },
79
- ".hljs-tag, .hljs-deleted": {
80
- color: theme.colors.violet[9]
81
- },
82
- ".hljs-operator": {
83
- color: theme.colors.red[9]
84
- },
85
- ".hljs-boolean": {
86
- color: theme.colors.red[9]
87
- },
88
- ".hljs-keyword": {
89
- color: theme.colors.red[9]
90
- },
91
- ".hljs-doctype": {
92
- color: theme.colors.gray[7]
93
- },
94
- ".hljs-url": {
95
- color: theme.colors.gray[7]
96
- }
97
- });
98
- const getCodeHighlightTheme = (theme, colorScheme) => {
99
- const styles = colorScheme === "dark" ? dark(theme) : light(theme);
100
- return createTheme.createTheme({
101
- components: {
102
- CodeHighlight: {
103
- styles: () => ({
104
- code: styles
105
- })
106
- }
107
- }
108
- });
109
- };
110
- exports.dark = dark;
111
- exports.getCodeHighlightTheme = getCodeHighlightTheme;
112
- exports.light = light;
package/dist/theme/code.js DELETED
@@ -1,112 +0,0 @@
1
- import { createTheme } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/esm/core/MantineProvider/create-theme/create-theme.js";
2
- import { rgba } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/esm/core/MantineProvider/color-functions/rgba/rgba.js";
3
- const dark = (theme) => ({
4
- ".hljs": {
5
- color: theme.colors.gray[4],
6
- backgroundColor: theme.colors.dark[8]
7
- },
8
- ".hljs-comment": {
9
- color: theme.colors.gray[6]
10
- },
11
- ".hljs-string, .hljs-inserted, .hljs-selector, .hljs-atrule": {
12
- color: theme.colors.teal[4]
13
- },
14
- ".hljs-number": {
15
- color: theme.colors.blue[4]
16
- },
17
- ".hljs-builtin, .hljs-char, .hljs-constant, .hljs-function": {
18
- color: theme.colors.orange[5]
19
- },
20
- ".hljs-punctuation": {
21
- color: theme.colors.gray[5]
22
- },
23
- ".hljs-variable": {
24
- color: theme.colors.gray[5]
25
- },
26
- ".hljs-class-name, .hljs-attr-name": {
27
- color: theme.colors.yellow[5]
28
- },
29
- ".hljs-tag, .hljs-deleted": {
30
- color: theme.colors.red[6]
31
- },
32
- ".hljs-operator": {
33
- color: theme.colors.gray[5]
34
- },
35
- ".hljs-boolean": {
36
- color: theme.colors.red[6]
37
- },
38
- ".hljs-keyword": {
39
- color: theme.colors.indigo[3]
40
- },
41
- ".hljs-doctype": {
42
- color: theme.colors.gray[5]
43
- },
44
- ".hljs-url": {
45
- color: theme.colors.gray[5]
46
- }
47
- });
48
- const light = (theme) => ({
49
- ".hljs": {
50
- color: theme.colors.gray[9],
51
- backgroundColor: rgba(theme.colors.gray[0], 0.65)
52
- },
53
- ".hljs-comment": {
54
- color: theme.colors.gray[6]
55
- },
56
- ".hljs-string, .hljs-inserted": {
57
- color: theme.colors.indigo[9]
58
- },
59
- ".hljs-number": {
60
- color: theme.colors.blue[7]
61
- },
62
- ".hljs-builtin, .hljs-char, .hljs-constant, .hljs-function, .hljs-selector, .hljs-atrule": {
63
- color: theme.colors.lime[9]
64
- },
65
- ".hljs-punctuation": {
66
- color: theme.colors.gray[7]
67
- },
68
- ".hljs-variable": {
69
- color: theme.colors.violet[9]
70
- },
71
- ".hljs-attr-name": {
72
- color: theme.colors.green[9]
73
- },
74
- ".hljs-class-name": {
75
- color: theme.colors.red[9]
76
- },
77
- ".hljs-tag, .hljs-deleted": {
78
- color: theme.colors.violet[9]
79
- },
80
- ".hljs-operator": {
81
- color: theme.colors.red[9]
82
- },
83
- ".hljs-boolean": {
84
- color: theme.colors.red[9]
85
- },
86
- ".hljs-keyword": {
87
- color: theme.colors.red[9]
88
- },
89
- ".hljs-doctype": {
90
- color: theme.colors.gray[7]
91
- },
92
- ".hljs-url": {
93
- color: theme.colors.gray[7]
94
- }
95
- });
96
- const getCodeHighlightTheme = (theme, colorScheme) => {
97
- const styles = colorScheme === "dark" ? dark(theme) : light(theme);
98
- return createTheme({
99
- components: {
100
- CodeHighlight: {
101
- styles: () => ({
102
- code: styles
103
- })
104
- }
105
- }
106
- });
107
- };
108
- export {
109
- dark,
110
- getCodeHighlightTheme,
111
- light
112
- };