@carbon/ibm-products 2.40.0 → 2.40.1-canary.6
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +36 -34
- 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.css +36 -34
- 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 +699 -34
- 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/DatagridHeaderRow.js +3 -4
- 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/DatagridHeaderRow.js +3 -4
- 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 +2 -2
- package/scss/components/ConditionBuilder/styles/_conditionBuilderCondition.scss +4 -4
- package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss +34 -34
- package/scss/components/TagOverflow/_tag-overflow.scss +5 -2
- package/scss/components/_index-with-carbon.scss +1 -0
@@ -19156,6 +19156,10 @@ a.cds--side-nav__link--current::before {
|
|
19156
19156
|
max-width: 3rem;
|
19157
19157
|
}
|
19158
19158
|
|
19159
|
+
.cds--popover .cds--popover-content {
|
19160
|
+
white-space: normal;
|
19161
|
+
}
|
19162
|
+
|
19159
19163
|
.c4p--tag-overflow-popover {
|
19160
19164
|
display: inline-block;
|
19161
19165
|
vertical-align: bottom;
|
@@ -19216,8 +19220,6 @@ a.cds--side-nav__link--current::before {
|
|
19216
19220
|
margin: 0;
|
19217
19221
|
background-color: inherit;
|
19218
19222
|
color: inherit;
|
19219
|
-
text-overflow: ellipsis;
|
19220
|
-
white-space: nowrap;
|
19221
19223
|
}
|
19222
19224
|
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag .cds--tag__close-icon {
|
19223
19225
|
padding: 0;
|
@@ -19951,14 +19953,14 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
|
|
19951
19953
|
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
19952
19954
|
}
|
19953
19955
|
|
19954
|
-
.c4p--condition-
|
19956
|
+
.c4p--condition-builder__item__content {
|
19955
19957
|
overflow: auto;
|
19956
19958
|
min-width: 12rem;
|
19957
19959
|
max-width: 20rem;
|
19958
19960
|
max-height: 22rem;
|
19959
19961
|
}
|
19960
19962
|
|
19961
|
-
.c4p--condition-
|
19963
|
+
.c4p--condition-builder__item__title {
|
19962
19964
|
font-size: var(--cds-heading-01-font-size, 0.875rem);
|
19963
19965
|
font-weight: var(--cds-heading-01-font-weight, 600);
|
19964
19966
|
line-height: var(--cds-heading-01-line-height, 1.42857);
|
@@ -19966,28 +19968,28 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
|
|
19966
19968
|
padding: 1rem;
|
19967
19969
|
}
|
19968
19970
|
|
19969
|
-
.c4p--condition-
|
19971
|
+
.c4p--condition-builder__item-option__search {
|
19970
19972
|
padding-block-end: 1rem;
|
19971
19973
|
padding-inline: 1rem;
|
19972
19974
|
}
|
19973
19975
|
|
19974
|
-
.c4p--condition-
|
19976
|
+
.c4p--condition-builder__item-option__option {
|
19975
19977
|
height: 2rem;
|
19976
19978
|
cursor: pointer;
|
19977
19979
|
padding-inline: 1rem;
|
19978
19980
|
}
|
19979
19981
|
|
19980
|
-
.c4p--condition-
|
19982
|
+
.c4p--condition-builder__item-option__option:hover {
|
19981
19983
|
background-color: var(--cds-layer-hover);
|
19982
19984
|
}
|
19983
19985
|
|
19984
|
-
.c4p--condition-
|
19986
|
+
.c4p--condition-builder__item-option__option-content {
|
19985
19987
|
display: flex;
|
19986
19988
|
height: 100%;
|
19987
19989
|
align-items: center;
|
19988
19990
|
}
|
19989
19991
|
|
19990
|
-
.c4p--condition-
|
19992
|
+
.c4p--condition-builder__item-option__option-label {
|
19991
19993
|
display: flex;
|
19992
19994
|
overflow: hidden;
|
19993
19995
|
align-items: center;
|
@@ -19996,42 +19998,42 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
|
|
19996
19998
|
white-space: nowrap;
|
19997
19999
|
}
|
19998
20000
|
|
19999
|
-
.c4p--condition-
|
20001
|
+
.c4p--condition-builder__item-option > ul[aria-multiSelectable=true] .c4p--condition-builder__item-option__option-label {
|
20000
20002
|
justify-content: center;
|
20001
20003
|
}
|
20002
20004
|
|
20003
|
-
.c4p--condition-
|
20005
|
+
.c4p--condition-builder__item-option__option:not(:first-of-type) .c4p--condition-builder__item-option__option-content {
|
20004
20006
|
border-block-start: 0.0625rem solid var(--cds-border-subtle);
|
20005
20007
|
}
|
20006
20008
|
|
20007
|
-
.c4p--condition-
|
20008
|
-
.c4p--condition-
|
20009
|
-
.c4p--condition-
|
20010
|
-
.c4p--condition-
|
20009
|
+
.c4p--condition-builder__item-option__option:hover .c4p--condition-builder__item-option__option-content,
|
20010
|
+
.c4p--condition-builder__item-option__option[aria-selected=true] .c4p--condition-builder__item-option__option-content,
|
20011
|
+
.c4p--condition-builder__item-option__option:hover + .c4p--condition-builder__item-option__option .c4p--condition-builder__item-option__option-content,
|
20012
|
+
.c4p--condition-builder__item-option__option[aria-selected=true] + .c4p--condition-builder__item-option__option .c4p--condition-builder__item-option__option-content {
|
20011
20013
|
border-block-start-color: transparent;
|
20012
20014
|
}
|
20013
20015
|
|
20014
|
-
.c4p--condition-
|
20016
|
+
.c4p--condition-builder__item-option__option[aria-selected=true] {
|
20015
20017
|
background-color: var(--cds-layer-selected);
|
20016
20018
|
}
|
20017
20019
|
|
20018
|
-
.c4p--condition-
|
20020
|
+
.c4p--condition-builder__item-option__option[aria-selected=true]:hover {
|
20019
20021
|
background-color: var(--cds-layer-selected-hover);
|
20020
20022
|
}
|
20021
20023
|
|
20022
|
-
.c4p--condition-
|
20023
|
-
.c4p--condition-
|
20024
|
-
.c4p--condition-
|
20025
|
-
c4p--condition-
|
20024
|
+
.c4p--condition-builder__item-date,
|
20025
|
+
.c4p--condition-builder__item-text,
|
20026
|
+
.c4p--condition-builder__item-number,
|
20027
|
+
c4p--condition-builder__item-time {
|
20026
20028
|
padding-block-end: 1rem;
|
20027
20029
|
padding-inline: 1rem;
|
20028
20030
|
}
|
20029
20031
|
|
20030
|
-
.c4p--condition-
|
20032
|
+
.c4p--condition-builder__checkmark {
|
20031
20033
|
margin-left: auto;
|
20032
20034
|
}
|
20033
20035
|
|
20034
|
-
.c4p--condition-
|
20036
|
+
.c4p--condition-builder__button {
|
20035
20037
|
box-sizing: border-box;
|
20036
20038
|
padding: 0;
|
20037
20039
|
border: 0;
|
@@ -20057,16 +20059,16 @@ c4p--condition-builder__condition-builder-item-time {
|
|
20057
20059
|
padding-inline: 0.5rem;
|
20058
20060
|
white-space: nowrap;
|
20059
20061
|
}
|
20060
|
-
.c4p--condition-
|
20061
|
-
.c4p--condition-
|
20062
|
-
.c4p--condition-
|
20062
|
+
.c4p--condition-builder__button *,
|
20063
|
+
.c4p--condition-builder__button *::before,
|
20064
|
+
.c4p--condition-builder__button *::after {
|
20063
20065
|
box-sizing: inherit;
|
20064
20066
|
}
|
20065
|
-
.c4p--condition-
|
20067
|
+
.c4p--condition-builder__button::-moz-focus-inner {
|
20066
20068
|
border: 0;
|
20067
20069
|
}
|
20068
20070
|
|
20069
|
-
.c4p--condition-
|
20071
|
+
.c4p--condition-builder__button:hover {
|
20070
20072
|
background-color: var(--cds-layer-hover);
|
20071
20073
|
}
|
20072
20074
|
|
@@ -20074,14 +20076,14 @@ c4p--condition-builder__condition-builder-item-time {
|
|
20074
20076
|
background-color: var(--cds-layer-hover);
|
20075
20077
|
}
|
20076
20078
|
|
20077
|
-
.c4p--condition-
|
20079
|
+
.c4p--condition-builder__button:focus {
|
20078
20080
|
outline: 2px solid var(--cds-focus, #0f62fe);
|
20079
20081
|
outline-offset: -2px;
|
20080
20082
|
content: "";
|
20081
20083
|
inset: 0;
|
20082
20084
|
}
|
20083
20085
|
@media screen and (prefers-contrast) {
|
20084
|
-
.c4p--condition-
|
20086
|
+
.c4p--condition-builder__button:focus {
|
20085
20087
|
outline-style: dotted;
|
20086
20088
|
}
|
20087
20089
|
}
|
@@ -20122,12 +20124,12 @@ c4p--condition-builder__condition-builder-item-time {
|
|
20122
20124
|
margin-left: auto;
|
20123
20125
|
}
|
20124
20126
|
|
20125
|
-
.c4p--condition-
|
20127
|
+
.c4p--condition-builder__item-option__option:focus {
|
20126
20128
|
outline: 2px solid var(--cds-focus, #0f62fe);
|
20127
20129
|
outline-offset: -2px;
|
20128
20130
|
}
|
20129
20131
|
@media screen and (prefers-contrast) {
|
20130
|
-
.c4p--condition-
|
20132
|
+
.c4p--condition-builder__item-option__option:focus {
|
20131
20133
|
outline-style: dotted;
|
20132
20134
|
}
|
20133
20135
|
}
|
@@ -20163,13 +20165,13 @@ c4p--condition-builder__condition-builder-item-time {
|
|
20163
20165
|
}
|
20164
20166
|
}
|
20165
20167
|
|
20166
|
-
.c4p--condition-
|
20168
|
+
.c4p--condition-builder__condition__deletion-preview .c4p--condition-builder__button:not(.c4p--condition-builder__statement-button,
|
20167
20169
|
.c4p--condition-builder__connector-button) {
|
20168
20170
|
background-color: var(--cds-tag-background-red, #ffd7d9);
|
20169
20171
|
color: var(--cds-tag-color-red, #750e13);
|
20170
20172
|
}
|
20171
20173
|
|
20172
|
-
.c4p--condition-
|
20174
|
+
.c4p--condition-builder__condition__deletion-preview .c4p--condition-builder__button:not(.c4p--condition-builder__statement-button,
|
20173
20175
|
.c4p--condition-builder__connector-button):hover {
|
20174
20176
|
background-color: var(--cds-tag-hover-red, #ffc2c5);
|
20175
20177
|
}
|