@rio-cloud/rio-uikit 0.16.2-beta.8 → 0.16.2

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 (270) hide show
  1. package/.DS_Store +0 -0
  2. package/AspectRatioPlaceholder.js +2 -0
  3. package/AspectRatioPlaceholder.ts +5 -0
  4. package/Map.d.ts +2 -1
  5. package/ResponsiveColumnStripe.d.ts +5 -0
  6. package/ResponsiveColumnStripe.js +2 -0
  7. package/RuleConnector.d.ts +2 -1
  8. package/RuleContainer.d.ts +3 -2
  9. package/RulesWrapper.d.ts +2 -1
  10. package/components/activity/Activity.js +6 -4
  11. package/components/animatedNumber/AnimatedNumber.js +6 -4
  12. package/components/applicationHeader/AppMenu.js +6 -3
  13. package/components/applicationHeader/AppMenuDropdown.js +6 -2
  14. package/components/applicationHeader/ApplicationHeader.js +16 -8
  15. package/components/applicationHeader/MobileAppMenu.js +8 -4
  16. package/components/applicationLayout/ApplicationLayout.js +8 -8
  17. package/components/applicationLayout/ApplicationLayoutBody.js +6 -3
  18. package/components/applicationLayout/ApplicationLayoutBodyBanner.js +4 -3
  19. package/components/applicationLayout/ApplicationLayoutBodyBottomBar.js +6 -4
  20. package/components/applicationLayout/ApplicationLayoutBodyNavigation.js +6 -4
  21. package/components/applicationLayout/ApplicationLayoutHeader.js +9 -7
  22. package/components/aspectRatioPlaceholder/AspectRatioPlaceholder.js +25 -0
  23. package/components/assetTree/AssetTree.js +6 -3
  24. package/components/assetTree/TypeCounter.js +6 -4
  25. package/components/clearableInput/ClearableInput.js +2 -1
  26. package/components/datepicker/DatePicker.js +8 -4
  27. package/components/dialog/MediaDialog.js +5 -1
  28. package/components/dialog/SaveDialog.js +5 -2
  29. package/components/fade/Fade.js +5 -0
  30. package/components/filepicker/FilePicker.js +1 -1
  31. package/components/map/assets/icon_map_settings_bounding_box_active.svg +1 -1
  32. package/components/map/assets/icon_map_settings_bounding_box_inactive.svg +1 -1
  33. package/components/map/assets/icon_map_settings_construction_active.svg +1 -1
  34. package/components/map/assets/icon_map_settings_construction_inactive.svg +1 -1
  35. package/components/map/assets/icon_map_settings_layer_active.svg +1 -1
  36. package/components/map/assets/icon_map_settings_layer_inactive.svg +1 -1
  37. package/components/map/assets/icon_map_settings_maptype_flat_active.svg +1 -1
  38. package/components/map/assets/icon_map_settings_maptype_flat_inactive.svg +1 -1
  39. package/components/map/assets/icon_map_settings_maptype_flat_truck_active.svg +1 -1
  40. package/components/map/assets/icon_map_settings_maptype_flat_truck_inactive.svg +1 -1
  41. package/components/map/assets/icon_map_settings_maptype_night_active.svg +1 -12
  42. package/components/map/assets/icon_map_settings_maptype_night_inactive.svg +1 -12
  43. package/components/map/assets/icon_map_settings_maptype_satelite_active.svg +1 -1
  44. package/components/map/assets/icon_map_settings_maptype_satelite_inactive.svg +1 -1
  45. package/components/map/assets/icon_map_settings_maptype_terrain_active.svg +1 -1
  46. package/components/map/assets/icon_map_settings_maptype_terrain_inactive.svg +1 -1
  47. package/components/map/assets/icon_map_settings_road_restrictions_active.svg +1 -1
  48. package/components/map/assets/icon_map_settings_road_restrictions_inactive.svg +1 -1
  49. package/components/map/assets/icon_map_settings_system_pois_active.svg +1 -1
  50. package/components/map/assets/icon_map_settings_system_pois_inactive.svg +1 -1
  51. package/components/map/assets/icon_map_settings_workshop_pois_active.svg +1 -1
  52. package/components/map/assets/icon_map_settings_workshop_pois_inactive.svg +1 -1
  53. package/components/map/components/Map.js +47 -36
  54. package/components/map/components/features/ContextMenu.js +1 -1
  55. package/components/map/components/features/Route.js +1 -10
  56. package/components/map/components/features/basics/Circle.js +11 -6
  57. package/components/map/components/features/basics/MapLayerGroup.js +8 -5
  58. package/components/map/components/features/basics/Polygon.js +6 -5
  59. package/components/map/components/features/basics/Polyline.js +42 -40
  60. package/components/map/components/features/basics/marker/DomMarker.js +9 -3
  61. package/components/map/components/features/basics/marker/Marker.js +101 -121
  62. package/components/map/components/features/basics/marker/TextMarker.js +15 -43
  63. package/components/map/components/features/layers/Layer.js +1 -1
  64. package/components/map/components/features/layers/MarkerLayer.js +7 -4
  65. package/components/map/components/features/layers/RoadRestrictionLayer.js +1 -2
  66. package/components/map/components/features/layers/TrafficLayer.js +2 -2
  67. package/components/map/components/features/layers/baselayers/DefaultRasterLayer.js +2 -1
  68. package/components/map/components/features/layers/baselayers/useBaseLayer.js +4 -1
  69. package/components/map/components/features/layers/clustering/ClusterLayer.js +25 -9
  70. package/components/map/components/features/settings/builtinSettings/MapTypeSettings.js +18 -3
  71. package/components/map/icons/MapIcon.js +46 -66
  72. package/components/map/utils/hooks.js +3 -3
  73. package/components/mapMarker/ClusterMapMarker.js +16 -20
  74. package/components/mapMarker/SingleMapMarker.js +16 -30
  75. package/components/numberControl/NumberControl.js +13 -7
  76. package/components/numberInput/NumberInput.js +30 -12
  77. package/components/responsiveColumnStripe/ResponsiveColumnStripe.js +255 -0
  78. package/components/rules/RuleContainer.js +4 -0
  79. package/components/rules/RulesWrapper.js +3 -3
  80. package/hooks/useDarkMode.js +3 -2
  81. package/hooks/useMutationObserver.js +13 -4
  82. package/hooks/useScrollPosition.js +6 -7
  83. package/index.d.ts +29 -29
  84. package/index.js +4 -0
  85. package/lib/es/AspectRatioPlaceholder.js +13 -0
  86. package/lib/es/AspectRatioPlaceholder.ts +5 -0
  87. package/lib/es/Map.d.ts +2 -1
  88. package/lib/es/ResponsiveColumnStripe.d.ts +5 -0
  89. package/lib/es/ResponsiveColumnStripe.js +13 -0
  90. package/lib/es/RuleConnector.d.ts +2 -1
  91. package/lib/es/RuleContainer.d.ts +3 -2
  92. package/lib/es/RulesWrapper.d.ts +2 -1
  93. package/lib/es/components/activity/Activity.js +9 -4
  94. package/lib/es/components/animatedNumber/AnimatedNumber.js +5 -3
  95. package/lib/es/components/applicationHeader/AppMenu.js +6 -3
  96. package/lib/es/components/applicationHeader/AppMenuDropdown.js +6 -2
  97. package/lib/es/components/applicationHeader/ApplicationHeader.js +15 -7
  98. package/lib/es/components/applicationHeader/MobileAppMenu.js +8 -4
  99. package/lib/es/components/applicationLayout/ApplicationLayout.js +11 -8
  100. package/lib/es/components/applicationLayout/ApplicationLayoutBody.js +5 -2
  101. package/lib/es/components/applicationLayout/ApplicationLayoutBodyBanner.js +7 -3
  102. package/lib/es/components/applicationLayout/ApplicationLayoutBodyBottomBar.js +9 -4
  103. package/lib/es/components/applicationLayout/ApplicationLayoutBodyNavigation.js +9 -4
  104. package/lib/es/components/applicationLayout/ApplicationLayoutHeader.js +12 -7
  105. package/lib/es/components/aspectRatioPlaceholder/AspectRatioPlaceholder.js +33 -0
  106. package/lib/es/components/assetTree/AssetTree.js +5 -2
  107. package/lib/es/components/assetTree/TypeCounter.js +9 -4
  108. package/lib/es/components/clearableInput/ClearableInput.js +2 -1
  109. package/lib/es/components/datepicker/DatePicker.js +7 -3
  110. package/lib/es/components/dialog/MediaDialog.js +5 -1
  111. package/lib/es/components/dialog/SaveDialog.js +5 -2
  112. package/lib/es/components/fade/Fade.js +5 -0
  113. package/lib/es/components/filepicker/FilePicker.js +1 -1
  114. package/lib/es/components/map/assets/icon_map_settings_bounding_box_active.svg +1 -1
  115. package/lib/es/components/map/assets/icon_map_settings_bounding_box_inactive.svg +1 -1
  116. package/lib/es/components/map/assets/icon_map_settings_construction_active.svg +1 -1
  117. package/lib/es/components/map/assets/icon_map_settings_construction_inactive.svg +1 -1
  118. package/lib/es/components/map/assets/icon_map_settings_layer_active.svg +1 -1
  119. package/lib/es/components/map/assets/icon_map_settings_layer_inactive.svg +1 -1
  120. package/lib/es/components/map/assets/icon_map_settings_maptype_flat_active.svg +1 -1
  121. package/lib/es/components/map/assets/icon_map_settings_maptype_flat_inactive.svg +1 -1
  122. package/lib/es/components/map/assets/icon_map_settings_maptype_flat_truck_active.svg +1 -1
  123. package/lib/es/components/map/assets/icon_map_settings_maptype_flat_truck_inactive.svg +1 -1
  124. package/lib/es/components/map/assets/icon_map_settings_maptype_night_active.svg +1 -12
  125. package/lib/es/components/map/assets/icon_map_settings_maptype_night_inactive.svg +1 -12
  126. package/lib/es/components/map/assets/icon_map_settings_maptype_satelite_active.svg +1 -1
  127. package/lib/es/components/map/assets/icon_map_settings_maptype_satelite_inactive.svg +1 -1
  128. package/lib/es/components/map/assets/icon_map_settings_maptype_terrain_active.svg +1 -1
  129. package/lib/es/components/map/assets/icon_map_settings_maptype_terrain_inactive.svg +1 -1
  130. package/lib/es/components/map/assets/icon_map_settings_road_restrictions_active.svg +1 -1
  131. package/lib/es/components/map/assets/icon_map_settings_road_restrictions_inactive.svg +1 -1
  132. package/lib/es/components/map/assets/icon_map_settings_system_pois_active.svg +1 -1
  133. package/lib/es/components/map/assets/icon_map_settings_system_pois_inactive.svg +1 -1
  134. package/lib/es/components/map/assets/icon_map_settings_workshop_pois_active.svg +1 -1
  135. package/lib/es/components/map/assets/icon_map_settings_workshop_pois_inactive.svg +1 -1
  136. package/lib/es/components/map/components/Map.js +47 -36
  137. package/lib/es/components/map/components/features/ContextMenu.js +1 -1
  138. package/lib/es/components/map/components/features/Route.js +1 -10
  139. package/lib/es/components/map/components/features/basics/Circle.js +10 -5
  140. package/lib/es/components/map/components/features/basics/MapLayerGroup.js +8 -5
  141. package/lib/es/components/map/components/features/basics/Polygon.js +6 -5
  142. package/lib/es/components/map/components/features/basics/Polyline.js +42 -42
  143. package/lib/es/components/map/components/features/basics/marker/DomMarker.js +8 -3
  144. package/lib/es/components/map/components/features/basics/marker/Marker.js +105 -120
  145. package/lib/es/components/map/components/features/basics/marker/TextMarker.js +15 -42
  146. package/lib/es/components/map/components/features/layers/Layer.js +1 -1
  147. package/lib/es/components/map/components/features/layers/MarkerLayer.js +7 -4
  148. package/lib/es/components/map/components/features/layers/RoadRestrictionLayer.js +1 -2
  149. package/lib/es/components/map/components/features/layers/TrafficLayer.js +2 -2
  150. package/lib/es/components/map/components/features/layers/baselayers/DefaultRasterLayer.js +2 -1
  151. package/lib/es/components/map/components/features/layers/baselayers/useBaseLayer.js +4 -1
  152. package/lib/es/components/map/components/features/layers/clustering/ClusterLayer.js +25 -9
  153. package/lib/es/components/map/components/features/settings/builtinSettings/MapTypeSettings.js +18 -3
  154. package/lib/es/components/map/icons/MapIcon.js +46 -66
  155. package/lib/es/components/map/utils/hooks.js +3 -3
  156. package/lib/es/components/mapMarker/ClusterMapMarker.js +16 -20
  157. package/lib/es/components/mapMarker/SingleMapMarker.js +16 -30
  158. package/lib/es/components/numberControl/NumberControl.js +13 -7
  159. package/lib/es/components/numberInput/NumberInput.js +31 -12
  160. package/lib/es/components/responsiveColumnStripe/ResponsiveColumnStripe.js +266 -0
  161. package/lib/es/components/rules/RuleContainer.js +4 -0
  162. package/lib/es/components/rules/RulesWrapper.js +3 -3
  163. package/lib/es/hooks/useDarkMode.js +4 -3
  164. package/lib/es/hooks/useMutationObserver.js +15 -4
  165. package/lib/es/hooks/useScrollPosition.js +6 -7
  166. package/lib/es/index.d.ts +29 -29
  167. package/lib/es/index.js +24 -0
  168. package/lib/es/styles/components/Dialog.less +13 -10
  169. package/lib/es/styles/components/MapMarker.less +224 -14
  170. package/lib/es/styles/components/MapSettings.less +45 -29
  171. package/lib/es/styles/components/Notification.less +1 -1
  172. package/lib/es/styles/design/alerts.less +7 -9
  173. package/lib/es/styles/design/aspect-ratio.less +1 -0
  174. package/lib/es/styles/design/blur.less +7 -0
  175. package/lib/es/styles/design/border.less +51 -14
  176. package/lib/es/styles/design/callouts.less +12 -11
  177. package/lib/es/styles/design/colors.less +15 -6
  178. package/lib/es/styles/design/cols.less +19 -18
  179. package/lib/es/styles/design/divide.less +165 -0
  180. package/lib/es/styles/design/divider.less +90 -0
  181. package/lib/es/styles/design/responsive/_imports.less +1 -0
  182. package/lib/es/styles/design/responsive/gap.less +0 -8
  183. package/lib/es/styles/design/responsive/spacing.less +25 -0
  184. package/lib/es/styles/design/text.less +16 -2
  185. package/lib/es/styles/mapping/color-map.less +10 -0
  186. package/lib/es/styles/mapping/spacings-map.less +5 -0
  187. package/lib/es/styles/rio-uikit-core.less +2 -0
  188. package/lib/es/styles/variables/colors.json +6 -0
  189. package/lib/es/styles/variables/concated_css_variables.less +6 -0
  190. package/lib/es/styles/variables/dark_colors.less +7 -0
  191. package/lib/es/styles/variables/dark_css_variables_map.less +7 -0
  192. package/lib/es/styles/variables/light_colors.less +7 -0
  193. package/lib/es/styles/variables/light_css_variables_map.less +7 -0
  194. package/lib/es/themes/Volkswagen/components/applicationHeader/VolkswagenApplicationHeader.js +14 -5
  195. package/lib/es/types.ts +69 -23
  196. package/lib/es/useDarkMode.d.ts +4 -0
  197. package/lib/es/useDarkMode.js +13 -0
  198. package/lib/es/useMutationObserver.d.ts +4 -0
  199. package/lib/es/useMutationObserver.js +13 -0
  200. package/lib/es/version.json +1 -1
  201. package/package.json +2 -2
  202. package/styles/components/Dialog.less +13 -10
  203. package/styles/components/MapMarker.less +224 -14
  204. package/styles/components/MapSettings.less +45 -29
  205. package/styles/components/Notification.less +1 -1
  206. package/styles/design/alerts.less +7 -9
  207. package/styles/design/aspect-ratio.less +1 -0
  208. package/styles/design/blur.less +7 -0
  209. package/styles/design/border.less +51 -14
  210. package/styles/design/callouts.less +12 -11
  211. package/styles/design/colors.less +15 -6
  212. package/styles/design/cols.less +19 -18
  213. package/styles/design/divide.less +165 -0
  214. package/styles/design/divider.less +90 -0
  215. package/styles/design/responsive/_imports.less +1 -0
  216. package/styles/design/responsive/gap.less +0 -8
  217. package/styles/design/responsive/spacing.less +25 -0
  218. package/styles/design/text.less +16 -2
  219. package/styles/mapping/color-map.less +10 -0
  220. package/styles/mapping/spacings-map.less +5 -0
  221. package/styles/rio-uikit-core.less +2 -0
  222. package/styles/variables/colors.json +6 -0
  223. package/styles/variables/concated_css_variables.less +6 -0
  224. package/styles/variables/dark_colors.less +7 -0
  225. package/styles/variables/dark_css_variables_map.less +7 -0
  226. package/styles/variables/light_colors.less +7 -0
  227. package/styles/variables/light_css_variables_map.less +7 -0
  228. package/themes/Volkswagen/components/applicationHeader/VolkswagenApplicationHeader.js +15 -6
  229. package/types.ts +69 -23
  230. package/useDarkMode.d.ts +4 -0
  231. package/useDarkMode.js +2 -0
  232. package/useMutationObserver.d.ts +4 -0
  233. package/useMutationObserver.js +2 -0
  234. package/version.json +1 -1
  235. package/components/.DS_Store +0 -0
  236. package/components/map/.DS_Store +0 -0
  237. package/components/map/components/.DS_Store +0 -0
  238. package/components/map/components/features/layers/TruckLayer.js +0 -20
  239. package/components/map/components/features/layers/baselayers/BaseLayer.js +0 -33
  240. package/components/map/components/features/layers/baselayers/DefaultLayer.js +0 -23
  241. package/hooks/useHereMap.ts +0 -23
  242. package/hooks/useScripts.ts +0 -52
  243. package/lib/.DS_Store +0 -0
  244. package/lib/es/.DS_Store +0 -0
  245. package/lib/es/components/.DS_Store +0 -0
  246. package/lib/es/components/map/components/features/layers/TruckLayer.js +0 -28
  247. package/lib/es/components/map/components/features/layers/baselayers/BaseLayer.js +0 -41
  248. package/lib/es/components/map/components/features/layers/baselayers/DefaultLayer.js +0 -30
  249. package/lib/es/hooks/useHereMap.ts +0 -23
  250. package/lib/es/hooks/useScripts.ts +0 -52
  251. package/lib/es/styles/.DS_Store +0 -0
  252. package/lib/es/styles/mixins/_mixins.less +0 -13
  253. package/lib/es/styles/mixins/alerts.less +0 -13
  254. package/lib/es/styles/shared/colors.json +0 -56
  255. package/lib/es/styles/shared/colors.less +0 -73
  256. package/lib/es/styles/shared/screens.less +0 -7
  257. package/lib/es/styles/shared/text.less +0 -23
  258. package/lib/es/styles/variables.less +0 -186
  259. package/lib/es/themes/.DS_Store +0 -0
  260. package/styles/.DS_Store +0 -0
  261. package/styles/mixins/_mixins.less +0 -13
  262. package/styles/mixins/alerts.less +0 -13
  263. package/styles/shared/colors.json +0 -56
  264. package/styles/shared/colors.less +0 -73
  265. package/styles/shared/screens.less +0 -7
  266. package/styles/shared/text.less +0 -23
  267. package/styles/variables.less +0 -186
  268. package/themes/.DS_Store +0 -0
  269. package/themes/Volkswagen/.DS_Store +0 -0
  270. package/themes/Website/.DS_Store +0 -0
@@ -1,30 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var _react = _interopRequireDefault(require("react"));
10
- var _constants = require("../../../constants");
11
- var _BaseLayer = _interopRequireDefault(require("./BaseLayer"));
12
- // old Fleetadmin map type = 'normal.day.grey'
13
-
14
- var createDefaultLayer = function createDefaultLayer(api, language, showTraffic) {
15
- var type = showTraffic ? 'traffic' : 'base';
16
- var tileType = showTraffic ? 'traffictile' : 'maptile';
17
- return api.platform.getMapTileService({
18
- type: type
19
- }).createTileLayer(tileType, 'normal.day', _constants.TILE_SIZE, _constants.FORMAT, {
20
- style: 'alps',
21
- lg: language
22
- });
23
- };
24
- var DefaultLayer = function DefaultLayer(props) {
25
- return /*#__PURE__*/_react["default"].createElement(_BaseLayer["default"], (0, _extends2["default"])({}, props, {
26
- createBaseLayer: createDefaultLayer
27
- }));
28
- };
29
- var _default = DefaultLayer;
30
- exports["default"] = _default;
@@ -1,23 +0,0 @@
1
- import { useScripts } from './useScripts';
2
-
3
- const DEFAULT_BASE_URL = 'https://js.api.here.com/v3/3.1.20.0/';
4
-
5
- const HERE_EXTERNALS = [
6
- 'mapsjs-core.js',
7
- 'mapsjs-core-legacy.js',
8
- 'mapsjs-service.js',
9
- 'mapsjs-service-legacy.js',
10
- 'mapsjs-mapevents.js',
11
- 'mapsjs-ui.js',
12
- 'mapsjs-clustering.js',
13
- ];
14
-
15
- const getExternals = (scriptList: string[], baseUrl: string): string[] =>
16
- scriptList.map((script) => `${baseUrl}${script}`);
17
-
18
- const sanitizeBaseUrl = (url: string) => (url.endsWith('/') ? url : `${url}/`);
19
-
20
- export const useHereMap = (baseUrl?: string) => {
21
- const hereScripts = getExternals(HERE_EXTERNALS, sanitizeBaseUrl(baseUrl || DEFAULT_BASE_URL));
22
- return useScripts(hereScripts, false);
23
- };
@@ -1,52 +0,0 @@
1
- import { useEffect, useState } from 'react';
2
-
3
- const hasScriptsInHead = (src: string) => document.head.querySelectorAll(`script[src*="${src}"]`).length > 0;
4
-
5
- export const useScripts = (scripts: string[], loadAsync: boolean = false) => {
6
- const [isLoading, setIsLoading] = useState<boolean>(false);
7
- const [hasLoaded, setHasLoaded] = useState<boolean>(false);
8
- const [error, setError] = useState<Error | undefined>();
9
-
10
- const promises = new Set();
11
-
12
- useEffect(() => {
13
- const [firstScript] = scripts;
14
-
15
- if (hasScriptsInHead(firstScript)) {
16
- setHasLoaded(true);
17
- return;
18
- }
19
-
20
- setIsLoading(true);
21
-
22
- scripts.map((external) => {
23
- promises.add(
24
- new Promise<void>((resolve, reject) => {
25
- const script = document.createElement('script');
26
- script.async = loadAsync;
27
- script.src = external;
28
-
29
- script.onload = () => {
30
- console.debug(`loaded ${external}`);
31
- resolve();
32
- };
33
-
34
- script.onerror = () => {
35
- console.debug(`failed to load ${external}`);
36
- setError(new Error(`failed to load ${external}`));
37
- reject();
38
- };
39
-
40
- document.head.appendChild(script);
41
- })
42
- );
43
- });
44
-
45
- Promise.all([...promises]).then(() => {
46
- setIsLoading(false);
47
- setHasLoaded(true);
48
- });
49
- }, []);
50
-
51
- return { isLoading, error, hasLoaded };
52
- };
Binary file
@@ -1,13 +0,0 @@
1
- @import (less) 'border-radius.less';
2
- @import (less) 'buttons.less';
3
- @import (less) 'clearfix.less';
4
- @import (less) 'cols.less';
5
- @import (less) 'forms.less';
6
- @import (less) 'panels.less';
7
- @import (less) 'placeholder.less';
8
- @import (less) 'reset.less';
9
- @import (less) 'sizings.less';
10
- @import (less) 'spinner.less';
11
- @import (less) 'tabs.less';
12
- @import (less) 'table.less';
13
- @import (less) 'text.less';
@@ -1,13 +0,0 @@
1
- .alert-variant(@color; @background-opacity) {
2
- background-color: lighten(@color, @background-opacity);
3
- border-color: @color;
4
- color: @color;
5
-
6
- .alert-link {
7
- color: @color;
8
- }
9
-
10
- > .close .rioglyph {
11
- color: @color;
12
- }
13
- }
@@ -1,56 +0,0 @@
1
- {
2
- "color-white": "#ffffff",
3
- "color-black": "#000000",
4
- "gray-darkest": "#2a3740",
5
- "gray-darker": "#4C5667",
6
- "gray-dark": "#697A8B",
7
- "gray": "#A7AFBB",
8
- "gray-light": "#D0D8DE",
9
- "gray-lighter": "#E5EBF0",
10
- "gray-lightest": "#f6f8f9",
11
- "brand-primary": "#30b4c0",
12
- "brand-secondary": "#b23672",
13
- "brand-info": "#4B80A6",
14
- "brand-success": "#5cb85c",
15
- "brand-warning": "#ff8e3c",
16
- "brand-danger": "#d90000",
17
- "color-status-available": "#239b7d",
18
- "color-status-driving": "#3690ae",
19
- "color-status-resting": "#626b72",
20
- "color-status-working": "#94488b",
21
- "color-map-marker-asset": "#2a3740",
22
- "color-map-marker-poi": "#b23672",
23
- "color-map-marker-geofence": "#5a4876",
24
- "color-map-marker-route": "#3690ae",
25
- "color-rating-1": "#d90000",
26
- "color-rating-2": "#ff8e3c",
27
- "color-rating-3": "#f8c575",
28
- "color-rating-4": "#5cb85c",
29
- "color-rating-5": "#4b924c",
30
- "color-highlight-darkest": "#114146",
31
- "color-highlight-darker": "#1c686e",
32
- "color-highlight-dark": "#268e97",
33
- "color-highlight": "#30b4c0",
34
- "color-highlight-light": "#8ddbe3",
35
- "color-highlight-lighter": "#cef0f3",
36
- "color-highlight-lightest": "#ebf9fa",
37
- "color-highlight-decent": "#f3fbfc",
38
- "color-coldplay-wine": "#520D4E",
39
- "color-coldplay-aubergine": "#5a4876",
40
- "color-coldplay-kashmir": "#536E8B",
41
- "color-coldplay-fountain": "#67abc5",
42
- "color-coldplay-turquoise": "#4ECCC1",
43
- "color-coldplay-bermuda": "#79D4B3",
44
- "color-coldplay-moos": "#A1DAA3",
45
- "color-coldplay-primrose": "#C7E291",
46
- "color-coldplay-khaki": "#F0EB83",
47
- "color-warmup-crimson": "#31144F",
48
- "color-warmup-victoria": "#493D6D",
49
- "color-warmup-cadillac": "#7E3E72",
50
- "color-warmup-raspberry": "#B23672",
51
- "color-warmup-cerise": "#E72472",
52
- "color-warmup-charm": "#C9778D",
53
- "color-warmup-salmon": "#F19588",
54
- "color-warmup-cherokee": "#F5BB89",
55
- "color-warmup-corn": "#FDE082"
56
- }
@@ -1,73 +0,0 @@
1
- // Color - Text
2
- @color-white: #ffffff;
3
- @color-black: #000000;
4
-
5
- // Color - Grays
6
- @gray-darkest: #2a3740;
7
- @gray-darker: #4C5667;
8
- @gray-dark: #697A8B;
9
- @gray: #A7AFBB;
10
- @gray-light: #D0D8DE;
11
- @gray-lighter: #E5EBF0;
12
- @gray-lightest: #f6f8f9;
13
-
14
- // Color - Brand
15
- @brand-primary: #30b4c0;
16
- @brand-secondary: #b23672;
17
-
18
- // Color - Status
19
- @brand-info: #4B80A6;
20
- @brand-success: #5cb85c;
21
- @brand-warning: #ff8e3c;
22
- @brand-danger: #d90000;
23
-
24
- // Color - Driving Status
25
- @color-status-available: #239b7d;
26
- @color-status-driving: #3690ae;
27
- @color-status-resting: #626b72;
28
- @color-status-working: #94488b;
29
-
30
- // Color - Map Marker
31
- @color-map-marker-asset: #2a3740;
32
- @color-map-marker-poi: #b23672;
33
- @color-map-marker-geofence: #5a4876;
34
- @color-map-marker-route: #3690ae;
35
-
36
- // Color - Rating
37
- @color-rating-1: #d90000;
38
- @color-rating-2: #ff8e3c;
39
- @color-rating-3: #f8c575;
40
- @color-rating-4: #5cb85c;
41
- @color-rating-5: #4b924c;
42
-
43
- // Color - Highlight
44
- @color-highlight-darkest: #114146; //darken(@brand-primary, 30%);
45
- @color-highlight-darker: #1c686e; //darken(@brand-primary, 20%);
46
- @color-highlight-dark: #268e97; //darken(@brand-primary, 10%);
47
- @color-highlight: #30b4c0; //@brand-primary;
48
- @color-highlight-light: #8ddbe3; //lighten(@brand-primary, 25%);
49
- @color-highlight-lighter: #cef0f3; //lighten(@brand-primary, 41%);
50
- @color-highlight-lightest: #ebf9fa; //lighten(@brand-primary, 48%);
51
- @color-highlight-decent: #f3fbfc; //lighten(@brand-primary, 50%);
52
-
53
- // Color - RIO Coldplay
54
- @color-coldplay-wine:#520D4E;
55
- @color-coldplay-aubergine: #5a4876;
56
- @color-coldplay-kashmir:#536E8B;
57
- @color-coldplay-fountain: #67abc5;
58
- @color-coldplay-turquoise: #4ECCC1;
59
- @color-coldplay-bermuda: #79D4B3;
60
- @color-coldplay-moos: #A1DAA3;
61
- @color-coldplay-primrose: #C7E291;
62
- @color-coldplay-khaki: #F0EB83;
63
-
64
- // Color - RIO Warmup
65
- @color-warmup-crimson: #31144F;
66
- @color-warmup-victoria: #493D6D;
67
- @color-warmup-cadillac: #7E3E72;
68
- @color-warmup-raspberry: #B23672;
69
- @color-warmup-cerise: #E72472;
70
- @color-warmup-charm: #C9778D;
71
- @color-warmup-salmon: #F19588;
72
- @color-warmup-cherokee: #F5BB89;
73
- @color-warmup-corn: #FDE082;
@@ -1,7 +0,0 @@
1
- // Screens - Breakpoints
2
- @screen-xs: 480px; // BS usecase (0 - 480px)
3
- @screen-ls: 480px;
4
- @screen-sm: 768px;
5
- @screen-md: 992px;
6
- @screen-lg: 1200px;
7
- @screen-xl: 1700px;
@@ -1,23 +0,0 @@
1
- // Fonts - Font Weights
2
- @font-thin: 200;
3
- @font-light: 300;
4
- @font-normal: 400;
5
- @font-medium: 600;
6
- @font-bold: 700;
7
-
8
- // Fonts - Font Sizes
9
- @font-size-10: 10px;
10
- @font-size-11: 11px;
11
- @font-size-12: 12px;
12
- @font-size-14: 14px;
13
- @font-size-16: 16px;
14
- @font-size-18: 18px;
15
- @font-size-20: 20px;
16
-
17
- // Fonts - Headlines - Sizes
18
- @font-size-h1: 40px;
19
- @font-size-h2: 30px;
20
- @font-size-h3: 26px;
21
- @font-size-h4: 22px;
22
- @font-size-h5: 18px;
23
- @font-size-h6: 14px;
@@ -1,186 +0,0 @@
1
- // RIO cdn
2
- @cdnBase: "cdn.rio.cloud";
3
- @fontBase: "fonts";
4
-
5
- // Grid
6
- @grid-columns: 12;
7
- @grid-gutter-width: 20px;
8
- @grid-gutter-height: 20px;
9
- @grid-float-breakpoint: @screen-sm;
10
-
11
- // Mapping // must match with the UIKIT demo values
12
- @import (less) 'mapping/breakpoint-map.less';
13
- @import (less) 'mapping/color-map.less';
14
- @import (less) 'mapping/cols-map.less';
15
- @import (less) 'mapping/numbers-map.less';
16
- @import (less) 'mapping/positions-map.less';
17
- @import (less) 'mapping/sizes-map.less';
18
- @import (less) 'mapping/spacings-map.less';
19
-
20
- // Screens
21
- @import (less) "shared/screens.less";
22
-
23
- @screen-xs-min: @screen-xs;
24
- @screen-xs-max: (@screen-ls - 0.01);
25
- @screen-ls-min: @screen-ls;
26
- @screen-ls-max: (@screen-sm - 0.01);
27
- @screen-sm-min: @screen-sm;
28
- @screen-sm-max: (@screen-md - 0.01);
29
- @screen-md-min: @screen-md;
30
- @screen-md-max: (@screen-lg - 0.01);
31
- @screen-lg-min: @screen-lg;
32
- @screen-lg-max: (@screen-xl - 0.01);
33
- @screen-xl-min: @screen-xl;
34
- @screen-xl-max: 10000px;
35
-
36
- // Container
37
- @container-ls: @screen-ls - (@grid-gutter-width * 2);
38
- @container-sm: @screen-sm - (@grid-gutter-width * 2);
39
- @container-md: @screen-md - (@grid-gutter-width * 2);
40
- @container-lg: @screen-lg - (@grid-gutter-width * 2);
41
- @container-xl: @screen-xl - (@grid-gutter-width * 2);
42
-
43
- // Container Fluid
44
- // @container-fluid-xs: px;
45
- @container-fluid-sm: 980px;
46
- @container-fluid-md: 1280px;
47
- @container-fluid-lg: 1440px;
48
- @container-fluid-xl: 1680px;
49
- @container-fluid-xxl: 1920px;
50
-
51
- // Padding
52
- @padding-xs-vertical: 1px;
53
- @padding-xs-horizontal: 5px;
54
- @padding-sm-vertical: 5px;
55
- @padding-sm-horizontal: 10px;
56
- @padding-default-vertical: 6px;
57
- @padding-default-horizontal: 12px;
58
- @padding-lg-vertical: 10px;
59
- @padding-lg-horizontal: 16px;
60
-
61
- // Border Radius
62
- @border-radius-xs: 2px;
63
- @border-radius-sm: 3px;
64
- @border-radius-default: 4px;
65
- @border-radius-lg: 6px;
66
- @border-radius-xl: 8px;
67
- @border-radius-round: 1000px;
68
-
69
- // Colors
70
- @import (less) "shared/colors.less";
71
-
72
- // Build Warmup and Coldplay Colors?
73
- @buildColdplayColors: true;
74
- @buildWarmupColors: true;
75
-
76
- // Color - Brand Decent
77
- @brand-primary-decent: #f4fbfc;
78
- @brand-secondary-decent: #fbf5f8;
79
-
80
- // Color - Status Decent
81
- @brand-info-decent: #f5f8fb;
82
- @brand-success-decent: #f6fbf5;
83
- @brand-warning-decent: #fdf5f0;
84
- @brand-danger-decent: #fdf3f3;
85
-
86
- // Button Sizes
87
- @btn-size-xs: 22px;
88
- @btn-size-sm: 30px;
89
- @btn-size-default: 34px;
90
- @btn-size-lg: 45px;
91
-
92
- // Text
93
- @import (less) "shared/text.less";
94
-
95
- // Text - Sizes
96
- @font-size-xs: @font-size-12; // only used in buttons and 10px is too small
97
- @font-size-sm: @font-size-12;
98
- @font-size-default: @font-size-14;
99
- @font-size-lg: @font-size-16;
100
- @font-size-xl: 25px;
101
- @font-size-xxl: 30px;
102
-
103
- // Text - Headlines - Weights
104
- @headings-font-family: @font-family-base;
105
- @headings-font-weight: @font-medium;
106
- @headings-line-height: 1.1;
107
- @headings-color: inherit;
108
-
109
- // Text - Line Heights
110
- @line-height-xs: 1.5;
111
- @line-height-sm: 1.5;
112
- @line-height-default: 1.428571429;
113
- @line-height-lg: 1.4;
114
-
115
- // Text - Font Family
116
- @font-family-base: 'Source Sans Pro', Helvetica, Arial, sans-serif;
117
- @font-family-monospace: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace;
118
- @font-family-ios: 'SF Text', 'Source Sans Pro', Helvetica, Arial, sans-serif;
119
- @font-family-android: 'Roboto', 'Source Sans Pro', Helvetica, Arial, sans-serif;
120
-
121
- @font-source-sans: true;
122
- @font-man: false;
123
- @font-redring: false;
124
- @font-san-francisco: false;
125
- @font-roboto: false;
126
- @font-vw: false;
127
- @font-scania: false;
128
-
129
- // Iconfont
130
- @icon-font-name: "rioglyph";
131
-
132
- // Variables
133
- @text-color: @gray-darkest;
134
- @link-color: @brand-primary;
135
- @link-hover-color: darken(@brand-primary, 10%);
136
-
137
- // Media Queries
138
- @screen-xs-min: @screen-xs;
139
- @screen-sm-min: @screen-sm;
140
- @screen-md-min: @screen-md;
141
- @screen-lg-min: @screen-lg;
142
-
143
- // ApplicationLayout
144
- @ApplicationLayoutBodyPadding: 30px;
145
- @ApplicationLayoutNotResponsiveWidth: 900px;
146
-
147
- @ApplicationLayoutBodyHeight: 100vh; // --vh fallback
148
- @ApplicationLayoutBodyHeightAndViewportFix: ~'calc(var(--vh, 1vh) * 100)';
149
-
150
- @ApplicationLayoutBodyHeightWithoutHeader: ~'calc(100vh - @{ApplicationLayoutHeaderHeight})'; // --vh fallback
151
- @ApplicationLayoutBodyHeightWithoutHeaderAndViewportFix: ~'calc(var(--vh, 1vh) * 100 - @{ApplicationLayoutHeaderHeight})';
152
-
153
- @ApplicationLayoutBodyHeightWithoutFooter: ~'calc(100vh - (var(--ApplicationLayoutBodyBottomBarHeight)))'; // --vh fallback
154
- @ApplicationLayoutBodyHeightWithoutFooterAndViewportFix: ~'calc(var(--vh, 1vh) * 100 - (var(--ApplicationLayoutBodyBottomBarHeight)))';
155
-
156
- @ApplicationLayoutBodyHeightWithoutHeaderWithoutFooter: ~'calc(100vh - (@{ApplicationLayoutHeaderHeight} + var(--ApplicationLayoutBodyBottomBarHeight)))'; // --vh fallback
157
- @ApplicationLayoutBodyHeightWithoutHeaderWithoutFooterAndViewportFix: ~'calc(var(--vh, 1vh) * 100 - (@{ApplicationLayoutHeaderHeight} + var(--ApplicationLayoutBodyBottomBarHeight)))';
158
-
159
- // ApplicationHeader
160
- @ApplicationLayoutHeaderHeight: 50px;
161
- @ApplicationLayoutHeaderHeightWithoutBorder: ~'calc(@{ApplicationLayoutHeaderHeight} - 1px)';
162
-
163
- @brand-icon-home: url('https://cdn.rio.cloud/svg/common/ico_home.svg');
164
- @brand-icon-rio: url('https://cdn.rio.cloud/svg/common/ico_rio_colored.svg');
165
- @brand-icon-size: 50px;
166
-
167
- @ApplicationLayoutHeaderHeighticon-height: @ApplicationLayoutHeaderHeight;
168
- @ApplicationLayoutHeaderHeightpadding-horizontal: @grid-gutter-width;
169
-
170
- // ApplicationLayoutBody
171
- @ApplicationLayoutBodyNavigationHeight: 50px;
172
-
173
- // ApplicationFooter
174
- @footer-height: var(--ApplicationLayoutBodyBottomBarHeight);
175
-
176
- // Z-index
177
- @zindex-tooltip: 1060;
178
- @zindex-modal: 1050;
179
- @zindex-modal-background: 1040;
180
- @zindex-popover: 1010;
181
- @zindex-navbar: 1000;
182
- @zindex-dropdown: 1000;
183
- @zindex-sidebar: 990;
184
- @zindex-tooltip-onboarding: 990;
185
- @zindex-map-marker-hover: 801;
186
- @zindex-map-marker-active: 800;
Binary file
package/styles/.DS_Store DELETED
Binary file
@@ -1,13 +0,0 @@
1
- @import (less) 'border-radius.less';
2
- @import (less) 'buttons.less';
3
- @import (less) 'clearfix.less';
4
- @import (less) 'cols.less';
5
- @import (less) 'forms.less';
6
- @import (less) 'panels.less';
7
- @import (less) 'placeholder.less';
8
- @import (less) 'reset.less';
9
- @import (less) 'sizings.less';
10
- @import (less) 'spinner.less';
11
- @import (less) 'tabs.less';
12
- @import (less) 'table.less';
13
- @import (less) 'text.less';
@@ -1,13 +0,0 @@
1
- .alert-variant(@color; @background-opacity) {
2
- background-color: lighten(@color, @background-opacity);
3
- border-color: @color;
4
- color: @color;
5
-
6
- .alert-link {
7
- color: @color;
8
- }
9
-
10
- > .close .rioglyph {
11
- color: @color;
12
- }
13
- }
@@ -1,56 +0,0 @@
1
- {
2
- "color-white": "#ffffff",
3
- "color-black": "#000000",
4
- "gray-darkest": "#2a3740",
5
- "gray-darker": "#4C5667",
6
- "gray-dark": "#697A8B",
7
- "gray": "#A7AFBB",
8
- "gray-light": "#D0D8DE",
9
- "gray-lighter": "#E5EBF0",
10
- "gray-lightest": "#f6f8f9",
11
- "brand-primary": "#30b4c0",
12
- "brand-secondary": "#b23672",
13
- "brand-info": "#4B80A6",
14
- "brand-success": "#5cb85c",
15
- "brand-warning": "#ff8e3c",
16
- "brand-danger": "#d90000",
17
- "color-status-available": "#239b7d",
18
- "color-status-driving": "#3690ae",
19
- "color-status-resting": "#626b72",
20
- "color-status-working": "#94488b",
21
- "color-map-marker-asset": "#2a3740",
22
- "color-map-marker-poi": "#b23672",
23
- "color-map-marker-geofence": "#5a4876",
24
- "color-map-marker-route": "#3690ae",
25
- "color-rating-1": "#d90000",
26
- "color-rating-2": "#ff8e3c",
27
- "color-rating-3": "#f8c575",
28
- "color-rating-4": "#5cb85c",
29
- "color-rating-5": "#4b924c",
30
- "color-highlight-darkest": "#114146",
31
- "color-highlight-darker": "#1c686e",
32
- "color-highlight-dark": "#268e97",
33
- "color-highlight": "#30b4c0",
34
- "color-highlight-light": "#8ddbe3",
35
- "color-highlight-lighter": "#cef0f3",
36
- "color-highlight-lightest": "#ebf9fa",
37
- "color-highlight-decent": "#f3fbfc",
38
- "color-coldplay-wine": "#520D4E",
39
- "color-coldplay-aubergine": "#5a4876",
40
- "color-coldplay-kashmir": "#536E8B",
41
- "color-coldplay-fountain": "#67abc5",
42
- "color-coldplay-turquoise": "#4ECCC1",
43
- "color-coldplay-bermuda": "#79D4B3",
44
- "color-coldplay-moos": "#A1DAA3",
45
- "color-coldplay-primrose": "#C7E291",
46
- "color-coldplay-khaki": "#F0EB83",
47
- "color-warmup-crimson": "#31144F",
48
- "color-warmup-victoria": "#493D6D",
49
- "color-warmup-cadillac": "#7E3E72",
50
- "color-warmup-raspberry": "#B23672",
51
- "color-warmup-cerise": "#E72472",
52
- "color-warmup-charm": "#C9778D",
53
- "color-warmup-salmon": "#F19588",
54
- "color-warmup-cherokee": "#F5BB89",
55
- "color-warmup-corn": "#FDE082"
56
- }
@@ -1,73 +0,0 @@
1
- // Color - Text
2
- @color-white: #ffffff;
3
- @color-black: #000000;
4
-
5
- // Color - Grays
6
- @gray-darkest: #2a3740;
7
- @gray-darker: #4C5667;
8
- @gray-dark: #697A8B;
9
- @gray: #A7AFBB;
10
- @gray-light: #D0D8DE;
11
- @gray-lighter: #E5EBF0;
12
- @gray-lightest: #f6f8f9;
13
-
14
- // Color - Brand
15
- @brand-primary: #30b4c0;
16
- @brand-secondary: #b23672;
17
-
18
- // Color - Status
19
- @brand-info: #4B80A6;
20
- @brand-success: #5cb85c;
21
- @brand-warning: #ff8e3c;
22
- @brand-danger: #d90000;
23
-
24
- // Color - Driving Status
25
- @color-status-available: #239b7d;
26
- @color-status-driving: #3690ae;
27
- @color-status-resting: #626b72;
28
- @color-status-working: #94488b;
29
-
30
- // Color - Map Marker
31
- @color-map-marker-asset: #2a3740;
32
- @color-map-marker-poi: #b23672;
33
- @color-map-marker-geofence: #5a4876;
34
- @color-map-marker-route: #3690ae;
35
-
36
- // Color - Rating
37
- @color-rating-1: #d90000;
38
- @color-rating-2: #ff8e3c;
39
- @color-rating-3: #f8c575;
40
- @color-rating-4: #5cb85c;
41
- @color-rating-5: #4b924c;
42
-
43
- // Color - Highlight
44
- @color-highlight-darkest: #114146; //darken(@brand-primary, 30%);
45
- @color-highlight-darker: #1c686e; //darken(@brand-primary, 20%);
46
- @color-highlight-dark: #268e97; //darken(@brand-primary, 10%);
47
- @color-highlight: #30b4c0; //@brand-primary;
48
- @color-highlight-light: #8ddbe3; //lighten(@brand-primary, 25%);
49
- @color-highlight-lighter: #cef0f3; //lighten(@brand-primary, 41%);
50
- @color-highlight-lightest: #ebf9fa; //lighten(@brand-primary, 48%);
51
- @color-highlight-decent: #f3fbfc; //lighten(@brand-primary, 50%);
52
-
53
- // Color - RIO Coldplay
54
- @color-coldplay-wine:#520D4E;
55
- @color-coldplay-aubergine: #5a4876;
56
- @color-coldplay-kashmir:#536E8B;
57
- @color-coldplay-fountain: #67abc5;
58
- @color-coldplay-turquoise: #4ECCC1;
59
- @color-coldplay-bermuda: #79D4B3;
60
- @color-coldplay-moos: #A1DAA3;
61
- @color-coldplay-primrose: #C7E291;
62
- @color-coldplay-khaki: #F0EB83;
63
-
64
- // Color - RIO Warmup
65
- @color-warmup-crimson: #31144F;
66
- @color-warmup-victoria: #493D6D;
67
- @color-warmup-cadillac: #7E3E72;
68
- @color-warmup-raspberry: #B23672;
69
- @color-warmup-cerise: #E72472;
70
- @color-warmup-charm: #C9778D;
71
- @color-warmup-salmon: #F19588;
72
- @color-warmup-cherokee: #F5BB89;
73
- @color-warmup-corn: #FDE082;
@@ -1,7 +0,0 @@
1
- // Screens - Breakpoints
2
- @screen-xs: 480px; // BS usecase (0 - 480px)
3
- @screen-ls: 480px;
4
- @screen-sm: 768px;
5
- @screen-md: 992px;
6
- @screen-lg: 1200px;
7
- @screen-xl: 1700px;
@@ -1,23 +0,0 @@
1
- // Fonts - Font Weights
2
- @font-thin: 200;
3
- @font-light: 300;
4
- @font-normal: 400;
5
- @font-medium: 600;
6
- @font-bold: 700;
7
-
8
- // Fonts - Font Sizes
9
- @font-size-10: 10px;
10
- @font-size-11: 11px;
11
- @font-size-12: 12px;
12
- @font-size-14: 14px;
13
- @font-size-16: 16px;
14
- @font-size-18: 18px;
15
- @font-size-20: 20px;
16
-
17
- // Fonts - Headlines - Sizes
18
- @font-size-h1: 40px;
19
- @font-size-h2: 30px;
20
- @font-size-h3: 26px;
21
- @font-size-h4: 22px;
22
- @font-size-h5: 18px;
23
- @font-size-h6: 14px;