@carbon/ibm-products 2.40.0 → 2.40.1-canary.10

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