@jobber/design 0.21.1-pre.43 → 0.22.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.
package/CHANGELOG.md CHANGED
@@ -8,6 +8,17 @@ menu: Changelog
8
8
  All notable changes to this project will be documented in this file.
9
9
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
10
10
 
11
+ # [0.22.0](https://github.com/GetJobber/atlantis/compare/@jobber/design@0.21.0...@jobber/design@0.22.0) (2022-02-07)
12
+
13
+
14
+ ### Features
15
+
16
+ * **design:** Build Icon CSS to a CSS-in-JS react native format ([#850](https://github.com/GetJobber/atlantis/issues/850)) ([5ff025f](https://github.com/GetJobber/atlantis/commit/5ff025ff8fd770f5c4919afa5fe5a0387c6bfe8a))
17
+
18
+
19
+
20
+
21
+
11
22
  # [0.21.0](https://github.com/GetJobber/atlantis/compare/@jobber/design@0.20.1...@jobber/design@0.21.0) (2021-12-18)
12
23
 
13
24
 
@@ -0,0 +1,265 @@
1
+ export declare const iconStyles: {
2
+ icon: {
3
+ fill: string;
4
+ display: string;
5
+ verticalAlign: string;
6
+ };
7
+ longArrowUp: {
8
+ transform: {
9
+ rotate: string;
10
+ }[];
11
+ };
12
+ longArrowDown: {
13
+ transform: {
14
+ rotate: string;
15
+ }[];
16
+ };
17
+ thumbsDown: {
18
+ transform: {
19
+ scaleY: number;
20
+ }[];
21
+ };
22
+ person: {
23
+ fill: string;
24
+ };
25
+ clients: {
26
+ fill: string;
27
+ };
28
+ company: {
29
+ fill: string;
30
+ };
31
+ property: {
32
+ fill: string;
33
+ };
34
+ job: {
35
+ fill: string;
36
+ };
37
+ jobOnHold: {
38
+ fill: string;
39
+ };
40
+ visit: {
41
+ fill: string;
42
+ };
43
+ moveVisits: {
44
+ fill: string;
45
+ };
46
+ event: {
47
+ fill: string;
48
+ };
49
+ request: {
50
+ fill: string;
51
+ };
52
+ userUnassigned: {
53
+ fill: string;
54
+ };
55
+ reminder: {
56
+ fill: string;
57
+ };
58
+ trash: {
59
+ fill: string;
60
+ };
61
+ task: {
62
+ fill: string;
63
+ };
64
+ timer: {
65
+ fill: string;
66
+ };
67
+ quote: {
68
+ fill: string;
69
+ };
70
+ invoice: {
71
+ fill: string;
72
+ };
73
+ invoiceLater: {
74
+ fill: string;
75
+ };
76
+ sendInvoice: {
77
+ fill: string;
78
+ };
79
+ paidInvoice: {
80
+ fill: string;
81
+ };
82
+ badInvoice: {
83
+ fill: string;
84
+ };
85
+ payment: {
86
+ fill: string;
87
+ };
88
+ expense: {
89
+ fill: string;
90
+ };
91
+ edit: {
92
+ fill: string;
93
+ };
94
+ archive: {
95
+ fill: string;
96
+ };
97
+ excel: {
98
+ fill: string;
99
+ };
100
+ file: {
101
+ fill: string;
102
+ };
103
+ pdf: {
104
+ fill: string;
105
+ };
106
+ word: {
107
+ fill: string;
108
+ };
109
+ video: {
110
+ fill: string;
111
+ };
112
+ small: {
113
+ width: number;
114
+ height: number;
115
+ };
116
+ base: {
117
+ width: number;
118
+ height: number;
119
+ };
120
+ large: {
121
+ width: number;
122
+ height: number;
123
+ };
124
+ white: {
125
+ fill: string;
126
+ };
127
+ grey: {
128
+ fill: string;
129
+ };
130
+ greyBlue: {
131
+ fill: string;
132
+ };
133
+ greyBlueDark: {
134
+ fill: string;
135
+ };
136
+ blue: {
137
+ fill: string;
138
+ };
139
+ lightBlue: {
140
+ fill: string;
141
+ };
142
+ green: {
143
+ fill: string;
144
+ };
145
+ yellow: {
146
+ fill: string;
147
+ };
148
+ red: {
149
+ fill: string;
150
+ };
151
+ navy: {
152
+ fill: string;
153
+ };
154
+ orange: {
155
+ fill: string;
156
+ };
157
+ interactive: {
158
+ fill: string;
159
+ };
160
+ interactiveHover: {
161
+ fill: string;
162
+ };
163
+ destructive: {
164
+ fill: string;
165
+ };
166
+ destructiveHover: {
167
+ fill: string;
168
+ };
169
+ interactiveSubtle: {
170
+ fill: string;
171
+ };
172
+ interactiveSubtleHover: {
173
+ fill: string;
174
+ };
175
+ disabled: {
176
+ fill: string;
177
+ };
178
+ disabledSecondary: {
179
+ fill: string;
180
+ };
181
+ focus: {
182
+ fill: string;
183
+ };
184
+ critical: {
185
+ fill: string;
186
+ };
187
+ criticalSurface: {
188
+ fill: string;
189
+ };
190
+ criticalOnSurface: {
191
+ fill: string;
192
+ };
193
+ warning: {
194
+ fill: string;
195
+ };
196
+ warningSurface: {
197
+ fill: string;
198
+ };
199
+ warningOnSurface: {
200
+ fill: string;
201
+ };
202
+ success: {
203
+ fill: string;
204
+ };
205
+ successSurface: {
206
+ fill: string;
207
+ };
208
+ successOnSurface: {
209
+ fill: string;
210
+ };
211
+ informative: {
212
+ fill: string;
213
+ };
214
+ informativeSurface: {
215
+ fill: string;
216
+ };
217
+ informativeOnSurface: {
218
+ fill: string;
219
+ };
220
+ inactive: {
221
+ fill: string;
222
+ };
223
+ inactiveSurface: {
224
+ fill: string;
225
+ };
226
+ inactiveOnSurface: {
227
+ fill: string;
228
+ };
229
+ heading: {
230
+ fill: string;
231
+ };
232
+ text: {
233
+ fill: string;
234
+ };
235
+ textSecondary: {
236
+ fill: string;
237
+ };
238
+ textReverse: {
239
+ fill: string;
240
+ };
241
+ textReverseSecondary: {
242
+ fill: string;
243
+ };
244
+ surface: {
245
+ fill: string;
246
+ };
247
+ surfaceHover: {
248
+ fill: string;
249
+ };
250
+ surfaceActive: {
251
+ fill: string;
252
+ };
253
+ surfaceBackground: {
254
+ fill: string;
255
+ };
256
+ surfaceReverse: {
257
+ fill: string;
258
+ };
259
+ brand: {
260
+ fill: string;
261
+ };
262
+ brandHighlight: {
263
+ fill: string;
264
+ };
265
+ };
package/dist/index.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export { getIcon, IconNames, IconColorNames, IconSizes, iconClassMap, sizesClassMap, colorsClassMap, } from "./icons/getIcon";
2
+ export { iconStyles } from "./icons/iconStyles";
package/dist/index.js CHANGED
@@ -697,7 +697,281 @@ function getPathClassNames(name, color) {
697
697
  _a));
698
698
  }
699
699
 
700
+ /* This file is automatically generated by buildIconStyle.js and should not be edited. */
701
+ var iconStyles = {
702
+ "icon": {
703
+ "fill": "rgb(66, 78, 86)",
704
+ "display": "inline-block",
705
+ "verticalAlign": "middle"
706
+ },
707
+ "longArrowUp": {
708
+ "transform": [
709
+ {
710
+ "rotate": "90deg"
711
+ }
712
+ ]
713
+ },
714
+ "longArrowDown": {
715
+ "transform": [
716
+ {
717
+ "rotate": "-90deg"
718
+ }
719
+ ]
720
+ },
721
+ "thumbsDown": {
722
+ "transform": [
723
+ {
724
+ "scaleY": -1
725
+ }
726
+ ]
727
+ },
728
+ "person": {
729
+ "fill": "rgb(62, 173, 146)"
730
+ },
731
+ "clients": {
732
+ "fill": "rgb(62, 173, 146)"
733
+ },
734
+ "company": {
735
+ "fill": "rgb(62, 173, 146)"
736
+ },
737
+ "property": {
738
+ "fill": "rgb(62, 173, 146)"
739
+ },
740
+ "job": {
741
+ "fill": "rgb(187, 197, 32)"
742
+ },
743
+ "jobOnHold": {
744
+ "fill": "rgb(187, 197, 32)"
745
+ },
746
+ "visit": {
747
+ "fill": "rgb(153, 193, 70)"
748
+ },
749
+ "moveVisits": {
750
+ "fill": "rgb(153, 193, 70)"
751
+ },
752
+ "event": {
753
+ "fill": "rgb(221, 195, 15)"
754
+ },
755
+ "request": {
756
+ "fill": "rgb(85, 106, 203)"
757
+ },
758
+ "userUnassigned": {
759
+ "fill": "rgb(239, 87, 51)"
760
+ },
761
+ "reminder": {
762
+ "fill": "rgb(239, 87, 51)"
763
+ },
764
+ "trash": {
765
+ "fill": "rgb(239, 87, 51)"
766
+ },
767
+ "task": {
768
+ "fill": "rgb(75, 106, 150)"
769
+ },
770
+ "timer": {
771
+ "fill": "rgb(60, 162, 224)"
772
+ },
773
+ "quote": {
774
+ "fill": "rgb(179, 96, 150)"
775
+ },
776
+ "invoice": {
777
+ "fill": "rgb(136, 112, 196)"
778
+ },
779
+ "invoiceLater": {
780
+ "fill": "rgb(136, 112, 196)"
781
+ },
782
+ "sendInvoice": {
783
+ "fill": "rgb(136, 112, 196)"
784
+ },
785
+ "paidInvoice": {
786
+ "fill": "rgb(136, 112, 196)"
787
+ },
788
+ "badInvoice": {
789
+ "fill": "rgb(239, 87, 51)"
790
+ },
791
+ "payment": {
792
+ "fill": "rgb(243, 150, 36)"
793
+ },
794
+ "expense": {
795
+ "fill": "rgb(243, 150, 36)"
796
+ },
797
+ "edit": {
798
+ "fill": "rgb(130, 107, 70)"
799
+ },
800
+ "archive": {
801
+ "fill": "rgb(1, 41, 57)"
802
+ },
803
+ "excel": {
804
+ "fill": "rgb(31, 115, 71)"
805
+ },
806
+ "file": {
807
+ "fill": "rgba(101, 120, 132, 1)"
808
+ },
809
+ "pdf": {
810
+ "fill": "rgb(195, 27, 0)"
811
+ },
812
+ "word": {
813
+ "fill": "rgb(41, 86, 154)"
814
+ },
815
+ "video": {
816
+ "fill": "rgb(60, 162, 224)"
817
+ },
818
+ "small": {
819
+ "width": 16,
820
+ "height": 16
821
+ },
822
+ "base": {
823
+ "width": 24,
824
+ "height": 24
825
+ },
826
+ "large": {
827
+ "width": 32,
828
+ "height": 32
829
+ },
830
+ "white": {
831
+ "fill": "rgba(255, 255, 255, 1)"
832
+ },
833
+ "grey": {
834
+ "fill": "rgb(181, 181, 181)"
835
+ },
836
+ "greyBlue": {
837
+ "fill": "rgba(101, 120, 132, 1)"
838
+ },
839
+ "greyBlueDark": {
840
+ "fill": "rgb(66, 78, 86)"
841
+ },
842
+ "blue": {
843
+ "fill": "rgb(1, 41, 57)"
844
+ },
845
+ "lightBlue": {
846
+ "fill": "rgb(60, 162, 224)"
847
+ },
848
+ "green": {
849
+ "fill": "rgb(125, 176, 14)"
850
+ },
851
+ "yellow": {
852
+ "fill": "rgb(221, 195, 15)"
853
+ },
854
+ "red": {
855
+ "fill": "rgb(239, 87, 51)"
856
+ },
857
+ "navy": {
858
+ "fill": "rgb(75, 106, 150)"
859
+ },
860
+ "orange": {
861
+ "fill": "rgb(243, 150, 36)"
862
+ },
863
+ "interactive": {
864
+ "fill": "rgb(125, 176, 14)"
865
+ },
866
+ "interactiveHover": {
867
+ "fill": "rgb(81, 114, 9)"
868
+ },
869
+ "destructive": {
870
+ "fill": "rgb(239, 87, 51)"
871
+ },
872
+ "destructiveHover": {
873
+ "fill": "rgb(155, 57, 33)"
874
+ },
875
+ "interactiveSubtle": {
876
+ "fill": "rgba(101, 120, 132, 1)"
877
+ },
878
+ "interactiveSubtleHover": {
879
+ "fill": "rgb(66, 78, 86)"
880
+ },
881
+ "disabled": {
882
+ "fill": "rgb(181, 181, 181)"
883
+ },
884
+ "disabledSecondary": {
885
+ "fill": "rgb(225, 225, 225)"
886
+ },
887
+ "focus": {
888
+ "fill": "rgb(231, 213, 87)"
889
+ },
890
+ "critical": {
891
+ "fill": "rgb(239, 87, 51)"
892
+ },
893
+ "criticalSurface": {
894
+ "fill": "rgb(253, 230, 224)"
895
+ },
896
+ "criticalOnSurface": {
897
+ "fill": "rgb(155, 57, 33)"
898
+ },
899
+ "warning": {
900
+ "fill": "rgb(221, 195, 15)"
901
+ },
902
+ "warningSurface": {
903
+ "fill": "rgb(250, 246, 219)"
904
+ },
905
+ "warningOnSurface": {
906
+ "fill": "rgb(144, 127, 10)"
907
+ },
908
+ "success": {
909
+ "fill": "rgb(125, 176, 14)"
910
+ },
911
+ "successSurface": {
912
+ "fill": "rgb(236, 243, 219)"
913
+ },
914
+ "successOnSurface": {
915
+ "fill": "rgb(81, 114, 9)"
916
+ },
917
+ "informative": {
918
+ "fill": "rgb(60, 162, 224)"
919
+ },
920
+ "informativeSurface": {
921
+ "fill": "rgb(226, 241, 250)"
922
+ },
923
+ "informativeOnSurface": {
924
+ "fill": "rgb(39, 105, 146)"
925
+ },
926
+ "inactive": {
927
+ "fill": "rgb(77, 105, 116)"
928
+ },
929
+ "inactiveSurface": {
930
+ "fill": "rgb(217, 223, 225)"
931
+ },
932
+ "inactiveOnSurface": {
933
+ "fill": "rgb(1, 27, 37)"
934
+ },
935
+ "heading": {
936
+ "fill": "rgb(1, 41, 57)"
937
+ },
938
+ "text": {
939
+ "fill": "rgb(66, 78, 86)"
940
+ },
941
+ "textSecondary": {
942
+ "fill": "rgba(101, 120, 132, 1)"
943
+ },
944
+ "textReverse": {
945
+ "fill": "rgba(255, 255, 255, 1)"
946
+ },
947
+ "textReverseSecondary": {
948
+ "fill": "rgb(193, 201, 206)"
949
+ },
950
+ "surface": {
951
+ "fill": "rgba(255, 255, 255, 1)"
952
+ },
953
+ "surfaceHover": {
954
+ "fill": "rgb(250, 246, 219)"
955
+ },
956
+ "surfaceActive": {
957
+ "fill": "rgb(236, 243, 219)"
958
+ },
959
+ "surfaceBackground": {
960
+ "fill": "rgb(244, 244, 244)"
961
+ },
962
+ "surfaceReverse": {
963
+ "fill": "rgb(1, 41, 57)"
964
+ },
965
+ "brand": {
966
+ "fill": "rgb(125, 176, 14)"
967
+ },
968
+ "brandHighlight": {
969
+ "fill": "rgb(160, 215, 42)"
970
+ }
971
+ };
972
+
700
973
  exports.colorsClassMap = colorsClassMap;
701
974
  exports.getIcon = getIcon;
702
975
  exports.iconClassMap = iconClassMap;
976
+ exports.iconStyles = iconStyles;
703
977
  exports.sizesClassMap = sizesClassMap;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jobber/design",
3
- "version": "0.21.1-pre.43+cbcc700",
3
+ "version": "0.22.0",
4
4
  "description": "Design foundation for the Jobber Atlantis Design System",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
@@ -24,9 +24,9 @@
24
24
  "build:addTypeLinterExceptions": "(printf '/* tslint:disable */\n/* eslint-disable */\n/* This file is automatically generated and should not be edited. */\n'; cat foundation.d.ts) > foundation.d.ts.temp",
25
25
  "build:addFoundationLinterExceptions": "(printf '/* tslint:disable */\n/* eslint-disable */\n/* This file is automatically generated and should not be edited. */\n'; cat foundation.js) > foundation.js.temp",
26
26
  "build:removeTempFiles": "rm -f src/foundation.js && mv foundation.d.ts.temp foundation.d.ts && mv foundation.js.temp foundation.js",
27
- "build:iconCssStyle": "node buildIconStyle.js && npm run build:iconCssStyleTypes",
28
- "build:iconCssStyleTypes": "tsc --declaration --emitDeclarationOnly --allowJs iconStyle.js --outDir .",
29
- "clean": "rm -rf dist/* icons/* colors.js foundation.css iconStyle.js tsconfig.tsbuildinfo",
27
+ "build:iconCssStyle": "node buildIconStyles.js && npm run build:iconCssStyleTypes",
28
+ "build:iconCssStyleTypes": "tsc --declaration --emitDeclarationOnly --allowJs src/icons/iconStyles.ts --outDir ./src/icons",
29
+ "clean": "rm -rf dist/* icons/* colors.js foundation.css iconStyles.* tsconfig.tsbuildinfo",
30
30
  "prepare": "npm run clean; npm run build"
31
31
  },
32
32
  "dependencies": {
@@ -52,5 +52,5 @@
52
52
  "typed-css-modules": "^0.7.0",
53
53
  "typescript": "^3.8.3"
54
54
  },
55
- "gitHead": "cbcc700f3e2896b0f7ff93ca699acc68d6ca167f"
55
+ "gitHead": "1146169ab41ee01106d292f8722ef498f581d629"
56
56
  }
File without changes