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

Sign up to get free protection for your applications and to get access to all the features.
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
  }