@carbon/ibm-products 2.3.2 → 2.4.0

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 (47) hide show
  1. package/css/index-full-carbon.css +235 -110
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +2 -2
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +24 -24
  6. package/css/index-without-carbon-released-only.min.css +1 -1
  7. package/css/index-without-carbon.css +59 -54
  8. package/css/index-without-carbon.css.map +1 -1
  9. package/css/index-without-carbon.min.css +2 -2
  10. package/css/index-without-carbon.min.css.map +1 -1
  11. package/css/index.css +122 -38
  12. package/css/index.css.map +1 -1
  13. package/css/index.min.css +3 -3
  14. package/css/index.min.css.map +1 -1
  15. package/es/components/Datagrid/Datagrid/Datagrid.js +5 -1
  16. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +15 -21
  17. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +6 -20
  18. package/es/components/Datagrid/Datagrid.docs-page.js +123 -0
  19. package/es/components/Datagrid/Extensions/ColumnAlignment/ColumnAlignment.docs-page.js +13 -0
  20. package/es/components/Datagrid/Extensions/ColumnCustomization/ColumnCustomization.docs-page.js +13 -0
  21. package/es/components/Datagrid/Extensions/EditableCell/EditableCell.docs-page.js +47 -0
  22. package/es/components/Datagrid/Extensions/ExpandableRow/ExpandableRow.docs-page.js +13 -0
  23. package/es/components/Datagrid/Extensions/Filtering/Filtering.docs-page.js +57 -0
  24. package/es/components/Datagrid/Extensions/RowActionButtons/RowActionButtons.docs-page.js +13 -0
  25. package/es/components/Datagrid/utils/DatagridActions.js +1 -1
  26. package/es/components/Datagrid/utils/getArgTypes.js +4 -0
  27. package/es/components/FilterSummary/FilterSummary.js +7 -3
  28. package/es/components/OptionsTile/OptionsTile.js +8 -1
  29. package/es/global/js/utils/StoryDocsPage.js +6 -2
  30. package/lib/components/Datagrid/Datagrid/Datagrid.js +5 -1
  31. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +14 -20
  32. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +6 -23
  33. package/lib/components/Datagrid/Datagrid.docs-page.js +134 -0
  34. package/lib/components/Datagrid/Extensions/ColumnAlignment/ColumnAlignment.docs-page.js +21 -0
  35. package/lib/components/Datagrid/Extensions/ColumnCustomization/ColumnCustomization.docs-page.js +21 -0
  36. package/lib/components/Datagrid/Extensions/EditableCell/EditableCell.docs-page.js +55 -0
  37. package/lib/components/Datagrid/Extensions/ExpandableRow/ExpandableRow.docs-page.js +21 -0
  38. package/lib/components/Datagrid/Extensions/Filtering/Filtering.docs-page.js +65 -0
  39. package/lib/components/Datagrid/Extensions/RowActionButtons/RowActionButtons.docs-page.js +21 -0
  40. package/lib/components/Datagrid/utils/DatagridActions.js +1 -1
  41. package/lib/components/Datagrid/utils/getArgTypes.js +4 -0
  42. package/lib/components/FilterSummary/FilterSummary.js +7 -3
  43. package/lib/components/OptionsTile/OptionsTile.js +8 -1
  44. package/lib/global/js/utils/StoryDocsPage.js +6 -2
  45. package/package.json +16 -16
  46. package/scss/components/Datagrid/_datagrid.scss +17 -10
  47. package/scss/components/FilterSummary/_storybook-styles.scss +2 -0
@@ -2107,15 +2107,15 @@ p.c4p--about-modal__copyright-text:first-child {
2107
2107
  --cds-layout-size-height: var(--cds-layout-size-height-context);
2108
2108
  }
2109
2109
 
2110
- .cds--layout-constraint--size\:default-xs {
2110
+ .cds--layout-constraint--size__default-xs {
2111
2111
  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));
2112
2112
  }
2113
2113
 
2114
- .cds--layout-constraint--size\:min-xs {
2114
+ .cds--layout-constraint--size__min-xs {
2115
2115
  --cds-layout-size-height-min: var(--cds-layout-size-height-xs, 1.5rem);
2116
2116
  }
2117
2117
 
2118
- .cds--layout-constraint--size\:max-xs {
2118
+ .cds--layout-constraint--size__max-xs {
2119
2119
  --cds-layout-size-height-max: var(--cds-layout-size-height-xs, 1.5rem);
2120
2120
  }
2121
2121
 
@@ -2124,15 +2124,15 @@ p.c4p--about-modal__copyright-text:first-child {
2124
2124
  --cds-layout-size-height: var(--cds-layout-size-height-context);
2125
2125
  }
2126
2126
 
2127
- .cds--layout-constraint--size\:default-sm {
2127
+ .cds--layout-constraint--size__default-sm {
2128
2128
  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));
2129
2129
  }
2130
2130
 
2131
- .cds--layout-constraint--size\:min-sm {
2131
+ .cds--layout-constraint--size__min-sm {
2132
2132
  --cds-layout-size-height-min: var(--cds-layout-size-height-sm, 2rem);
2133
2133
  }
2134
2134
 
2135
- .cds--layout-constraint--size\:max-sm {
2135
+ .cds--layout-constraint--size__max-sm {
2136
2136
  --cds-layout-size-height-max: var(--cds-layout-size-height-sm, 2rem);
2137
2137
  }
2138
2138
 
@@ -2141,15 +2141,15 @@ p.c4p--about-modal__copyright-text:first-child {
2141
2141
  --cds-layout-size-height: var(--cds-layout-size-height-context);
2142
2142
  }
2143
2143
 
2144
- .cds--layout-constraint--size\:default-md {
2144
+ .cds--layout-constraint--size__default-md {
2145
2145
  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));
2146
2146
  }
2147
2147
 
2148
- .cds--layout-constraint--size\:min-md {
2148
+ .cds--layout-constraint--size__min-md {
2149
2149
  --cds-layout-size-height-min: var(--cds-layout-size-height-md, 2.5rem);
2150
2150
  }
2151
2151
 
2152
- .cds--layout-constraint--size\:max-md {
2152
+ .cds--layout-constraint--size__max-md {
2153
2153
  --cds-layout-size-height-max: var(--cds-layout-size-height-md, 2.5rem);
2154
2154
  }
2155
2155
 
@@ -2158,15 +2158,15 @@ p.c4p--about-modal__copyright-text:first-child {
2158
2158
  --cds-layout-size-height: var(--cds-layout-size-height-context);
2159
2159
  }
2160
2160
 
2161
- .cds--layout-constraint--size\:default-lg {
2161
+ .cds--layout-constraint--size__default-lg {
2162
2162
  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));
2163
2163
  }
2164
2164
 
2165
- .cds--layout-constraint--size\:min-lg {
2165
+ .cds--layout-constraint--size__min-lg {
2166
2166
  --cds-layout-size-height-min: var(--cds-layout-size-height-lg, 3rem);
2167
2167
  }
2168
2168
 
2169
- .cds--layout-constraint--size\:max-lg {
2169
+ .cds--layout-constraint--size__max-lg {
2170
2170
  --cds-layout-size-height-max: var(--cds-layout-size-height-lg, 3rem);
2171
2171
  }
2172
2172
 
@@ -2175,15 +2175,15 @@ p.c4p--about-modal__copyright-text:first-child {
2175
2175
  --cds-layout-size-height: var(--cds-layout-size-height-context);
2176
2176
  }
2177
2177
 
2178
- .cds--layout-constraint--size\:default-xl {
2178
+ .cds--layout-constraint--size__default-xl {
2179
2179
  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));
2180
2180
  }
2181
2181
 
2182
- .cds--layout-constraint--size\:min-xl {
2182
+ .cds--layout-constraint--size__min-xl {
2183
2183
  --cds-layout-size-height-min: var(--cds-layout-size-height-xl, 4rem);
2184
2184
  }
2185
2185
 
2186
- .cds--layout-constraint--size\:max-xl {
2186
+ .cds--layout-constraint--size__max-xl {
2187
2187
  --cds-layout-size-height-max: var(--cds-layout-size-height-xl, 4rem);
2188
2188
  }
2189
2189
 
@@ -2192,15 +2192,15 @@ p.c4p--about-modal__copyright-text:first-child {
2192
2192
  --cds-layout-size-height: var(--cds-layout-size-height-context);
2193
2193
  }
2194
2194
 
2195
- .cds--layout-constraint--size\:default-2xl {
2195
+ .cds--layout-constraint--size__default-2xl {
2196
2196
  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));
2197
2197
  }
2198
2198
 
2199
- .cds--layout-constraint--size\:min-2xl {
2199
+ .cds--layout-constraint--size__min-2xl {
2200
2200
  --cds-layout-size-height-min: var(--cds-layout-size-height-2xl, 5rem);
2201
2201
  }
2202
2202
 
2203
- .cds--layout-constraint--size\:max-2xl {
2203
+ .cds--layout-constraint--size__max-2xl {
2204
2204
  --cds-layout-size-height-max: var(--cds-layout-size-height-2xl, 5rem);
2205
2205
  }
2206
2206
 
@@ -2209,15 +2209,15 @@ p.c4p--about-modal__copyright-text:first-child {
2209
2209
  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
2210
2210
  }
2211
2211
 
2212
- .cds--layout-constraint--density\:default-condensed {
2212
+ .cds--layout-constraint--density__default-condensed {
2213
2213
  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));
2214
2214
  }
2215
2215
 
2216
- .cds--layout-constraint--density\:min-condensed {
2216
+ .cds--layout-constraint--density__min-condensed {
2217
2217
  --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
2218
2218
  }
2219
2219
 
2220
- .cds--layout-constraint--density\:max-condensed {
2220
+ .cds--layout-constraint--density__max-condensed {
2221
2221
  --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
2222
2222
  }
2223
2223
 
@@ -2226,15 +2226,15 @@ p.c4p--about-modal__copyright-text:first-child {
2226
2226
  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
2227
2227
  }
2228
2228
 
2229
- .cds--layout-constraint--density\:default-normal {
2229
+ .cds--layout-constraint--density__default-normal {
2230
2230
  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));
2231
2231
  }
2232
2232
 
2233
- .cds--layout-constraint--density\:min-normal {
2233
+ .cds--layout-constraint--density__min-normal {
2234
2234
  --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-normal, 1rem);
2235
2235
  }
2236
2236
 
2237
- .cds--layout-constraint--density\:max-normal {
2237
+ .cds--layout-constraint--density__max-normal {
2238
2238
  --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-normal, 1rem);
2239
2239
  }
2240
2240