@carbon/ibm-products 2.40.0 → 2.40.1-canary.11
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +42 -39
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +6 -5
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +42 -39
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +705 -39
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +3 -3
- package/es/components/ConditionBuilder/ConditionBuilder.js +6 -1
- package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +3 -3
- package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +2 -2
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +3 -3
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ConditionBuilderItemOption.js +30 -18
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +3 -3
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +7 -7
- package/es/components/ConditionBuilder/ConditionConnector/ConditionConnector.js +6 -6
- package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +11 -11
- package/es/components/ConditionBuilder/utils/checkForHoldingKey.d.ts +1 -0
- package/es/components/ConditionBuilder/utils/checkForHoldingKey.js +16 -0
- package/es/components/ConditionBuilder/utils/handleKeyboardEvents.d.ts +1 -0
- package/es/components/ConditionBuilder/utils/handleKeyboardEvents.js +125 -0
- package/es/components/ConditionBuilder/utils/util.d.ts +1 -1
- package/es/components/ConditionBuilder/utils/util.js +34 -5
- package/es/components/Datagrid/Datagrid/DatagridContent.js +2 -2
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +3 -4
- package/es/components/PageHeader/PageHeader.js +1 -0
- package/es/components/TagOverflow/TagOverflow.js +35 -20
- package/es/components/TagOverflow/TagOverflowModal.d.ts +3 -1
- package/es/components/TagOverflow/TagOverflowModal.js +14 -20
- package/es/components/TagOverflow/TagOverflowPopover.js +19 -4
- package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +3 -3
- package/lib/components/ConditionBuilder/ConditionBuilder.js +6 -1
- package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +3 -3
- package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +2 -2
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +3 -3
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ConditionBuilderItemOption.js +29 -17
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +3 -3
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +7 -7
- package/lib/components/ConditionBuilder/ConditionConnector/ConditionConnector.js +6 -6
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +11 -11
- package/lib/components/ConditionBuilder/utils/checkForHoldingKey.d.ts +1 -0
- package/lib/components/ConditionBuilder/utils/checkForHoldingKey.js +20 -0
- package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.d.ts +1 -0
- package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +129 -0
- package/lib/components/ConditionBuilder/utils/util.d.ts +1 -1
- package/lib/components/ConditionBuilder/utils/util.js +36 -4
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +2 -2
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +3 -4
- package/lib/components/PageHeader/PageHeader.js +1 -0
- package/lib/components/TagOverflow/TagOverflow.js +34 -19
- package/lib/components/TagOverflow/TagOverflowModal.d.ts +3 -1
- package/lib/components/TagOverflow/TagOverflowModal.js +14 -20
- package/lib/components/TagOverflow/TagOverflowPopover.js +19 -4
- package/package.json +3 -3
- package/scss/components/ConditionBuilder/styles/_conditionBuilderCondition.scss +4 -4
- package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss +34 -34
- package/scss/components/Datagrid/styles/_datagrid.scss +2 -1
- package/scss/components/Datagrid/styles/_useStickyColumn.scss +4 -4
- package/scss/components/TagOverflow/_tag-overflow.scss +5 -2
- package/scss/components/_index-with-carbon.scss +1 -0
@@ -10484,7 +10484,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10484
10484
|
background: transparent;
|
10485
10485
|
}
|
10486
10486
|
|
10487
|
-
.c4p--datagrid__empty-state .c4p--datagrid__table-simple td
|
10487
|
+
.c4p--datagrid__empty-state .c4p--datagrid__table-simple td,
|
10488
|
+
.c4p--datagrid__empty-state .c4p--datagrid__table-virtual-scroll td {
|
10488
10489
|
padding: 5rem;
|
10489
10490
|
}
|
10490
10491
|
|
@@ -11117,7 +11118,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11117
11118
|
right: 0;
|
11118
11119
|
display: flex;
|
11119
11120
|
align-items: center;
|
11120
|
-
border-left: 1px solid var(--cds-
|
11121
|
+
border-left: 1px solid var(--cds-border-subtle);
|
11121
11122
|
}
|
11122
11123
|
|
11123
11124
|
.c4p--datagrid__right-sticky-column-header {
|
@@ -11132,7 +11133,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11132
11133
|
left: 0;
|
11133
11134
|
display: flex;
|
11134
11135
|
align-items: center;
|
11135
|
-
border-right: 1px solid var(--cds-
|
11136
|
+
border-right: 1px solid var(--cds-border-subtle);
|
11136
11137
|
}
|
11137
11138
|
|
11138
11139
|
.c4p--datagrid__left-sticky-column-header {
|
@@ -11140,11 +11141,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11140
11141
|
position: sticky !important;
|
11141
11142
|
z-index: 1;
|
11142
11143
|
left: 0;
|
11143
|
-
border-right: 1px solid var(--cds-
|
11144
|
+
border-right: 1px solid var(--cds-border-subtle);
|
11144
11145
|
}
|
11145
11146
|
|
11146
11147
|
.c4p--datagrid__right-sticky-column-header {
|
11147
|
-
border-left: 1px solid var(--cds-
|
11148
|
+
border-left: 1px solid var(--cds-border-subtle);
|
11148
11149
|
}
|
11149
11150
|
|
11150
11151
|
.c4p--datagrid__left-sticky-column-cell.c4p--datagrid__left-sticky-column-cell--with-extra-select-column,
|
@@ -19156,6 +19157,10 @@ a.cds--side-nav__link--current::before {
|
|
19156
19157
|
max-width: 3rem;
|
19157
19158
|
}
|
19158
19159
|
|
19160
|
+
.cds--popover .cds--popover-content {
|
19161
|
+
white-space: normal;
|
19162
|
+
}
|
19163
|
+
|
19159
19164
|
.c4p--tag-overflow-popover {
|
19160
19165
|
display: inline-block;
|
19161
19166
|
vertical-align: bottom;
|
@@ -19216,8 +19221,6 @@ a.cds--side-nav__link--current::before {
|
|
19216
19221
|
margin: 0;
|
19217
19222
|
background-color: inherit;
|
19218
19223
|
color: inherit;
|
19219
|
-
text-overflow: ellipsis;
|
19220
|
-
white-space: nowrap;
|
19221
19224
|
}
|
19222
19225
|
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag .cds--tag__close-icon {
|
19223
19226
|
padding: 0;
|
@@ -19951,14 +19954,14 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
|
|
19951
19954
|
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
19952
19955
|
}
|
19953
19956
|
|
19954
|
-
.c4p--condition-
|
19957
|
+
.c4p--condition-builder__item__content {
|
19955
19958
|
overflow: auto;
|
19956
19959
|
min-width: 12rem;
|
19957
19960
|
max-width: 20rem;
|
19958
19961
|
max-height: 22rem;
|
19959
19962
|
}
|
19960
19963
|
|
19961
|
-
.c4p--condition-
|
19964
|
+
.c4p--condition-builder__item__title {
|
19962
19965
|
font-size: var(--cds-heading-01-font-size, 0.875rem);
|
19963
19966
|
font-weight: var(--cds-heading-01-font-weight, 600);
|
19964
19967
|
line-height: var(--cds-heading-01-line-height, 1.42857);
|
@@ -19966,28 +19969,28 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
|
|
19966
19969
|
padding: 1rem;
|
19967
19970
|
}
|
19968
19971
|
|
19969
|
-
.c4p--condition-
|
19972
|
+
.c4p--condition-builder__item-option__search {
|
19970
19973
|
padding-block-end: 1rem;
|
19971
19974
|
padding-inline: 1rem;
|
19972
19975
|
}
|
19973
19976
|
|
19974
|
-
.c4p--condition-
|
19977
|
+
.c4p--condition-builder__item-option__option {
|
19975
19978
|
height: 2rem;
|
19976
19979
|
cursor: pointer;
|
19977
19980
|
padding-inline: 1rem;
|
19978
19981
|
}
|
19979
19982
|
|
19980
|
-
.c4p--condition-
|
19983
|
+
.c4p--condition-builder__item-option__option:hover {
|
19981
19984
|
background-color: var(--cds-layer-hover);
|
19982
19985
|
}
|
19983
19986
|
|
19984
|
-
.c4p--condition-
|
19987
|
+
.c4p--condition-builder__item-option__option-content {
|
19985
19988
|
display: flex;
|
19986
19989
|
height: 100%;
|
19987
19990
|
align-items: center;
|
19988
19991
|
}
|
19989
19992
|
|
19990
|
-
.c4p--condition-
|
19993
|
+
.c4p--condition-builder__item-option__option-label {
|
19991
19994
|
display: flex;
|
19992
19995
|
overflow: hidden;
|
19993
19996
|
align-items: center;
|
@@ -19996,42 +19999,42 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
|
|
19996
19999
|
white-space: nowrap;
|
19997
20000
|
}
|
19998
20001
|
|
19999
|
-
.c4p--condition-
|
20002
|
+
.c4p--condition-builder__item-option > ul[aria-multiSelectable=true] .c4p--condition-builder__item-option__option-label {
|
20000
20003
|
justify-content: center;
|
20001
20004
|
}
|
20002
20005
|
|
20003
|
-
.c4p--condition-
|
20006
|
+
.c4p--condition-builder__item-option__option:not(:first-of-type) .c4p--condition-builder__item-option__option-content {
|
20004
20007
|
border-block-start: 0.0625rem solid var(--cds-border-subtle);
|
20005
20008
|
}
|
20006
20009
|
|
20007
|
-
.c4p--condition-
|
20008
|
-
.c4p--condition-
|
20009
|
-
.c4p--condition-
|
20010
|
-
.c4p--condition-
|
20010
|
+
.c4p--condition-builder__item-option__option:hover .c4p--condition-builder__item-option__option-content,
|
20011
|
+
.c4p--condition-builder__item-option__option[aria-selected=true] .c4p--condition-builder__item-option__option-content,
|
20012
|
+
.c4p--condition-builder__item-option__option:hover + .c4p--condition-builder__item-option__option .c4p--condition-builder__item-option__option-content,
|
20013
|
+
.c4p--condition-builder__item-option__option[aria-selected=true] + .c4p--condition-builder__item-option__option .c4p--condition-builder__item-option__option-content {
|
20011
20014
|
border-block-start-color: transparent;
|
20012
20015
|
}
|
20013
20016
|
|
20014
|
-
.c4p--condition-
|
20017
|
+
.c4p--condition-builder__item-option__option[aria-selected=true] {
|
20015
20018
|
background-color: var(--cds-layer-selected);
|
20016
20019
|
}
|
20017
20020
|
|
20018
|
-
.c4p--condition-
|
20021
|
+
.c4p--condition-builder__item-option__option[aria-selected=true]:hover {
|
20019
20022
|
background-color: var(--cds-layer-selected-hover);
|
20020
20023
|
}
|
20021
20024
|
|
20022
|
-
.c4p--condition-
|
20023
|
-
.c4p--condition-
|
20024
|
-
.c4p--condition-
|
20025
|
-
c4p--condition-
|
20025
|
+
.c4p--condition-builder__item-date,
|
20026
|
+
.c4p--condition-builder__item-text,
|
20027
|
+
.c4p--condition-builder__item-number,
|
20028
|
+
c4p--condition-builder__item-time {
|
20026
20029
|
padding-block-end: 1rem;
|
20027
20030
|
padding-inline: 1rem;
|
20028
20031
|
}
|
20029
20032
|
|
20030
|
-
.c4p--condition-
|
20033
|
+
.c4p--condition-builder__checkmark {
|
20031
20034
|
margin-left: auto;
|
20032
20035
|
}
|
20033
20036
|
|
20034
|
-
.c4p--condition-
|
20037
|
+
.c4p--condition-builder__button {
|
20035
20038
|
box-sizing: border-box;
|
20036
20039
|
padding: 0;
|
20037
20040
|
border: 0;
|
@@ -20057,16 +20060,16 @@ c4p--condition-builder__condition-builder-item-time {
|
|
20057
20060
|
padding-inline: 0.5rem;
|
20058
20061
|
white-space: nowrap;
|
20059
20062
|
}
|
20060
|
-
.c4p--condition-
|
20061
|
-
.c4p--condition-
|
20062
|
-
.c4p--condition-
|
20063
|
+
.c4p--condition-builder__button *,
|
20064
|
+
.c4p--condition-builder__button *::before,
|
20065
|
+
.c4p--condition-builder__button *::after {
|
20063
20066
|
box-sizing: inherit;
|
20064
20067
|
}
|
20065
|
-
.c4p--condition-
|
20068
|
+
.c4p--condition-builder__button::-moz-focus-inner {
|
20066
20069
|
border: 0;
|
20067
20070
|
}
|
20068
20071
|
|
20069
|
-
.c4p--condition-
|
20072
|
+
.c4p--condition-builder__button:hover {
|
20070
20073
|
background-color: var(--cds-layer-hover);
|
20071
20074
|
}
|
20072
20075
|
|
@@ -20074,14 +20077,14 @@ c4p--condition-builder__condition-builder-item-time {
|
|
20074
20077
|
background-color: var(--cds-layer-hover);
|
20075
20078
|
}
|
20076
20079
|
|
20077
|
-
.c4p--condition-
|
20080
|
+
.c4p--condition-builder__button:focus {
|
20078
20081
|
outline: 2px solid var(--cds-focus, #0f62fe);
|
20079
20082
|
outline-offset: -2px;
|
20080
20083
|
content: "";
|
20081
20084
|
inset: 0;
|
20082
20085
|
}
|
20083
20086
|
@media screen and (prefers-contrast) {
|
20084
|
-
.c4p--condition-
|
20087
|
+
.c4p--condition-builder__button:focus {
|
20085
20088
|
outline-style: dotted;
|
20086
20089
|
}
|
20087
20090
|
}
|
@@ -20122,12 +20125,12 @@ c4p--condition-builder__condition-builder-item-time {
|
|
20122
20125
|
margin-left: auto;
|
20123
20126
|
}
|
20124
20127
|
|
20125
|
-
.c4p--condition-
|
20128
|
+
.c4p--condition-builder__item-option__option:focus {
|
20126
20129
|
outline: 2px solid var(--cds-focus, #0f62fe);
|
20127
20130
|
outline-offset: -2px;
|
20128
20131
|
}
|
20129
20132
|
@media screen and (prefers-contrast) {
|
20130
|
-
.c4p--condition-
|
20133
|
+
.c4p--condition-builder__item-option__option:focus {
|
20131
20134
|
outline-style: dotted;
|
20132
20135
|
}
|
20133
20136
|
}
|
@@ -20163,13 +20166,13 @@ c4p--condition-builder__condition-builder-item-time {
|
|
20163
20166
|
}
|
20164
20167
|
}
|
20165
20168
|
|
20166
|
-
.c4p--condition-
|
20169
|
+
.c4p--condition-builder__condition__deletion-preview .c4p--condition-builder__button:not(.c4p--condition-builder__statement-button,
|
20167
20170
|
.c4p--condition-builder__connector-button) {
|
20168
20171
|
background-color: var(--cds-tag-background-red, #ffd7d9);
|
20169
20172
|
color: var(--cds-tag-color-red, #750e13);
|
20170
20173
|
}
|
20171
20174
|
|
20172
|
-
.c4p--condition-
|
20175
|
+
.c4p--condition-builder__condition__deletion-preview .c4p--condition-builder__button:not(.c4p--condition-builder__statement-button,
|
20173
20176
|
.c4p--condition-builder__connector-button):hover {
|
20174
20177
|
background-color: var(--cds-tag-hover-red, #ffc2c5);
|
20175
20178
|
}
|