@carbon/ibm-products 2.0.0-rc.23 → 2.0.0-rc.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/css/index-full-carbon.css +33 -33
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +3 -3
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +28 -32
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +3 -3
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +33 -33
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +3 -3
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +28 -32
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +2 -2
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/AddSelect/AddSelectBreadcrumbs.js +6 -4
  18. package/es/components/AddSelect/AddSelectFilter.js +1 -2
  19. package/es/components/AddSelect/AddSelectList.js +16 -34
  20. package/es/components/CreateFullPage/CreateFullPage.js +4 -2
  21. package/es/components/Tearsheet/Tearsheet.js +3 -3
  22. package/es/components/Tearsheet/TearsheetShell.js +7 -6
  23. package/lib/components/AddSelect/AddSelectBreadcrumbs.js +6 -4
  24. package/lib/components/AddSelect/AddSelectFilter.js +1 -2
  25. package/lib/components/AddSelect/AddSelectList.js +15 -33
  26. package/lib/components/CreateFullPage/CreateFullPage.js +3 -1
  27. package/lib/components/Tearsheet/Tearsheet.js +2 -2
  28. package/lib/components/Tearsheet/TearsheetShell.js +7 -6
  29. package/package.json +2 -2
  30. package/scss/components/ActionSet/_action-set.scss +4 -1
  31. package/scss/components/AddSelect/_add-select.scss +0 -10
  32. package/scss/components/EmptyStates/_empty-state.scss +7 -4
  33. package/scss/components/HTTPErrors/_http-errors.scss +8 -4
  34. package/scss/components/Tearsheet/_tearsheet.scss +4 -0
@@ -1006,7 +1006,7 @@
1006
1006
  .c4p--action-set.cds--btn-set.c4p--action-set--xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
1007
1007
  .c4p--action-set.cds--btn-set.c4p--action-set--2xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
1008
1008
  .c4p--action-set.cds--btn-set.c4p--action-set--row-quadruple .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost) {
1009
- max-width: rem(232px);
1009
+ max-width: 14.5rem;
1010
1010
  flex: 0 1 25%;
1011
1011
  }
1012
1012
 
@@ -3640,6 +3640,9 @@
3640
3640
  .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon {
3641
3641
  padding-right: 4rem;
3642
3642
  }
3643
+ .c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header-description {
3644
+ max-width: 80%;
3645
+ }
3643
3646
  .c4p--tearsheet .c4p--tearsheet__header-navigation {
3644
3647
  margin: 0.75rem 0 0;
3645
3648
  }
@@ -3881,25 +3884,25 @@
3881
3884
  color: var(--cds-text-primary, #161616);
3882
3885
  }
3883
3886
  .c4p--empty-state .c4p--empty-state__header {
3884
- font-size: var(--cds-productive-heading-03-font-size, 1.25rem);
3885
- font-weight: var(--cds-productive-heading-03-font-weight, 400);
3886
- line-height: var(--cds-productive-heading-03-line-height, 1.4);
3887
- letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
3887
+ font-size: var(--cds-heading-03-font-size, 1.25rem);
3888
+ font-weight: var(--cds-heading-03-font-weight, 400);
3889
+ line-height: var(--cds-heading-03-line-height, 1.4);
3890
+ letter-spacing: var(--cds-heading-03-letter-spacing, 0);
3888
3891
  padding-bottom: 0.375rem;
3889
3892
  margin: 0;
3890
3893
  }
3891
3894
  .c4p--empty-state .c4p--empty-state__subtitle {
3892
- font-size: var(--cds-body-long-01-font-size, 0.875rem);
3893
- font-weight: var(--cds-body-long-01-font-weight, 400);
3894
- line-height: var(--cds-body-long-01-line-height, 1.42857);
3895
- letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
3895
+ font-size: var(--cds-body-01-font-size, 0.875rem);
3896
+ font-weight: var(--cds-body-01-font-weight, 400);
3897
+ line-height: var(--cds-body-01-line-height, 1.42857);
3898
+ letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
3896
3899
  padding-bottom: 1rem;
3897
3900
  }
3898
3901
  .c4p--empty-state .c4p--empty-state__header--small {
3899
- font-size: var(--cds-body-short-02-font-size, 1rem);
3900
- font-weight: var(--cds-body-short-02-font-weight, 400);
3901
- line-height: var(--cds-body-short-02-line-height, 1.375);
3902
- letter-spacing: var(--cds-body-short-02-letter-spacing, 0);
3902
+ font-size: var(--cds-body-compact-02-font-size, 1rem);
3903
+ font-weight: var(--cds-body-compact-02-font-weight, 400);
3904
+ line-height: var(--cds-body-compact-02-line-height, 1.375);
3905
+ letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
3903
3906
  padding-bottom: 0.5rem;
3904
3907
  }
3905
3908
  .c4p--empty-state .c4p--empty-state__subtitle--small {
@@ -4107,26 +4110,26 @@
4107
4110
  }
4108
4111
 
4109
4112
  .c4p--http-errors .c4p--http-errors__error-code-label {
4110
- font-size: var(--cds-productive-heading-02-font-size, 1rem);
4111
- font-weight: var(--cds-productive-heading-02-font-weight, 600);
4112
- line-height: var(--cds-productive-heading-02-line-height, 1.375);
4113
- letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
4113
+ font-size: var(--cds-heading-compact-02-font-size, 1rem);
4114
+ font-weight: var(--cds-heading-compact-02-font-weight, 600);
4115
+ line-height: var(--cds-heading-compact-02-line-height, 1.375);
4116
+ letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
4114
4117
  margin-bottom: 0.25rem;
4115
4118
  }
4116
4119
 
4117
4120
  .c4p--http-errors .c4p--http-errors__title {
4118
- font-size: var(--cds-productive-heading-05-font-size, 2rem);
4119
- font-weight: var(--cds-productive-heading-05-font-weight, 400);
4120
- line-height: var(--cds-productive-heading-05-line-height, 1.25);
4121
- letter-spacing: var(--cds-productive-heading-05-letter-spacing, 0);
4121
+ font-size: var(--cds-heading-05-font-size, 2rem);
4122
+ font-weight: var(--cds-heading-05-font-weight, 400);
4123
+ line-height: var(--cds-heading-05-line-height, 1.25);
4124
+ letter-spacing: var(--cds-heading-05-letter-spacing, 0);
4122
4125
  margin-bottom: 0.75rem;
4123
4126
  }
4124
4127
 
4125
4128
  .c4p--http-errors .c4p--http-errors__description {
4126
- font-size: var(--cds-body-short-01-font-size, 0.875rem);
4127
- font-weight: var(--cds-body-short-01-font-weight, 400);
4128
- line-height: var(--cds-body-short-01-line-height, 1.28572);
4129
- letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
4129
+ font-size: var(--cds-body-compact-01-font-size, 0.875rem);
4130
+ font-weight: var(--cds-body-compact-01-font-weight, 400);
4131
+ line-height: var(--cds-body-compact-01-line-height, 1.28572);
4132
+ letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
4130
4133
  margin-bottom: 1.5rem;
4131
4134
  }
4132
4135
 
@@ -4335,13 +4338,6 @@
4335
4338
  flex-direction: column;
4336
4339
  justify-content: center;
4337
4340
  }
4338
- .c4p--add-select__selections-cell:hover .c4p--add-select__selections-hidden-hover,
4339
- .c4p--add-select__selections .cds--structured-list-row:focus-within .c4p--add-select__selections-hidden-hover {
4340
- visibility: visible;
4341
- }
4342
- .c4p--add-select__selections-hidden-hover {
4343
- visibility: hidden;
4344
- }
4345
4341
  .c4p--add-select__selections-row--selected.cds--structured-list-row {
4346
4342
  border-bottom: 1px solid var(--cds-layer-selected-01, #e0e0e0);
4347
4343
  background-color: var(--cds-layer-selected-01, #e0e0e0);
@@ -14002,7 +13998,7 @@ a.cds--side-nav__link--current::before {
14002
13998
  .c4p--action-set.cds--btn-set.c4p--action-set--xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
14003
13999
  .c4p--action-set.cds--btn-set.c4p--action-set--2xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
14004
14000
  .c4p--action-set.cds--btn-set.c4p--action-set--row-quadruple .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost) {
14005
- max-width: rem(232px);
14001
+ max-width: 14.5rem;
14006
14002
  flex: 0 1 25%;
14007
14003
  }
14008
14004
 
@@ -14185,6 +14181,10 @@ a.cds--side-nav__link--current::before {
14185
14181
  padding-right: 4rem;
14186
14182
  }
14187
14183
 
14184
+ .c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header-description {
14185
+ max-width: 80%;
14186
+ }
14187
+
14188
14188
  .c4p--tearsheet .c4p--tearsheet__header-navigation {
14189
14189
  margin: 0.75rem 0 0;
14190
14190
  }