@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.
- package/css/index-full-carbon.css +235 -110
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +2 -2
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +24 -24
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon.css +59 -54
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +2 -2
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +122 -38
- package/css/index.css.map +1 -1
- package/css/index.min.css +3 -3
- package/css/index.min.css.map +1 -1
- package/es/components/Datagrid/Datagrid/Datagrid.js +5 -1
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +15 -21
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +6 -20
- package/es/components/Datagrid/Datagrid.docs-page.js +123 -0
- package/es/components/Datagrid/Extensions/ColumnAlignment/ColumnAlignment.docs-page.js +13 -0
- package/es/components/Datagrid/Extensions/ColumnCustomization/ColumnCustomization.docs-page.js +13 -0
- package/es/components/Datagrid/Extensions/EditableCell/EditableCell.docs-page.js +47 -0
- package/es/components/Datagrid/Extensions/ExpandableRow/ExpandableRow.docs-page.js +13 -0
- package/es/components/Datagrid/Extensions/Filtering/Filtering.docs-page.js +57 -0
- package/es/components/Datagrid/Extensions/RowActionButtons/RowActionButtons.docs-page.js +13 -0
- package/es/components/Datagrid/utils/DatagridActions.js +1 -1
- package/es/components/Datagrid/utils/getArgTypes.js +4 -0
- package/es/components/FilterSummary/FilterSummary.js +7 -3
- package/es/components/OptionsTile/OptionsTile.js +8 -1
- package/es/global/js/utils/StoryDocsPage.js +6 -2
- package/lib/components/Datagrid/Datagrid/Datagrid.js +5 -1
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +14 -20
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +6 -23
- package/lib/components/Datagrid/Datagrid.docs-page.js +134 -0
- package/lib/components/Datagrid/Extensions/ColumnAlignment/ColumnAlignment.docs-page.js +21 -0
- package/lib/components/Datagrid/Extensions/ColumnCustomization/ColumnCustomization.docs-page.js +21 -0
- package/lib/components/Datagrid/Extensions/EditableCell/EditableCell.docs-page.js +55 -0
- package/lib/components/Datagrid/Extensions/ExpandableRow/ExpandableRow.docs-page.js +21 -0
- package/lib/components/Datagrid/Extensions/Filtering/Filtering.docs-page.js +65 -0
- package/lib/components/Datagrid/Extensions/RowActionButtons/RowActionButtons.docs-page.js +21 -0
- package/lib/components/Datagrid/utils/DatagridActions.js +1 -1
- package/lib/components/Datagrid/utils/getArgTypes.js +4 -0
- package/lib/components/FilterSummary/FilterSummary.js +7 -3
- package/lib/components/OptionsTile/OptionsTile.js +8 -1
- package/lib/global/js/utils/StoryDocsPage.js +6 -2
- package/package.json +16 -16
- package/scss/components/Datagrid/_datagrid.scss +17 -10
- 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--
|
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--
|
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--
|
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--
|
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--
|
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--
|
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--
|
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--
|
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--
|
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--
|
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--
|
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--
|
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--
|
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--
|
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--
|
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--
|
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--
|
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--
|
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--
|
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--
|
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--
|
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--
|
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--
|
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--
|
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
|
|