@pie-lib/render-ui 4.14.30-next.0 → 4.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/lib/color.js +16 -2
- package/lib/color.js.map +1 -1
- package/package.json +2 -2
- package/src/color.js +5 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,19 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [4.15.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/render-ui@4.14.29...@pie-lib/render-ui@4.15.0) (2023-08-15)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **text-select:** adjust colors and alignment of the color ([a51ba55](https://github.com/pie-framework/pie-lib/commit/a51ba5547f6e1559915d6ea967d406923831b561))
|
|
12
|
+
* **text-select:** PD-1163 create wrapper component ([b41db39](https://github.com/pie-framework/pie-lib/commit/b41db39ade332d19dca70a06d54acf51b5888c69))
|
|
13
|
+
* **text-select:** PD-1163 updates to tokens in text select ([2535c91](https://github.com/pie-framework/pie-lib/commit/2535c911f378f4cf41c8471bfa1898b996ffacee))
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
6
19
|
## [4.14.29](https://github.com/pie-framework/pie-lib/compare/@pie-lib/render-ui@4.14.28...@pie-lib/render-ui@4.14.29) (2023-07-24)
|
|
7
20
|
|
|
8
21
|
|
package/lib/color.js
CHANGED
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.v = exports.text = exports.secondaryText = exports.secondaryLight = exports.secondaryDark = exports.secondaryBackground = exports.secondary = exports.primaryText = exports.primaryLight = exports.primaryDark = exports.primary = exports.missing = exports.incorrect = exports.disabled = exports.defaults = exports.correct = exports.background = void 0;
|
|
8
|
+
exports.v = exports.text = exports.secondaryText = exports.secondaryLight = exports.secondaryDark = exports.secondaryBackground = exports.secondary = exports.primaryText = exports.primaryLight = exports.primaryDark = exports.primary = exports.missing = exports.incorrectSecondary = exports.incorrect = exports.disabled = exports.defaults = exports.correctSecondary = exports.correct = exports.background = void 0;
|
|
9
9
|
|
|
10
10
|
var _green = _interopRequireDefault(require("@material-ui/core/colors/green"));
|
|
11
11
|
|
|
@@ -21,8 +21,10 @@ var defaults = {
|
|
|
21
21
|
TEXT: 'black',
|
|
22
22
|
DISABLED: 'grey',
|
|
23
23
|
CORRECT: _green["default"][500],
|
|
24
|
+
CORRECT_SECONDARY: _green["default"][50],
|
|
24
25
|
INCORRECT: _orange["default"][500],
|
|
25
|
-
|
|
26
|
+
INCORRECT_SECONDARY: _red["default"][50],
|
|
27
|
+
MISSING: _red["default"][700],
|
|
26
28
|
PRIMARY: _indigo["default"][500],
|
|
27
29
|
PRIMARY_LIGHT: _indigo["default"][200],
|
|
28
30
|
PRIMARY_DARK: _indigo["default"][800],
|
|
@@ -69,12 +71,24 @@ var correct = function correct() {
|
|
|
69
71
|
|
|
70
72
|
exports.correct = correct;
|
|
71
73
|
|
|
74
|
+
var correctSecondary = function correctSecondary() {
|
|
75
|
+
return pv('correct-secondary', defaults.CORRECT_SECONDARY);
|
|
76
|
+
};
|
|
77
|
+
|
|
78
|
+
exports.correctSecondary = correctSecondary;
|
|
79
|
+
|
|
72
80
|
var incorrect = function incorrect() {
|
|
73
81
|
return pv('incorrect', defaults.INCORRECT);
|
|
74
82
|
};
|
|
75
83
|
|
|
76
84
|
exports.incorrect = incorrect;
|
|
77
85
|
|
|
86
|
+
var incorrectSecondary = function incorrectSecondary() {
|
|
87
|
+
return pv('incorrect-secondary', defaults.INCORRECT_SECONDARY);
|
|
88
|
+
};
|
|
89
|
+
|
|
90
|
+
exports.incorrectSecondary = incorrectSecondary;
|
|
91
|
+
|
|
78
92
|
var missing = function missing() {
|
|
79
93
|
return pv('missing', defaults.MISSING);
|
|
80
94
|
};
|
package/lib/color.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/color.js"],"names":["defaults","TEXT","DISABLED","CORRECT","green","INCORRECT","orange","
|
|
1
|
+
{"version":3,"sources":["../src/color.js"],"names":["defaults","TEXT","DISABLED","CORRECT","green","CORRECT_SECONDARY","INCORRECT","orange","INCORRECT_SECONDARY","red","MISSING","PRIMARY","indigo","PRIMARY_LIGHT","PRIMARY_DARK","SECONDARY","pink","A400","SECONDARY_LIGHT","SECONDARY_DARK","BACKGROUND","SECONDARY_BACKGROUND","Object","freeze","v","prefix","args","fallback","pop","reduceRight","acc","pv","text","disabled","correct","correctSecondary","incorrect","incorrectSecondary","missing","primary","primaryLight","primaryDark","primaryText","secondary","secondaryLight","secondaryDark","secondaryText","background","secondaryBackground"],"mappings":"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","sourcesContent":["import green from '@material-ui/core/colors/green';\nimport orange from '@material-ui/core/colors/orange';\nimport pink from '@material-ui/core/colors/pink';\nimport indigo from '@material-ui/core/colors/indigo';\nimport red from '@material-ui/core/colors/red';\n\nexport const defaults = {\n TEXT: 'black',\n DISABLED: 'grey',\n CORRECT: green[500],\n CORRECT_SECONDARY: green[50],\n INCORRECT: orange[500],\n INCORRECT_SECONDARY: red[50],\n MISSING: red[700],\n PRIMARY: indigo[500],\n PRIMARY_LIGHT: indigo[200],\n PRIMARY_DARK: indigo[800],\n SECONDARY: pink.A400,\n SECONDARY_LIGHT: pink[200],\n SECONDARY_DARK: pink[900],\n BACKGROUND: 'rgba(255,255,255,0)',\n SECONDARY_BACKGROUND: 'rgba(241,241,241,1)',\n};\n\nObject.freeze(defaults);\n\nexport const v = (prefix) => (...args) => {\n const fallback = args.pop();\n return args.reduceRight((acc, v) => {\n return `var(--${prefix}-${v}, ${acc})`;\n }, fallback);\n};\n\nconst pv = v('pie');\n\nexport const text = () => pv('text', defaults.TEXT);\nexport const disabled = () => pv('disabled', defaults.DISABLED);\nexport const correct = () => pv('correct', defaults.CORRECT);\nexport const correctSecondary = () => pv('correct-secondary', defaults.CORRECT_SECONDARY);\nexport const incorrect = () => pv('incorrect', defaults.INCORRECT);\nexport const incorrectSecondary = () => pv('incorrect-secondary', defaults.INCORRECT_SECONDARY);\nexport const missing = () => pv('missing', defaults.MISSING);\n\nexport const primary = () => pv('primary', defaults.PRIMARY);\nexport const primaryLight = () => pv('primary-light', defaults.PRIMARY_LIGHT);\nexport const primaryDark = () => pv('primary-dark', defaults.PRIMARY_DARK);\nexport const primaryText = () => pv('primary-text', 'text', defaults.TEXT);\n\nexport const secondary = () => pv('secondary', defaults.SECONDARY);\nexport const secondaryLight = () => pv('secondary-light', defaults.SECONDARY_LIGHT);\nexport const secondaryDark = () => pv('secondary-dark', defaults.SECONDARY_DARK);\n\nexport const secondaryText = () => pv('secondary-text', 'text', defaults.TEXT);\nexport const background = () => pv('background', defaults.BACKGROUND);\nexport const secondaryBackground = () => pv('secondary-background', defaults.SECONDARY_BACKGROUND);\n"],"file":"color.js"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pie-lib/render-ui",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.15.0",
|
|
4
4
|
"description": "Some shared ui elements when rendering - but not worthy of their own package yet.",
|
|
5
5
|
"module": "src/index.js",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -26,5 +26,5 @@
|
|
|
26
26
|
"react": "^16.8.1",
|
|
27
27
|
"react-dom": "^16.8.1"
|
|
28
28
|
},
|
|
29
|
-
"gitHead": "
|
|
29
|
+
"gitHead": "9204f9779384d3c8cac3f346685ecaf0b9020f04"
|
|
30
30
|
}
|
package/src/color.js
CHANGED
|
@@ -8,8 +8,10 @@ export const defaults = {
|
|
|
8
8
|
TEXT: 'black',
|
|
9
9
|
DISABLED: 'grey',
|
|
10
10
|
CORRECT: green[500],
|
|
11
|
+
CORRECT_SECONDARY: green[50],
|
|
11
12
|
INCORRECT: orange[500],
|
|
12
|
-
|
|
13
|
+
INCORRECT_SECONDARY: red[50],
|
|
14
|
+
MISSING: red[700],
|
|
13
15
|
PRIMARY: indigo[500],
|
|
14
16
|
PRIMARY_LIGHT: indigo[200],
|
|
15
17
|
PRIMARY_DARK: indigo[800],
|
|
@@ -34,7 +36,9 @@ const pv = v('pie');
|
|
|
34
36
|
export const text = () => pv('text', defaults.TEXT);
|
|
35
37
|
export const disabled = () => pv('disabled', defaults.DISABLED);
|
|
36
38
|
export const correct = () => pv('correct', defaults.CORRECT);
|
|
39
|
+
export const correctSecondary = () => pv('correct-secondary', defaults.CORRECT_SECONDARY);
|
|
37
40
|
export const incorrect = () => pv('incorrect', defaults.INCORRECT);
|
|
41
|
+
export const incorrectSecondary = () => pv('incorrect-secondary', defaults.INCORRECT_SECONDARY);
|
|
38
42
|
export const missing = () => pv('missing', defaults.MISSING);
|
|
39
43
|
|
|
40
44
|
export const primary = () => pv('primary', defaults.PRIMARY);
|