@carbon/ibm-products 2.32.0 → 2.34.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (178) hide show
  1. package/css/index-full-carbon.css +351 -3
  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 +351 -3
  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 +351 -3
  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/ActionBar/ActionBar.js +8 -1
  14. package/es/components/CreateSidePanel/CreateSidePanel.d.ts +81 -2
  15. package/es/components/CreateSidePanel/CreateSidePanel.js +5 -2
  16. package/es/components/CreateTearsheet/CreateTearsheetDivider.d.ts +12 -1
  17. package/es/components/CreateTearsheet/CreateTearsheetDivider.js +1 -1
  18. package/es/components/DataSpreadsheet/DataSpreadsheet.js +39 -145
  19. package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +60 -112
  20. package/es/components/DataSpreadsheet/hooks/useMoveActiveCell.d.ts +3 -1
  21. package/es/components/DataSpreadsheet/hooks/useMoveActiveCell.js +10 -3
  22. package/es/components/DataSpreadsheet/utils/commonEventHandlers.d.ts +4 -0
  23. package/es/components/DataSpreadsheet/utils/commonEventHandlers.js +304 -0
  24. package/es/components/Datagrid/Datagrid/DatagridContent.js +2 -1
  25. package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +4 -1
  26. package/es/components/Datagrid/Datagrid/DatagridRefBody.js +3 -1
  27. package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +4 -1
  28. package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +6 -2
  29. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.d.ts +1 -1
  30. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +4 -0
  31. package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.d.ts +2 -1
  32. package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +4 -3
  33. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +5 -5
  34. package/es/components/Datagrid/useRowSize.js +4 -2
  35. package/es/components/DescriptionList/DescriptionList.d.ts +0 -37
  36. package/es/components/DescriptionList/DescriptionList.js +7 -12
  37. package/es/components/DescriptionList/DescriptionListBody.d.ts +2 -0
  38. package/es/components/DescriptionList/DescriptionListBody.js +39 -0
  39. package/es/components/DescriptionList/DescriptionListCell.d.ts +2 -0
  40. package/es/components/DescriptionList/DescriptionListCell.js +39 -0
  41. package/es/components/DescriptionList/DescriptionListRow.d.ts +2 -0
  42. package/es/components/DescriptionList/DescriptionListRow.js +41 -0
  43. package/es/components/DescriptionList/index.d.ts +4 -1
  44. package/es/components/EditSidePanel/EditSidePanel.d.ts +92 -2
  45. package/es/components/EditSidePanel/EditSidePanel.js +8 -10
  46. package/es/components/FilterPanel/FilterPanel.d.ts +5 -0
  47. package/es/components/FilterPanel/FilterPanel.js +55 -0
  48. package/es/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.d.ts +5 -0
  49. package/es/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js +83 -0
  50. package/es/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.d.ts +5 -0
  51. package/es/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js +94 -0
  52. package/es/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.d.ts +5 -0
  53. package/es/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js +80 -0
  54. package/es/components/FilterPanel/FilterPanelCheckbox/index.d.ts +1 -0
  55. package/es/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.d.ts +10 -0
  56. package/es/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js +157 -0
  57. package/es/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.d.ts +5 -0
  58. package/es/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js +72 -0
  59. package/es/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.d.ts +5 -0
  60. package/es/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js +63 -0
  61. package/es/components/FilterPanel/FilterPanelLabel/index.d.ts +1 -0
  62. package/es/components/FilterPanel/index.d.ts +7 -0
  63. package/es/components/OptionsTile/OptionsTile.d.ts +77 -3
  64. package/es/components/OptionsTile/OptionsTile.js +9 -20
  65. package/es/components/RemoveModal/RemoveModal.d.ts +81 -7
  66. package/es/components/RemoveModal/RemoveModal.js +1 -0
  67. package/es/components/ScrollGradient/ScrollGradient.d.ts +5 -0
  68. package/es/components/ScrollGradient/ScrollGradient.js +156 -0
  69. package/es/components/ScrollGradient/constants.d.ts +15 -0
  70. package/es/components/ScrollGradient/constants.js +121 -0
  71. package/es/components/ScrollGradient/index.d.ts +1 -0
  72. package/es/components/SidePanel/SidePanel.d.ts +144 -2
  73. package/es/components/SidePanel/SidePanel.js +88 -112
  74. package/es/components/StatusIcon/StatusIcon.d.ts +34 -2
  75. package/es/components/StatusIcon/StatusIcon.js +97 -95
  76. package/es/components/Tearsheet/TearsheetShell.js +9 -1
  77. package/es/components/Toolbar/ToolbarGroup.d.ts +17 -2
  78. package/es/components/Toolbar/ToolbarGroup.js +0 -1
  79. package/es/components/TruncatedList/TruncatedList.js +5 -3
  80. package/es/components/UserAvatar/UserAvatar.js +3 -2
  81. package/es/components/index.d.ts +4 -1
  82. package/es/global/js/hooks/useFocus.js +9 -2
  83. package/es/global/js/package-settings.d.ts +12 -0
  84. package/es/global/js/package-settings.js +12 -0
  85. package/es/index.js +12 -0
  86. package/es/settings.d.ts +12 -0
  87. package/lib/components/ActionBar/ActionBar.js +11 -6
  88. package/lib/components/CreateSidePanel/CreateSidePanel.d.ts +81 -2
  89. package/lib/components/CreateSidePanel/CreateSidePanel.js +5 -2
  90. package/lib/components/CreateTearsheet/CreateTearsheetDivider.d.ts +12 -1
  91. package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +1 -1
  92. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +39 -145
  93. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +60 -112
  94. package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.d.ts +3 -1
  95. package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +9 -2
  96. package/lib/components/DataSpreadsheet/utils/commonEventHandlers.d.ts +4 -0
  97. package/lib/components/DataSpreadsheet/utils/commonEventHandlers.js +311 -0
  98. package/lib/components/Datagrid/Datagrid/DatagridContent.js +2 -1
  99. package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +4 -1
  100. package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +3 -1
  101. package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +4 -1
  102. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +5 -1
  103. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.d.ts +1 -1
  104. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +4 -0
  105. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.d.ts +2 -1
  106. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +4 -3
  107. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +5 -5
  108. package/lib/components/Datagrid/useRowSize.js +4 -2
  109. package/lib/components/DescriptionList/DescriptionList.d.ts +0 -37
  110. package/lib/components/DescriptionList/DescriptionList.js +6 -11
  111. package/lib/components/DescriptionList/DescriptionListBody.d.ts +2 -0
  112. package/lib/components/DescriptionList/DescriptionListBody.js +46 -0
  113. package/lib/components/DescriptionList/DescriptionListCell.d.ts +2 -0
  114. package/lib/components/DescriptionList/DescriptionListCell.js +46 -0
  115. package/lib/components/DescriptionList/DescriptionListRow.d.ts +2 -0
  116. package/lib/components/DescriptionList/DescriptionListRow.js +48 -0
  117. package/lib/components/DescriptionList/index.d.ts +4 -1
  118. package/lib/components/EditSidePanel/EditSidePanel.d.ts +92 -2
  119. package/lib/components/EditSidePanel/EditSidePanel.js +8 -10
  120. package/lib/components/FilterPanel/FilterPanel.d.ts +5 -0
  121. package/lib/components/FilterPanel/FilterPanel.js +62 -0
  122. package/lib/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.d.ts +5 -0
  123. package/lib/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js +90 -0
  124. package/lib/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.d.ts +5 -0
  125. package/lib/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js +101 -0
  126. package/lib/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.d.ts +5 -0
  127. package/lib/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js +87 -0
  128. package/lib/components/FilterPanel/FilterPanelCheckbox/index.d.ts +1 -0
  129. package/lib/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.d.ts +10 -0
  130. package/lib/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js +164 -0
  131. package/lib/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.d.ts +5 -0
  132. package/lib/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js +79 -0
  133. package/lib/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.d.ts +5 -0
  134. package/lib/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js +70 -0
  135. package/lib/components/FilterPanel/FilterPanelLabel/index.d.ts +1 -0
  136. package/lib/components/FilterPanel/index.d.ts +7 -0
  137. package/lib/components/OptionsTile/OptionsTile.d.ts +77 -3
  138. package/lib/components/OptionsTile/OptionsTile.js +9 -20
  139. package/lib/components/RemoveModal/RemoveModal.d.ts +81 -7
  140. package/lib/components/RemoveModal/RemoveModal.js +1 -0
  141. package/lib/components/ScrollGradient/ScrollGradient.d.ts +5 -0
  142. package/lib/components/ScrollGradient/ScrollGradient.js +163 -0
  143. package/lib/components/ScrollGradient/constants.d.ts +15 -0
  144. package/lib/components/ScrollGradient/constants.js +128 -0
  145. package/lib/components/ScrollGradient/index.d.ts +1 -0
  146. package/lib/components/SidePanel/SidePanel.d.ts +144 -2
  147. package/lib/components/SidePanel/SidePanel.js +88 -112
  148. package/lib/components/StatusIcon/StatusIcon.d.ts +34 -2
  149. package/lib/components/StatusIcon/StatusIcon.js +97 -95
  150. package/lib/components/Tearsheet/TearsheetShell.js +9 -1
  151. package/lib/components/Toolbar/ToolbarGroup.d.ts +17 -2
  152. package/lib/components/Toolbar/ToolbarGroup.js +0 -1
  153. package/lib/components/TruncatedList/TruncatedList.js +5 -3
  154. package/lib/components/UserAvatar/UserAvatar.js +3 -2
  155. package/lib/components/index.d.ts +4 -1
  156. package/lib/global/js/hooks/useFocus.js +9 -2
  157. package/lib/global/js/package-settings.d.ts +12 -0
  158. package/lib/global/js/package-settings.js +12 -0
  159. package/lib/index.js +60 -0
  160. package/lib/settings.d.ts +12 -0
  161. package/package.json +3 -3
  162. package/scss/components/FilterPanel/_carbon-imports.scss +9 -0
  163. package/scss/components/FilterPanel/_filter-panel-accordion-item.scss +56 -0
  164. package/scss/components/FilterPanel/_filter-panel-accordion.scss +6 -0
  165. package/scss/components/FilterPanel/_filter-panel-checkbox-with-overflow.scss +62 -0
  166. package/scss/components/FilterPanel/_filter-panel-checkbox.scss +54 -0
  167. package/scss/components/FilterPanel/_filter-panel-group.scss +39 -0
  168. package/scss/components/FilterPanel/_filter-panel-label.scss +39 -0
  169. package/scss/components/FilterPanel/_filter-panel.scss +31 -0
  170. package/scss/components/FilterPanel/_index-with-carbon.scss +15 -0
  171. package/scss/components/FilterPanel/_index.scss +14 -0
  172. package/scss/components/ScrollGradient/_carbon-imports.scss +9 -0
  173. package/scss/components/ScrollGradient/_index-with-carbon.scss +9 -0
  174. package/scss/components/ScrollGradient/_index.scss +8 -0
  175. package/scss/components/ScrollGradient/_scroll-gradient.scss +102 -0
  176. package/scss/components/UserAvatar/_user-avatar.scss +37 -4
  177. package/scss/components/_index-with-carbon.scss +2 -0
  178. package/scss/components/_index.scss +2 -0
package/css/index.css CHANGED
@@ -37902,12 +37902,124 @@ a.cds--side-nav__link--current::before {
37902
37902
  outline: 2px solid var(--cds-focus, #0f62fe);
37903
37903
  }
37904
37904
 
37905
- .c4p--user-avatar--light-cyan {
37905
+ .cds--g10 .c4p--user-avatar--order-1-cyan,
37906
+ .cds--white .c4p--user-avatar--order-1-cyan {
37907
+ background-color: #0072c3;
37908
+ }
37909
+
37910
+ .cds--g10 .c4p--user-avatar--order-2-gray,
37911
+ .cds--white .c4p--user-avatar--order-2-gray {
37912
+ background-color: #6f6f6f;
37913
+ }
37914
+
37915
+ .cds--g10 .c4p--user-avatar--order-3-green,
37916
+ .cds--white .c4p--user-avatar--order-3-green {
37917
+ background-color: #198038;
37918
+ }
37919
+
37920
+ .cds--g10 .c4p--user-avatar--order-4-magenta,
37921
+ .cds--white .c4p--user-avatar--order-4-magenta {
37922
+ background-color: #d02670;
37923
+ }
37924
+
37925
+ .cds--g10 .c4p--user-avatar--order-5-purple,
37926
+ .cds--white .c4p--user-avatar--order-5-purple {
37927
+ background-color: #8a3ffc;
37928
+ }
37929
+
37930
+ .cds--g10 .c4p--user-avatar--order-6-teal,
37931
+ .cds--white .c4p--user-avatar--order-6-teal {
37932
+ background-color: #007d79;
37933
+ }
37934
+
37935
+ .cds--g10 .c4p--user-avatar--order-7-cyan,
37936
+ .cds--white .c4p--user-avatar--order-7-cyan {
37937
+ background-color: #003a6d;
37938
+ }
37939
+
37940
+ .cds--g10 .c4p--user-avatar--order-8-gray,
37941
+ .cds--white .c4p--user-avatar--order-8-gray {
37942
+ background-color: #393939;
37943
+ }
37944
+
37945
+ .cds--g10 .c4p--user-avatar--order-9-green,
37946
+ .cds--white .c4p--user-avatar--order-9-green {
37947
+ background-color: #044317;
37948
+ }
37949
+
37950
+ .cds--g10 .c4p--user-avatar--order-10-magenta,
37951
+ .cds--white .c4p--user-avatar--order-10-magenta {
37952
+ background-color: #740937;
37953
+ }
37954
+
37955
+ .cds--g10 .c4p--user-avatar--order-11-purple,
37956
+ .cds--white .c4p--user-avatar--order-11-purple {
37957
+ background-color: #491d8b;
37958
+ }
37959
+
37960
+ .cds--g10 .c4p--user-avatar--order-12-teal,
37961
+ .cds--white .c4p--user-avatar--order-12-teal {
37962
+ background-color: #004144;
37963
+ }
37964
+
37965
+ .cds--g90 .c4p--user-avatar--order-1-cyan,
37966
+ .cds--g100 .c4p--user-avatar--order-1-cyan {
37906
37967
  background-color: #1192e8;
37907
37968
  }
37908
37969
 
37909
- .c4p--user-avatar--dark-cyan {
37910
- background-color: #0072c3;
37970
+ .cds--g90 .c4p--user-avatar--order-2-gray,
37971
+ .cds--g100 .c4p--user-avatar--order-2-gray {
37972
+ background-color: #8d8d8d;
37973
+ }
37974
+
37975
+ .cds--g90 .c4p--user-avatar--order-3-green,
37976
+ .cds--g100 .c4p--user-avatar--order-3-green {
37977
+ background-color: #24a148;
37978
+ }
37979
+
37980
+ .cds--g90 .c4p--user-avatar--order-4-magenta,
37981
+ .cds--g100 .c4p--user-avatar--order-4-magenta {
37982
+ background-color: #ee5396;
37983
+ }
37984
+
37985
+ .cds--g90 .c4p--user-avatar--order-5-purple,
37986
+ .cds--g100 .c4p--user-avatar--order-5-purple {
37987
+ background-color: #a56eff;
37988
+ }
37989
+
37990
+ .cds--g90 .c4p--user-avatar--order-6-teal,
37991
+ .cds--g100 .c4p--user-avatar--order-6-teal {
37992
+ background-color: #009d9a;
37993
+ }
37994
+
37995
+ .cds--g90 .c4p--user-avatar--order-7-cyan,
37996
+ .cds--g100 .c4p--user-avatar--order-7-cyan {
37997
+ background-color: #82cfff;
37998
+ }
37999
+
38000
+ .cds--g90 .c4p--user-avatar--order-8-gray,
38001
+ .cds--g100 .c4p--user-avatar--order-8-gray {
38002
+ background-color: #c6c6c6;
38003
+ }
38004
+
38005
+ .cds--g90 .c4p--user-avatar--order-9-green,
38006
+ .cds--g100 .c4p--user-avatar--order-9-green {
38007
+ background-color: #6fdc8c;
38008
+ }
38009
+
38010
+ .cds--g90 .c4p--user-avatar--order-10-magenta,
38011
+ .cds--g100 .c4p--user-avatar--order-10-magenta {
38012
+ background-color: #ffafd2;
38013
+ }
38014
+
38015
+ .cds--g90 .c4p--user-avatar--order-11-purple,
38016
+ .cds--g100 .c4p--user-avatar--order-11-purple {
38017
+ background-color: #d4bbff;
38018
+ }
38019
+
38020
+ .cds--g90 .c4p--user-avatar--order-12-teal,
38021
+ .cds--g100 .c4p--user-avatar--order-12-teal {
38022
+ background-color: #3ddbd9;
37911
38023
  }
37912
38024
 
37913
38025
  .c4p--user-avatar--xl {
@@ -37983,6 +38095,80 @@ a.cds--side-nav__link--current::before {
37983
38095
  height: 1.5rem;
37984
38096
  }
37985
38097
 
38098
+ .c4p--scroll-gradient {
38099
+ position: relative;
38100
+ display: flex;
38101
+ width: inherit;
38102
+ height: inherit;
38103
+ align-items: stretch;
38104
+ justify-content: stretch;
38105
+ }
38106
+
38107
+ .c4p--scroll-gradient__content {
38108
+ overflow: auto;
38109
+ width: 100%;
38110
+ height: inherit;
38111
+ }
38112
+
38113
+ .c4p--scroll-gradient__content-children {
38114
+ width: 100%;
38115
+ height: 100%;
38116
+ }
38117
+
38118
+ .c4p--scroll-gradient__start-vertical,
38119
+ .c4p--scroll-gradient__start-horizontal,
38120
+ .c4p--scroll-gradient__end-vertical,
38121
+ .c4p--scroll-gradient__end-horizontal {
38122
+ position: absolute;
38123
+ z-index: 1;
38124
+ display: none;
38125
+ pointer-events: none;
38126
+ }
38127
+
38128
+ .c4p--scroll-gradient--y-scrollable .c4p--scroll-gradient__start-vertical {
38129
+ top: 0;
38130
+ left: 0;
38131
+ height: 3rem;
38132
+ }
38133
+
38134
+ .c4p--scroll-gradient--y-scrollable .c4p--scroll-gradient__end-vertical {
38135
+ bottom: 0;
38136
+ left: 0;
38137
+ height: 3rem;
38138
+ }
38139
+
38140
+ .c4p--scroll-gradient--x-scrollable .c4p--scroll-gradient__start-horizontal {
38141
+ top: 0;
38142
+ left: 0;
38143
+ width: 3rem;
38144
+ }
38145
+
38146
+ .c4p--scroll-gradient--x-scrollable .c4p--scroll-gradient__end-horizontal {
38147
+ top: 0;
38148
+ right: 0;
38149
+ width: 3rem;
38150
+ }
38151
+
38152
+ .c4p--scroll-gradient--y-started.c4p--scroll-gradient--y-scrollable .c4p--scroll-gradient__start-vertical,
38153
+ .c4p--scroll-gradient--y-end.c4p--scroll-gradient--y-scrollable .c4p--scroll-gradient__start-vertical {
38154
+ display: block;
38155
+ }
38156
+
38157
+ .c4p--scroll-gradient--y-initial.c4p--scroll-gradient--y-scrollable .c4p--scroll-gradient__end-vertical,
38158
+ .c4p--scroll-gradient--y-started.c4p--scroll-gradient--y-scrollable .c4p--scroll-gradient__end-vertical {
38159
+ display: block;
38160
+ }
38161
+
38162
+ .c4p--scroll-gradient--x-started.c4p--scroll-gradient--x-scrollable .c4p--scroll-gradient__start-horizontal,
38163
+ .c4p--scroll-gradient--x-end.c4p--scroll-gradient--x-scrollable .c4p--scroll-gradient__start-horizontal {
38164
+ display: block;
38165
+ }
38166
+
38167
+ .c4p--scroll-gradient--x-initial.c4p--scroll-gradient--x-scrollable .c4p--scroll-gradient__end-horizontal,
38168
+ .c4p--scroll-gradient--x-started.c4p--scroll-gradient--x-scrollable .c4p--scroll-gradient__end-horizontal {
38169
+ display: block;
38170
+ }
38171
+
37986
38172
  /* stylelint-disable carbon/layout-token-use */
37987
38173
  /* stylelint-disable function-no-unknown */
37988
38174
  .c4p--status-indicator__title {
@@ -38059,4 +38245,166 @@ a.cds--side-nav__link--current::before {
38059
38245
  color: var(--cds-text-error, #da1e28);
38060
38246
  }
38061
38247
 
38248
+ /* stylelint-disable max-nesting-depth */
38249
+ .c4p--filter-panel__title {
38250
+ font-size: var(--cds-body-compact-01-font-size, 0.875rem);
38251
+ font-weight: var(--cds-body-compact-01-font-weight, 400);
38252
+ line-height: var(--cds-body-compact-01-line-height, 1.28572);
38253
+ letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
38254
+ margin-top: 0.75rem;
38255
+ margin-bottom: 0.75rem;
38256
+ }
38257
+
38258
+ /* stylelint-disable function-no-unknown */
38259
+ /* stylelint-disable max-nesting-depth */
38260
+ html .c4p--filter-panel-accordion-item {
38261
+ border-block-start: 0;
38262
+ }
38263
+
38264
+ html .c4p--filter-panel-accordion-item:last-child {
38265
+ border-block-end: 0;
38266
+ }
38267
+
38268
+ html .c4p--filter-panel-accordion-item .cds--accordion__wrapper {
38269
+ padding-block: 0;
38270
+ }
38271
+
38272
+ html .c4p--filter-panel-accordion-item .cds--accordion__heading {
38273
+ min-block-size: 2rem;
38274
+ padding-inline-end: 0;
38275
+ }
38276
+
38277
+ html .c4p--filter-panel-accordion-item .cds--accordion__title {
38278
+ width: 100%;
38279
+ max-width: calc(100% - 2rem);
38280
+ margin-inline-end: 0;
38281
+ }
38282
+
38283
+ html .c4p--filter-panel-accordion-item .cds--accordion__content {
38284
+ padding-inline-end: 0;
38285
+ }
38286
+
38287
+ .c4p--filter-panel-accordion-item .c4p--filter-panel-label__text {
38288
+ font-size: var(--cds-body-01-font-size, 0.875rem);
38289
+ font-weight: var(--cds-body-01-font-weight, 400);
38290
+ line-height: var(--cds-body-01-line-height, 1.42857);
38291
+ letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
38292
+ }
38293
+
38294
+ .c4p--filter-panel-accordion-item .c4p--filter-panel-label__count {
38295
+ font-size: var(--cds-label-01-font-size, 0.75rem);
38296
+ font-weight: var(--cds-label-01-font-weight, 400);
38297
+ line-height: var(--cds-label-01-line-height, 1.33333);
38298
+ letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
38299
+ }
38300
+
38301
+ /* stylelint-disable max-nesting-depth */
38302
+ .c4p--filter-panel-checkbox.cds--form-item.cds--checkbox-wrapper,
38303
+ .c4p--filter-panel-checkbox.cds--form-item.cds--checkbox-wrapper:last-of-type {
38304
+ margin-block-end: 0;
38305
+ }
38306
+
38307
+ .c4p--filter-panel-checkbox .c4p--filter-panel-label__count::before {
38308
+ content: "(";
38309
+ }
38310
+
38311
+ .c4p--filter-panel-checkbox .c4p--filter-panel-label__count::after {
38312
+ content: ")";
38313
+ }
38314
+
38315
+ .c4p--filter-panel-checkbox .cds--checkbox-label,
38316
+ .c4p--filter-panel-checkbox .cds--checkbox-label-text {
38317
+ width: 100%;
38318
+ height: 1.5rem;
38319
+ }
38320
+
38321
+ .c4p--filter-panel-checkbox .c4p--filter-panel-label__text {
38322
+ font-size: var(--cds-body-compact-01-font-size, 0.875rem);
38323
+ font-weight: var(--cds-body-compact-01-font-weight, 400);
38324
+ line-height: var(--cds-body-compact-01-line-height, 1.28572);
38325
+ letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
38326
+ }
38327
+
38328
+ .c4p--filter-panel-checkbox .c4p--filter-panel-label__count {
38329
+ font-size: var(--cds-label-01-font-size, 0.75rem);
38330
+ font-weight: var(--cds-label-01-font-weight, 400);
38331
+ line-height: var(--cds-label-01-line-height, 1.33333);
38332
+ letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
38333
+ }
38334
+
38335
+ /* stylelint-disable function-no-unknown */
38336
+ /* stylelint-disable max-nesting-depth */
38337
+ .c4p--filter-panel-checkbox-with-overflow {
38338
+ position: relative;
38339
+ }
38340
+
38341
+ .c4p--filter-panel-checkbox-with-overflow--open,
38342
+ .c4p--filter-panel-checkbox-with-overflow:hover,
38343
+ .c4p--filter-panel-checkbox-with-overflow:focus-within {
38344
+ background-color: var(--cds-field);
38345
+ }
38346
+
38347
+ .c4p--filter-panel-checkbox-with-overflow .cds--overflow-menu__wrapper {
38348
+ position: absolute;
38349
+ top: 0;
38350
+ right: 0;
38351
+ }
38352
+
38353
+ .c4p--filter-panel-checkbox-with-overflow .c4p--filter-panel-checkbox-with-overflow__overflow-button {
38354
+ width: 1.5rem;
38355
+ background-color: var(--cds-layer);
38356
+ block-size: 1.5rem;
38357
+ min-block-size: 1.5rem;
38358
+ }
38359
+
38360
+ .c4p--filter-panel-checkbox-with-overflow__overflow-options .cds--overflow-menu-options__option {
38361
+ height: 1.5rem;
38362
+ }
38363
+
38364
+ .c4p--filter-panel-checkbox-with-overflow__overflow-options .cds--overflow-menu-options__btn {
38365
+ max-width: none;
38366
+ justify-content: flex-end;
38367
+ }
38368
+
38369
+ .c4p--filter-panel-checkbox-with-overflow__overflow-options.cds--overflow-menu-options[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options)::after {
38370
+ inline-size: 1.5rem;
38371
+ }
38372
+
38373
+ /* stylelint-disable function-no-unknown */
38374
+ /* stylelint-disable max-nesting-depth */
38375
+ .c4p--filter-panel-group {
38376
+ padding-top: 0.75rem;
38377
+ border-top: 0.0625rem solid var(--cds-border-subtle);
38378
+ margin-top: 0.75rem;
38379
+ margin-bottom: 0.75rem;
38380
+ }
38381
+
38382
+ .c4p--filter-panel-group__title {
38383
+ font-size: var(--cds-label-01-font-size, 0.75rem);
38384
+ font-weight: var(--cds-label-01-font-weight, 400);
38385
+ line-height: var(--cds-label-01-line-height, 1.33333);
38386
+ letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
38387
+ font-weight: 600;
38388
+ margin-top: 0;
38389
+ margin-bottom: 0.75rem;
38390
+ }
38391
+
38392
+ /* stylelint-disable max-nesting-depth */
38393
+ .c4p--filter-panel-label {
38394
+ display: flex;
38395
+ align-items: center;
38396
+ }
38397
+
38398
+ .c4p--filter-panel-label__text {
38399
+ overflow: hidden;
38400
+ flex: 1 1;
38401
+ text-overflow: ellipsis;
38402
+ white-space: nowrap;
38403
+ }
38404
+
38405
+ .c4p--filter-panel-label__count {
38406
+ margin-left: 0.75rem;
38407
+ color: var(--cds-text-secondary, #525252);
38408
+ }
38409
+
38062
38410
  /*# sourceMappingURL=index.css.map */