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