@kickstartds/ds-agency-premium 1.6.0 → 1.6.2
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/dist/FeaturesProps-e58616a5.d.ts +62 -0
- package/dist/SectionProps-7a46a8ad.d.ts +1 -1
- package/dist/SliderProps-93230a76.d.ts +1 -1
- package/dist/components/blog-overview/blog-overview.schema.dereffed.json +4 -80
- package/dist/components/blog-post/blog-post.schema.dereffed.json +4 -80
- package/dist/components/feature/index.d.ts +52 -1
- package/dist/components/features/features.schema.dereffed.json +2 -40
- package/dist/components/features/features.schema.json +24 -1
- package/dist/components/features/index.d.ts +1 -1
- package/dist/components/features/index.js +6 -1
- package/dist/components/page/page.schema.dereffed.json +4 -80
- package/dist/components/page-wrapper/index.js +891 -201
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/presets.json +32 -113
- package/dist/components/section/section.schema.dereffed.json +4 -80
- package/dist/components/slider/slider.schema.dereffed.json +2 -40
- package/dist/tokens/IconSprite.js +891 -201
- package/dist/tokens/icon-sprite.html +238 -35
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +1 -1
- package/dist/tokens/tokens.js +79 -32
- package/package.json +1 -1
- package/dist/FeatureProps-f8a75850.d.ts +0 -52
- package/dist/FeaturesProps-b05859d6.d.ts +0 -34
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This file was automatically generated by json-schema-to-typescript.
|
|
3
|
+
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
4
|
+
* and run json-schema-to-typescript to regenerate this file.
|
|
5
|
+
*/
|
|
6
|
+
/**
|
|
7
|
+
* The layout variant to use for the features
|
|
8
|
+
*/
|
|
9
|
+
type Layout = "largeTiles" | "smallTiles" | "list";
|
|
10
|
+
/**
|
|
11
|
+
* Activate/disable the CTAs
|
|
12
|
+
*/
|
|
13
|
+
type CTAToggle = boolean;
|
|
14
|
+
/**
|
|
15
|
+
* The features to display
|
|
16
|
+
*
|
|
17
|
+
* @minItems 1
|
|
18
|
+
* @maxItems 8
|
|
19
|
+
*/
|
|
20
|
+
type Features = [Feature] | [Feature, Feature] | [Feature, Feature, Feature] | [Feature, Feature, Feature, Feature] | [Feature, Feature, Feature, Feature, Feature] | [Feature, Feature, Feature, Feature, Feature, Feature] | [Feature, Feature, Feature, Feature, Feature, Feature, Feature] | [Feature, Feature, Feature, Feature, Feature, Feature, Feature, Feature];
|
|
21
|
+
/**
|
|
22
|
+
* The icon for the feature
|
|
23
|
+
*/
|
|
24
|
+
type Icon = string;
|
|
25
|
+
/**
|
|
26
|
+
* The title of the feature
|
|
27
|
+
*/
|
|
28
|
+
type Title = string;
|
|
29
|
+
/**
|
|
30
|
+
* The description of the feature
|
|
31
|
+
*/
|
|
32
|
+
type Text = string;
|
|
33
|
+
/**
|
|
34
|
+
* The CTA target
|
|
35
|
+
*/
|
|
36
|
+
type CallToActionTarget = string;
|
|
37
|
+
/**
|
|
38
|
+
* The text label displayed on the link
|
|
39
|
+
*/
|
|
40
|
+
type LinkLabel = string;
|
|
41
|
+
/**
|
|
42
|
+
* Component used to display a set of features
|
|
43
|
+
*/
|
|
44
|
+
interface FeaturesProps {
|
|
45
|
+
layout?: Layout;
|
|
46
|
+
style?: "intext" | "stack" | "centered" | "besideLarge" | "besideSmall";
|
|
47
|
+
ctas?: {
|
|
48
|
+
toggle?: CTAToggle;
|
|
49
|
+
style?: "button" | "link" | "intext";
|
|
50
|
+
};
|
|
51
|
+
feature?: Features;
|
|
52
|
+
}
|
|
53
|
+
interface Feature {
|
|
54
|
+
icon?: Icon;
|
|
55
|
+
title?: Title;
|
|
56
|
+
text?: Text;
|
|
57
|
+
cta?: {
|
|
58
|
+
target?: CallToActionTarget;
|
|
59
|
+
label?: LinkLabel;
|
|
60
|
+
};
|
|
61
|
+
}
|
|
62
|
+
export { Layout, CTAToggle, Features, Icon, Title, Text, CallToActionTarget, LinkLabel, FeaturesProps, Feature };
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
import { CtaProps } from "./CtaProps-93230a76.js";
|
|
7
7
|
import { DividerProps } from "./DividerProps-2ef31901.js";
|
|
8
8
|
import { FaqProps } from "./FaqProps-ad618cd5.js";
|
|
9
|
-
import { FeaturesProps } from "./FeaturesProps-
|
|
9
|
+
import { FeaturesProps } from "./FeaturesProps-e58616a5.js";
|
|
10
10
|
import { GalleryProps } from "./GalleryProps-76e7de44.js";
|
|
11
11
|
import { HeroProps } from "./HeroProps-cf82a16d.js";
|
|
12
12
|
import { HtmlProps } from "./HtmlProps-8e95ed81.js";
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* and run json-schema-to-typescript to regenerate this file.
|
|
5
5
|
*/
|
|
6
6
|
import { CtaProps } from "./CtaProps-93230a76.js";
|
|
7
|
-
import { FeaturesProps } from "./FeaturesProps-
|
|
7
|
+
import { FeaturesProps } from "./FeaturesProps-e58616a5.js";
|
|
8
8
|
import { GalleryProps } from "./GalleryProps-76e7de44.js";
|
|
9
9
|
import { HeroProps } from "./HeroProps-cf82a16d.js";
|
|
10
10
|
import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
|
|
@@ -534,11 +534,8 @@
|
|
|
534
534
|
"title": "Features",
|
|
535
535
|
"description": "The features to display",
|
|
536
536
|
"items": {
|
|
537
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
538
|
-
"$id": "http://schema.mydesignsystem.com/feature.schema.json",
|
|
539
|
-
"title": "Feature",
|
|
540
|
-
"description": "Partial Component used to display a feature",
|
|
541
537
|
"type": "object",
|
|
538
|
+
"title": "Feature",
|
|
542
539
|
"properties": {
|
|
543
540
|
"icon": {
|
|
544
541
|
"type": "string",
|
|
@@ -566,21 +563,8 @@
|
|
|
566
563
|
"This is a feature"
|
|
567
564
|
]
|
|
568
565
|
},
|
|
569
|
-
"style": {
|
|
570
|
-
"type": "string",
|
|
571
|
-
"enum": [
|
|
572
|
-
"intext",
|
|
573
|
-
"stack",
|
|
574
|
-
"centered",
|
|
575
|
-
"besideLarge",
|
|
576
|
-
"besideSmall"
|
|
577
|
-
],
|
|
578
|
-
"default": "stack"
|
|
579
|
-
},
|
|
580
566
|
"cta": {
|
|
581
567
|
"type": "object",
|
|
582
|
-
"title": "Call to Action",
|
|
583
|
-
"description": "The call to action",
|
|
584
568
|
"properties": {
|
|
585
569
|
"target": {
|
|
586
570
|
"type": "string",
|
|
@@ -597,34 +581,12 @@
|
|
|
597
581
|
"examples": [
|
|
598
582
|
"See all our partners"
|
|
599
583
|
]
|
|
600
|
-
},
|
|
601
|
-
"toggle": {
|
|
602
|
-
"type": "boolean",
|
|
603
|
-
"title": "Call to Action Toggle",
|
|
604
|
-
"description": "Activate/disable the CTAs",
|
|
605
|
-
"default": true
|
|
606
|
-
},
|
|
607
|
-
"style": {
|
|
608
|
-
"type": "string",
|
|
609
|
-
"description": "Choose the style of the CTA",
|
|
610
|
-
"enum": [
|
|
611
|
-
"button",
|
|
612
|
-
"link",
|
|
613
|
-
"intext"
|
|
614
|
-
],
|
|
615
|
-
"default": "link"
|
|
616
584
|
}
|
|
617
585
|
},
|
|
618
586
|
"additionalProperties": false
|
|
619
|
-
},
|
|
620
|
-
"type": {
|
|
621
|
-
"const": "feature"
|
|
622
587
|
}
|
|
623
588
|
},
|
|
624
|
-
"additionalProperties": false
|
|
625
|
-
"required": [
|
|
626
|
-
"title"
|
|
627
|
-
]
|
|
589
|
+
"additionalProperties": false
|
|
628
590
|
},
|
|
629
591
|
"minItems": 1,
|
|
630
592
|
"maxItems": 8
|
|
@@ -1744,11 +1706,8 @@
|
|
|
1744
1706
|
"title": "Features",
|
|
1745
1707
|
"description": "The features to display",
|
|
1746
1708
|
"items": {
|
|
1747
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
1748
|
-
"$id": "http://schema.mydesignsystem.com/feature.schema.json",
|
|
1749
|
-
"title": "Feature",
|
|
1750
|
-
"description": "Partial Component used to display a feature",
|
|
1751
1709
|
"type": "object",
|
|
1710
|
+
"title": "Feature",
|
|
1752
1711
|
"properties": {
|
|
1753
1712
|
"icon": {
|
|
1754
1713
|
"type": "string",
|
|
@@ -1776,21 +1735,8 @@
|
|
|
1776
1735
|
"This is a feature"
|
|
1777
1736
|
]
|
|
1778
1737
|
},
|
|
1779
|
-
"style": {
|
|
1780
|
-
"type": "string",
|
|
1781
|
-
"enum": [
|
|
1782
|
-
"intext",
|
|
1783
|
-
"stack",
|
|
1784
|
-
"centered",
|
|
1785
|
-
"besideLarge",
|
|
1786
|
-
"besideSmall"
|
|
1787
|
-
],
|
|
1788
|
-
"default": "stack"
|
|
1789
|
-
},
|
|
1790
1738
|
"cta": {
|
|
1791
1739
|
"type": "object",
|
|
1792
|
-
"title": "Call to Action",
|
|
1793
|
-
"description": "The call to action",
|
|
1794
1740
|
"properties": {
|
|
1795
1741
|
"target": {
|
|
1796
1742
|
"type": "string",
|
|
@@ -1807,34 +1753,12 @@
|
|
|
1807
1753
|
"examples": [
|
|
1808
1754
|
"See all our partners"
|
|
1809
1755
|
]
|
|
1810
|
-
},
|
|
1811
|
-
"toggle": {
|
|
1812
|
-
"type": "boolean",
|
|
1813
|
-
"title": "Call to Action Toggle",
|
|
1814
|
-
"description": "Activate/disable the CTAs",
|
|
1815
|
-
"default": true
|
|
1816
|
-
},
|
|
1817
|
-
"style": {
|
|
1818
|
-
"type": "string",
|
|
1819
|
-
"description": "Choose the style of the CTA",
|
|
1820
|
-
"enum": [
|
|
1821
|
-
"button",
|
|
1822
|
-
"link",
|
|
1823
|
-
"intext"
|
|
1824
|
-
],
|
|
1825
|
-
"default": "link"
|
|
1826
1756
|
}
|
|
1827
1757
|
},
|
|
1828
1758
|
"additionalProperties": false
|
|
1829
|
-
},
|
|
1830
|
-
"type": {
|
|
1831
|
-
"const": "feature"
|
|
1832
1759
|
}
|
|
1833
1760
|
},
|
|
1834
|
-
"additionalProperties": false
|
|
1835
|
-
"required": [
|
|
1836
|
-
"title"
|
|
1837
|
-
]
|
|
1761
|
+
"additionalProperties": false
|
|
1838
1762
|
},
|
|
1839
1763
|
"minItems": 1,
|
|
1840
1764
|
"maxItems": 8
|
|
@@ -802,11 +802,8 @@
|
|
|
802
802
|
"title": "Features",
|
|
803
803
|
"description": "The features to display",
|
|
804
804
|
"items": {
|
|
805
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
806
|
-
"$id": "http://schema.mydesignsystem.com/feature.schema.json",
|
|
807
|
-
"title": "Feature",
|
|
808
|
-
"description": "Partial Component used to display a feature",
|
|
809
805
|
"type": "object",
|
|
806
|
+
"title": "Feature",
|
|
810
807
|
"properties": {
|
|
811
808
|
"icon": {
|
|
812
809
|
"type": "string",
|
|
@@ -834,21 +831,8 @@
|
|
|
834
831
|
"This is a feature"
|
|
835
832
|
]
|
|
836
833
|
},
|
|
837
|
-
"style": {
|
|
838
|
-
"type": "string",
|
|
839
|
-
"enum": [
|
|
840
|
-
"intext",
|
|
841
|
-
"stack",
|
|
842
|
-
"centered",
|
|
843
|
-
"besideLarge",
|
|
844
|
-
"besideSmall"
|
|
845
|
-
],
|
|
846
|
-
"default": "stack"
|
|
847
|
-
},
|
|
848
834
|
"cta": {
|
|
849
835
|
"type": "object",
|
|
850
|
-
"title": "Call to Action",
|
|
851
|
-
"description": "The call to action",
|
|
852
836
|
"properties": {
|
|
853
837
|
"target": {
|
|
854
838
|
"type": "string",
|
|
@@ -865,34 +849,12 @@
|
|
|
865
849
|
"examples": [
|
|
866
850
|
"See all our partners"
|
|
867
851
|
]
|
|
868
|
-
},
|
|
869
|
-
"toggle": {
|
|
870
|
-
"type": "boolean",
|
|
871
|
-
"title": "Call to Action Toggle",
|
|
872
|
-
"description": "Activate/disable the CTAs",
|
|
873
|
-
"default": true
|
|
874
|
-
},
|
|
875
|
-
"style": {
|
|
876
|
-
"type": "string",
|
|
877
|
-
"description": "Choose the style of the CTA",
|
|
878
|
-
"enum": [
|
|
879
|
-
"button",
|
|
880
|
-
"link",
|
|
881
|
-
"intext"
|
|
882
|
-
],
|
|
883
|
-
"default": "link"
|
|
884
852
|
}
|
|
885
853
|
},
|
|
886
854
|
"additionalProperties": false
|
|
887
|
-
},
|
|
888
|
-
"type": {
|
|
889
|
-
"const": "feature"
|
|
890
855
|
}
|
|
891
856
|
},
|
|
892
|
-
"additionalProperties": false
|
|
893
|
-
"required": [
|
|
894
|
-
"title"
|
|
895
|
-
]
|
|
857
|
+
"additionalProperties": false
|
|
896
858
|
},
|
|
897
859
|
"minItems": 1,
|
|
898
860
|
"maxItems": 8
|
|
@@ -2012,11 +1974,8 @@
|
|
|
2012
1974
|
"title": "Features",
|
|
2013
1975
|
"description": "The features to display",
|
|
2014
1976
|
"items": {
|
|
2015
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
2016
|
-
"$id": "http://schema.mydesignsystem.com/feature.schema.json",
|
|
2017
|
-
"title": "Feature",
|
|
2018
|
-
"description": "Partial Component used to display a feature",
|
|
2019
1977
|
"type": "object",
|
|
1978
|
+
"title": "Feature",
|
|
2020
1979
|
"properties": {
|
|
2021
1980
|
"icon": {
|
|
2022
1981
|
"type": "string",
|
|
@@ -2044,21 +2003,8 @@
|
|
|
2044
2003
|
"This is a feature"
|
|
2045
2004
|
]
|
|
2046
2005
|
},
|
|
2047
|
-
"style": {
|
|
2048
|
-
"type": "string",
|
|
2049
|
-
"enum": [
|
|
2050
|
-
"intext",
|
|
2051
|
-
"stack",
|
|
2052
|
-
"centered",
|
|
2053
|
-
"besideLarge",
|
|
2054
|
-
"besideSmall"
|
|
2055
|
-
],
|
|
2056
|
-
"default": "stack"
|
|
2057
|
-
},
|
|
2058
2006
|
"cta": {
|
|
2059
2007
|
"type": "object",
|
|
2060
|
-
"title": "Call to Action",
|
|
2061
|
-
"description": "The call to action",
|
|
2062
2008
|
"properties": {
|
|
2063
2009
|
"target": {
|
|
2064
2010
|
"type": "string",
|
|
@@ -2075,34 +2021,12 @@
|
|
|
2075
2021
|
"examples": [
|
|
2076
2022
|
"See all our partners"
|
|
2077
2023
|
]
|
|
2078
|
-
},
|
|
2079
|
-
"toggle": {
|
|
2080
|
-
"type": "boolean",
|
|
2081
|
-
"title": "Call to Action Toggle",
|
|
2082
|
-
"description": "Activate/disable the CTAs",
|
|
2083
|
-
"default": true
|
|
2084
|
-
},
|
|
2085
|
-
"style": {
|
|
2086
|
-
"type": "string",
|
|
2087
|
-
"description": "Choose the style of the CTA",
|
|
2088
|
-
"enum": [
|
|
2089
|
-
"button",
|
|
2090
|
-
"link",
|
|
2091
|
-
"intext"
|
|
2092
|
-
],
|
|
2093
|
-
"default": "link"
|
|
2094
2024
|
}
|
|
2095
2025
|
},
|
|
2096
2026
|
"additionalProperties": false
|
|
2097
|
-
},
|
|
2098
|
-
"type": {
|
|
2099
|
-
"const": "feature"
|
|
2100
2027
|
}
|
|
2101
2028
|
},
|
|
2102
|
-
"additionalProperties": false
|
|
2103
|
-
"required": [
|
|
2104
|
-
"title"
|
|
2105
|
-
]
|
|
2029
|
+
"additionalProperties": false
|
|
2106
2030
|
},
|
|
2107
2031
|
"minItems": 1,
|
|
2108
2032
|
"maxItems": 8
|
|
@@ -1,6 +1,57 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { HTMLAttributes } from "react";
|
|
3
|
-
|
|
3
|
+
/* eslint-disable */
|
|
4
|
+
/**
|
|
5
|
+
* This file was automatically generated by json-schema-to-typescript.
|
|
6
|
+
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
7
|
+
* and run json-schema-to-typescript to regenerate this file.
|
|
8
|
+
*/
|
|
9
|
+
/**
|
|
10
|
+
* The icon for the feature
|
|
11
|
+
*/
|
|
12
|
+
type Icon = string;
|
|
13
|
+
/**
|
|
14
|
+
* The title of the feature
|
|
15
|
+
*/
|
|
16
|
+
type Title = string;
|
|
17
|
+
/**
|
|
18
|
+
* The description of the feature
|
|
19
|
+
*/
|
|
20
|
+
type Text = string;
|
|
21
|
+
/**
|
|
22
|
+
* The CTA target
|
|
23
|
+
*/
|
|
24
|
+
type CallToActionTarget = string;
|
|
25
|
+
/**
|
|
26
|
+
* The text label displayed on the link
|
|
27
|
+
*/
|
|
28
|
+
type LinkLabel = string;
|
|
29
|
+
/**
|
|
30
|
+
* Activate/disable the CTAs
|
|
31
|
+
*/
|
|
32
|
+
type CallToActionToggle = boolean;
|
|
33
|
+
/**
|
|
34
|
+
* Partial Component used to display a feature
|
|
35
|
+
*/
|
|
36
|
+
interface FeatureProps {
|
|
37
|
+
icon?: Icon;
|
|
38
|
+
title: Title;
|
|
39
|
+
text?: Text;
|
|
40
|
+
style?: "intext" | "stack" | "centered" | "besideLarge" | "besideSmall";
|
|
41
|
+
cta?: CallToAction;
|
|
42
|
+
}
|
|
43
|
+
/**
|
|
44
|
+
* The call to action
|
|
45
|
+
*/
|
|
46
|
+
interface CallToAction {
|
|
47
|
+
target?: CallToActionTarget;
|
|
48
|
+
label?: LinkLabel;
|
|
49
|
+
toggle?: CallToActionToggle;
|
|
50
|
+
/**
|
|
51
|
+
* Choose the style of the CTA
|
|
52
|
+
*/
|
|
53
|
+
style?: "button" | "link" | "intext";
|
|
54
|
+
}
|
|
4
55
|
declare const FeatureContextDefault: import("react").ForwardRefExoticComponent<FeatureProps & Omit<HTMLAttributes<HTMLDivElement>, "style"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
56
|
declare const FeatureContext: import("react").Context<import("react").ForwardRefExoticComponent<FeatureProps & Omit<HTMLAttributes<HTMLDivElement>, "style"> & import("react").RefAttributes<HTMLDivElement>>>;
|
|
6
57
|
declare const Feature: import("react").ForwardRefExoticComponent<FeatureProps & Omit<HTMLAttributes<HTMLDivElement>, "style"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -53,11 +53,8 @@
|
|
|
53
53
|
"title": "Features",
|
|
54
54
|
"description": "The features to display",
|
|
55
55
|
"items": {
|
|
56
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
57
|
-
"$id": "http://schema.mydesignsystem.com/feature.schema.json",
|
|
58
|
-
"title": "Feature",
|
|
59
|
-
"description": "Partial Component used to display a feature",
|
|
60
56
|
"type": "object",
|
|
57
|
+
"title": "Feature",
|
|
61
58
|
"properties": {
|
|
62
59
|
"icon": {
|
|
63
60
|
"type": "string",
|
|
@@ -85,21 +82,8 @@
|
|
|
85
82
|
"This is a feature"
|
|
86
83
|
]
|
|
87
84
|
},
|
|
88
|
-
"style": {
|
|
89
|
-
"type": "string",
|
|
90
|
-
"enum": [
|
|
91
|
-
"intext",
|
|
92
|
-
"stack",
|
|
93
|
-
"centered",
|
|
94
|
-
"besideLarge",
|
|
95
|
-
"besideSmall"
|
|
96
|
-
],
|
|
97
|
-
"default": "stack"
|
|
98
|
-
},
|
|
99
85
|
"cta": {
|
|
100
86
|
"type": "object",
|
|
101
|
-
"title": "Call to Action",
|
|
102
|
-
"description": "The call to action",
|
|
103
87
|
"properties": {
|
|
104
88
|
"target": {
|
|
105
89
|
"type": "string",
|
|
@@ -116,34 +100,12 @@
|
|
|
116
100
|
"examples": [
|
|
117
101
|
"See all our partners"
|
|
118
102
|
]
|
|
119
|
-
},
|
|
120
|
-
"toggle": {
|
|
121
|
-
"type": "boolean",
|
|
122
|
-
"title": "Call to Action Toggle",
|
|
123
|
-
"description": "Activate/disable the CTAs",
|
|
124
|
-
"default": true
|
|
125
|
-
},
|
|
126
|
-
"style": {
|
|
127
|
-
"type": "string",
|
|
128
|
-
"description": "Choose the style of the CTA",
|
|
129
|
-
"enum": [
|
|
130
|
-
"button",
|
|
131
|
-
"link",
|
|
132
|
-
"intext"
|
|
133
|
-
],
|
|
134
|
-
"default": "link"
|
|
135
103
|
}
|
|
136
104
|
},
|
|
137
105
|
"additionalProperties": false
|
|
138
|
-
},
|
|
139
|
-
"type": {
|
|
140
|
-
"const": "feature"
|
|
141
106
|
}
|
|
142
107
|
},
|
|
143
|
-
"additionalProperties": false
|
|
144
|
-
"required": [
|
|
145
|
-
"title"
|
|
146
|
-
]
|
|
108
|
+
"additionalProperties": false
|
|
147
109
|
},
|
|
148
110
|
"minItems": 1,
|
|
149
111
|
"maxItems": 8
|
|
@@ -39,7 +39,30 @@
|
|
|
39
39
|
"title": "Features",
|
|
40
40
|
"description": "The features to display",
|
|
41
41
|
"items": {
|
|
42
|
-
"
|
|
42
|
+
"type": "object",
|
|
43
|
+
"title": "Feature",
|
|
44
|
+
"properties": {
|
|
45
|
+
"icon": {
|
|
46
|
+
"$ref": "http://schema.mydesignsystem.com/feature.schema.json#/properties/icon"
|
|
47
|
+
},
|
|
48
|
+
"title": {
|
|
49
|
+
"$ref": "http://schema.mydesignsystem.com/feature.schema.json#/properties/title"
|
|
50
|
+
},
|
|
51
|
+
"text": {
|
|
52
|
+
"$ref": "http://schema.mydesignsystem.com/feature.schema.json#/properties/text"
|
|
53
|
+
},
|
|
54
|
+
"cta": {
|
|
55
|
+
"type": "object",
|
|
56
|
+
"properties": {
|
|
57
|
+
"target": {
|
|
58
|
+
"$ref": "http://schema.mydesignsystem.com/feature.schema.json#/properties/cta/properties/target"
|
|
59
|
+
},
|
|
60
|
+
"label": {
|
|
61
|
+
"$ref": "http://schema.mydesignsystem.com/feature.schema.json#/properties/cta/properties/label"
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
}
|
|
43
66
|
},
|
|
44
67
|
"minItems": 1,
|
|
45
68
|
"maxItems": 8
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { HTMLAttributes } from "react";
|
|
3
|
-
import { FeaturesProps } from "../../FeaturesProps-
|
|
3
|
+
import { FeaturesProps } from "../../FeaturesProps-e58616a5.js";
|
|
4
4
|
declare const FeaturesContextDefault: import("react").ForwardRefExoticComponent<FeaturesProps & Omit<HTMLAttributes<HTMLDivElement>, "style"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
5
|
declare const FeaturesContext: import("react").Context<import("react").ForwardRefExoticComponent<FeaturesProps & Omit<HTMLAttributes<HTMLDivElement>, "style"> & import("react").RefAttributes<HTMLDivElement>>>;
|
|
6
6
|
declare const Features: import("react").ForwardRefExoticComponent<FeaturesProps & Omit<HTMLAttributes<HTMLDivElement>, "style"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -15,7 +15,12 @@ const FeaturesContextDefault = forwardRef(({ layout = "largeTiles", ctas = {
|
|
|
15
15
|
? "large-tiles"
|
|
16
16
|
: layout === "smallTiles"
|
|
17
17
|
? "small-tiles"
|
|
18
|
-
: `${layout}`}`), children: features.map((feature, index) => (jsx(Feature, {
|
|
18
|
+
: `${layout}`}`), children: features.map((feature, index) => (jsx(Feature, { icon: feature.icon, style: style, title: feature.title, text: feature.text, cta: {
|
|
19
|
+
label: feature.cta?.label,
|
|
20
|
+
target: feature.cta?.target,
|
|
21
|
+
style: ctas.style,
|
|
22
|
+
toggle: ctas.toggle,
|
|
23
|
+
} }, index))) })));
|
|
19
24
|
const FeaturesContext = createContext(FeaturesContextDefault);
|
|
20
25
|
const Features = forwardRef((props, ref) => {
|
|
21
26
|
const Component = useContext(FeaturesContext);
|