@occmundial/occ-atomic 2.0.0-beta.6 → 2.0.0-beta.7
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +20 -0
- package/build/Button/Button.js +14 -5
- package/build/Button/Button.test.js +8 -8
- package/build/Button/Loading.js +2 -2
- package/build/Button/__snapshots__/Button.test.js.snap +17 -27
- package/build/Button/styles.js +20 -29
- package/build/Icon/Icon.js +77 -46
- package/build/Icon/Icon.test.js +12 -10
- package/build/Icon/__snapshots__/Icon.test.js.snap +6 -0
- package/build/Icon/styles.js +14 -4
- package/build/Modal/Modal.test.js +5 -2
- package/build/NavAside/NavAside.js +2 -1
- package/build/NavAside/NavAside.test.js +3 -1
- package/build/NavIcon/NavIcon.js +13 -4
- package/build/NavIcon/styles.js +6 -16
- package/build/NavTab/NavTab.js +2 -0
- package/build/Provider/Provider.js +89 -0
- package/build/Provider/index.js +13 -0
- package/build/Provider/useAtomic.js +17 -0
- package/build/Provider/usePrevious.js +19 -0
- package/build/SlideDown/SlideDown.js +4 -1
- package/build/SlideDown/SlideDown.test.js +13 -7
- package/build/Tip/Tip.test.js +3 -3
- package/build/index.js +4 -1
- package/build/subatomic/icons/occDart.js +5 -3
- package/build/subatomic/icons/occHorizontal.js +5 -3
- package/build/subatomic/icons/occLogo.js +5 -3
- package/build/subatomic/icons/occVertical.js +5 -3
- package/build/subatomic/mappedIcons.js +171 -0
- package/package.json +1 -1
@@ -7,6 +7,8 @@ exports.occVerticalBlue = exports.occVerticalWhite = exports.occVerticalGrey = e
|
|
7
7
|
|
8
8
|
var _colors = _interopRequireDefault(require("../colors"));
|
9
9
|
|
10
|
+
var _tokens = require("../../tokens");
|
11
|
+
|
10
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
11
13
|
|
12
14
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
@@ -15,10 +17,10 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
15
17
|
|
16
18
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
17
19
|
|
20
|
+
var brand = _tokens.colors.icon.brand;
|
18
21
|
var ink = _colors["default"].ink,
|
19
22
|
inkLight = _colors["default"].inkLight,
|
20
|
-
white = _colors["default"].white
|
21
|
-
brand = _colors["default"].brand;
|
23
|
+
white = _colors["default"].white;
|
22
24
|
|
23
25
|
var _icon = function icon(color) {
|
24
26
|
return "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t\t viewBox=\"0 0 180 100\" style=\"enable-background:new 0 0 180 100;\" xml:space=\"preserve\">\n\t<path fill=\"".concat(color, "\" d=\"M18.6,91c0,4.9-3.3,8.8-8.8,8.8S1,95.8,1,91s3.4-8.8,8.7-8.8C15.1,82.2,18.6,86.2,18.6,91z M5.2,91\n\t\tc0,2.6,1.5,5,4.6,5s4.6-2.4,4.6-5c0-2.5-1.8-5-4.6-5C6.8,86,5.2,88.5,5.2,91z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M29.4,100c-4.9,0-9-3-9-9s4.1-9,9-9c2.4,0,4.2,0.7,6.1,2.5l-2.6,2.8c-1-0.9-2.2-1.3-3.4-1.3\n\t\tc-2.8,0-4.9,2.1-4.9,5c0,3.2,2.2,5,4.8,5c1.3,0,2.7-0.4,3.7-1.4l2.8,2.8C34,99.2,31.9,100,29.4,100z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M45.8,100c-4.9,0-9-3-9-9s4.1-9,9-9c2.4,0,4.2,0.7,6.1,2.5l-2.6,2.8c-1-0.9-2.2-1.3-3.4-1.3\n\t\tC43,86,41,88.1,41,91c0,3.2,2.2,5,4.8,5c1.3,0,2.7-0.4,3.7-1.4l2.8,2.8C50.3,99.2,48.3,100,45.8,100z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M65.4,90.4c0-2.2-1.2-4.3-3.5-4.3c-2.3,0-3.6,2-3.6,4.3v9.1h-4.2v-17H58l0.3,2.1c0.9-1.7,2.8-2.3,4.5-2.3\n\t\tc2,0,4,0.8,5,3.2c1.5-2.4,3.5-3.1,5.7-3.1c4.8,0,7.2,3,7.2,8v9.1h-4.2v-9.1c0-2.2-0.9-4.1-3.2-4.1c-2.3,0-3.7,2-3.7,4.2v9.1h-4.2\n\t\tC65.4,99.6,65.4,90.4,65.4,90.4z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M88.4,91.4c0,2.6,1.4,4.5,4.1,4.5c2.6,0,4.3-2.2,4.3-4.7v-8.7h4.1v17h-3.7l-0.3-2.3c-1.7,1.7-3.4,2.5-5.7,2.5\n\t\tc-4,0-7-3.1-7-8.3v-8.9h4.2V91.4z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M117,90.6c0-2.6-1.4-4.5-4.1-4.5c-2.6,0-4.3,2.2-4.3,4.7v8.7h-4.1v-17h3.7l0.3,2.3c1.7-1.7,3.4-2.5,5.5-2.5\n\t\tc4,0,7.2,3,7.2,8.3v8.9H117V90.6z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M142.4,99.5h-3.9l-0.3-2.3c-1.3,2-3.4,2.7-5.4,2.7c-5,0-8.7-3.3-8.7-8.9c0-5.8,3.7-8.9,8.6-8.9\n\t\tc1.8,0,4.6,1,5.5,2.7v-9.4h4.2L142.4,99.5L142.4,99.5z M128.2,91c0,3,2.1,5,4.8,5c2.6,0,4.9-1.9,4.9-5c0-3-2.3-5-4.9-5\n\t\tC130.3,86,128.2,87.9,128.2,91z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M148.1,75.3c1.2,0,2.5,0.8,2.5,2.4s-1.2,2.4-2.5,2.4s-2.5-0.8-2.5-2.4C145.6,76.1,146.8,75.3,148.1,75.3z\n\t\t M146,99.5h4.2v-17H146V99.5z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M171.3,82.5v17h-3.9l-0.2-2.5c-1,2-3.7,3-5.5,3c-5,0-8.6-3.1-8.6-9c0-5.8,3.8-8.9,8.7-8.9c2.3,0,4.5,1,5.4,2.8\n\t\tl0.1-2.3L171.3,82.5L171.3,82.5z M157.2,91c0,3.2,2.2,5.2,5,5.2c3.3,0,4.9-2.6,4.9-5.2c0-2.5-1.6-5.1-4.9-5.1\n\t\tC159.4,85.9,157.2,87.8,157.2,91z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M179,99.5h-4.1v-24h4.1V99.5z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M108.2,23.6l8.2-1.5c0,0,1.6-0.2,3.5-1.5l6.4-4.9c0,0,1-1-1.2-1.2l-9.6-0.6c0,0-0.7,0-0.8,0.7\n\t\tc0,0,0.2,1.2-1.1,2.4l-6.4,6.4C107.3,23.4,107.2,23.7,108.2,23.6z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M103.1,18.4l1.5-8.2c0,0,0.2-1.6,1.5-3.5l4.9-6.4c0,0,1-1,1.2,1.2l0.6,9.6c0,0,0,0.6-0.7,0.8\n\t\tc0,0-1.2-0.2-2.4,1.1l-6.4,6.4C103.3,19.3,103,19.4,103.1,18.4z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M108.6,22.8c-0.1-0.1-0.2-0.2-0.3-0.4l-0.7,0.7l0,0l-2.5,2.5c-0.4,0.4-0.4,0.9-0.1,1.3\n\t\tc3.8,5.1,5.6,11.7,4.3,18.7C107.5,56,99.1,64,88.6,65.4c-15.8,2.1-29.2-11-27.5-26.7c1.1-10.2,10.4-19.9,20.5-21.4\n\t\tc6.8-1,13.1,0.8,18.1,4.4c0.4,0.3,1,0.3,1.3-0.1l3.2-3.2l0,0c-0.1-0.1-0.3-0.2-0.4-0.3c-6.3-5-14.8-7.5-23.8-6\n\t\tc-12.2,2.1-21.8,11.7-24,23.8c-3.6,20.5,14,38.2,34.6,34.6c12.2-2.1,21.8-11.8,24-23.9C116.2,37.6,113.6,29.1,108.6,22.8z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M99.8,30.9l-2.4,2.4c-0.3,0.3-0.4,0.8-0.2,1.2c1.3,2.2,1.9,4.8,1.8,7.5c-0.3,6.8-5.7,12.3-12.4,12.9\n\t\tc-8.5,0.8-15.7-6.3-14.9-14.9c0.6-6.7,6.2-12.1,12.9-12.4c2.7-0.1,5.3,0.5,7.5,1.8c0.4,0.2,0.9,0.2,1.2-0.2l2.4-2.4\n\t\tc0.5-0.5,0.4-1.2-0.2-1.6c-3.2-2-7-3.1-11.1-3C74.3,22.7,66.3,31,66.2,41.1c-0.1,10.6,8.6,19.2,19.2,19.1c10.1,0,18.5-8.1,19-18.2\n\t\tc0.2-4.1-0.9-7.9-3-11.1C101,30.5,100.3,30.4,99.8,30.9z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M92.1,38.2L89,39.6c-0.4,0.2-0.7,0.7-0.6,1.2c0.1,0.4,0.1,0.8,0,1.2c-0.3,1.2-1.3,2.2-2.6,2.4\n\t\tc-2.2,0.4-4.1-1.5-3.7-3.7c0.2-1.3,1.2-2.3,2.4-2.5c0.4-0.1,0.9-0.1,1.3,0c0.5,0.1,0.9-0.1,1.1-0.6l1.4-3.1c0.3-0.6,0-1.2-0.6-1.4\n\t\tc-1.2-0.4-2.6-0.5-4-0.3c-3.7,0.6-6.6,3.7-7,7.4c-0.6,5.2,3.6,9.7,8.7,9.6c4.3-0.1,7.9-3.5,8.3-7.8c0.1-1.1,0-2.2-0.3-3.2\n\t\tC93.3,38.2,92.7,38,92.1,38.2z\"/>\n\t</svg>");
|
@@ -56,7 +58,7 @@ exports.occVerticalWhite = occVerticalWhite;
|
|
56
58
|
|
57
59
|
var occVerticalBlue = _objectSpread(_objectSpread({}, sharedProperties), {}, {
|
58
60
|
icon: function icon() {
|
59
|
-
return _icon(brand);
|
61
|
+
return _icon(brand["default"]);
|
60
62
|
}
|
61
63
|
});
|
62
64
|
|
@@ -0,0 +1,171 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.legacyIcons = exports.oldToNewIcon = void 0;
|
7
|
+
var oldToNewIcon = {
|
8
|
+
attachment: 'paper-clip',
|
9
|
+
attachmentSolid: 'paper-clip',
|
10
|
+
avatarSmile: 'emoji-smile',
|
11
|
+
back: 'chevron-left',
|
12
|
+
bars: 'menu',
|
13
|
+
bell: 'bell',
|
14
|
+
bellSolid: 'bell',
|
15
|
+
block: 'slash-circle',
|
16
|
+
book: 'book',
|
17
|
+
bulb: 'light-bulb',
|
18
|
+
bulbSolid: 'light-bulb',
|
19
|
+
bullet: 'dot',
|
20
|
+
camera: 'camera',
|
21
|
+
cameraSolid: 'camera',
|
22
|
+
cart: 'cart',
|
23
|
+
cartSolid: 'cart',
|
24
|
+
cash: 'cash-coin',
|
25
|
+
check: 'check-circle',
|
26
|
+
checkSolid: 'check-circle',
|
27
|
+
company: 'building',
|
28
|
+
companySolid: 'building',
|
29
|
+
copy: 'copy',
|
30
|
+
copySolid: 'copy',
|
31
|
+
cross: 'x',
|
32
|
+
crossSolid: 'x',
|
33
|
+
discard: 'person-x',
|
34
|
+
dislike: 'hand-thumbs-down',
|
35
|
+
dislikeSolid: 'hand-thumbs-down',
|
36
|
+
download: 'download',
|
37
|
+
edit: 'pencil',
|
38
|
+
editSolid: 'pencil',
|
39
|
+
energy: 'lightning',
|
40
|
+
energySolid: 'lightning',
|
41
|
+
external: 'box-arrow-up-right',
|
42
|
+
externalSolid: 'box-arrow-up-right',
|
43
|
+
eye: 'eye',
|
44
|
+
eyeSolid: 'eye',
|
45
|
+
eyeClosed: 'eye-slash',
|
46
|
+
eyeClosedSolid: 'eye-slash',
|
47
|
+
facebook: 'facebook',
|
48
|
+
facebookSolid: 'facebook',
|
49
|
+
filter: 'filter',
|
50
|
+
filterSolid: 'filter',
|
51
|
+
forward: 'chevron-right',
|
52
|
+
heart: 'heart',
|
53
|
+
heartSolid: 'heart',
|
54
|
+
hire: 'person-add',
|
55
|
+
home: 'house',
|
56
|
+
homeSolid: 'house',
|
57
|
+
hourGlass: 'hourglass-bottom',
|
58
|
+
info: 'info',
|
59
|
+
infoSolid: 'info',
|
60
|
+
like: 'hand-thumbs-up',
|
61
|
+
likeSolid: 'hand-thumbs-up',
|
62
|
+
location: 'location',
|
63
|
+
locationSolid: 'location',
|
64
|
+
lock: 'lock',
|
65
|
+
lockSolid: 'lock',
|
66
|
+
mail: 'envelope',
|
67
|
+
mailSolid: 'envelope',
|
68
|
+
map: 'location',
|
69
|
+
mapSolid: 'location',
|
70
|
+
messages: 'chat',
|
71
|
+
messagesSolid: 'chat',
|
72
|
+
minus: 'dash',
|
73
|
+
minusCircle: 'dash-circle',
|
74
|
+
minusCircleSolid: 'dash-circle',
|
75
|
+
moreOptionsHorizontal: 'three-dots',
|
76
|
+
order: 'arrow-down-up',
|
77
|
+
panel: 'columns-gap',
|
78
|
+
panelSolid: 'columns-gap',
|
79
|
+
paperClip: 'paper-clip',
|
80
|
+
phone: 'phone',
|
81
|
+
phoneSolid: 'phone',
|
82
|
+
plusCircle: 'plus-circle',
|
83
|
+
plusCircleSolid: 'plus-circle',
|
84
|
+
postulate: 'people',
|
85
|
+
profile: 'person-v-card',
|
86
|
+
profileSolid: 'person-v-card',
|
87
|
+
profileView: 'person-v-card',
|
88
|
+
publications: 'cards',
|
89
|
+
publicationsSolid: 'cards',
|
90
|
+
search: 'search',
|
91
|
+
searchSolid: 'search',
|
92
|
+
sendMessage: 'send',
|
93
|
+
sendMessageSolid: 'send',
|
94
|
+
share: 'share',
|
95
|
+
shareSolid: 'share',
|
96
|
+
star: 'star',
|
97
|
+
starSolid: 'star',
|
98
|
+
starsSolid: 'stars',
|
99
|
+
suitcase: 'briefcase',
|
100
|
+
suitcaseSolid: 'briefcase',
|
101
|
+
tag: 'tag',
|
102
|
+
tagSolid: 'tag',
|
103
|
+
trash: 'trash',
|
104
|
+
trashSolid: 'trash',
|
105
|
+
upload: 'upload',
|
106
|
+
user: 'person',
|
107
|
+
userSolid: 'person',
|
108
|
+
warning: 'alert',
|
109
|
+
warningSolid: 'alert',
|
110
|
+
webSite: 'globe',
|
111
|
+
webSiteSolid: 'globe',
|
112
|
+
youtubeSolid: 'youtube',
|
113
|
+
plus: 'plus',
|
114
|
+
close: 'x',
|
115
|
+
moreOptions: 'three-dots-vertical',
|
116
|
+
money: 'coin',
|
117
|
+
go: 'arrow-right-circle',
|
118
|
+
arrowDown: 'arrow-down-o',
|
119
|
+
arrowDownFilled: 'arrow-down-o',
|
120
|
+
label: 'tag',
|
121
|
+
unlock: 'unlock',
|
122
|
+
bill: 'cash',
|
123
|
+
clock: 'clock',
|
124
|
+
studies: 'mortarboard',
|
125
|
+
viewed: 'double-check',
|
126
|
+
bubble: 'chat',
|
127
|
+
menu: 'three-dots-vertical',
|
128
|
+
dashboard: 'chart',
|
129
|
+
skype: 'skype',
|
130
|
+
skypeSolid: 'skype',
|
131
|
+
refresh: 'refresh',
|
132
|
+
refreshSolid: 'refresh',
|
133
|
+
noMessages: 'end-chat',
|
134
|
+
noMessagesSolid: 'end-chat',
|
135
|
+
matchJob: 'match-job',
|
136
|
+
twitter: 'twitter',
|
137
|
+
twitterSolid: 'twitter',
|
138
|
+
highlight: 'bookmark',
|
139
|
+
talent: 'person',
|
140
|
+
playstore: 'google-play',
|
141
|
+
android: 'android',
|
142
|
+
apple: 'apple',
|
143
|
+
appstore: 'apple'
|
144
|
+
};
|
145
|
+
exports.oldToNewIcon = oldToNewIcon;
|
146
|
+
var legacyIcons = {
|
147
|
+
occHorizontalBlack: 'occHorizontalBlack',
|
148
|
+
occHorizontalGrey: 'occHorizontalGrey',
|
149
|
+
occHorizontalWhite: 'occHorizontalWhite',
|
150
|
+
occHorizontalBlue: 'occHorizontalBlue',
|
151
|
+
occVerticalBlack: 'occVerticalBlack',
|
152
|
+
occVerticalGrey: 'occVerticalGrey',
|
153
|
+
occVerticalWhite: 'occVerticalWhite',
|
154
|
+
occVerticalBlue: 'occVerticalBlue',
|
155
|
+
occLogoBlack: 'occLogoBlack',
|
156
|
+
occLogoGrey: 'occLogoGrey',
|
157
|
+
occLogoWhite: 'occLogoWhite',
|
158
|
+
occLogoBlue: 'occLogoBlue',
|
159
|
+
occDartBlack: 'occDartBlack',
|
160
|
+
occDartGrey: 'occDartGrey',
|
161
|
+
occDartWhite: 'occDartWhite',
|
162
|
+
occDartBlue: 'occDartBlue',
|
163
|
+
loading: 'loading',
|
164
|
+
female: 'female',
|
165
|
+
male: 'male',
|
166
|
+
sight: 'sight',
|
167
|
+
testing: 'testing',
|
168
|
+
occatomic: 'occatomic',
|
169
|
+
postulated: 'postulated'
|
170
|
+
};
|
171
|
+
exports.legacyIcons = legacyIcons;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@occmundial/occ-atomic",
|
3
|
-
"version": "2.0.0-beta.
|
3
|
+
"version": "2.0.0-beta.7",
|
4
4
|
"description": "Collection of shareable styled React components for OCC applications.",
|
5
5
|
"homepage": "http://occmundial.github.io/occ-atomic",
|
6
6
|
"main": "build/index.js",
|