@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/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.0",
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": "0b3c895c53963a176ff7e274639c5cce460c0ef1"
96
+ "gitHead": "eb1c96e096118d320eed2f197f85f675a7601b05"
97
97
  }
@@ -25,7 +25,8 @@
25
25
  @include text-overflow;
26
26
  }
27
27
 
28
- .#{$security--prefix}--combo-button__overflow-menu {
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/datagrid';
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
- //@import './useNestedTable';
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';