@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.
Files changed (65) hide show
  1. package/css/index-full-carbon.css +36 -34
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -1
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon.css +36 -34
  6. package/css/index-without-carbon.css.map +1 -1
  7. package/css/index-without-carbon.min.css +1 -1
  8. package/css/index-without-carbon.min.css.map +1 -1
  9. package/css/index.css +699 -34
  10. package/css/index.css.map +1 -1
  11. package/css/index.min.css +1 -1
  12. package/css/index.min.css.map +1 -1
  13. package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +3 -3
  14. package/es/components/ConditionBuilder/ConditionBuilder.js +6 -1
  15. package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +3 -3
  16. package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +1 -1
  17. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +2 -2
  18. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +3 -3
  19. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +1 -1
  20. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +1 -1
  21. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ConditionBuilderItemOption.js +30 -18
  22. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +3 -3
  23. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +7 -7
  24. package/es/components/ConditionBuilder/ConditionConnector/ConditionConnector.js +6 -6
  25. package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +11 -11
  26. package/es/components/ConditionBuilder/utils/checkForHoldingKey.d.ts +1 -0
  27. package/es/components/ConditionBuilder/utils/checkForHoldingKey.js +16 -0
  28. package/es/components/ConditionBuilder/utils/handleKeyboardEvents.d.ts +1 -0
  29. package/es/components/ConditionBuilder/utils/handleKeyboardEvents.js +125 -0
  30. package/es/components/ConditionBuilder/utils/util.d.ts +1 -1
  31. package/es/components/ConditionBuilder/utils/util.js +34 -5
  32. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +3 -4
  33. package/es/components/TagOverflow/TagOverflow.js +35 -20
  34. package/es/components/TagOverflow/TagOverflowModal.d.ts +3 -1
  35. package/es/components/TagOverflow/TagOverflowModal.js +14 -20
  36. package/es/components/TagOverflow/TagOverflowPopover.js +19 -4
  37. package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +3 -3
  38. package/lib/components/ConditionBuilder/ConditionBuilder.js +6 -1
  39. package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +3 -3
  40. package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +1 -1
  41. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +2 -2
  42. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +3 -3
  43. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +1 -1
  44. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +1 -1
  45. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ConditionBuilderItemOption.js +29 -17
  46. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +3 -3
  47. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +7 -7
  48. package/lib/components/ConditionBuilder/ConditionConnector/ConditionConnector.js +6 -6
  49. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +11 -11
  50. package/lib/components/ConditionBuilder/utils/checkForHoldingKey.d.ts +1 -0
  51. package/lib/components/ConditionBuilder/utils/checkForHoldingKey.js +20 -0
  52. package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.d.ts +1 -0
  53. package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +129 -0
  54. package/lib/components/ConditionBuilder/utils/util.d.ts +1 -1
  55. package/lib/components/ConditionBuilder/utils/util.js +36 -4
  56. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +3 -4
  57. package/lib/components/TagOverflow/TagOverflow.js +34 -19
  58. package/lib/components/TagOverflow/TagOverflowModal.d.ts +3 -1
  59. package/lib/components/TagOverflow/TagOverflowModal.js +14 -20
  60. package/lib/components/TagOverflow/TagOverflowPopover.js +19 -4
  61. package/package.json +2 -2
  62. package/scss/components/ConditionBuilder/styles/_conditionBuilderCondition.scss +4 -4
  63. package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss +34 -34
  64. package/scss/components/TagOverflow/_tag-overflow.scss +5 -2
  65. 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-builder__condition-builder-item__content {
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-builder__condition-builder-item__title {
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-builder__condition-builder-item-option__search {
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-builder__condition-builder-item-option__option {
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-builder__condition-builder-item-option__option:hover {
19982
+ .c4p--condition-builder__item-option__option:hover {
19981
19983
  background-color: var(--cds-layer-hover);
19982
19984
  }
19983
19985
 
19984
- .c4p--condition-builder__condition-builder-item-option__option-content {
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-builder__condition-builder-item-option__option-label {
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-builder__condition-builder-item-option > ul[aria-multiSelectable=true] .c4p--condition-builder__condition-builder-item-option__option-label {
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-builder__condition-builder-item-option__option:not(:first-of-type) .c4p--condition-builder__condition-builder-item-option__option-content {
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-builder__condition-builder-item-option__option:hover .c4p--condition-builder__condition-builder-item-option__option-content,
20008
- .c4p--condition-builder__condition-builder-item-option__option[aria-selected=true] .c4p--condition-builder__condition-builder-item-option__option-content,
20009
- .c4p--condition-builder__condition-builder-item-option__option:hover + .c4p--condition-builder__condition-builder-item-option__option .c4p--condition-builder__condition-builder-item-option__option-content,
20010
- .c4p--condition-builder__condition-builder-item-option__option[aria-selected=true] + .c4p--condition-builder__condition-builder-item-option__option .c4p--condition-builder__condition-builder-item-option__option-content {
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-builder__condition-builder-item-option__option[aria-selected=true] {
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-builder__condition-builder-item-option__option[aria-selected=true]:hover {
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-builder__condition-builder-item-date,
20023
- .c4p--condition-builder__condition-builder-item-text,
20024
- .c4p--condition-builder__condition-builder-item-number,
20025
- c4p--condition-builder__condition-builder-item-time {
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-builder__condition-builder-checkmark {
20032
+ .c4p--condition-builder__checkmark {
20031
20033
  margin-left: auto;
20032
20034
  }
20033
20035
 
20034
- .c4p--condition-builder__condition-builder-button {
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-builder__condition-builder-button *,
20061
- .c4p--condition-builder__condition-builder-button *::before,
20062
- .c4p--condition-builder__condition-builder-button *::after {
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-builder__condition-builder-button::-moz-focus-inner {
20067
+ .c4p--condition-builder__button::-moz-focus-inner {
20066
20068
  border: 0;
20067
20069
  }
20068
20070
 
20069
- .c4p--condition-builder__condition-builder-button:hover {
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-builder__condition-builder-button:focus {
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-builder__condition-builder-button:focus {
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-builder__condition-builder-item-option__option:focus {
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-builder__condition-builder-item-option__option:focus {
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-builder__condition-builder-condition__deletion-preview .c4p--condition-builder__condition-builder-button:not(.c4p--condition-builder__statement-button,
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-builder__condition-builder-condition__deletion-preview .c4p--condition-builder__condition-builder-button:not(.c4p--condition-builder__statement-button,
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
  }