@carbon/ibm-products 1.19.0 → 1.19.1
Sign up to get free protection for your applications and to get access to all the features.
- package/css/components/Datagrid/styles/draggableElement.css +57 -0
- package/css/components/Datagrid/styles/draggableElement.css.map +1 -0
- package/css/components/Datagrid/styles/index.css +80 -0
- package/css/components/Datagrid/styles/index.css.map +1 -1
- package/css/index-full-carbon.css +88 -1
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +2 -2
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon.css +88 -1
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +2 -2
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +88 -1
- package/css/index.css.map +1 -1
- package/css/index.min.css +2 -2
- package/css/index.min.css.map +1 -1
- package/es/components/ComboButton/ComboButton.js +1 -2
- package/es/components/Datagrid/Datagrid/DraggableElement.js +9 -12
- package/lib/components/ComboButton/ComboButton.js +2 -4
- package/lib/components/Datagrid/Datagrid/DraggableElement.js +11 -12
- package/package.json +2 -2
- package/scss/components/ComboButton/_combo-button.scss +2 -1
- package/scss/components/Datagrid/_datagrid.scss +1 -10
- package/scss/components/Datagrid/styles/draggableElement.scss +58 -0
- package/scss/components/Datagrid/styles/index.scss +2 -1
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@carbon/ibm-products",
|
3
3
|
"description": "Carbon for IBM Products",
|
4
|
-
"version": "1.19.
|
4
|
+
"version": "1.19.1",
|
5
5
|
"license": "Apache-2.0",
|
6
6
|
"main": "lib/index.js",
|
7
7
|
"module": "es/index.js",
|
@@ -93,5 +93,5 @@
|
|
93
93
|
"react": "^16.8.6 || ^17.0.1",
|
94
94
|
"react-dom": "^16.8.6 || ^17.0.1"
|
95
95
|
},
|
96
|
-
"gitHead": "
|
96
|
+
"gitHead": "eb1c96e096118d320eed2f197f85f675a7601b05"
|
97
97
|
}
|
@@ -25,7 +25,8 @@
|
|
25
25
|
@include text-overflow;
|
26
26
|
}
|
27
27
|
|
28
|
-
.#{$security--prefix}--combo-
|
28
|
+
.#{$security--prefix}--combo-button
|
29
|
+
.#{$security--prefix}--combo-button__overflow-menu {
|
29
30
|
width: carbon--mini-units($count: 6);
|
30
31
|
height: auto;
|
31
32
|
border-left: carbon--rem($px: 1px) solid $ui-03;
|
@@ -9,16 +9,7 @@
|
|
9
9
|
@import '../../global/styles/project-settings';
|
10
10
|
@import '../../global/styles/mixins';
|
11
11
|
|
12
|
-
@import './styles/
|
13
|
-
@import './styles/useNestedRows';
|
14
|
-
//@import './styles/useNestedTable';
|
15
|
-
@import './styles/useSortableColumns';
|
16
|
-
@import './styles/useColumnRightAlign';
|
17
|
-
@import './styles/useStickyColumn';
|
18
|
-
@import './styles/useActionsColumn';
|
19
|
-
@import './styles/addons/CustomizeColumnsModal';
|
20
|
-
@import './styles/addons/RowSizeDropdown';
|
21
|
-
@import './styles/useSelectAllToggle';
|
12
|
+
@import './styles/index';
|
22
13
|
|
23
14
|
// Other Carbon settings.
|
24
15
|
// TODO: @import 'carbon-components/scss/globals/grid/grid'; if needed
|
@@ -0,0 +1,58 @@
|
|
1
|
+
/*
|
2
|
+
* Licensed Materials - Property of IBM
|
3
|
+
* 5724-Q36
|
4
|
+
* (c) Copyright IBM Corp. 2021
|
5
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
6
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
7
|
+
*/
|
8
|
+
@import './variables';
|
9
|
+
|
10
|
+
.#{$block-class}__draggable-handleStyle {
|
11
|
+
display: flex;
|
12
|
+
align-items: center;
|
13
|
+
margin-right: $spacing-03;
|
14
|
+
cursor: grab;
|
15
|
+
}
|
16
|
+
|
17
|
+
.#{$block-class}__draggable-handleStyle.disabled {
|
18
|
+
pointer-events: none;
|
19
|
+
}
|
20
|
+
|
21
|
+
svg.#{$block-class}__draggable-handleStyle.disable {
|
22
|
+
fill: $disabled-02;
|
23
|
+
}
|
24
|
+
|
25
|
+
.#{$block-class}__draggable-handleHolder {
|
26
|
+
display: flex;
|
27
|
+
height: $spacing-07;
|
28
|
+
padding-left: $spacing-02;
|
29
|
+
margin-bottom: $spacing-03;
|
30
|
+
background: $ui-02;
|
31
|
+
&.#{$block-class}__draggable-handleHolder-isOver {
|
32
|
+
border: 2px dashed $focus;
|
33
|
+
background-color: $highlight;
|
34
|
+
}
|
35
|
+
}
|
36
|
+
|
37
|
+
.#{$block-class}__draggable-handleHolder-droppable {
|
38
|
+
display: flex;
|
39
|
+
width: 100%;
|
40
|
+
}
|
41
|
+
|
42
|
+
.#{$block-class}__draggable-handleHolder--grabbed {
|
43
|
+
background-color: $highlight;
|
44
|
+
color: $text-01;
|
45
|
+
}
|
46
|
+
|
47
|
+
.#{$block-class}__shared-ui--assistive-text {
|
48
|
+
// hide the assistive text. can not use display: none which will also hide from ARIA
|
49
|
+
position: absolute;
|
50
|
+
overflow: hidden;
|
51
|
+
width: 0;
|
52
|
+
height: 0;
|
53
|
+
padding: 0;
|
54
|
+
border: 0;
|
55
|
+
clip: rect(0 0 0 0);
|
56
|
+
text-transform: none;
|
57
|
+
white-space: nowrap;
|
58
|
+
}
|
@@ -7,7 +7,7 @@
|
|
7
7
|
*/
|
8
8
|
@import './datagrid';
|
9
9
|
@import './useNestedRows';
|
10
|
-
|
10
|
+
@import './useNestedTable';
|
11
11
|
@import './useSortableColumns';
|
12
12
|
@import './useColumnRightAlign';
|
13
13
|
@import './useStickyColumn';
|
@@ -15,3 +15,4 @@
|
|
15
15
|
@import './addons/CustomizeColumnsModal';
|
16
16
|
@import './addons/RowSizeDropdown';
|
17
17
|
@import './useSelectAllToggle';
|
18
|
+
@import './draggableElement';
|