@rio-cloud/rio-uikit 0.16.3-beta.9 → 0.16.3
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/Init.d.ts +3 -0
- package/Init.js +2 -0
- package/README.md +6 -6
- package/components/releaseNotes/ReleaseNotes.js +8 -10
- package/lib/es/Init.d.ts +3 -0
- package/lib/es/Init.js +12 -0
- package/lib/es/components/releaseNotes/ReleaseNotes.js +8 -10
- package/lib/es/styles/components/TableSortArrows.less +2 -1
- package/lib/es/styles/design/buttons.less +1 -0
- package/lib/es/styles/design/sanityCheck.less +11 -0
- package/lib/es/themes/BuyButton/styles/rio-buyButton.less +3 -0
- package/lib/es/themes/MAN/styles/man-uikit.less +3 -0
- package/lib/es/themes/RIO/styles/rio-uikit.less +3 -0
- package/lib/es/themes/SCANIA/styles/scania-uikit.less +3 -0
- package/lib/es/themes/Volkswagen/styles/vw-uikit.less +3 -0
- package/lib/es/version.json +1 -1
- package/package.json +4 -2
- package/styles/components/TableSortArrows.less +2 -1
- package/styles/design/buttons.less +1 -0
- package/styles/design/sanityCheck.less +11 -0
- package/themes/BuyButton/styles/rio-buyButton.less +3 -0
- package/themes/MAN/styles/man-uikit.less +3 -0
- package/themes/RIO/styles/rio-uikit.less +3 -0
- package/themes/SCANIA/styles/scania-uikit.less +3 -0
- package/themes/Volkswagen/styles/vw-uikit.less +3 -0
- package/version.json +1 -1
package/Init.d.ts
ADDED
package/Init.js
ADDED
package/README.md
CHANGED
|
@@ -8,7 +8,7 @@ The documentation and how to integrate the UIKIT in your project can be found he
|
|
|
8
8
|
|
|
9
9
|
Starting with version `0.12.8`, all versions of the uikit will be available under https://uikit.developers.rio.cloud/${VERSION}/.
|
|
10
10
|
|
|
11
|
-
Starting with
|
|
11
|
+
Starting with version `0.14.6`, even the corresponding uikit-demo will be published under https://uikit.developers.rio.cloud/${VERSION}/.
|
|
12
12
|
|
|
13
13
|
All changes made on `master` will be deployed to https://uikit.developers.rio.cloud/latest/.
|
|
14
14
|
|
|
@@ -19,9 +19,9 @@ When releasing a new version:
|
|
|
19
19
|
|
|
20
20
|
Create a new development beta version:
|
|
21
21
|
|
|
22
|
-
1. Update the `package.json`. Example `0.16.
|
|
23
|
-
2. Update the `src/version.json`. Example `0.16.
|
|
24
|
-
3. run `npm i` or update `package-lock.json`. Example `0.16.
|
|
22
|
+
1. Update the `package.json`. Example `0.16.4-beta.1`
|
|
23
|
+
2. Update the `src/version.json`. Example `0.16.4-beta.1`
|
|
24
|
+
3. run `npm i` or update `package-lock.json`. Example `0.16.4-beta.1`
|
|
25
25
|
|
|
26
26
|
## Development
|
|
27
27
|
|
|
@@ -31,7 +31,7 @@ To run the UIKIT and the UIKIT Demo locally for development, use:
|
|
|
31
31
|
$ npm install && cd uikit-demo/ && npm i && npm start
|
|
32
32
|
```
|
|
33
33
|
|
|
34
|
-
The UIKIT demo is
|
|
34
|
+
The UIKIT demo is accessible at http://localhost:8090.
|
|
35
35
|
|
|
36
36
|
## Versions List
|
|
37
37
|
|
|
@@ -82,7 +82,7 @@ Run `npm run build:npm` to compile the components via babel to the `package` fol
|
|
|
82
82
|
|
|
83
83
|
### Publishing to UIKIT CDN
|
|
84
84
|
|
|
85
|
-
Run `npm run build` to build the production bundle and compile the styles to inspect locally. When
|
|
85
|
+
Run `npm run build` to build the production bundle and compile the styles to inspect locally. When committing to the main development branch the build outcome from `dist` is published via our internal CICD pipeline.
|
|
86
86
|
|
|
87
87
|
### Beta Versions
|
|
88
88
|
|
|
@@ -6,13 +6,11 @@ import map from 'lodash/fp/map';
|
|
|
6
6
|
import toPairs from 'lodash/fp/toPairs';
|
|
7
7
|
var renderList = function renderList(notes) {
|
|
8
8
|
return /*#__PURE__*/React.createElement("ul", {
|
|
9
|
-
className:
|
|
9
|
+
className: "margin-bottom-0 margin-left-5 padding-left-25"
|
|
10
10
|
}, notes);
|
|
11
11
|
};
|
|
12
12
|
var renderNode = function renderNode(content) {
|
|
13
|
-
return /*#__PURE__*/React.createElement("div",
|
|
14
|
-
className: 'padding-left-10'
|
|
15
|
-
}, content);
|
|
13
|
+
return /*#__PURE__*/React.createElement("div", null, content);
|
|
16
14
|
};
|
|
17
15
|
var getNotes = function getNotes(content, version) {
|
|
18
16
|
return map(function (point) {
|
|
@@ -25,18 +23,18 @@ var renderNotes = function renderNotes(note, version) {
|
|
|
25
23
|
var date = note.date,
|
|
26
24
|
content = note.content;
|
|
27
25
|
return /*#__PURE__*/React.createElement("div", {
|
|
28
|
-
className:
|
|
26
|
+
className: "panel panel-default",
|
|
29
27
|
key: "".concat(version, "-note")
|
|
30
28
|
}, /*#__PURE__*/React.createElement("div", {
|
|
31
|
-
className:
|
|
29
|
+
className: "panel-heading"
|
|
32
30
|
}, /*#__PURE__*/React.createElement("div", {
|
|
33
|
-
className:
|
|
31
|
+
className: "display-flex justify-content-between"
|
|
34
32
|
}, /*#__PURE__*/React.createElement("span", {
|
|
35
|
-
className:
|
|
33
|
+
className: "text-size-16 text-medium"
|
|
36
34
|
}, "".concat(version)), /*#__PURE__*/React.createElement("span", {
|
|
37
|
-
className:
|
|
35
|
+
className: "text-muted text-thin"
|
|
38
36
|
}, date))), /*#__PURE__*/React.createElement("div", {
|
|
39
|
-
className:
|
|
37
|
+
className: "panel-body white-space-pre-line"
|
|
40
38
|
}, isArray(content) ? renderList(getNotes(content, version)) : renderNode(content)));
|
|
41
39
|
};
|
|
42
40
|
var getReleases = function getReleases(_ref) {
|
package/lib/es/Init.d.ts
ADDED
package/lib/es/Init.js
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "init", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _init2.autoInitDocumentBootstrapping;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _init2 = require("./utils/init");
|
|
@@ -13,13 +13,11 @@ var _map = _interopRequireDefault(require("lodash/fp/map"));
|
|
|
13
13
|
var _toPairs = _interopRequireDefault(require("lodash/fp/toPairs"));
|
|
14
14
|
var renderList = function renderList(notes) {
|
|
15
15
|
return /*#__PURE__*/_react["default"].createElement("ul", {
|
|
16
|
-
className:
|
|
16
|
+
className: "margin-bottom-0 margin-left-5 padding-left-25"
|
|
17
17
|
}, notes);
|
|
18
18
|
};
|
|
19
19
|
var renderNode = function renderNode(content) {
|
|
20
|
-
return /*#__PURE__*/_react["default"].createElement("div",
|
|
21
|
-
className: 'padding-left-10'
|
|
22
|
-
}, content);
|
|
20
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, content);
|
|
23
21
|
};
|
|
24
22
|
var getNotes = function getNotes(content, version) {
|
|
25
23
|
return (0, _map["default"])(function (point) {
|
|
@@ -32,18 +30,18 @@ var renderNotes = function renderNotes(note, version) {
|
|
|
32
30
|
var date = note.date,
|
|
33
31
|
content = note.content;
|
|
34
32
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
35
|
-
className:
|
|
33
|
+
className: "panel panel-default",
|
|
36
34
|
key: "".concat(version, "-note")
|
|
37
35
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
38
|
-
className:
|
|
36
|
+
className: "panel-heading"
|
|
39
37
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
40
|
-
className:
|
|
38
|
+
className: "display-flex justify-content-between"
|
|
41
39
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
42
|
-
className:
|
|
40
|
+
className: "text-size-16 text-medium"
|
|
43
41
|
}, "".concat(version)), /*#__PURE__*/_react["default"].createElement("span", {
|
|
44
|
-
className:
|
|
42
|
+
className: "text-muted text-thin"
|
|
45
43
|
}, date))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
46
|
-
className:
|
|
44
|
+
className: "panel-body white-space-pre-line"
|
|
47
45
|
}, (0, _isArray["default"])(content) ? renderList(getNotes(content, version)) : renderNode(content)));
|
|
48
46
|
};
|
|
49
47
|
var getReleases = function getReleases(_ref) {
|
|
@@ -12,6 +12,7 @@ table > thead > tr > th {
|
|
|
12
12
|
white-space: nowrap;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
+
@sortArrowColor: escape('@{gray-dark}');
|
|
15
16
|
.sort-arrows {
|
|
16
17
|
display: inline-block;
|
|
17
18
|
height: 14px;
|
|
@@ -22,7 +23,7 @@ table > thead > tr > th {
|
|
|
22
23
|
|
|
23
24
|
&:before,
|
|
24
25
|
&:after {
|
|
25
|
-
background-image: url(~"data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.362%22%20height%3D%22292.362%22%3E%3Cpath%20d%3D%22M286.935%2069.377c-3.614-3.617-7.898-5.424-12.848-5.424H18.274c-4.952%200-9.233%201.807-12.85%205.424C1.807%2072.998%200%2077.279%200%2082.228c0%204.948%201.807%209.229%205.424%2012.847l127.907%20127.907c3.621%203.617%207.902%205.428%2012.85%205.428s9.233-1.811%2012.847-5.428L286.935%2095.074c3.613-3.617%205.427-7.898%205.427-12.847%200-4.948-1.814-9.229-5.427-12.85z%22%2F%3E%3C%2Fsvg%3E%0A%0A%0A%0A");
|
|
26
|
+
background-image: url(~"data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.362%22%20height%3D%22292.362%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3A@{sortArrowColor}%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M286.935%2069.377c-3.614-3.617-7.898-5.424-12.848-5.424H18.274c-4.952%200-9.233%201.807-12.85%205.424C1.807%2072.998%200%2077.279%200%2082.228c0%204.948%201.807%209.229%205.424%2012.847l127.907%20127.907c3.621%203.617%207.902%205.428%2012.85%205.428s9.233-1.811%2012.847-5.428L286.935%2095.074c3.613-3.617%205.427-7.898%205.427-12.847%200-4.948-1.814-9.229-5.427-12.85z%22%2F%3E%3C%2Fsvg%3E%0A%0A%0A%0A");
|
|
26
27
|
background-size: 100%;
|
|
27
28
|
content: "";
|
|
28
29
|
display: block;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
// html:not([class*="ua-"]) #root > div:not(.ApplicationLayout):not(.notification-container-wrapper):after {
|
|
2
|
+
// background: red;
|
|
3
|
+
// color: white;
|
|
4
|
+
// content: "ApplicationLayout is missing! For help #rio-uikit";
|
|
5
|
+
// inset-inline: 0;
|
|
6
|
+
// padding: 10px;
|
|
7
|
+
// position: fixed;
|
|
8
|
+
// text-align: center;
|
|
9
|
+
// top: 0;
|
|
10
|
+
// z-index: 214134354235;
|
|
11
|
+
// }
|
package/lib/es/version.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rio-cloud/rio-uikit",
|
|
3
|
-
"version": "0.16.3
|
|
3
|
+
"version": "0.16.3",
|
|
4
4
|
"description": "The RIO UIKIT component library",
|
|
5
5
|
"repository": "https://collaboration.msi.audi.com/stash/projects/RIOFRONT/repos/uikit-web/browse",
|
|
6
6
|
"scripts": {
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"build:style-vw": "vite build --mode style-vw",
|
|
21
21
|
"build:style-scania": "vite build --mode style-scania",
|
|
22
22
|
"build:style-xmas": "vite build --mode style-xmas",
|
|
23
|
-
"build:font": "vite build --mode font",
|
|
23
|
+
"build:font": "svgo -f webfont/rioglyph-export && vite build --mode font",
|
|
24
24
|
"fixEsmImports": "node tools/fixEsmImportsInDeclarations.mjs",
|
|
25
25
|
"fixCssMinified": "node tools/fixCssMinified.mjs",
|
|
26
26
|
"format-code": "npm run format-code:uikit && npm run format-code:demo",
|
|
@@ -102,8 +102,10 @@
|
|
|
102
102
|
"react-intl": "6.3.2",
|
|
103
103
|
"rollup-plugin-copy": "^3.4.0",
|
|
104
104
|
"strip-ansi": "7.0.1",
|
|
105
|
+
"svgo": "^3.0.2",
|
|
105
106
|
"typescript": "4.9.5",
|
|
106
107
|
"vite": "4.2.1",
|
|
108
|
+
"vite-plugin-zip-pack": "^1.0.5",
|
|
107
109
|
"vitest": "0.30.1",
|
|
108
110
|
"webfonts-generator": "github:rio-cloud/webfonts-generator#f666e60803da9155175a7f1775e09671d47a383b"
|
|
109
111
|
},
|
|
@@ -12,6 +12,7 @@ table > thead > tr > th {
|
|
|
12
12
|
white-space: nowrap;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
+
@sortArrowColor: escape('@{gray-dark}');
|
|
15
16
|
.sort-arrows {
|
|
16
17
|
display: inline-block;
|
|
17
18
|
height: 14px;
|
|
@@ -22,7 +23,7 @@ table > thead > tr > th {
|
|
|
22
23
|
|
|
23
24
|
&:before,
|
|
24
25
|
&:after {
|
|
25
|
-
background-image: url(~"data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.362%22%20height%3D%22292.362%22%3E%3Cpath%20d%3D%22M286.935%2069.377c-3.614-3.617-7.898-5.424-12.848-5.424H18.274c-4.952%200-9.233%201.807-12.85%205.424C1.807%2072.998%200%2077.279%200%2082.228c0%204.948%201.807%209.229%205.424%2012.847l127.907%20127.907c3.621%203.617%207.902%205.428%2012.85%205.428s9.233-1.811%2012.847-5.428L286.935%2095.074c3.613-3.617%205.427-7.898%205.427-12.847%200-4.948-1.814-9.229-5.427-12.85z%22%2F%3E%3C%2Fsvg%3E%0A%0A%0A%0A");
|
|
26
|
+
background-image: url(~"data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.362%22%20height%3D%22292.362%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3A@{sortArrowColor}%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M286.935%2069.377c-3.614-3.617-7.898-5.424-12.848-5.424H18.274c-4.952%200-9.233%201.807-12.85%205.424C1.807%2072.998%200%2077.279%200%2082.228c0%204.948%201.807%209.229%205.424%2012.847l127.907%20127.907c3.621%203.617%207.902%205.428%2012.85%205.428s9.233-1.811%2012.847-5.428L286.935%2095.074c3.613-3.617%205.427-7.898%205.427-12.847%200-4.948-1.814-9.229-5.427-12.85z%22%2F%3E%3C%2Fsvg%3E%0A%0A%0A%0A");
|
|
26
27
|
background-size: 100%;
|
|
27
28
|
content: "";
|
|
28
29
|
display: block;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
// html:not([class*="ua-"]) #root > div:not(.ApplicationLayout):not(.notification-container-wrapper):after {
|
|
2
|
+
// background: red;
|
|
3
|
+
// color: white;
|
|
4
|
+
// content: "ApplicationLayout is missing! For help #rio-uikit";
|
|
5
|
+
// inset-inline: 0;
|
|
6
|
+
// padding: 10px;
|
|
7
|
+
// position: fixed;
|
|
8
|
+
// text-align: center;
|
|
9
|
+
// top: 0;
|
|
10
|
+
// z-index: 214134354235;
|
|
11
|
+
// }
|
package/version.json
CHANGED