@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;CACvB,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"}
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@scality/core-ui",
3
- "version": "0.138.0",
3
+ "version": "0.140.0",
4
4
  "description": "Scality common React component library",
5
5
  "author": "Scality Engineering",
6
6
  "license": "SEE LICENSE IN LICENSE",
@@ -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 |