@carbon/ibm-products 2.3.1 → 2.4.0
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +38 -0
- 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/APIKeyModal/APIKeyModal.js +25 -21
- package/es/components/ActionBar/ActionBar.js +5 -5
- package/es/components/CreateFullPage/CreateFullPage.js +4 -2
- package/es/components/CreateModal/CreateModal.docs-page.js +1 -1
- package/es/components/CreateModal/CreateModal.js +2 -1
- package/es/components/CreateSidePanel/CreateSidePanel.docs-page.js +1 -1
- package/es/components/CreateSidePanel/CreateSidePanel.js +6 -2
- package/es/components/CreateTearsheet/CreateTearsheet.js +3 -1
- package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +6 -2
- 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/EditSidePanel/EditSidePanel.js +6 -2
- package/es/components/FilterSummary/FilterSummary.js +7 -3
- package/es/components/OptionsTile/OptionsTile.js +8 -1
- package/es/components/Tearsheet/TearsheetShell.js +2 -1
- package/es/global/js/hooks/useResizeObserver.js +1 -1
- package/es/global/js/utils/StoryDocsPage.js +6 -2
- package/lib/components/APIKeyModal/APIKeyModal.js +25 -21
- package/lib/components/ActionBar/ActionBar.js +5 -5
- package/lib/components/CreateFullPage/CreateFullPage.js +4 -2
- package/lib/components/CreateModal/CreateModal.docs-page.js +1 -1
- package/lib/components/CreateModal/CreateModal.js +2 -1
- package/lib/components/CreateSidePanel/CreateSidePanel.docs-page.js +1 -1
- package/lib/components/CreateSidePanel/CreateSidePanel.js +6 -2
- package/lib/components/CreateTearsheet/CreateTearsheet.js +3 -1
- package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.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/EditSidePanel/EditSidePanel.js +6 -2
- package/lib/components/FilterSummary/FilterSummary.js +7 -3
- package/lib/components/OptionsTile/OptionsTile.js +8 -1
- package/lib/components/Tearsheet/TearsheetShell.js +2 -1
- package/lib/global/js/hooks/useResizeObserver.js +1 -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
package/README.md
CHANGED
@@ -104,6 +104,44 @@ const App = () => {
|
|
104
104
|
};
|
105
105
|
```
|
106
106
|
|
107
|
+
### Package prefix
|
108
|
+
|
109
|
+
The `@carbon/ibm-products` package uses a default prefix of `c4p` for CSS
|
110
|
+
selectors and some IDs.
|
111
|
+
|
112
|
+
#### Changing the prefix
|
113
|
+
|
114
|
+
Before any `@carbon/ibm-products` components are loaded in script or styling
|
115
|
+
ensure you have done the following.
|
116
|
+
|
117
|
+
```js
|
118
|
+
import { pkg } from '@carbon/ibm-products/es/settings';
|
119
|
+
|
120
|
+
pkg.prefix = 'tst';
|
121
|
+
```
|
122
|
+
|
123
|
+
When using multiple components from the library:
|
124
|
+
|
125
|
+
```css
|
126
|
+
@use '@carbon/ibm-products/scss' with (
|
127
|
+
$pkg-prefix: 'tst'
|
128
|
+
);
|
129
|
+
```
|
130
|
+
|
131
|
+
When using individual components e.g. AboutModal:
|
132
|
+
|
133
|
+
```css
|
134
|
+
@use '@carbon/ibm-products/scss/config' with (
|
135
|
+
$pkg-prefix: 'tst'
|
136
|
+
);
|
137
|
+
|
138
|
+
@use '@carbon/ibm-products/scss/components/AboutModal';
|
139
|
+
```
|
140
|
+
|
141
|
+
See the
|
142
|
+
[example gallery](https://ibm-products.carbondesignsystem.com/?path=/story/overview-examples--c-4-p-gallery-code-sandbox)
|
143
|
+
for the most up-to-date prefix examples.
|
144
|
+
|
107
145
|
### Enabling Canary components and flagged features
|
108
146
|
|
109
147
|
Components that have not yet completed the release review process are considered
|