@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.
- package/.DS_Store +0 -0
- package/AspectRatioPlaceholder.js +2 -0
- package/AspectRatioPlaceholder.ts +5 -0
- package/Map.d.ts +2 -1
- package/ResponsiveColumnStripe.d.ts +5 -0
- package/ResponsiveColumnStripe.js +2 -0
- package/RuleConnector.d.ts +2 -1
- package/RuleContainer.d.ts +3 -2
- package/RulesWrapper.d.ts +2 -1
- package/components/activity/Activity.js +6 -4
- package/components/animatedNumber/AnimatedNumber.js +6 -4
- package/components/applicationHeader/AppMenu.js +6 -3
- package/components/applicationHeader/AppMenuDropdown.js +6 -2
- package/components/applicationHeader/ApplicationHeader.js +16 -8
- package/components/applicationHeader/MobileAppMenu.js +8 -4
- package/components/applicationLayout/ApplicationLayout.js +8 -8
- package/components/applicationLayout/ApplicationLayoutBody.js +6 -3
- package/components/applicationLayout/ApplicationLayoutBodyBanner.js +4 -3
- package/components/applicationLayout/ApplicationLayoutBodyBottomBar.js +6 -4
- package/components/applicationLayout/ApplicationLayoutBodyNavigation.js +6 -4
- package/components/applicationLayout/ApplicationLayoutHeader.js +9 -7
- package/components/aspectRatioPlaceholder/AspectRatioPlaceholder.js +25 -0
- package/components/assetTree/AssetTree.js +6 -3
- package/components/assetTree/TypeCounter.js +6 -4
- package/components/clearableInput/ClearableInput.js +2 -1
- package/components/datepicker/DatePicker.js +8 -4
- package/components/dialog/MediaDialog.js +5 -1
- package/components/dialog/SaveDialog.js +5 -2
- package/components/fade/Fade.js +5 -0
- package/components/filepicker/FilePicker.js +1 -1
- package/components/map/assets/icon_map_settings_bounding_box_active.svg +1 -1
- package/components/map/assets/icon_map_settings_bounding_box_inactive.svg +1 -1
- package/components/map/assets/icon_map_settings_construction_active.svg +1 -1
- package/components/map/assets/icon_map_settings_construction_inactive.svg +1 -1
- package/components/map/assets/icon_map_settings_layer_active.svg +1 -1
- package/components/map/assets/icon_map_settings_layer_inactive.svg +1 -1
- package/components/map/assets/icon_map_settings_maptype_flat_active.svg +1 -1
- package/components/map/assets/icon_map_settings_maptype_flat_inactive.svg +1 -1
- package/components/map/assets/icon_map_settings_maptype_flat_truck_active.svg +1 -1
- package/components/map/assets/icon_map_settings_maptype_flat_truck_inactive.svg +1 -1
- package/components/map/assets/icon_map_settings_maptype_night_active.svg +1 -12
- package/components/map/assets/icon_map_settings_maptype_night_inactive.svg +1 -12
- package/components/map/assets/icon_map_settings_maptype_satelite_active.svg +1 -1
- package/components/map/assets/icon_map_settings_maptype_satelite_inactive.svg +1 -1
- package/components/map/assets/icon_map_settings_maptype_terrain_active.svg +1 -1
- package/components/map/assets/icon_map_settings_maptype_terrain_inactive.svg +1 -1
- package/components/map/assets/icon_map_settings_road_restrictions_active.svg +1 -1
- package/components/map/assets/icon_map_settings_road_restrictions_inactive.svg +1 -1
- package/components/map/assets/icon_map_settings_system_pois_active.svg +1 -1
- package/components/map/assets/icon_map_settings_system_pois_inactive.svg +1 -1
- package/components/map/assets/icon_map_settings_workshop_pois_active.svg +1 -1
- package/components/map/assets/icon_map_settings_workshop_pois_inactive.svg +1 -1
- package/components/map/components/Map.js +47 -36
- package/components/map/components/features/ContextMenu.js +1 -1
- package/components/map/components/features/Route.js +1 -10
- package/components/map/components/features/basics/Circle.js +11 -6
- package/components/map/components/features/basics/MapLayerGroup.js +8 -5
- package/components/map/components/features/basics/Polygon.js +6 -5
- package/components/map/components/features/basics/Polyline.js +42 -40
- package/components/map/components/features/basics/marker/DomMarker.js +9 -3
- package/components/map/components/features/basics/marker/Marker.js +101 -121
- package/components/map/components/features/basics/marker/TextMarker.js +15 -43
- package/components/map/components/features/layers/Layer.js +1 -1
- package/components/map/components/features/layers/MarkerLayer.js +7 -4
- package/components/map/components/features/layers/RoadRestrictionLayer.js +1 -2
- package/components/map/components/features/layers/TrafficLayer.js +2 -2
- package/components/map/components/features/layers/baselayers/DefaultRasterLayer.js +2 -1
- package/components/map/components/features/layers/baselayers/useBaseLayer.js +4 -1
- package/components/map/components/features/layers/clustering/ClusterLayer.js +25 -9
- package/components/map/components/features/settings/builtinSettings/MapTypeSettings.js +18 -3
- package/components/map/icons/MapIcon.js +46 -66
- package/components/map/utils/hooks.js +3 -3
- package/components/mapMarker/ClusterMapMarker.js +16 -20
- package/components/mapMarker/SingleMapMarker.js +16 -30
- package/components/numberControl/NumberControl.js +13 -7
- package/components/numberInput/NumberInput.js +30 -12
- package/components/responsiveColumnStripe/ResponsiveColumnStripe.js +255 -0
- package/components/rules/RuleContainer.js +4 -0
- package/components/rules/RulesWrapper.js +3 -3
- package/hooks/useDarkMode.js +3 -2
- package/hooks/useMutationObserver.js +13 -4
- package/hooks/useScrollPosition.js +6 -7
- package/index.d.ts +29 -29
- package/index.js +4 -0
- package/lib/es/AspectRatioPlaceholder.js +13 -0
- package/lib/es/AspectRatioPlaceholder.ts +5 -0
- package/lib/es/Map.d.ts +2 -1
- package/lib/es/ResponsiveColumnStripe.d.ts +5 -0
- package/lib/es/ResponsiveColumnStripe.js +13 -0
- package/lib/es/RuleConnector.d.ts +2 -1
- package/lib/es/RuleContainer.d.ts +3 -2
- package/lib/es/RulesWrapper.d.ts +2 -1
- package/lib/es/components/activity/Activity.js +9 -4
- package/lib/es/components/animatedNumber/AnimatedNumber.js +5 -3
- package/lib/es/components/applicationHeader/AppMenu.js +6 -3
- package/lib/es/components/applicationHeader/AppMenuDropdown.js +6 -2
- package/lib/es/components/applicationHeader/ApplicationHeader.js +15 -7
- package/lib/es/components/applicationHeader/MobileAppMenu.js +8 -4
- package/lib/es/components/applicationLayout/ApplicationLayout.js +11 -8
- package/lib/es/components/applicationLayout/ApplicationLayoutBody.js +5 -2
- package/lib/es/components/applicationLayout/ApplicationLayoutBodyBanner.js +7 -3
- package/lib/es/components/applicationLayout/ApplicationLayoutBodyBottomBar.js +9 -4
- package/lib/es/components/applicationLayout/ApplicationLayoutBodyNavigation.js +9 -4
- package/lib/es/components/applicationLayout/ApplicationLayoutHeader.js +12 -7
- package/lib/es/components/aspectRatioPlaceholder/AspectRatioPlaceholder.js +33 -0
- package/lib/es/components/assetTree/AssetTree.js +5 -2
- package/lib/es/components/assetTree/TypeCounter.js +9 -4
- package/lib/es/components/clearableInput/ClearableInput.js +2 -1
- package/lib/es/components/datepicker/DatePicker.js +7 -3
- package/lib/es/components/dialog/MediaDialog.js +5 -1
- package/lib/es/components/dialog/SaveDialog.js +5 -2
- package/lib/es/components/fade/Fade.js +5 -0
- package/lib/es/components/filepicker/FilePicker.js +1 -1
- package/lib/es/components/map/assets/icon_map_settings_bounding_box_active.svg +1 -1
- package/lib/es/components/map/assets/icon_map_settings_bounding_box_inactive.svg +1 -1
- package/lib/es/components/map/assets/icon_map_settings_construction_active.svg +1 -1
- package/lib/es/components/map/assets/icon_map_settings_construction_inactive.svg +1 -1
- package/lib/es/components/map/assets/icon_map_settings_layer_active.svg +1 -1
- package/lib/es/components/map/assets/icon_map_settings_layer_inactive.svg +1 -1
- package/lib/es/components/map/assets/icon_map_settings_maptype_flat_active.svg +1 -1
- package/lib/es/components/map/assets/icon_map_settings_maptype_flat_inactive.svg +1 -1
- package/lib/es/components/map/assets/icon_map_settings_maptype_flat_truck_active.svg +1 -1
- package/lib/es/components/map/assets/icon_map_settings_maptype_flat_truck_inactive.svg +1 -1
- package/lib/es/components/map/assets/icon_map_settings_maptype_night_active.svg +1 -12
- package/lib/es/components/map/assets/icon_map_settings_maptype_night_inactive.svg +1 -12
- package/lib/es/components/map/assets/icon_map_settings_maptype_satelite_active.svg +1 -1
- package/lib/es/components/map/assets/icon_map_settings_maptype_satelite_inactive.svg +1 -1
- package/lib/es/components/map/assets/icon_map_settings_maptype_terrain_active.svg +1 -1
- package/lib/es/components/map/assets/icon_map_settings_maptype_terrain_inactive.svg +1 -1
- package/lib/es/components/map/assets/icon_map_settings_road_restrictions_active.svg +1 -1
- package/lib/es/components/map/assets/icon_map_settings_road_restrictions_inactive.svg +1 -1
- package/lib/es/components/map/assets/icon_map_settings_system_pois_active.svg +1 -1
- package/lib/es/components/map/assets/icon_map_settings_system_pois_inactive.svg +1 -1
- package/lib/es/components/map/assets/icon_map_settings_workshop_pois_active.svg +1 -1
- package/lib/es/components/map/assets/icon_map_settings_workshop_pois_inactive.svg +1 -1
- package/lib/es/components/map/components/Map.js +47 -36
- package/lib/es/components/map/components/features/ContextMenu.js +1 -1
- package/lib/es/components/map/components/features/Route.js +1 -10
- package/lib/es/components/map/components/features/basics/Circle.js +10 -5
- package/lib/es/components/map/components/features/basics/MapLayerGroup.js +8 -5
- package/lib/es/components/map/components/features/basics/Polygon.js +6 -5
- package/lib/es/components/map/components/features/basics/Polyline.js +42 -42
- package/lib/es/components/map/components/features/basics/marker/DomMarker.js +8 -3
- package/lib/es/components/map/components/features/basics/marker/Marker.js +105 -120
- package/lib/es/components/map/components/features/basics/marker/TextMarker.js +15 -42
- package/lib/es/components/map/components/features/layers/Layer.js +1 -1
- package/lib/es/components/map/components/features/layers/MarkerLayer.js +7 -4
- package/lib/es/components/map/components/features/layers/RoadRestrictionLayer.js +1 -2
- package/lib/es/components/map/components/features/layers/TrafficLayer.js +2 -2
- package/lib/es/components/map/components/features/layers/baselayers/DefaultRasterLayer.js +2 -1
- package/lib/es/components/map/components/features/layers/baselayers/useBaseLayer.js +4 -1
- package/lib/es/components/map/components/features/layers/clustering/ClusterLayer.js +25 -9
- package/lib/es/components/map/components/features/settings/builtinSettings/MapTypeSettings.js +18 -3
- package/lib/es/components/map/icons/MapIcon.js +46 -66
- package/lib/es/components/map/utils/hooks.js +3 -3
- package/lib/es/components/mapMarker/ClusterMapMarker.js +16 -20
- package/lib/es/components/mapMarker/SingleMapMarker.js +16 -30
- package/lib/es/components/numberControl/NumberControl.js +13 -7
- package/lib/es/components/numberInput/NumberInput.js +31 -12
- package/lib/es/components/responsiveColumnStripe/ResponsiveColumnStripe.js +266 -0
- package/lib/es/components/rules/RuleContainer.js +4 -0
- package/lib/es/components/rules/RulesWrapper.js +3 -3
- package/lib/es/hooks/useDarkMode.js +4 -3
- package/lib/es/hooks/useMutationObserver.js +15 -4
- package/lib/es/hooks/useScrollPosition.js +6 -7
- package/lib/es/index.d.ts +29 -29
- package/lib/es/index.js +24 -0
- package/lib/es/styles/components/Dialog.less +13 -10
- package/lib/es/styles/components/MapMarker.less +224 -14
- package/lib/es/styles/components/MapSettings.less +45 -29
- package/lib/es/styles/components/Notification.less +1 -1
- package/lib/es/styles/design/alerts.less +7 -9
- package/lib/es/styles/design/aspect-ratio.less +1 -0
- package/lib/es/styles/design/blur.less +7 -0
- package/lib/es/styles/design/border.less +51 -14
- package/lib/es/styles/design/callouts.less +12 -11
- package/lib/es/styles/design/colors.less +15 -6
- package/lib/es/styles/design/cols.less +19 -18
- package/lib/es/styles/design/divide.less +165 -0
- package/lib/es/styles/design/divider.less +90 -0
- package/lib/es/styles/design/responsive/_imports.less +1 -0
- package/lib/es/styles/design/responsive/gap.less +0 -8
- package/lib/es/styles/design/responsive/spacing.less +25 -0
- package/lib/es/styles/design/text.less +16 -2
- package/lib/es/styles/mapping/color-map.less +10 -0
- package/lib/es/styles/mapping/spacings-map.less +5 -0
- package/lib/es/styles/rio-uikit-core.less +2 -0
- package/lib/es/styles/variables/colors.json +6 -0
- package/lib/es/styles/variables/concated_css_variables.less +6 -0
- package/lib/es/styles/variables/dark_colors.less +7 -0
- package/lib/es/styles/variables/dark_css_variables_map.less +7 -0
- package/lib/es/styles/variables/light_colors.less +7 -0
- package/lib/es/styles/variables/light_css_variables_map.less +7 -0
- package/lib/es/themes/Volkswagen/components/applicationHeader/VolkswagenApplicationHeader.js +14 -5
- package/lib/es/types.ts +69 -23
- package/lib/es/useDarkMode.d.ts +4 -0
- package/lib/es/useDarkMode.js +13 -0
- package/lib/es/useMutationObserver.d.ts +4 -0
- package/lib/es/useMutationObserver.js +13 -0
- package/lib/es/version.json +1 -1
- package/package.json +2 -2
- package/styles/components/Dialog.less +13 -10
- package/styles/components/MapMarker.less +224 -14
- package/styles/components/MapSettings.less +45 -29
- package/styles/components/Notification.less +1 -1
- package/styles/design/alerts.less +7 -9
- package/styles/design/aspect-ratio.less +1 -0
- package/styles/design/blur.less +7 -0
- package/styles/design/border.less +51 -14
- package/styles/design/callouts.less +12 -11
- package/styles/design/colors.less +15 -6
- package/styles/design/cols.less +19 -18
- package/styles/design/divide.less +165 -0
- package/styles/design/divider.less +90 -0
- package/styles/design/responsive/_imports.less +1 -0
- package/styles/design/responsive/gap.less +0 -8
- package/styles/design/responsive/spacing.less +25 -0
- package/styles/design/text.less +16 -2
- package/styles/mapping/color-map.less +10 -0
- package/styles/mapping/spacings-map.less +5 -0
- package/styles/rio-uikit-core.less +2 -0
- package/styles/variables/colors.json +6 -0
- package/styles/variables/concated_css_variables.less +6 -0
- package/styles/variables/dark_colors.less +7 -0
- package/styles/variables/dark_css_variables_map.less +7 -0
- package/styles/variables/light_colors.less +7 -0
- package/styles/variables/light_css_variables_map.less +7 -0
- package/themes/Volkswagen/components/applicationHeader/VolkswagenApplicationHeader.js +15 -6
- package/types.ts +69 -23
- package/useDarkMode.d.ts +4 -0
- package/useDarkMode.js +2 -0
- package/useMutationObserver.d.ts +4 -0
- package/useMutationObserver.js +2 -0
- package/version.json +1 -1
- package/components/.DS_Store +0 -0
- package/components/map/.DS_Store +0 -0
- package/components/map/components/.DS_Store +0 -0
- package/components/map/components/features/layers/TruckLayer.js +0 -20
- package/components/map/components/features/layers/baselayers/BaseLayer.js +0 -33
- package/components/map/components/features/layers/baselayers/DefaultLayer.js +0 -23
- package/hooks/useHereMap.ts +0 -23
- package/hooks/useScripts.ts +0 -52
- package/lib/.DS_Store +0 -0
- package/lib/es/.DS_Store +0 -0
- package/lib/es/components/.DS_Store +0 -0
- package/lib/es/components/map/components/features/layers/TruckLayer.js +0 -28
- package/lib/es/components/map/components/features/layers/baselayers/BaseLayer.js +0 -41
- package/lib/es/components/map/components/features/layers/baselayers/DefaultLayer.js +0 -30
- package/lib/es/hooks/useHereMap.ts +0 -23
- package/lib/es/hooks/useScripts.ts +0 -52
- package/lib/es/styles/.DS_Store +0 -0
- package/lib/es/styles/mixins/_mixins.less +0 -13
- package/lib/es/styles/mixins/alerts.less +0 -13
- package/lib/es/styles/shared/colors.json +0 -56
- package/lib/es/styles/shared/colors.less +0 -73
- package/lib/es/styles/shared/screens.less +0 -7
- package/lib/es/styles/shared/text.less +0 -23
- package/lib/es/styles/variables.less +0 -186
- package/lib/es/themes/.DS_Store +0 -0
- package/styles/.DS_Store +0 -0
- package/styles/mixins/_mixins.less +0 -13
- package/styles/mixins/alerts.less +0 -13
- package/styles/shared/colors.json +0 -56
- package/styles/shared/colors.less +0 -73
- package/styles/shared/screens.less +0 -7
- package/styles/shared/text.less +0 -23
- package/styles/variables.less +0 -186
- package/themes/.DS_Store +0 -0
- package/themes/Volkswagen/.DS_Store +0 -0
- 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
|
-
};
|
package/lib/es/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,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,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;
|
package/lib/es/themes/.DS_Store
DELETED
|
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,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;
|
package/styles/shared/text.less
DELETED
|
@@ -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;
|