@carbon/ibm-products 2.3.2 → 2.4.0

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