@scality/core-ui 0.137.0 → 0.139.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.
|
@@ -102,7 +102,6 @@ export declare const iconTable: {
|
|
|
102
102
|
'Times-circle': string;
|
|
103
103
|
Toolbox: string;
|
|
104
104
|
Cubes: string;
|
|
105
|
-
'File-alt': string;
|
|
106
105
|
Policy: string;
|
|
107
106
|
Pen: string;
|
|
108
107
|
Pencil: string;
|
|
@@ -123,6 +122,7 @@ export declare const iconTable: {
|
|
|
123
122
|
LightMode: string;
|
|
124
123
|
DarkMode: string;
|
|
125
124
|
News: string;
|
|
125
|
+
Ring: string;
|
|
126
126
|
};
|
|
127
127
|
export declare const customIcons: {
|
|
128
128
|
'Remote-user': ({ ariaLabel, color, size }: {
|
|
@@ -144,6 +144,8 @@ type Props = {
|
|
|
144
144
|
color?: IconColor | CSSProperties['color'];
|
|
145
145
|
ariaLabel?: string;
|
|
146
146
|
withWrapper?: boolean;
|
|
147
|
+
style?: CSSProperties;
|
|
148
|
+
onClick?: () => void;
|
|
147
149
|
};
|
|
148
150
|
export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
149
151
|
size: SizeProp;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/icon/Icon.component.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,aAAa,EAKd,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIhD,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAG7D,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0HrB,CAAC;AASF,eAAO,MAAM,WAAW;;;;;;;;;;;CAqCvB,CAAC;AAaF,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,GAAG,MAAM,OAAO,WAAW,CAAC;AACzE,MAAM,MAAM,SAAS,GAAG,MAAM,WAAW,CAAC;AAC1C,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Icon.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/icon/Icon.component.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,aAAa,EAKd,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIhD,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAG7D,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0HrB,CAAC;AASF,eAAO,MAAM,WAAW;;;;;;;;;;;CAqCvB,CAAC;AAaF,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,GAAG,MAAM,OAAO,WAAW,CAAC;AACzE,MAAM,MAAM,SAAS,GAAG,MAAM,WAAW,CAAC;AAC1C,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAiBF,eAAO,MAAM,WAAW;UAAsB,QAAQ;SAiCrD,CAAC;AAuEF,iBAAS,IAAI,CAAC,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,eAU7C;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -105,7 +105,6 @@ export const iconTable = {
|
|
|
105
105
|
'Times-circle': 'fas faTimesCircle',
|
|
106
106
|
Toolbox: 'fas faToolbox',
|
|
107
107
|
Cubes: 'fas faCubes',
|
|
108
|
-
'File-alt': 'fas faFilesAlt',
|
|
109
108
|
Policy: 'fas faFileSignature',
|
|
110
109
|
Pen: 'fa faPen',
|
|
111
110
|
Pencil: 'fas faPencilAlt',
|
|
@@ -126,6 +125,7 @@ export const iconTable = {
|
|
|
126
125
|
LightMode: 'fas faSun',
|
|
127
126
|
DarkMode: 'fas faMoon',
|
|
128
127
|
News: 'fas faBullhorn',
|
|
128
|
+
Ring: 'fas faRing',
|
|
129
129
|
};
|
|
130
130
|
const getColor = (color) => {
|
|
131
131
|
const theme = useTheme();
|
package/package.json
CHANGED
|
@@ -114,7 +114,6 @@ export const iconTable = {
|
|
|
114
114
|
'Times-circle': 'fas faTimesCircle',
|
|
115
115
|
Toolbox: 'fas faToolbox',
|
|
116
116
|
Cubes: 'fas faCubes',
|
|
117
|
-
'File-alt': 'fas faFilesAlt',
|
|
118
117
|
Policy: 'fas faFileSignature',
|
|
119
118
|
Pen: 'fa faPen',
|
|
120
119
|
Pencil: 'fas faPencilAlt',
|
|
@@ -135,6 +134,7 @@ export const iconTable = {
|
|
|
135
134
|
LightMode: 'fas faSun',
|
|
136
135
|
DarkMode: 'fas faMoon',
|
|
137
136
|
News: 'fas faBullhorn',
|
|
137
|
+
Ring: 'fas faRing',
|
|
138
138
|
};
|
|
139
139
|
|
|
140
140
|
const getColor = (color: string | undefined): string => {
|
|
@@ -202,6 +202,8 @@ type Props = {
|
|
|
202
202
|
color?: IconColor | CSSProperties['color'];
|
|
203
203
|
ariaLabel?: string;
|
|
204
204
|
withWrapper?: boolean;
|
|
205
|
+
style?: CSSProperties;
|
|
206
|
+
onClick?: () => void;
|
|
205
207
|
};
|
|
206
208
|
|
|
207
209
|
const DelayedFallback = ({
|
package/stories/icons.mdx
CHANGED
|
@@ -108,5 +108,6 @@ When next to a text, the icon and the text should have the same size.
|
|
|
108
108
|
| <i className="fas fa-download fa-3x" /> | Download | Action icon | FA | download | `<i className="fas fa-download" />` | solid Style (fas) | yes | Download |
|
|
109
109
|
| <i className="fas fa-id-card fa-3x" /> | ID-card | Entities | FA | id-card | `<i className="fas fa-id-card"/>` | solid Style (fas) | yes | Identity |
|
|
110
110
|
| <i className="fas fa-cog fa-3x" /> | Setting | Action | FA | cog | `<i className="fas fa-cog"/>` | solid Style (fas) | yes | Global Settings |
|
|
111
|
+
| <i className="fas fa-ring fa-3x" /> | Ring | Entities | FA | ring | `<i className="fas fa-ring"/>` | solid Style (fas) | yes | Ring |
|
|
111
112
|
| <QueryClientProvider client={new QueryClient()}><Icon name="Remote-user" size="3x" /></QueryClientProvider> | Remote-user | Entities | Custom | - | - | custom icon | - | Remote user in Identity UI |
|
|
112
113
|
| <QueryClientProvider client={new QueryClient()}><Icon name="Remote-group" size="3x" /></QueryClientProvider> | Remote-group | Entities | Custom | - | - | custom icon | - | Remote group in Identity UI |
|