@carbon/ibm-products 2.43.2-canary.234 → 2.43.2-canary.238

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 +55 -19
  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 -0
  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 +2 -0
  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 +33 -18
  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/CreateFullPage/CreateFullPage.d.ts +2 -0
  18. package/es/components/CreateFullPage/CreateFullPage.js +10 -3
  19. package/es/components/SimpleHeader/SimpleHeader.d.ts +3 -1
  20. package/es/components/SimpleHeader/SimpleHeader.js +9 -2
  21. package/es/components/TagSet/TagSet.js +5 -0
  22. package/es/components/TagSet/TagSetOverflow.d.ts +4 -0
  23. package/es/components/TagSet/TagSetOverflow.js +13 -6
  24. package/es/node_modules/@carbon/icon-helpers/es/index.js +3 -3
  25. package/lib/components/CreateFullPage/CreateFullPage.d.ts +2 -0
  26. package/lib/components/CreateFullPage/CreateFullPage.js +9 -2
  27. package/lib/components/SimpleHeader/SimpleHeader.d.ts +3 -1
  28. package/lib/components/SimpleHeader/SimpleHeader.js +9 -2
  29. package/lib/components/TagSet/TagSet.js +5 -0
  30. package/lib/components/TagSet/TagSetOverflow.d.ts +4 -0
  31. package/lib/components/TagSet/TagSetOverflow.js +12 -5
  32. package/lib/node_modules/@carbon/icon-helpers/es/index.js +3 -3
  33. package/package.json +8 -8
  34. package/scss/components/TagSet/_tag-set.scss +2 -0
@@ -7165,6 +7165,8 @@ button.c4p--add-select__global-filter-toggle--open {
7165
7165
  text-align: left;
7166
7166
  }
7167
7167
  .c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__popover-trigger {
7168
+ /* stylelint-disable-next-line declaration-no-important */
7169
+ border: none !important;
7168
7170
  font-family: inherit;
7169
7171
  }
7170
7172
  .c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__show-all-tags-link.cds--link:visited {
@@ -23784,14 +23786,17 @@ em {
23784
23786
  font-family: inherit;
23785
23787
  font-size: 100%;
23786
23788
  vertical-align: baseline;
23787
- inline-size: 100%;
23788
- list-style: none;
23789
+ /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
23789
23790
  }
23790
23791
  .cds--accordion *,
23791
23792
  .cds--accordion *::before,
23792
23793
  .cds--accordion *::after {
23793
23794
  box-sizing: inherit;
23794
23795
  }
23796
+ .cds--accordion {
23797
+ inline-size: 100%;
23798
+ list-style: none;
23799
+ }
23795
23800
 
23796
23801
  .cds--accordion__item {
23797
23802
  display: list-item;
@@ -23811,6 +23816,7 @@ em {
23811
23816
  }
23812
23817
 
23813
23818
  .cds--accordion__heading {
23819
+ transition: background-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
23814
23820
  box-sizing: border-box;
23815
23821
  padding: 0;
23816
23822
  border: 0;
@@ -23826,6 +23832,17 @@ em {
23826
23832
  cursor: pointer;
23827
23833
  text-align: start;
23828
23834
  inline-size: 100%;
23835
+ /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
23836
+ }
23837
+ .cds--accordion__heading *,
23838
+ .cds--accordion__heading *::before,
23839
+ .cds--accordion__heading *::after {
23840
+ box-sizing: inherit;
23841
+ }
23842
+ .cds--accordion__heading::-moz-focus-inner {
23843
+ border: 0;
23844
+ }
23845
+ .cds--accordion__heading {
23829
23846
  position: relative;
23830
23847
  display: flex;
23831
23848
  flex-direction: row-reverse;
@@ -23837,15 +23854,6 @@ em {
23837
23854
  inline-size: 100%;
23838
23855
  min-block-size: var(--cds-layout-size-height-local);
23839
23856
  padding-inline-end: var(--cds-layout-density-padding-inline-local);
23840
- transition: background-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
23841
- }
23842
- .cds--accordion__heading *,
23843
- .cds--accordion__heading *::before,
23844
- .cds--accordion__heading *::after {
23845
- box-sizing: inherit;
23846
- }
23847
- .cds--accordion__heading::-moz-focus-inner {
23848
- border: 0;
23849
23857
  }
23850
23858
  .cds--accordion__heading:hover {
23851
23859
  background-color: var(--cds-layer-hover);
@@ -23883,12 +23891,15 @@ li.cds--accordion__item--disabled:last-of-type {
23883
23891
  .cds--accordion__arrow {
23884
23892
  outline: 2px solid transparent;
23885
23893
  outline-offset: -2px;
23894
+ transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
23895
+ /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
23896
+ }
23897
+ .cds--accordion__arrow {
23886
23898
  flex: 0 0 1rem;
23887
23899
  block-size: 1rem;
23888
23900
  fill: var(--cds-icon-primary, #161616);
23889
23901
  inline-size: 1rem;
23890
23902
  transform: rotate(-270deg) /*rtl:ignore*/;
23891
- transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
23892
23903
  }
23893
23904
 
23894
23905
  .cds--accordion__title {
@@ -23896,6 +23907,9 @@ li.cds--accordion__item--disabled:last-of-type {
23896
23907
  font-weight: var(--cds-body-01-font-weight, 400);
23897
23908
  line-height: var(--cds-body-01-line-height, 1.42857);
23898
23909
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
23910
+ /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
23911
+ }
23912
+ .cds--accordion__title {
23899
23913
  z-index: 1;
23900
23914
  inline-size: 100%;
23901
23915
  padding-inline-start: 1rem;
@@ -26916,7 +26930,7 @@ fieldset[disabled] .cds--form__helper-text {
26916
26930
  display: flex;
26917
26931
  cursor: pointer;
26918
26932
  min-block-size: 1.25rem;
26919
- padding-block-start: 0.125rem;
26933
+ padding-block-start: 0.0625rem;
26920
26934
  padding-inline-start: 1.25rem;
26921
26935
  user-select: none;
26922
26936
  }
@@ -27668,6 +27682,7 @@ fieldset[disabled] .cds--form__helper-text {
27668
27682
  .cds--snippet--inline.cds--btn {
27669
27683
  block-size: 1.25rem;
27670
27684
  inline-size: initial;
27685
+ max-inline-size: unset;
27671
27686
  min-block-size: 1.25rem;
27672
27687
  padding-inline: 0;
27673
27688
  }
@@ -35687,6 +35702,16 @@ button.cds--dropdown-text:focus {
35687
35702
  min-inline-size: auto;
35688
35703
  }
35689
35704
 
35705
+ .cds--multi-select.cds--multi-select--selectall .cds--list-box__menu-item:first-child .cds--list-box__menu-item__option {
35706
+ padding: 0.6875rem 1rem;
35707
+ margin: 0;
35708
+ border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
35709
+ }
35710
+
35711
+ .cds--multi-select.cds--multi-select--selectall .cds--list-box__menu-item:nth-child(2) .cds--list-box__menu-item__option {
35712
+ border-block-start: none;
35713
+ }
35714
+
35690
35715
  .cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-wrapper {
35691
35716
  display: flex;
35692
35717
  align-items: center;
@@ -35703,6 +35728,18 @@ button.cds--dropdown-text:focus {
35703
35728
  white-space: nowrap;
35704
35729
  }
35705
35730
 
35731
+ .cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-label::before {
35732
+ margin-block: 0;
35733
+ }
35734
+
35735
+ .cds--multi-select .cds--list-box__menu-item__option .cds--checkbox:indeterminate + .cds--checkbox-label::after {
35736
+ inset-block-start: 0.5625rem;
35737
+ }
35738
+
35739
+ .cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-label::after {
35740
+ inset-block-start: 0.3125rem;
35741
+ }
35742
+
35706
35743
  .cds--multi-select .cds--list-box__menu-item__option > .cds--form-item {
35707
35744
  flex-direction: row;
35708
35745
  margin: 0;
@@ -37858,10 +37895,10 @@ optgroup.cds--select-optgroup:disabled,
37858
37895
  }
37859
37896
 
37860
37897
  .cds--inline-loading__text {
37861
- font-size: var(--cds-label-01-font-size, 0.75rem);
37862
- font-weight: var(--cds-label-01-font-weight, 400);
37863
- line-height: var(--cds-label-01-line-height, 1.33333);
37864
- letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
37898
+ font-size: var(--cds-label-02-font-size, 0.875rem);
37899
+ font-weight: var(--cds-label-02-font-weight, 400);
37900
+ line-height: var(--cds-label-02-line-height, 1.28572);
37901
+ letter-spacing: var(--cds-label-02-letter-spacing, 0.16px);
37865
37902
  color: var(--cds-text-secondary, #525252);
37866
37903
  }
37867
37904
 
@@ -38326,7 +38363,7 @@ optgroup.cds--select-optgroup:disabled,
38326
38363
  mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 80px), transparent calc(100% - 48px), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 16px, transparent 16px), linear-gradient(to right, var(--cds-layer) 0, 2px, transparent 2px), linear-gradient(to top, var(--cds-layer) 0, 2px, transparent 2px);
38327
38364
  }
38328
38365
 
38329
- .cds--modal-scroll-content:has(.cds--dropdown--autoalign) {
38366
+ .cds--modal-scroll-content:has(.cds--autoalign) {
38330
38367
  mask-image: none;
38331
38368
  }
38332
38369
 
@@ -41028,7 +41065,6 @@ span.cds--pagination__text.cds--pagination__items-count {
41028
41065
  .cds--slider__thumb--lower,
41029
41066
  .cds--slider__thumb--upper {
41030
41067
  position: absolute;
41031
- /* stylelint-disable-next-line declaration-property-value-disallowed-list */
41032
41068
  border-radius: unset;
41033
41069
  background-color: transparent;
41034
41070
  box-shadow: none;