d2coreui 23.0.32 → 23.0.34

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "d2coreui",
3
- "version": "23.0.32",
3
+ "version": "23.0.34",
4
4
  "description": "Core UI components and utilities library.",
5
5
  "author": "Ipesoft s.r.o.",
6
6
  "license": "MIT",
@@ -9,9 +9,9 @@
9
9
  "dayjs": "1.11.13"
10
10
  },
11
11
  "dependencies": {
12
- "@ant-design/compatible": "5.1.3",
12
+ "@ant-design/compatible": "5.1.4",
13
13
  "@ant-design/dark-theme": "2.0.2",
14
- "@ant-design/icons": "5.4.0",
14
+ "@ant-design/icons": "5.6.1",
15
15
  "@types/codemirror": "5.60.15",
16
16
  "@types/draft-convert": "2.1.8",
17
17
  "@types/draft-js": "0.11.18",
@@ -24,8 +24,8 @@
24
24
  "@types/react-resizable": "3.0.7",
25
25
  "ag-grid-community": "34.3.1",
26
26
  "ag-grid-react": "34.3.1",
27
- "antd": "5.21.2",
28
- "antd-style": "3.6.3",
27
+ "antd": "5.29.3",
28
+ "antd-style": "4.1.0",
29
29
  "codemirror": "5.59.2",
30
30
  "dayjs": "1.11.13",
31
31
  "dom-scroll-into-view": "2.0.1",
@@ -33,8 +33,8 @@
33
33
  "draft-js": "0.11.0",
34
34
  "draftail": "1.4.1",
35
35
  "filtrex": "2.2.3",
36
- "flexlayout-react": "0.7.15",
37
- "lodash": "4.17.21",
36
+ "flexlayout-react": "0.8.18",
37
+ "lodash": "4.17.23",
38
38
  "memoize-one": "6.0.0",
39
39
  "parse-decimal-number": "1.0.0",
40
40
  "pdfmake": "0.2.10",
@@ -16,7 +16,7 @@
16
16
  }
17
17
 
18
18
  .cell-drag-selected {
19
- background-color: rgba(33, 156, 243, 0.3) !important;
19
+ background-color: color-mix(in srgb, var(--ag-accent-color), transparent 80%);
20
20
  }
21
21
 
22
22
  .ag-fill-handle-custom {
@@ -38,35 +38,32 @@
38
38
  right: 0;
39
39
  width: 8px;
40
40
  height: 8px;
41
- background-color: #217346;
42
- border: 1px solid #ffffff;
41
+ background-color: var(--ag-accent-color);
42
+ border: 1px solid var(--ag-background-color);
43
43
  cursor: crosshair;
44
44
  z-index: 100;
45
45
  }
46
46
 
47
- .ag-theme-balham .ag-row-selected {
48
- background-color: #b7e4ff !important;
49
- }
50
-
51
47
  .ag-theme-balham .ag-cell {
52
48
  line-height: inherit;
53
49
  }
54
50
 
55
- /*!* enable basic browser text selection in grid cells *!*/
56
- /*div.ag-root .ag-cell-focus {*/
57
- /* -webkit-user-select: text;*/
58
- /* -moz-user-select: text;*/
59
- /* -ms-user-select: text;*/
60
- /* user-select: text;*/
61
- /*}*/
51
+ @keyframes archive-highlight-min {
52
+ 0% {background-color: rgba(255, 120, 117, 0.5)}
53
+ 33% {background-color: rgba(255, 120, 117, 0.5)}
54
+ 100% {background-color: transparent}
55
+ }
62
56
 
63
- .ag-theme-balham .ag-cell-archive-max {
64
- background-color: rgba(146, 222, 100, 0.5) !important; }
65
- .ag-theme-balham .ag-cell-archive-max-animation {
66
- background-color: transparent;
67
- transition: background-color 1s; }
68
- .ag-theme-balham .ag-cell-archive-min {
69
- background-color: rgba(255, 120, 117, 0.5) !important; }
70
57
  .ag-theme-balham .ag-cell-archive-min-animation {
71
- background-color: transparent;
72
- transition: background-color 1s; }
58
+ animation: archive-highlight-min 1.5s ease-out forwards;
59
+ }
60
+
61
+ @keyframes archive-highlight-max {
62
+ 0% {background-color: rgba(146, 222, 100, 0.5)}
63
+ 33% {background-color: rgba(146, 222, 100, 0.5)}
64
+ 100% {background-color: transparent}
65
+ }
66
+
67
+ .ag-theme-balham .ag-cell-archive-max-animation {
68
+ animation: archive-highlight-max 1.5s ease-out forwards;
69
+ }
@@ -1,130 +1,12 @@
1
- $color_text: rgba(0, 0, 0, 0.85);
2
- $color_selected: rgb(24, 144, 255);
3
- $color_background: #F5F5F5;
4
- $color_background_selected: white;
5
- $color_background_unselected: #EFEFEF;
6
- $color_content_background: white;
7
- $color_background_border: #aaa;
8
- $color_drag1_background: rgba(95, 134, 196, 0.1) !default;
9
- $color_drag2_background: rgba(119, 166, 119, 0.075) !default;
10
-
11
- $color_border: #eeeeee;
12
- $color_border_line: #ddd;
13
-
14
- $color_splitter: #F5F5F5;
15
- $color_splitter_hover: #ccc;
16
- $color_splitter_drag: #bbb;
17
-
18
- $color_drag1: #1890ff;
19
- $color_drag2: green;
20
-
21
-
22
- $color_base: #F5F5F5;
23
- $color_1: #F5F5F5;
24
- $color_2: #EFEFEF;
25
- $color_3: #EFEFEF;
26
- $color_4: #EFEFEF;
27
- $color_5: #bbb;
28
- $color_6: scale_color($color_5, $lightness: -3%) !default;
29
-
30
- $font-size: 14px;
31
- $font-family: null;
32
-
33
- #mountNode > div > .flexlayout__layout {
34
- border-top: 1px solid #ddd;
35
- }
36
-
37
- @mixin tabset_mixin {
38
- }
39
-
40
- @mixin tabset_tabbar_mixin {
41
- }
42
-
43
- @mixin tabset_header_mixin {
44
- }
45
-
46
- @mixin tabset_selected_mixin {
47
- }
48
-
49
- @mixin tabset_maximized_mixin {
50
- }
51
-
52
- @mixin tab_top_mixin {
53
- border-top-left-radius: 0px;
54
- border-top-right-radius: 0px;
55
- }
56
-
57
- @mixin tab_bottom_mixin {
58
- }
59
-
60
- @mixin tab_button_mixin {
61
- }
62
-
63
- @mixin tab_button_selected_mixin {
64
- background-color: $color_background_selected;
65
- color: $color_selected;
66
- font-weight: 500;
67
- border-bottom: 3px solid $color_content_background;
68
- }
69
-
70
- @mixin tab_button_unselected_mixin {
71
- color: gray;
72
- background-color: $color_background_unselected;
73
- }
74
-
75
- @mixin tab_button_hovered_mixin {
76
- background-color: $color_background_selected;
77
- color: $color_selected;
78
- }
79
-
80
- @mixin close_button_hovered_mixin {
81
- //background-color:var(--color-3);
82
- }
83
-
84
- @mixin toolbar_button_hovered_mixin {
85
- //background-color:var(--color-2);
86
- }
87
-
88
- @mixin border_mixin {
89
- background-color: $color_border;
90
- }
91
-
92
- @mixin border_button_mixin {
93
- background-color: var(--color-2);
94
- }
95
-
96
- @mixin border_button_selected_mixin {
97
- background-color: $color_border_line;
98
- color: $color_text;
99
- }
100
-
101
- @mixin border_button_unselected_mixin {
102
- color: gray;
103
- }
104
-
105
- @mixin border_button_hovered_mixin {
106
- background-color: $color_border_line;
107
- color: $color_text;
108
- }
109
-
110
- @mixin splitter_mixin {
111
- background-color: $color_splitter;
112
- //OK
113
- }
114
-
115
- @mixin splitter_hover_mixin {
116
- background-color: $color_splitter_hover;
117
- //OK
118
- }
119
-
120
- @mixin splitter_drag_mixin {
121
- border-radius: 5px;
122
- background-color: $color_splitter_drag;
123
- //OK
124
- }
125
-
126
- @mixin splitter_border_mixin {
127
- }
128
-
129
- @import "flexLayoutBase";
130
-
1
+ .flexlayout__layout {
2
+ --font-size: var(--ant-font-size);
3
+ --font-family: var(--ant-font-family);
4
+
5
+ --color-text: var(--ant-color-primary);
6
+ --color-background: var(--ant-color-bg-container);
7
+ --color-tabset-background: var(--color-1);
8
+ --color-tab-selected-background: var(--color-background);
9
+ --color-tabset-divider-line: var(--color-bg-container);
10
+ --color-splitter-hover: var(--color-6);
11
+ --color-tab-textbox-background: var(--color-background);
12
+ }