osi-cards-lib 1.4.1 → 1.5.1
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 +7 -5
- package/fesm2022/osi-cards-lib.mjs +26503 -3962
- package/index.d.ts +10250 -983
- package/package.json +33 -4
- package/styles/_components.scss +58 -0
- package/styles/_design-tokens.scss +327 -0
- package/styles/_styles-scoped.scss +85 -100
- package/styles/_styles-standalone.scss +1369 -0
- package/styles/_styles.scss +21 -94
- package/styles/bundles/_ai-card.scss +114 -0
- package/styles/bundles/_all.scss +90 -0
- package/styles/bundles/_base.scss +65 -0
- package/styles/bundles/_card-skeleton.scss +281 -0
- package/styles/bundles/_index.scss +36 -0
- package/styles/bundles/_section-analytics.scss +11 -0
- package/styles/bundles/_section-chart.scss +11 -0
- package/styles/bundles/_section-contact.scss +12 -0
- package/styles/bundles/_section-list.scss +11 -0
- package/styles/bundles/_section-news.scss +11 -0
- package/styles/bundles/_section-overview.scss +11 -0
- package/styles/bundles/_sections.scss +76 -0
- package/styles/bundles/_tokens-only.scss +140 -0
- package/styles/bundles/ai-card.css +2 -0
- package/styles/bundles/ai-card.expanded.css +24362 -0
- package/styles/bundles/all.css +2 -0
- package/styles/bundles/all.expanded.css +23402 -0
- package/styles/bundles/base.css +2 -0
- package/styles/bundles/base.expanded.css +5383 -0
- package/styles/bundles/section-analytics.css +2 -0
- package/styles/bundles/section-news.css +2 -0
- package/styles/bundles/section-overview.css +2 -0
- package/styles/components/_ai-card-renderer.scss +114 -0
- package/styles/components/_badges.scss +321 -0
- package/styles/components/_card-actions.scss +169 -0
- package/styles/components/_card-footer.scss +47 -0
- package/styles/components/_empty-state.scss +574 -0
- package/styles/components/_hero-card.scss +407 -0
- package/styles/components/_image-fallback.scss +32 -0
- package/styles/components/_streaming-effects.scss +505 -0
- package/styles/components/cards/_ai-card.scss +128 -73
- package/styles/components/sections/_analytics.scss +113 -118
- package/styles/components/sections/_brand-colors.scss +106 -127
- package/styles/components/sections/_chart.scss +134 -332
- package/styles/components/sections/_contact.scss +83 -68
- package/styles/components/sections/_design-system.scss +301 -341
- package/styles/components/sections/_event.scss +179 -140
- package/styles/components/sections/_fallback.scss +101 -98
- package/styles/components/sections/_financials.scss +143 -137
- package/styles/components/sections/_global-enforcement.scss +112 -3
- package/styles/components/sections/_info.scss +111 -113
- package/styles/components/sections/_list.scss +145 -105
- package/styles/components/sections/_map.scss +111 -98
- package/styles/components/sections/_network.scss +69 -62
- package/styles/components/sections/_news.scss +61 -47
- package/styles/components/sections/_overview.scss +78 -76
- package/styles/components/sections/_product.scss +423 -379
- package/styles/components/sections/_quotation.scss +70 -84
- package/styles/components/sections/_section-shell.scss +195 -164
- package/styles/components/sections/_section-types.generated.scss +23 -0
- package/styles/components/sections/_section-types.scss +197 -139
- package/styles/components/sections/_sections-base.scss +190 -159
- package/styles/components/sections/_social-media.scss +53 -47
- package/styles/components/sections/_solutions.scss +125 -110
- package/styles/components/sections/_text-reference.scss +68 -85
- package/styles/core/_animations-shadow.scss +763 -0
- package/styles/core/_animations.scss +581 -16
- package/styles/core/_bootstrap-reset.scss +186 -47
- package/styles/core/_color-helpers.scss +46 -0
- package/styles/core/_global-unified.scss +108 -0
- package/styles/core/_mixins.scss +341 -0
- package/styles/core/_surface-layers.scss +3 -3
- package/styles/core/_tokens-source.scss +16 -0
- package/styles/core/_utilities.scss +97 -0
- package/styles/core/_variables-unified.scss +57 -0
- package/styles/core/_variables.scss +14 -441
- package/styles/core/variables/_colors-source.scss +34 -0
- package/styles/core/variables/_colors-unified.scss +26 -0
- package/styles/core/variables/_colors.scss +12 -203
- package/styles/layout/_feature-grid.scss +323 -0
- package/styles/layout/_masonry.scss +399 -8
- package/styles/layout/_tilt.scss +3 -3
- package/styles/micro-interactions.scss +555 -0
- package/styles/osi-cards-scoped.css +2 -0
- package/styles/osi-cards-scoped.expanded.css +22576 -0
- package/styles/osi-cards-standalone.css +2 -0
- package/styles/osi-cards-standalone.expanded.css +24420 -0
- package/styles/osi-cards-tokens.css +2 -0
- package/styles/osi-cards-tokens.expanded.css +929 -0
- package/styles/osi-cards.css +2 -0
- package/styles/osi-cards.expanded.css +23012 -0
- package/styles/reset/_framework-reset.scss +452 -0
- package/styles/reset/_index.scss +14 -0
- package/styles/reset/_shadow-reset.scss +328 -0
- package/styles/responsive.scss +327 -0
- package/styles/themes.scss +532 -0
- package/styles/tokens/_index.scss +86 -0
- package/styles/tokens/_master.scss +992 -0
- package/styles/tokens/_section-tokens.generated.scss +141 -0
- package/styles/core/_global-scoped.scss +0 -114
- package/styles/core/_variables-scoped.scss +0 -429
- package/styles/core/variables/_colors-scoped.scss +0 -249
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# osi-cards-lib
|
|
2
2
|
|
|
3
|
-
Standalone OSI Cards library for Angular applications
|
|
3
|
+
Standalone OSI Cards library for Angular applications with CSS Layer support for easy style overrides
|
|
4
4
|
|
|
5
5
|
## Installation
|
|
6
6
|
|
|
@@ -19,7 +19,7 @@ import { AICardRendererComponent, AICardConfig } from 'osi-cards-lib';
|
|
|
19
19
|
imports: [AICardRendererComponent],
|
|
20
20
|
template: `
|
|
21
21
|
<app-ai-card-renderer [cardConfig]="card"></app-ai-card-renderer>
|
|
22
|
-
|
|
22
|
+
`
|
|
23
23
|
})
|
|
24
24
|
export class ExampleComponent {
|
|
25
25
|
card: AICardConfig = {
|
|
@@ -28,9 +28,11 @@ export class ExampleComponent {
|
|
|
28
28
|
{
|
|
29
29
|
title: 'Info',
|
|
30
30
|
type: 'info',
|
|
31
|
-
fields: [
|
|
32
|
-
|
|
33
|
-
|
|
31
|
+
fields: [
|
|
32
|
+
{ label: 'Name', value: 'Example' }
|
|
33
|
+
]
|
|
34
|
+
}
|
|
35
|
+
]
|
|
34
36
|
};
|
|
35
37
|
}
|
|
36
38
|
```
|