@proximus/lavender-icon-native 0.1.0-alpha.4 → 0.1.0-beta.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 (8) hide show
  1. package/dist/PxIcon.d.ts +11 -3
  2. package/dist/PxIcon.d.ts.map +1 -1
  3. package/dist/PxIcon.js +100 -0
  4. package/package.json +9 -28
  5. package/CHANGELOG.md +0 -42
  6. package/src/PxIcon.tsx +0 -138
  7. package/tsconfig.json +0 -8
  8. /package/{src/index.ts → dist/index.js} +0 -0
package/dist/PxIcon.d.ts CHANGED
@@ -1,17 +1,25 @@
1
1
  import React from 'react';
2
2
  import { AccessibilityProps, StyleProp, TextStyle, ViewStyle } from 'react-native';
3
3
  import type { IconName } from '@proximus/lavender-icon/dist/iconNames.js';
4
+ import { IconColor } from '@proximus/lavender-icon';
5
+ import { IconSize } from '@proximus/lavender-common';
4
6
  export declare function convertIconName(oldName: string): string;
5
7
  interface PxIconProps extends AccessibilityProps {
6
8
  name: IconName;
7
- size?: number;
8
- color?: string;
9
+ size?: IconSize;
10
+ color?: IconColor;
11
+ /** @deprecated Use 'color' property instead */
12
+ deprecatedColor?: string;
13
+ /** @deprecated Use 'size' property instead */
14
+ deprecatedSize?: number;
9
15
  background?: boolean;
10
16
  disabled?: boolean;
17
+ inverted?: boolean;
11
18
  backgroundSize?: number;
12
19
  style?: StyleProp<TextStyle>;
20
+ testID?: string;
13
21
  containerStyle?: StyleProp<ViewStyle>;
14
22
  }
15
- export declare function PxIcon({ name, size, color, style, disabled, containerStyle, ...accessibilityProps }: PxIconProps): React.JSX.Element;
23
+ export declare function PxIcon({ name, size, color, style, disabled, containerStyle, inverted, deprecatedColor, deprecatedSize, testID, ...accessibilityProps }: PxIconProps): React.JSX.Element;
16
24
  export {};
17
25
  //# sourceMappingURL=PxIcon.d.ts.map
package/dist/PxIcon.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PxIcon.d.ts","sourceRoot":"","sources":["../src/PxIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,kBAAkB,EAClB,SAAS,EAET,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAC;AAItB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2CAA2C,CAAC;AAG1E,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAuEvD;AAED,UAAU,WAAY,SAAQ,kBAAkB;IAC9C,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACvC;AAID,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,cAAc,EACd,GAAG,kBAAkB,EACtB,EAAE,WAAW,qBAmBb"}
1
+ {"version":3,"file":"PxIcon.d.ts","sourceRoot":"","sources":["../src/PxIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,kBAAkB,EAClB,SAAS,EAET,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAC;AAItB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2CAA2C,CAAC;AAE1E,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGrD,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAuEvD;AAED,UAAU,WAAY,SAAQ,kBAAkB;IAC9C,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,+CAA+C;IAC/C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,8CAA8C;IAC9C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACvC;AAID,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,IAAU,EACV,KAAe,EACf,KAAK,EACL,QAAQ,EACR,cAAc,EACd,QAAgB,EAChB,eAAe,EACf,cAAc,EACd,MAAM,EACN,GAAG,kBAAkB,EACtB,EAAE,WAAW,qBA2Bb"}
package/dist/PxIcon.js ADDED
@@ -0,0 +1,100 @@
1
+ import React from 'react';
2
+ import { StyleSheet, View, } from 'react-native';
3
+ import { createIconSet } from 'react-native-vector-icons';
4
+ import LavenderGlyphMap from '@proximus/lavender-icon/dist/glyphmap.json';
5
+ import { useTheme } from '@proximus/lavender-styling-native';
6
+ import { a11y, e2eID } from '@proximus/lavender-common-native';
7
+ export function convertIconName(oldName) {
8
+ const iconMap = {
9
+ chevron_bottom: 'chevron_down',
10
+ chevron_top: 'chevron_up',
11
+ arrow_bottom: 'arrow_down',
12
+ arrow_top: 'arrow_up',
13
+ contacts: 'community',
14
+ bills: 'bill',
15
+ bin: 'trash',
16
+ chart: 'markets',
17
+ copy: 'copy_paste',
18
+ dash: 'dashboard',
19
+ dots: '3dots_vertical',
20
+ double_dots: 'handle',
21
+ download_arrow: 'download',
22
+ enjoy: 'gift',
23
+ equalizer: 'filter',
24
+ error: 'cross',
25
+ error_circle: 'cross_circle',
26
+ error_circle_filled: 'cross_fill',
27
+ eye_visible: 'eye',
28
+ eye_not_visible: 'eye_close',
29
+ grid_layout: 'dashboard',
30
+ help: 'question_mark',
31
+ help_circle: 'question_mark_circle',
32
+ history: 'clock_circle',
33
+ housing: 'buildings',
34
+ ia: 'ai',
35
+ info: 'information',
36
+ info_circle: 'information_circle',
37
+ info_circle_filled: 'information_fill',
38
+ link: 'links',
39
+ location_pin: 'location',
40
+ liveloc: 'current_location',
41
+ mail: 'enveloppe',
42
+ menu: 'burger_menu',
43
+ mic: 'microphone',
44
+ no_cellular: 'wifi_off',
45
+ no_router: 'bbox_off',
46
+ orders: 'euro_invoice',
47
+ parcel: 'pack',
48
+ pen: 'edit',
49
+ qrcode: 'qr_code',
50
+ reaload_onlince: 'euro_reload',
51
+ road_accident: 'car_crash',
52
+ router: 'bbox_connection',
53
+ shopping: 'caddy',
54
+ smart_home: 'home_wifi',
55
+ smartphone: 'mobile',
56
+ socket: 'electricity',
57
+ speed_test: 'speed',
58
+ star_filled: 'star_fill',
59
+ success: 'checkmark',
60
+ success_circle: 'checkmark_circle',
61
+ success_circle_filled: 'checkmark_fill',
62
+ support: 'headset',
63
+ switcher: 'switch',
64
+ thunder: 'bolt',
65
+ ticket: 'voucher',
66
+ truck: 'delivery_flexibility',
67
+ upload_arrow: 'upload',
68
+ user_avatar: 'profile_circle',
69
+ warning: 'exclamation_mark',
70
+ warning_circle: 'exclamation_mark_circle',
71
+ warning_circle_filled: 'exclamation_mark_fill',
72
+ wifi_no_signal: 'wifi_off',
73
+ wifi_signal_strong: 'wifi',
74
+ work_cone: 'roadwork',
75
+ };
76
+ return iconMap[oldName] ?? oldName;
77
+ }
78
+ const LavenderIcon = createIconSet(LavenderGlyphMap, 'lavender');
79
+ export function PxIcon({ name, size = 'M', color = 'Brand', style, disabled, containerStyle, inverted = false, deprecatedColor, deprecatedSize, testID, ...accessibilityProps }) {
80
+ const { theme } = useTheme();
81
+ const invertedSuffix = inverted ? 'Inverted' : 'Default';
82
+ const iconColor = disabled
83
+ ? theme.t('ColorIconStateDisabledDefault')
84
+ : color
85
+ ? theme.t(`ColorIcon${color}${invertedSuffix}`)
86
+ : theme.t('ColorIconBrandDefault');
87
+ const iconSize = size
88
+ ? theme.t(`SizeIcon${size}`).number
89
+ : theme.t('SizeIconS').number;
90
+ return (React.createElement(View, { style: [styles.container, containerStyle] },
91
+ React.createElement(LavenderIcon, { name: name, color: deprecatedColor || iconColor, size: deprecatedSize || iconSize, style: style, ...a11y(accessibilityProps), ...(testID && e2eID(`${testID})-icon`)) })));
92
+ }
93
+ const styles = StyleSheet.create({
94
+ container: {
95
+ alignItems: 'center',
96
+ flexDirection: 'row',
97
+ justifyContent: 'center',
98
+ textAlign: 'center',
99
+ },
100
+ });
package/package.json CHANGED
@@ -1,37 +1,18 @@
1
1
  {
2
2
  "name": "@proximus/lavender-icon-native",
3
- "version": "0.1.0-alpha.4",
3
+ "version": "0.1.0-beta.0",
4
4
  "description": "Lavender icon component",
5
- "main": "src/index.ts",
5
+ "main": "dist/index.js",
6
+ "files": [
7
+ "dist"
8
+ ],
6
9
  "type": "module",
7
- "scripts": {
8
- "clean": "rm -rf dist",
9
- "build": "npx tsc -p tsconfig.json",
10
- "prepublish": "yarn clean && yarn build"
11
- },
12
10
  "peerDependencies": {
13
- "@proximus/lavender-common-native": "workspace:*",
14
- "@proximus/lavender-styling-native": "workspace:*",
15
- "@proximus/lavender-texts-native": "workspace:*"
16
- },
17
- "devDependencies": {
18
- "@proximus/lavender-common-native": "0.1.0-alpha.4",
19
- "@proximus/lavender-styling-native": "0.1.0-alpha.3",
20
- "@proximus/lavender-texts-native": "0.1.0-alpha.4"
11
+ "@proximus/lavender-common-native": "*",
12
+ "@proximus/lavender-styling-native": "*",
13
+ "@proximus/lavender-texts-native": "*"
21
14
  },
22
15
  "publishConfig": {
23
16
  "access": "public"
24
- },
25
- "lerna": {
26
- "command": {
27
- "publish": {
28
- "assets": [
29
- "dist",
30
- "src",
31
- "package.json"
32
- ]
33
- }
34
- }
35
- },
36
- "gitHead": "6e9252a716a08ededdfbfd6f5b1db70ab21e026e"
17
+ }
37
18
  }
package/CHANGELOG.md DELETED
@@ -1,42 +0,0 @@
1
- # Change Log
2
-
3
- All notable changes to this project will be documented in this file.
4
- See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
-
6
- # [0.1.0-alpha.4](https://github.com/Pxs-Corporate/react-native-lavender/compare/@proximus/lavender-icon-native@0.1.0-alpha.3...@proximus/lavender-icon-native@0.1.0-alpha.4) (2025-09-19)
7
-
8
- **Note:** Version bump only for package @proximus/lavender-icon-native
9
-
10
- # [0.1.0-alpha.3](https://github.com/Pxs-Corporate/react-native-lavender/compare/@proximus/lavender-icon-native@0.1.0-alpha.2...@proximus/lavender-icon-native@0.1.0-alpha.3) (2025-09-12)
11
-
12
- **Note:** Version bump only for package @proximus/lavender-icon-native
13
-
14
- # [0.1.0-alpha.2](https://github.com/Pxs-Corporate/react-native-lavender/compare/@proximus/lavender-icon-native@0.1.0-alpha.1...@proximus/lavender-icon-native@0.1.0-alpha.2) (2025-09-05)
15
-
16
- ### Features
17
-
18
- - **BCRI-4279213:** update token architecture and component styles ([#18](https://github.com/Pxs-Corporate/react-native-lavender/issues/18)) ([2fabf41](https://github.com/Pxs-Corporate/react-native-lavender/commit/2fabf416ce069e9756daa868c3012181db87e7f5))
19
-
20
- # [0.1.0-alpha.1](https://github.com/Pxs-Corporate/react-native-lavender/compare/@proximus/lavender-icon-native@0.1.0-alpha.0...@proximus/lavender-icon-native@0.1.0-alpha.1) (2025-08-13)
21
-
22
- ### Bug Fixes
23
-
24
- - **BCRI-4210372:** fix types field in modules ([68ac126](https://github.com/Pxs-Corporate/react-native-lavender/commit/68ac12657112473ae9e0e683076b1d9172be9ce6))
25
-
26
- # 0.1.0-alpha.0 (2025-08-13)
27
-
28
- ### Bug Fixes
29
-
30
- - **BCRI-4026235:** icon fixes ([b5f0e58](https://github.com/Pxs-Corporate/react-native-lavender/commit/b5f0e58492a6bb654869e73b2f309d13037be76c))
31
-
32
- ### Features
33
-
34
- - **BCRI-3660857:** cell components ([af9e45c](https://github.com/Pxs-Corporate/react-native-lavender/commit/af9e45cefc20d08d2338380ff4cd8cd6851abe24))
35
- - **BCRI-3689585:** icon module ([f13230d](https://github.com/Pxs-Corporate/react-native-lavender/commit/f13230d9c7643680089a0db2c69b96cd73ff246e))
36
- - **BCRI-3702949:** tertiary button ([4999cea](https://github.com/Pxs-Corporate/react-native-lavender/commit/4999cea4d7866084d0f8c1cba37070c6cdaa7601))
37
- - **BCRI-3702949:** tertiary button ([db24455](https://github.com/Pxs-Corporate/react-native-lavender/commit/db24455bd9687d80920be3e42c9e1fc14703a571))
38
- - **BCRI-3810979:** tile components ([46fc5c7](https://github.com/Pxs-Corporate/react-native-lavender/commit/46fc5c7a0ddff6c2db43fba0de9929626092f265))
39
- - **BCRI-4002610:** update icon handling and remove deprecated font references ([4399fe4](https://github.com/Pxs-Corporate/react-native-lavender/commit/4399fe4bff06aa70f5c29705fcc89d5243b0e3e7))
40
- - **BCRI-4002610:** update package versions and add new dependencies for styling and icon handling ([bd36e12](https://github.com/Pxs-Corporate/react-native-lavender/commit/bd36e120c36fd33602f441ceed5f41f15f81f0ea))
41
- - **BCRI-4026235:** fix mapping ([8fafee5](https://github.com/Pxs-Corporate/react-native-lavender/commit/8fafee5ab742dfbe8d1aeb139341ceb01371cd52))
42
- - **BCRI-4210372:** automatic versionning ([9c1f0a0](https://github.com/Pxs-Corporate/react-native-lavender/commit/9c1f0a00e19a9d1a277044ea627632032a674102))
package/src/PxIcon.tsx DELETED
@@ -1,138 +0,0 @@
1
- import React from 'react';
2
- import {
3
- AccessibilityProps,
4
- StyleProp,
5
- StyleSheet,
6
- TextStyle,
7
- View,
8
- ViewStyle,
9
- } from 'react-native';
10
-
11
- import { createIconSet } from 'react-native-vector-icons';
12
- import LavenderGlyphMap from '@proximus/lavender-icon/dist/glyphmap.json';
13
- import type { IconName } from '@proximus/lavender-icon/dist/iconNames.js';
14
- import { useTheme } from '@proximus/lavender-styling-native';
15
-
16
- export function convertIconName(oldName: string): string {
17
- const iconMap: Record<string, string> = {
18
- chevron_bottom: 'chevron_down',
19
- chevron_top: 'chevron_up',
20
- arrow_bottom: 'arrow_down',
21
- arrow_top: 'arrow_up',
22
- contacts: 'community',
23
- bills: 'bill',
24
- bin: 'trash',
25
- chart: 'markets',
26
- copy: 'copy_paste',
27
- dash: 'dashboard',
28
- dots: '3dots_vertical',
29
- double_dots: 'handle',
30
- download_arrow: 'download',
31
- enjoy: 'gift',
32
- equalizer: 'filter',
33
- error: 'cross',
34
- error_circle: 'cross_circle',
35
- error_circle_filled: 'cross_fill',
36
- eye_visible: 'eye',
37
- eye_not_visible: 'eye_close',
38
- grid_layout: 'dashboard',
39
- help: 'question_mark',
40
- help_circle: 'question_mark_circle',
41
- history: 'clock_circle',
42
- housing: 'buildings',
43
- ia: 'ai',
44
- info: 'information',
45
- info_circle: 'information_circle',
46
- info_circle_filled: 'information_fill',
47
- link: 'links',
48
- location_pin: 'location',
49
- liveloc: 'current_location',
50
- mail: 'enveloppe',
51
- menu: 'burger_menu',
52
- mic: 'microphone',
53
- no_cellular: 'wifi_off',
54
- no_router: 'bbox_off',
55
- orders: 'euro_invoice',
56
- parcel: 'pack',
57
- pen: 'edit',
58
- qrcode: 'qr_code',
59
- reaload_onlince: 'euro_reload',
60
- road_accident: 'car_crash',
61
- router: 'bbox_connection',
62
- shopping: 'caddy',
63
- smart_home: 'home_wifi',
64
- smartphone: 'mobile',
65
- socket: 'electricity',
66
- speed_test: 'speed',
67
- star_filled: 'star_fill',
68
- success: 'checkmark',
69
- success_circle: 'checkmark_circle',
70
- success_circle_filled: 'checkmark_fill',
71
- support: 'headset',
72
- switcher: 'switch',
73
- thunder: 'bolt',
74
- ticket: 'voucher',
75
- truck: 'delivery_flexibility',
76
- upload_arrow: 'upload',
77
- user_avatar: 'profile_circle',
78
- warning: 'exclamation_mark',
79
- warning_circle: 'exclamation_mark_circle',
80
- warning_circle_filled: 'exclamation_mark_fill',
81
- wifi_no_signal: 'wifi_off',
82
- wifi_signal_strong: 'wifi',
83
- work_cone: 'roadwork',
84
- };
85
-
86
- return iconMap[oldName] ?? oldName;
87
- }
88
-
89
- interface PxIconProps extends AccessibilityProps {
90
- name: IconName;
91
- size?: number;
92
- color?: string;
93
- background?: boolean;
94
- disabled?: boolean;
95
- backgroundSize?: number;
96
- style?: StyleProp<TextStyle>;
97
- containerStyle?: StyleProp<ViewStyle>;
98
- }
99
-
100
- const LavenderIcon = createIconSet(LavenderGlyphMap, 'lavender');
101
-
102
- export function PxIcon({
103
- name,
104
- size,
105
- color,
106
- style,
107
- disabled,
108
- containerStyle,
109
- ...accessibilityProps
110
- }: PxIconProps) {
111
- const { theme } = useTheme();
112
-
113
- const iconColor = disabled
114
- ? theme.t('ColorIconStateDisabledDefault')
115
- : color || theme.t('ColorIconBrandDefault');
116
- const iconSize = size || theme.t('SizeIconS').number;
117
-
118
- return (
119
- <View style={[styles.container, containerStyle]}>
120
- <LavenderIcon
121
- name={name}
122
- color={iconColor}
123
- size={iconSize}
124
- style={style as any}
125
- {...accessibilityProps}
126
- />
127
- </View>
128
- );
129
- }
130
-
131
- const styles = StyleSheet.create({
132
- container: {
133
- alignItems: 'center',
134
- flexDirection: 'row',
135
- justifyContent: 'center',
136
- textAlign: 'center',
137
- },
138
- });
package/tsconfig.json DELETED
@@ -1,8 +0,0 @@
1
- {
2
- "extends": "../../../tsconfig.npm.json",
3
- "compilerOptions": {
4
- "outDir": "dist"
5
- },
6
- "include": ["src","../../../lib.d.ts"],
7
- "exclude": ["dist", "node_modules", "src/**/*.test.ts", "src/**/*.spec.ts"]
8
- }
/package/{src/index.ts → dist/index.js} RENAMED
File without changes