@genesislcap/foundation-ui 15.73.0 → 15.74.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/README.md +3 -7
- package/dist/custom-elements.json +559 -559
- package/dist/dts/base-components.d.ts.map +1 -1
- package/dist/dts/dialog/dialog.styles.d.ts.map +1 -1
- package/dist/dts/file-upload/file-upload.utils.d.ts.map +1 -1
- package/dist/dts/filter/filter.styles.d.ts.map +1 -1
- package/dist/dts/multiselect/multiselect.styles.d.ts.map +1 -1
- package/dist/dts/react.d.ts +9 -9
- package/dist/dts/toast/toast.template.d.ts.map +1 -1
- package/dist/esm/base-components.js +0 -1
- package/dist/esm/dialog/dialog.styles.js +0 -4
- package/dist/esm/file-upload/file-upload.utils.js +1 -1
- package/dist/esm/filter/filter.styles.js +0 -2
- package/dist/esm/multiselect/multiselect.styles.js +0 -5
- package/dist/esm/toast/toast.template.js +2 -2
- package/dist/react.cjs +6 -6
- package/dist/react.mjs +5 -5
- package/package.json +17 -17
package/README.md
CHANGED
|
@@ -7,7 +7,6 @@ This package contains our core foundation UI component library + FAST components
|
|
|
7
7
|
their style. Apps shouldn't have a dependency on this unless they have very good reason to. Instead, they should depend
|
|
8
8
|
on the design system variant that takes this foundation and applies styling etc.
|
|
9
9
|
|
|
10
|
-
- See [Zero Design System](../foundation-ds/foundation-zero/README.md).
|
|
11
10
|
- See [Rapid Design System](../foundation-ds/rapid-design-system/README.md).
|
|
12
11
|
|
|
13
12
|
## [API Docs](./docs/api/index.md)
|
|
@@ -57,7 +56,7 @@ import { foundationButton, foundationDesignSystemProvider, provideDesignSystem }
|
|
|
57
56
|
|
|
58
57
|
provideDesignSystem().register(
|
|
59
58
|
/**
|
|
60
|
-
* Design system provider element used to declaratively apply
|
|
59
|
+
* Design system provider element used to declaratively apply foundation config to every dom node in the host tree.
|
|
61
60
|
*/
|
|
62
61
|
foundationDesignSystemProvider(),
|
|
63
62
|
|
|
@@ -75,7 +74,7 @@ import { foundationButton, foundationCard, foundationDesignSystemProvider, found
|
|
|
75
74
|
|
|
76
75
|
provideDesignSystem().register(
|
|
77
76
|
/**
|
|
78
|
-
* Design system provider element used to declaratively apply
|
|
77
|
+
* Design system provider element used to declaratively apply foundation config to every dom node in the host tree.
|
|
79
78
|
*/
|
|
80
79
|
foundationDesignSystemProvider(),
|
|
81
80
|
|
|
@@ -119,21 +118,18 @@ You can also provide multiple design systems in your application. Here's an exam
|
|
|
119
118
|
```typescript
|
|
120
119
|
import { baseComponents, provideDesignSystem } from '@genesislcap/foundation-ui';
|
|
121
120
|
import { baseComponents as rapidBaseComponents, provideDesignSystem as provideRapidDesignSystem } from '@genesislcap/rapid-design-system';
|
|
122
|
-
import { baseComponents as zeroBaseComponents, provideDesignSystem as provideZeroDesignSystem } from '@genesislcap/foundation-zero';
|
|
123
121
|
|
|
124
122
|
provideDesignSystem().register(baseComponents);
|
|
125
123
|
provideRapidDesignSystem().register(rapidBaseComponents);
|
|
126
|
-
provideZeroDesignSystem().register(zeroBaseComponents);
|
|
127
124
|
```
|
|
128
125
|
|
|
129
|
-
In the example above, we provide
|
|
126
|
+
In the example above, we provide two different design systems: the base design system and the rapid design system.
|
|
130
127
|
|
|
131
128
|
With those in place you can now use the components from the different design systems in your application:
|
|
132
129
|
|
|
133
130
|
```html
|
|
134
131
|
<foundation-button>Base Button</foundation-button>
|
|
135
132
|
<rapid-button>Rapid Button</rapid-button>
|
|
136
|
-
<zero-button>Zero Button</zero-button>
|
|
137
133
|
```
|
|
138
134
|
|
|
139
135
|
|