@scality/core-ui 0.138.0 → 0.140.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;
|
|
@@ -124,6 +123,7 @@ export declare const iconTable: {
|
|
|
124
123
|
DarkMode: string;
|
|
125
124
|
News: string;
|
|
126
125
|
Ring: string;
|
|
126
|
+
Stop: string;
|
|
127
127
|
};
|
|
128
128
|
export declare const customIcons: {
|
|
129
129
|
'Remote-user': ({ ariaLabel, color, size }: {
|
|
@@ -145,6 +145,8 @@ type Props = {
|
|
|
145
145
|
color?: IconColor | CSSProperties['color'];
|
|
146
146
|
ariaLabel?: string;
|
|
147
147
|
withWrapper?: boolean;
|
|
148
|
+
style?: CSSProperties;
|
|
149
|
+
onClick?: (event: MouseEvent) => void;
|
|
148
150
|
};
|
|
149
151
|
export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
150
152
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2HrB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2HrB,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,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC,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',
|
|
@@ -127,6 +126,7 @@ export const iconTable = {
|
|
|
127
126
|
DarkMode: 'fas faMoon',
|
|
128
127
|
News: 'fas faBullhorn',
|
|
129
128
|
Ring: 'fas faRing',
|
|
129
|
+
Stop: 'fas faStop',
|
|
130
130
|
};
|
|
131
131
|
const getColor = (color) => {
|
|
132
132
|
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',
|
|
@@ -136,6 +135,7 @@ export const iconTable = {
|
|
|
136
135
|
DarkMode: 'fas faMoon',
|
|
137
136
|
News: 'fas faBullhorn',
|
|
138
137
|
Ring: 'fas faRing',
|
|
138
|
+
Stop: 'fas faStop',
|
|
139
139
|
};
|
|
140
140
|
|
|
141
141
|
const getColor = (color: string | undefined): string => {
|
|
@@ -203,6 +203,8 @@ type Props = {
|
|
|
203
203
|
color?: IconColor | CSSProperties['color'];
|
|
204
204
|
ariaLabel?: string;
|
|
205
205
|
withWrapper?: boolean;
|
|
206
|
+
style?: CSSProperties;
|
|
207
|
+
onClick?: (event: MouseEvent) => void;
|
|
206
208
|
};
|
|
207
209
|
|
|
208
210
|
const DelayedFallback = ({
|
package/stories/icons.mdx
CHANGED
|
@@ -93,6 +93,7 @@ When next to a text, the icon and the text should have the same size.
|
|
|
93
93
|
| <i className="fas fa-sign-out-alt fa-3x" /> | Log-out | Menu | FA | sign-out-alt | `<i className="fas fa-sign-out-alt" />` | solid Style (fas) | yes | Log out action |
|
|
94
94
|
| <i className="far fa-hourglass fa-3x" /> | Hourglass | Status | FA | hourglass | `<i className="far fa-hourglass" />` | regular Style (far) | ? | Workflow delayed |
|
|
95
95
|
| <i className="fas fa-pause fa-3x" /> | Pause | Status | FA | pause | `<i className="fas fa-pause" />` | solid Style (fas) | yes | Workflow paused |
|
|
96
|
+
| <i className="fas fa-stop fa-3x" /> | Stop | Status | FA | stop | `<i className="fas fa-stop" />` | solid Style (fas) | yes | Upload stop |
|
|
96
97
|
| <i className="fas fa-level-up-alt fa-3x" /> | Upgrade | Button-action | FA | level-up-alt | `<i className="fas fa-level-up-alt" />` | solid Style (fas) | yes | Upgrade version |
|
|
97
98
|
| <i className="fas fa-expand-alt fa-3x" /> | Expansion | Button-action | FA | expand-alt | `<i className="fas fa-expand-alt" />` | solid Style (fas) | yes | Expand with no rebalancing |
|
|
98
99
|
| <i className="fas fa-balance-scale fa-3x" /> | Rebalance | Button-action | FA | balance-scale | `<i className="fas fa-balance-scale" />` | solid Style (fas) | yes | Expand with rebalancing |
|