@spinnaker/presentation 0.2.1 → 0.3.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.
Files changed (7) hide show
  1. package/dist/icons/Icon.d.ts +4 -2
  2. package/dist/icons/Icon.d.ts.map +1 -1
  3. package/dist/icons/iconsByName.d.ts +118 -118
  4. package/dist/illustrations/illustrationsByName.d.ts +13 -13
  5. package/dist/index.js +13 -4
  6. package/dist/index.js.map +1 -1
  7. package/package.json +2 -2
package/dist/icons/Icon.d.ts CHANGED
@@ -1,12 +1,14 @@
1
+ import type { SVGComponent } from '*.svg';
1
2
  import React from 'react';
2
3
  import { iconsByName } from './iconsByName';
3
4
  export declare type IconNames = keyof typeof iconsByName;
4
5
  export declare type IIconProps = {
5
- name: IconNames;
6
+ name?: IconNames;
7
+ reactComponent?: SVGComponent;
6
8
  appearance?: 'light' | 'neutral' | 'dark';
7
9
  size?: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge' | string;
8
10
  color?: string;
9
11
  className?: string;
10
12
  };
11
- export declare const Icon: React.MemoExoticComponent<({ name, appearance, size, color, className }: IIconProps) => JSX.Element>;
13
+ export declare const Icon: React.MemoExoticComponent<({ name, reactComponent, appearance, size, color, className }: IIconProps) => JSX.Element>;
12
14
  //# sourceMappingURL=Icon.d.ts.map
package/dist/icons/Icon.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,oBAAY,SAAS,GAAG,MAAM,OAAO,WAAW,CAAC;AAEjD,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC1C,IAAI,CAAC,EAAE,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,GAAG,MAAM,CAAC;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAiBF,eAAO,MAAM,IAAI,2EAAuD,UAAU,iBAWhF,CAAC"}
1
+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,oBAAY,SAAS,GAAG,MAAM,OAAO,WAAW,CAAC;AAEjD,oBAAY,UAAU,GAAG;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC1C,IAAI,CAAC,EAAE,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,GAAG,MAAM,CAAC;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAqBF,eAAO,MAAM,IAAI,2FAAuE,UAAU,iBAehG,CAAC"}
package/dist/icons/iconsByName.d.ts CHANGED
@@ -1,121 +1,121 @@
1
- /// <reference types="react" />
1
+ /// <reference path="../../src/types/svg.d.ts" />
2
2
  export declare const iconsByName: {
3
- readonly accordionCollapse: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
4
- readonly accordionExpand: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
5
- readonly accordionExpandAll: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
6
- readonly add: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
7
- readonly artifact: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
8
- readonly artifactApproved: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
9
- readonly artifactBad: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
10
- readonly artifactPending: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
11
- readonly artifactSkipped: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
12
- readonly bake: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
13
- readonly build: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
14
- readonly buildFail: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
15
- readonly buildSuccess: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
16
- readonly canaryConfig: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
17
- readonly canaryFail: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
18
- readonly canaryRunning: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
19
- readonly canaryPass: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
20
- readonly canaryMarginal: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
21
- readonly caretRight: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
22
- readonly checkBadge: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
23
- readonly checkboxIndeterminate: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
24
- readonly checkboxChecked: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
25
- readonly checkboxUnchecked: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
26
- readonly close: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
27
- readonly closeSmall: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
28
- readonly cloudDeployed: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
29
- readonly cloudError: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
30
- readonly cloudProgress: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
31
- readonly cloudDecommissioned: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
32
- readonly cloudWaiting: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
33
- readonly cluster: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
34
- readonly config: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
35
- readonly configJ: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
36
- readonly configM: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
37
- readonly configS: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
38
- readonly copyClipboard: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
39
- readonly done: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
40
- readonly duplicate: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
41
- readonly edit: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
42
- readonly environment: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
43
- readonly fileJson: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
44
- readonly fn: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
45
- readonly fnNew: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
46
- readonly formDrag: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
47
- readonly formError: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
48
- readonly formInfo: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
49
- readonly formNetworkBad: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
50
- readonly formNetworkGood: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
51
- readonly formRefresh: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
52
- readonly formWarning: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
53
- readonly heart: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
54
- readonly history: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
55
- readonly instances: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
56
- readonly loadBalancer: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
57
- readonly manualJudgement: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
58
- readonly manualJudgementApproved: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
59
- readonly manualJudgementRejected: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
60
- readonly mdActuating: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
61
- readonly mdActuationLaunched: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
62
- readonly mdCreated: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
63
- readonly mdDelay: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
64
- readonly mdDeltaDetected: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
65
- readonly mdDeltaResolved: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
66
- readonly mdDiff: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
67
- readonly mdError: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
68
- readonly mdUnhappy: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
69
- readonly mdPaused: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
70
- readonly mdResumed: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
71
- readonly mdUnknown: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
72
- readonly mdConstraintGeneric: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
73
- readonly mdConstraintDependsOn: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
74
- readonly mdConstraintAllowedTimes: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
75
- readonly md: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
76
- readonly mdVerification: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
77
- readonly menu: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
78
- readonly menuClose: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
79
- readonly minus: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
80
- readonly pin: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
81
- readonly placeholder: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
82
- readonly play: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
83
- readonly plus: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
84
- readonly resourceT: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
85
- readonly securityGroup: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
86
- readonly servergroupAws: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
87
- readonly spCIBranch: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
88
- readonly spCIBuild: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
89
- readonly spCICommit: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
90
- readonly spCIMaster: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
91
- readonly spCIMerged: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
92
- readonly spCIPullRequest: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
93
- readonly spCIPullRequestClosed: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
94
- readonly spEnvironments: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
95
- readonly spMenuAppInSync: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
96
- readonly spMenuAppUnsynced: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
97
- readonly spMenuCanaryConfig: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
98
- readonly spMenuCanaryReport: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
99
- readonly spMenuClusters: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
100
- readonly spMenuConfig: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
101
- readonly spMenuFunctions: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
102
- readonly spMenuK8s: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
103
- readonly spMenuLoadBalancers: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
104
- readonly spMenuMeme: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
105
- readonly spMenuPager: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
106
- readonly spMenuPipelines: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
107
- readonly spMenuProperties: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
108
- readonly spMenuSecurityGroups: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
109
- readonly spMenuTasks: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
110
- readonly spMenuTimeline: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
111
- readonly spMenuZuul: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
112
- readonly spel: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
113
- readonly templateFull: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
114
- readonly templateS: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
115
- readonly templateWorkflow: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
116
- readonly toggleOff: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
117
- readonly toggleOn: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
118
- readonly trash: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
119
- readonly unpin: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
3
+ readonly accordionCollapse: import("*.svg").SVGComponent;
4
+ readonly accordionExpand: import("*.svg").SVGComponent;
5
+ readonly accordionExpandAll: import("*.svg").SVGComponent;
6
+ readonly add: import("*.svg").SVGComponent;
7
+ readonly artifact: import("*.svg").SVGComponent;
8
+ readonly artifactApproved: import("*.svg").SVGComponent;
9
+ readonly artifactBad: import("*.svg").SVGComponent;
10
+ readonly artifactPending: import("*.svg").SVGComponent;
11
+ readonly artifactSkipped: import("*.svg").SVGComponent;
12
+ readonly bake: import("*.svg").SVGComponent;
13
+ readonly build: import("*.svg").SVGComponent;
14
+ readonly buildFail: import("*.svg").SVGComponent;
15
+ readonly buildSuccess: import("*.svg").SVGComponent;
16
+ readonly canaryConfig: import("*.svg").SVGComponent;
17
+ readonly canaryFail: import("*.svg").SVGComponent;
18
+ readonly canaryRunning: import("*.svg").SVGComponent;
19
+ readonly canaryPass: import("*.svg").SVGComponent;
20
+ readonly canaryMarginal: import("*.svg").SVGComponent;
21
+ readonly caretRight: import("*.svg").SVGComponent;
22
+ readonly checkBadge: import("*.svg").SVGComponent;
23
+ readonly checkboxIndeterminate: import("*.svg").SVGComponent;
24
+ readonly checkboxChecked: import("*.svg").SVGComponent;
25
+ readonly checkboxUnchecked: import("*.svg").SVGComponent;
26
+ readonly close: import("*.svg").SVGComponent;
27
+ readonly closeSmall: import("*.svg").SVGComponent;
28
+ readonly cloudDeployed: import("*.svg").SVGComponent;
29
+ readonly cloudError: import("*.svg").SVGComponent;
30
+ readonly cloudProgress: import("*.svg").SVGComponent;
31
+ readonly cloudDecommissioned: import("*.svg").SVGComponent;
32
+ readonly cloudWaiting: import("*.svg").SVGComponent;
33
+ readonly cluster: import("*.svg").SVGComponent;
34
+ readonly config: import("*.svg").SVGComponent;
35
+ readonly configJ: import("*.svg").SVGComponent;
36
+ readonly configM: import("*.svg").SVGComponent;
37
+ readonly configS: import("*.svg").SVGComponent;
38
+ readonly copyClipboard: import("*.svg").SVGComponent;
39
+ readonly done: import("*.svg").SVGComponent;
40
+ readonly duplicate: import("*.svg").SVGComponent;
41
+ readonly edit: import("*.svg").SVGComponent;
42
+ readonly environment: import("*.svg").SVGComponent;
43
+ readonly fileJson: import("*.svg").SVGComponent;
44
+ readonly fn: import("*.svg").SVGComponent;
45
+ readonly fnNew: import("*.svg").SVGComponent;
46
+ readonly formDrag: import("*.svg").SVGComponent;
47
+ readonly formError: import("*.svg").SVGComponent;
48
+ readonly formInfo: import("*.svg").SVGComponent;
49
+ readonly formNetworkBad: import("*.svg").SVGComponent;
50
+ readonly formNetworkGood: import("*.svg").SVGComponent;
51
+ readonly formRefresh: import("*.svg").SVGComponent;
52
+ readonly formWarning: import("*.svg").SVGComponent;
53
+ readonly heart: import("*.svg").SVGComponent;
54
+ readonly history: import("*.svg").SVGComponent;
55
+ readonly instances: import("*.svg").SVGComponent;
56
+ readonly loadBalancer: import("*.svg").SVGComponent;
57
+ readonly manualJudgement: import("*.svg").SVGComponent;
58
+ readonly manualJudgementApproved: import("*.svg").SVGComponent;
59
+ readonly manualJudgementRejected: import("*.svg").SVGComponent;
60
+ readonly mdActuating: import("*.svg").SVGComponent;
61
+ readonly mdActuationLaunched: import("*.svg").SVGComponent;
62
+ readonly mdCreated: import("*.svg").SVGComponent;
63
+ readonly mdDelay: import("*.svg").SVGComponent;
64
+ readonly mdDeltaDetected: import("*.svg").SVGComponent;
65
+ readonly mdDeltaResolved: import("*.svg").SVGComponent;
66
+ readonly mdDiff: import("*.svg").SVGComponent;
67
+ readonly mdError: import("*.svg").SVGComponent;
68
+ readonly mdUnhappy: import("*.svg").SVGComponent;
69
+ readonly mdPaused: import("*.svg").SVGComponent;
70
+ readonly mdResumed: import("*.svg").SVGComponent;
71
+ readonly mdUnknown: import("*.svg").SVGComponent;
72
+ readonly mdConstraintGeneric: import("*.svg").SVGComponent;
73
+ readonly mdConstraintDependsOn: import("*.svg").SVGComponent;
74
+ readonly mdConstraintAllowedTimes: import("*.svg").SVGComponent;
75
+ readonly md: import("*.svg").SVGComponent;
76
+ readonly mdVerification: import("*.svg").SVGComponent;
77
+ readonly menu: import("*.svg").SVGComponent;
78
+ readonly menuClose: import("*.svg").SVGComponent;
79
+ readonly minus: import("*.svg").SVGComponent;
80
+ readonly pin: import("*.svg").SVGComponent;
81
+ readonly placeholder: import("*.svg").SVGComponent;
82
+ readonly play: import("*.svg").SVGComponent;
83
+ readonly plus: import("*.svg").SVGComponent;
84
+ readonly resourceT: import("*.svg").SVGComponent;
85
+ readonly securityGroup: import("*.svg").SVGComponent;
86
+ readonly servergroupAws: import("*.svg").SVGComponent;
87
+ readonly spCIBranch: import("*.svg").SVGComponent;
88
+ readonly spCIBuild: import("*.svg").SVGComponent;
89
+ readonly spCICommit: import("*.svg").SVGComponent;
90
+ readonly spCIMaster: import("*.svg").SVGComponent;
91
+ readonly spCIMerged: import("*.svg").SVGComponent;
92
+ readonly spCIPullRequest: import("*.svg").SVGComponent;
93
+ readonly spCIPullRequestClosed: import("*.svg").SVGComponent;
94
+ readonly spEnvironments: import("*.svg").SVGComponent;
95
+ readonly spMenuAppInSync: import("*.svg").SVGComponent;
96
+ readonly spMenuAppUnsynced: import("*.svg").SVGComponent;
97
+ readonly spMenuCanaryConfig: import("*.svg").SVGComponent;
98
+ readonly spMenuCanaryReport: import("*.svg").SVGComponent;
99
+ readonly spMenuClusters: import("*.svg").SVGComponent;
100
+ readonly spMenuConfig: import("*.svg").SVGComponent;
101
+ readonly spMenuFunctions: import("*.svg").SVGComponent;
102
+ readonly spMenuK8s: import("*.svg").SVGComponent;
103
+ readonly spMenuLoadBalancers: import("*.svg").SVGComponent;
104
+ readonly spMenuMeme: import("*.svg").SVGComponent;
105
+ readonly spMenuPager: import("*.svg").SVGComponent;
106
+ readonly spMenuPipelines: import("*.svg").SVGComponent;
107
+ readonly spMenuProperties: import("*.svg").SVGComponent;
108
+ readonly spMenuSecurityGroups: import("*.svg").SVGComponent;
109
+ readonly spMenuTasks: import("*.svg").SVGComponent;
110
+ readonly spMenuTimeline: import("*.svg").SVGComponent;
111
+ readonly spMenuZuul: import("*.svg").SVGComponent;
112
+ readonly spel: import("*.svg").SVGComponent;
113
+ readonly templateFull: import("*.svg").SVGComponent;
114
+ readonly templateS: import("*.svg").SVGComponent;
115
+ readonly templateWorkflow: import("*.svg").SVGComponent;
116
+ readonly toggleOff: import("*.svg").SVGComponent;
117
+ readonly toggleOn: import("*.svg").SVGComponent;
118
+ readonly trash: import("*.svg").SVGComponent;
119
+ readonly unpin: import("*.svg").SVGComponent;
120
120
  };
121
121
  //# sourceMappingURL=iconsByName.d.ts.map
package/dist/illustrations/illustrationsByName.d.ts CHANGED
@@ -1,16 +1,16 @@
1
- /// <reference types="react" />
1
+ /// <reference path="../../src/types/svg.d.ts" />
2
2
  export declare const illustrationsByName: {
3
- readonly alerts: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
4
- readonly announcement: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
5
- readonly appSynced: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
6
- readonly appUnsynced: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
7
- readonly dashboards: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
8
- readonly disableManagement: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
9
- readonly markArtifactVersionAsBad: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
10
- readonly markArtifactVersionAsGood: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
11
- readonly metrics: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
12
- readonly pinArtifactVersion: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
13
- readonly runManagement: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
14
- readonly unpinArtifactVersion: import("react").ComponentType<import("react").SVGProps<HTMLOrSVGElement>>;
3
+ readonly alerts: import("*.svg").SVGComponent;
4
+ readonly announcement: import("*.svg").SVGComponent;
5
+ readonly appSynced: import("*.svg").SVGComponent;
6
+ readonly appUnsynced: import("*.svg").SVGComponent;
7
+ readonly dashboards: import("*.svg").SVGComponent;
8
+ readonly disableManagement: import("*.svg").SVGComponent;
9
+ readonly markArtifactVersionAsBad: import("*.svg").SVGComponent;
10
+ readonly markArtifactVersionAsGood: import("*.svg").SVGComponent;
11
+ readonly metrics: import("*.svg").SVGComponent;
12
+ readonly pinArtifactVersion: import("*.svg").SVGComponent;
13
+ readonly runManagement: import("*.svg").SVGComponent;
14
+ readonly unpinArtifactVersion: import("*.svg").SVGComponent;
15
15
  };
16
16
  //# sourceMappingURL=illustrationsByName.d.ts.map
package/dist/index.js CHANGED
@@ -2122,10 +2122,19 @@ const pxDimensionsBySize = {
2122
2122
  const throwInvalidIconError = (name) => {
2123
2123
  throw new Error(`No icon with the name ${name} exists`);
2124
2124
  };
2125
- const Icon = memo(({ name, appearance, size, color, className }) => {
2126
- const Component = iconsByName[name];
2127
- if (!Component) {
2128
- throwInvalidIconError(name);
2125
+ const throwInvalidIconComponentError = () => {
2126
+ throw new Error('No name or reactComponent provided in Icon props');
2127
+ };
2128
+ const Icon = memo(({ name, reactComponent, appearance, size, color, className }) => {
2129
+ let Component;
2130
+ if (name) {
2131
+ Component = iconsByName[name];
2132
+ if (!Component) {
2133
+ throwInvalidIconError(name);
2134
+ }
2135
+ }
2136
+ else {
2137
+ Component = reactComponent || throwInvalidIconComponentError();
2129
2138
  }
2130
2139
  const width = size ? pxDimensionsBySize[size] || size : pxDimensionsBySize[DEFAULT_SIZE];
2131
2140
  const fill = color ? `var(--color-${color})` : `var(--color-icon-${appearance || DEFAULT_APPEARANCE})`;