@peculiar/react-components 0.0.2-alpha.271 → 0.0.2-alpha.272
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/dist/cjs/styles/colors/additional.js +0 -1
- package/dist/cjs/styles/colors/additional.js.map +1 -1
- package/dist/cjs/styles/colors/attention.js +24 -0
- package/dist/cjs/styles/colors/attention.js.map +1 -0
- package/dist/cjs/styles/colors/index.js +4 -1
- package/dist/cjs/styles/colors/index.js.map +1 -1
- package/dist/cjs/styles/default_theme.js +1 -1
- package/dist/cjs/styles/default_theme.js.map +1 -1
- package/dist/cjs/styles/utils.js +3 -2
- package/dist/cjs/styles/utils.js.map +1 -1
- package/dist/esm/styles/colors/additional.js +0 -1
- package/dist/esm/styles/colors/additional.js.map +1 -1
- package/dist/esm/styles/colors/attention.js +20 -0
- package/dist/esm/styles/colors/attention.js.map +1 -0
- package/dist/esm/styles/colors/index.js +1 -0
- package/dist/esm/styles/colors/index.js.map +1 -1
- package/dist/esm/styles/default_theme.js +2 -2
- package/dist/esm/styles/default_theme.js.map +1 -1
- package/dist/esm/styles/utils.js +4 -3
- package/dist/esm/styles/utils.js.map +1 -1
- package/dist/esnext/styles/colors/additional.js +0 -1
- package/dist/esnext/styles/colors/additional.js.map +1 -1
- package/dist/esnext/styles/colors/attention.js +19 -0
- package/dist/esnext/styles/colors/attention.js.map +1 -0
- package/dist/esnext/styles/colors/index.js +1 -0
- package/dist/esnext/styles/colors/index.js.map +1 -1
- package/dist/esnext/styles/default_theme.js +7 -3
- package/dist/esnext/styles/default_theme.js.map +1 -1
- package/dist/esnext/styles/utils.js +3 -1
- package/dist/esnext/styles/utils.js.map +1 -1
- package/dist/types/styles/colors/additional.d.ts +0 -1
- package/dist/types/styles/colors/attention.d.ts +26 -0
- package/dist/types/styles/colors/index.d.ts +1 -0
- package/dist/types/styles/types.d.ts +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"additional.js","sourceRoot":"","sources":["../../../../src/styles/colors/additional.ts"],"names":[],"mappings":";;;AAAa,QAAA,UAAU,GAAG;IACxB,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;
|
|
1
|
+
{"version":3,"file":"additional.js","sourceRoot":"","sources":["../../../../src/styles/colors/additional.ts"],"names":[],"mappings":";;;AAAa,QAAA,UAAU,GAAG;IACxB,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;CACrB,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.attention = exports.generateAttentionColors = void 0;
|
|
4
|
+
var color_1 = require("@peculiar/color");
|
|
5
|
+
var generateAttentionColors = function (hex) {
|
|
6
|
+
if (hex === void 0) { hex = '#F7A831'; }
|
|
7
|
+
var palette = new color_1.Color(hex).palette();
|
|
8
|
+
return {
|
|
9
|
+
'attention-tint-5': palette.tint5.toHexString(),
|
|
10
|
+
'attention-tint-4': palette.tint4.toHexString(),
|
|
11
|
+
'attention-tint-3': palette.tint3.toHexString(),
|
|
12
|
+
'attention-tint-2': palette.tint2.toHexString(),
|
|
13
|
+
'attention-tint-1': palette.tint1.toHexString(),
|
|
14
|
+
attention: palette.base.toHexString(),
|
|
15
|
+
'attention-shade-1': palette.shade1.toHexString(),
|
|
16
|
+
'attention-shade-2': palette.shade2.toHexString(),
|
|
17
|
+
'attention-shade-3': palette.shade3.toHexString(),
|
|
18
|
+
'attention-shade-4': palette.shade4.toHexString(),
|
|
19
|
+
'attention-shade-5': palette.shade5.toHexString(),
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
exports.generateAttentionColors = generateAttentionColors;
|
|
23
|
+
exports.attention = exports.generateAttentionColors();
|
|
24
|
+
//# sourceMappingURL=attention.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"attention.js","sourceRoot":"","sources":["../../../../src/styles/colors/attention.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AAEjC,IAAM,uBAAuB,GAAG,UAAC,GAAuB;IAAvB,oBAAA,EAAA,eAAuB;IAC7D,IAAM,OAAO,GAAG,IAAI,aAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IAEzC,OAAO;QACL,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;QACrC,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;KAClD,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,uBAAuB,2BAgBlC;AAEW,QAAA,SAAS,GAAG,+BAAuB,EAAE,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.additional = exports.generateWrongColors = exports.wrong = exports.generateSecondaryColors = exports.secondary = exports.generatePrimaryColors = exports.primary = exports.grayscale = void 0;
|
|
3
|
+
exports.additional = exports.generateAttentionColors = exports.attention = exports.generateWrongColors = exports.wrong = exports.generateSecondaryColors = exports.secondary = exports.generatePrimaryColors = exports.primary = exports.grayscale = void 0;
|
|
4
4
|
var grayscale_1 = require("./grayscale");
|
|
5
5
|
Object.defineProperty(exports, "grayscale", { enumerable: true, get: function () { return grayscale_1.grayscale; } });
|
|
6
6
|
var primary_1 = require("./primary");
|
|
@@ -12,6 +12,9 @@ Object.defineProperty(exports, "generateSecondaryColors", { enumerable: true, ge
|
|
|
12
12
|
var wrong_1 = require("./wrong");
|
|
13
13
|
Object.defineProperty(exports, "wrong", { enumerable: true, get: function () { return wrong_1.wrong; } });
|
|
14
14
|
Object.defineProperty(exports, "generateWrongColors", { enumerable: true, get: function () { return wrong_1.generateWrongColors; } });
|
|
15
|
+
var attention_1 = require("./attention");
|
|
16
|
+
Object.defineProperty(exports, "attention", { enumerable: true, get: function () { return attention_1.attention; } });
|
|
17
|
+
Object.defineProperty(exports, "generateAttentionColors", { enumerable: true, get: function () { return attention_1.generateAttentionColors; } });
|
|
15
18
|
var additional_1 = require("./additional");
|
|
16
19
|
Object.defineProperty(exports, "additional", { enumerable: true, get: function () { return additional_1.additional; } });
|
|
17
20
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/colors/index.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAClB,qCAA2D;AAAlD,kGAAA,OAAO,OAAA;AAAE,gHAAA,qBAAqB,OAAA;AACvC,yCAAiE;AAAxD,sGAAA,SAAS,OAAA;AAAE,oHAAA,uBAAuB,OAAA;AAC3C,iCAAqD;AAA5C,8FAAA,KAAK,OAAA;AAAE,4GAAA,mBAAmB,OAAA;AACnC,2CAA0C;AAAjC,wGAAA,UAAU,OAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/colors/index.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAClB,qCAA2D;AAAlD,kGAAA,OAAO,OAAA;AAAE,gHAAA,qBAAqB,OAAA;AACvC,yCAAiE;AAAxD,sGAAA,SAAS,OAAA;AAAE,oHAAA,uBAAuB,OAAA;AAC3C,iCAAqD;AAA5C,8FAAA,KAAK,OAAA;AAAE,4GAAA,mBAAmB,OAAA;AACnC,yCAAiE;AAAxD,sGAAA,SAAS,OAAA;AAAE,oHAAA,uBAAuB,OAAA;AAC3C,2CAA0C;AAAjC,wGAAA,UAAU,OAAA"}
|
|
@@ -15,7 +15,7 @@ exports.defaultTheme = void 0;
|
|
|
15
15
|
var colors_1 = require("./colors");
|
|
16
16
|
var sizes_1 = require("./sizes");
|
|
17
17
|
exports.defaultTheme = {
|
|
18
|
-
color: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, colors_1.primary), { 'primary-contrast': colors_1.grayscale.white }), colors_1.secondary), { 'secondary-contrast': colors_1.grayscale.white }), colors_1.wrong), { 'wrong-contrast': colors_1.grayscale.white }), colors_1.
|
|
18
|
+
color: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, colors_1.primary), { 'primary-contrast': colors_1.grayscale.white }), colors_1.secondary), { 'secondary-contrast': colors_1.grayscale.white }), colors_1.wrong), { 'wrong-contrast': colors_1.grayscale.white }), colors_1.attention), colors_1.grayscale), colors_1.additional),
|
|
19
19
|
shadow: {
|
|
20
20
|
'light-low': '0px 1px 3px rgba(85, 94, 98, 0.12), 0px 3px 3px rgba(85, 94, 98, 0.08), 0px 1px 7px rgba(85, 94, 98, 0.06)',
|
|
21
21
|
'light-medium': '0px 1px 4px rgba(85, 94, 98, 0.18), 0px 3px 5px rgba(85, 94, 98, 0.14), 0px 1px 10px rgba(85, 94, 98, 0.12)',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default_theme.js","sourceRoot":"","sources":["../../../src/styles/default_theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,
|
|
1
|
+
{"version":3,"file":"default_theme.js","sourceRoot":"","sources":["../../../src/styles/default_theme.ts"],"names":[],"mappings":"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"}
|
package/dist/cjs/styles/utils.js
CHANGED
|
@@ -24,10 +24,11 @@ var sizes_1 = require("./sizes");
|
|
|
24
24
|
exports.themeCSSVariablePrefix = 'pv';
|
|
25
25
|
exports.contrastThreshold = 2;
|
|
26
26
|
var createTheme = function (options) {
|
|
27
|
-
var _a, _b, _c;
|
|
27
|
+
var _a, _b, _c, _d;
|
|
28
28
|
var primary = colors_1.generatePrimaryColors((_a = options === null || options === void 0 ? void 0 : options.color) === null || _a === void 0 ? void 0 : _a.primary);
|
|
29
29
|
var secondary = colors_1.generateSecondaryColors((_b = options === null || options === void 0 ? void 0 : options.color) === null || _b === void 0 ? void 0 : _b.secondary);
|
|
30
30
|
var wrong = colors_1.generateWrongColors((_c = options === null || options === void 0 ? void 0 : options.color) === null || _c === void 0 ? void 0 : _c.wrong);
|
|
31
|
+
var attention = colors_1.generateAttentionColors((_d = options === null || options === void 0 ? void 0 : options.color) === null || _d === void 0 ? void 0 : _d.attention);
|
|
31
32
|
var size = sizes_1.generateBaseSize(options === null || options === void 0 ? void 0 : options.size);
|
|
32
33
|
function getContrastText(background) {
|
|
33
34
|
var contrastRatio = new color_1.Color(background)
|
|
@@ -37,7 +38,7 @@ var createTheme = function (options) {
|
|
|
37
38
|
: default_theme_1.defaultTheme.color.black;
|
|
38
39
|
}
|
|
39
40
|
var partialTheme = deepmerge_1.default(options, {
|
|
40
|
-
color: __assign(__assign(__assign(__assign({}, primary), secondary), wrong), { 'primary-contrast': getContrastText(primary.primary), 'secondary-contrast': getContrastText(secondary.secondary), 'wrong-contrast': getContrastText(wrong.wrong) }),
|
|
41
|
+
color: __assign(__assign(__assign(__assign(__assign({}, primary), secondary), wrong), attention), { 'primary-contrast': getContrastText(primary.primary), 'secondary-contrast': getContrastText(secondary.secondary), 'wrong-contrast': getContrastText(wrong.wrong) }),
|
|
41
42
|
size: size,
|
|
42
43
|
});
|
|
43
44
|
return deepmerge_1.default(default_theme_1.defaultTheme, partialTheme);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/styles/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,8CAAwB;AACxB,wDAAkC;AAClC,yCAAwC;AACxC,iDAA+C;AAE/C,
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/styles/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,8CAAwB;AACxB,wDAAkC;AAClC,yCAAwC;AACxC,iDAA+C;AAE/C,mCAKkB;AAClB,iCAEiB;AAEJ,QAAA,sBAAsB,GAAG,IAAI,CAAC;AAC9B,QAAA,iBAAiB,GAAG,CAAC,CAAC;AAE5B,IAAM,WAAW,GAAG,UAAC,OAA0B;;IACpD,IAAM,OAAO,GAAG,8BAAqB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,OAAO,CAAC,CAAC;IAC/D,IAAM,SAAS,GAAG,gCAAuB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,SAAS,CAAC,CAAC;IACrE,IAAM,KAAK,GAAG,4BAAmB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,KAAK,CAAC,CAAC;IACzD,IAAM,SAAS,GAAG,gCAAuB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,SAAS,CAAC,CAAC;IACrE,IAAM,IAAI,GAAG,wBAAgB,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,CAAC;IAE7C,SAAS,eAAe,CAAC,UAAkB;QACzC,IAAM,aAAa,GAAG,IAAI,aAAK,CAAC,UAAU,CAAC;aACxC,gBAAgB,CAAC,4BAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAE9C,OAAO,aAAa,GAAG,yBAAiB;YACtC,CAAC,CAAC,4BAAY,CAAC,KAAK,CAAC,KAAK;YAC1B,CAAC,CAAC,4BAAY,CAAC,KAAK,CAAC,KAAK,CAAC;IAC/B,CAAC;IAED,IAAM,YAAY,GAAG,mBAAS,CAAC,OAAO,EAAE;QACtC,KAAK,EAAE,iDACF,OAAO,GACP,SAAS,GACT,KAAK,GACL,SAAS,KACZ,kBAAkB,EAAE,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,EACpD,oBAAoB,EAAE,eAAe,CAAC,SAAS,CAAC,SAAS,CAAC,EAC1D,gBAAgB,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,GACT;QACvC,IAAI,MAAA;KACL,CAAC,CAAC;IAEH,OAAO,mBAAS,CAAC,4BAAY,EAAE,YAAY,CAAC,CAAC;AAC/C,CAAC,CAAC;AA9BW,QAAA,WAAW,eA8BtB;AAEK,IAAM,iCAAiC,GAAG,UAAC,MAA2B;;IAC3E,IAAM,OAAO,GAAG,cAAI;QAEhB,GAAC,OAAK,8BAAwB,IAAG,MAAM;aAEzC,EAAE,SAAS,EAAE,GAAG,EAAE,CACnB,CAAC;IAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AATW,QAAA,iCAAiC,qCAS5C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"additional.js","sourceRoot":"","sources":["../../../../src/styles/colors/additional.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,UAAU,GAAG;IACxB,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;
|
|
1
|
+
{"version":3,"file":"additional.js","sourceRoot":"","sources":["../../../../src/styles/colors/additional.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,UAAU,GAAG;IACxB,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;CACrB,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Color } from '@peculiar/color';
|
|
2
|
+
export var generateAttentionColors = function (hex) {
|
|
3
|
+
if (hex === void 0) { hex = '#F7A831'; }
|
|
4
|
+
var palette = new Color(hex).palette();
|
|
5
|
+
return {
|
|
6
|
+
'attention-tint-5': palette.tint5.toHexString(),
|
|
7
|
+
'attention-tint-4': palette.tint4.toHexString(),
|
|
8
|
+
'attention-tint-3': palette.tint3.toHexString(),
|
|
9
|
+
'attention-tint-2': palette.tint2.toHexString(),
|
|
10
|
+
'attention-tint-1': palette.tint1.toHexString(),
|
|
11
|
+
attention: palette.base.toHexString(),
|
|
12
|
+
'attention-shade-1': palette.shade1.toHexString(),
|
|
13
|
+
'attention-shade-2': palette.shade2.toHexString(),
|
|
14
|
+
'attention-shade-3': palette.shade3.toHexString(),
|
|
15
|
+
'attention-shade-4': palette.shade4.toHexString(),
|
|
16
|
+
'attention-shade-5': palette.shade5.toHexString(),
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
export var attention = generateAttentionColors();
|
|
20
|
+
//# sourceMappingURL=attention.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"attention.js","sourceRoot":"","sources":["../../../../src/styles/colors/attention.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,GAAuB;IAAvB,oBAAA,EAAA,eAAuB;IAC7D,IAAM,OAAO,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IAEzC,OAAO;QACL,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;QACrC,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;KAClD,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,uBAAuB,EAAE,CAAC"}
|
|
@@ -2,5 +2,6 @@ export { grayscale } from './grayscale';
|
|
|
2
2
|
export { primary, generatePrimaryColors } from './primary';
|
|
3
3
|
export { secondary, generateSecondaryColors } from './secondary';
|
|
4
4
|
export { wrong, generateWrongColors } from './wrong';
|
|
5
|
+
export { attention, generateAttentionColors } from './attention';
|
|
5
6
|
export { additional } from './additional';
|
|
6
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/colors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/colors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -9,10 +9,10 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
9
|
};
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
|
-
import { grayscale, primary, secondary, wrong, additional, } from './colors';
|
|
12
|
+
import { grayscale, primary, secondary, wrong, attention, additional, } from './colors';
|
|
13
13
|
import { base } from './sizes';
|
|
14
14
|
export var defaultTheme = {
|
|
15
|
-
color: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, primary), { 'primary-contrast': grayscale.white }), secondary), { 'secondary-contrast': grayscale.white }), wrong), { 'wrong-contrast': grayscale.white }),
|
|
15
|
+
color: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, primary), { 'primary-contrast': grayscale.white }), secondary), { 'secondary-contrast': grayscale.white }), wrong), { 'wrong-contrast': grayscale.white }), attention), grayscale), additional),
|
|
16
16
|
shadow: {
|
|
17
17
|
'light-low': '0px 1px 3px rgba(85, 94, 98, 0.12), 0px 3px 3px rgba(85, 94, 98, 0.08), 0px 1px 7px rgba(85, 94, 98, 0.06)',
|
|
18
18
|
'light-medium': '0px 1px 4px rgba(85, 94, 98, 0.18), 0px 3px 5px rgba(85, 94, 98, 0.14), 0px 1px 10px rgba(85, 94, 98, 0.12)',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default_theme.js","sourceRoot":"","sources":["../../../src/styles/default_theme.ts"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EACL,SAAS,EACT,OAAO,EACP,SAAS,EACT,KAAK,EACL,UAAU,GACX,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,CAAC,IAAM,YAAY,GAAc;IACrC,KAAK,
|
|
1
|
+
{"version":3,"file":"default_theme.js","sourceRoot":"","sources":["../../../src/styles/default_theme.ts"],"names":[],"mappings":"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"}
|
package/dist/esm/styles/utils.js
CHANGED
|
@@ -13,15 +13,16 @@ import flat from 'flat';
|
|
|
13
13
|
import deepmerge from 'deepmerge';
|
|
14
14
|
import { Color } from '@peculiar/color';
|
|
15
15
|
import { defaultTheme } from './default_theme';
|
|
16
|
-
import { generateWrongColors, generateSecondaryColors, generatePrimaryColors, } from './colors';
|
|
16
|
+
import { generateWrongColors, generateSecondaryColors, generatePrimaryColors, generateAttentionColors, } from './colors';
|
|
17
17
|
import { generateBaseSize, } from './sizes';
|
|
18
18
|
export var themeCSSVariablePrefix = 'pv';
|
|
19
19
|
export var contrastThreshold = 2;
|
|
20
20
|
export var createTheme = function (options) {
|
|
21
|
-
var _a, _b, _c;
|
|
21
|
+
var _a, _b, _c, _d;
|
|
22
22
|
var primary = generatePrimaryColors((_a = options === null || options === void 0 ? void 0 : options.color) === null || _a === void 0 ? void 0 : _a.primary);
|
|
23
23
|
var secondary = generateSecondaryColors((_b = options === null || options === void 0 ? void 0 : options.color) === null || _b === void 0 ? void 0 : _b.secondary);
|
|
24
24
|
var wrong = generateWrongColors((_c = options === null || options === void 0 ? void 0 : options.color) === null || _c === void 0 ? void 0 : _c.wrong);
|
|
25
|
+
var attention = generateAttentionColors((_d = options === null || options === void 0 ? void 0 : options.color) === null || _d === void 0 ? void 0 : _d.attention);
|
|
25
26
|
var size = generateBaseSize(options === null || options === void 0 ? void 0 : options.size);
|
|
26
27
|
function getContrastText(background) {
|
|
27
28
|
var contrastRatio = new Color(background)
|
|
@@ -31,7 +32,7 @@ export var createTheme = function (options) {
|
|
|
31
32
|
: defaultTheme.color.black;
|
|
32
33
|
}
|
|
33
34
|
var partialTheme = deepmerge(options, {
|
|
34
|
-
color: __assign(__assign(__assign(__assign({}, primary), secondary), wrong), { 'primary-contrast': getContrastText(primary.primary), 'secondary-contrast': getContrastText(secondary.secondary), 'wrong-contrast': getContrastText(wrong.wrong) }),
|
|
35
|
+
color: __assign(__assign(__assign(__assign(__assign({}, primary), secondary), wrong), attention), { 'primary-contrast': getContrastText(primary.primary), 'secondary-contrast': getContrastText(secondary.secondary), 'wrong-contrast': getContrastText(wrong.wrong) }),
|
|
35
36
|
size: size,
|
|
36
37
|
});
|
|
37
38
|
return deepmerge(defaultTheme, partialTheme);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/styles/utils.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,qBAAqB,
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/styles/utils.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,gBAAgB,GACjB,MAAM,SAAS,CAAC;AAEjB,MAAM,CAAC,IAAM,sBAAsB,GAAG,IAAI,CAAC;AAC3C,MAAM,CAAC,IAAM,iBAAiB,GAAG,CAAC,CAAC;AAEnC,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,OAA0B;;IACpD,IAAM,OAAO,GAAG,qBAAqB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,OAAO,CAAC,CAAC;IAC/D,IAAM,SAAS,GAAG,uBAAuB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,SAAS,CAAC,CAAC;IACrE,IAAM,KAAK,GAAG,mBAAmB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,KAAK,CAAC,CAAC;IACzD,IAAM,SAAS,GAAG,uBAAuB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,SAAS,CAAC,CAAC;IACrE,IAAM,IAAI,GAAG,gBAAgB,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,CAAC;IAE7C,SAAS,eAAe,CAAC,UAAkB;QACzC,IAAM,aAAa,GAAG,IAAI,KAAK,CAAC,UAAU,CAAC;aACxC,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAE9C,OAAO,aAAa,GAAG,iBAAiB;YACtC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK;YAC1B,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;IAC/B,CAAC;IAED,IAAM,YAAY,GAAG,SAAS,CAAC,OAAO,EAAE;QACtC,KAAK,EAAE,iDACF,OAAO,GACP,SAAS,GACT,KAAK,GACL,SAAS,KACZ,kBAAkB,EAAE,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,EACpD,oBAAoB,EAAE,eAAe,CAAC,SAAS,CAAC,SAAS,CAAC,EAC1D,gBAAgB,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,GACT;QACvC,IAAI,MAAA;KACL,CAAC,CAAC;IAEH,OAAO,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;AAC/C,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iCAAiC,GAAG,UAAC,MAA2B;;IAC3E,IAAM,OAAO,GAAG,IAAI;QAEhB,GAAC,OAAK,sBAAwB,IAAG,MAAM;aAEzC,EAAE,SAAS,EAAE,GAAG,EAAE,CACnB,CAAC;IAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"additional.js","sourceRoot":"","sources":["../../../../src/styles/colors/additional.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;
|
|
1
|
+
{"version":3,"file":"additional.js","sourceRoot":"","sources":["../../../../src/styles/colors/additional.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;CACrB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Color } from '@peculiar/color';
|
|
2
|
+
export const generateAttentionColors = (hex = '#F7A831') => {
|
|
3
|
+
const palette = new Color(hex).palette();
|
|
4
|
+
return {
|
|
5
|
+
'attention-tint-5': palette.tint5.toHexString(),
|
|
6
|
+
'attention-tint-4': palette.tint4.toHexString(),
|
|
7
|
+
'attention-tint-3': palette.tint3.toHexString(),
|
|
8
|
+
'attention-tint-2': palette.tint2.toHexString(),
|
|
9
|
+
'attention-tint-1': palette.tint1.toHexString(),
|
|
10
|
+
attention: palette.base.toHexString(),
|
|
11
|
+
'attention-shade-1': palette.shade1.toHexString(),
|
|
12
|
+
'attention-shade-2': palette.shade2.toHexString(),
|
|
13
|
+
'attention-shade-3': palette.shade3.toHexString(),
|
|
14
|
+
'attention-shade-4': palette.shade4.toHexString(),
|
|
15
|
+
'attention-shade-5': palette.shade5.toHexString(),
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
export const attention = generateAttentionColors();
|
|
19
|
+
//# sourceMappingURL=attention.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"attention.js","sourceRoot":"","sources":["../../../../src/styles/colors/attention.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,MAAc,SAAS,EAAE,EAAE;IACjE,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IAEzC,OAAO;QACL,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;QACrC,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;KAClD,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,uBAAuB,EAAE,CAAC"}
|
|
@@ -2,5 +2,6 @@ export { grayscale } from './grayscale';
|
|
|
2
2
|
export { primary, generatePrimaryColors } from './primary';
|
|
3
3
|
export { secondary, generateSecondaryColors } from './secondary';
|
|
4
4
|
export { wrong, generateWrongColors } from './wrong';
|
|
5
|
+
export { attention, generateAttentionColors } from './attention';
|
|
5
6
|
export { additional } from './additional';
|
|
6
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/colors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/colors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { grayscale, primary, secondary, wrong, additional, } from './colors';
|
|
1
|
+
import { grayscale, primary, secondary, wrong, attention, additional, } from './colors';
|
|
2
2
|
import { base } from './sizes';
|
|
3
3
|
export const defaultTheme = {
|
|
4
4
|
color: {
|
|
@@ -18,13 +18,17 @@ export const defaultTheme = {
|
|
|
18
18
|
...wrong,
|
|
19
19
|
'wrong-contrast': grayscale.white,
|
|
20
20
|
/**
|
|
21
|
-
*
|
|
21
|
+
* attention
|
|
22
22
|
*/
|
|
23
|
-
...
|
|
23
|
+
...attention,
|
|
24
24
|
/**
|
|
25
25
|
* grayscale
|
|
26
26
|
*/
|
|
27
27
|
...grayscale,
|
|
28
|
+
/**
|
|
29
|
+
* additional
|
|
30
|
+
*/
|
|
31
|
+
...additional,
|
|
28
32
|
},
|
|
29
33
|
shadow: {
|
|
30
34
|
'light-low': '0px 1px 3px rgba(85, 94, 98, 0.12), 0px 3px 3px rgba(85, 94, 98, 0.08), 0px 1px 7px rgba(85, 94, 98, 0.06)',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default_theme.js","sourceRoot":"","sources":["../../../src/styles/default_theme.ts"],"names":[],"mappings":"AACA,OAAO,EACL,SAAS,EACT,OAAO,EACP,SAAS,EACT,KAAK,EACL,UAAU,GACX,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,CAAC,MAAM,YAAY,GAAc;IACrC,KAAK,EAAE;QACL;;WAEG;QACH,GAAG,OAAO;QACV,kBAAkB,EAAE,SAAS,CAAC,KAAK;QACnC;;WAEG;QACH,GAAG,SAAS;QACZ,oBAAoB,EAAE,SAAS,CAAC,KAAK;QACrC;;WAEG;QACH,GAAG,KAAK;QACR,gBAAgB,EAAE,SAAS,CAAC,KAAK;QACjC;;WAEG;QACH,GAAG,
|
|
1
|
+
{"version":3,"file":"default_theme.js","sourceRoot":"","sources":["../../../src/styles/default_theme.ts"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import flat from 'flat';
|
|
|
2
2
|
import deepmerge from 'deepmerge';
|
|
3
3
|
import { Color } from '@peculiar/color';
|
|
4
4
|
import { defaultTheme } from './default_theme';
|
|
5
|
-
import { generateWrongColors, generateSecondaryColors, generatePrimaryColors, } from './colors';
|
|
5
|
+
import { generateWrongColors, generateSecondaryColors, generatePrimaryColors, generateAttentionColors, } from './colors';
|
|
6
6
|
import { generateBaseSize, } from './sizes';
|
|
7
7
|
export const themeCSSVariablePrefix = 'pv';
|
|
8
8
|
export const contrastThreshold = 2;
|
|
@@ -10,6 +10,7 @@ export const createTheme = (options) => {
|
|
|
10
10
|
const primary = generatePrimaryColors(options?.color?.primary);
|
|
11
11
|
const secondary = generateSecondaryColors(options?.color?.secondary);
|
|
12
12
|
const wrong = generateWrongColors(options?.color?.wrong);
|
|
13
|
+
const attention = generateAttentionColors(options?.color?.attention);
|
|
13
14
|
const size = generateBaseSize(options?.size);
|
|
14
15
|
function getContrastText(background) {
|
|
15
16
|
const contrastRatio = new Color(background)
|
|
@@ -23,6 +24,7 @@ export const createTheme = (options) => {
|
|
|
23
24
|
...primary,
|
|
24
25
|
...secondary,
|
|
25
26
|
...wrong,
|
|
27
|
+
...attention,
|
|
26
28
|
'primary-contrast': getContrastText(primary.primary),
|
|
27
29
|
'secondary-contrast': getContrastText(secondary.secondary),
|
|
28
30
|
'wrong-contrast': getContrastText(wrong.wrong),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/styles/utils.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,qBAAqB,
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/styles/utils.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,gBAAgB,GACjB,MAAM,SAAS,CAAC;AAEjB,MAAM,CAAC,MAAM,sBAAsB,GAAG,IAAI,CAAC;AAC3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAEnC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,OAA0B,EAAE,EAAE;IACxD,MAAM,OAAO,GAAG,qBAAqB,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,uBAAuB,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;IACrE,MAAM,KAAK,GAAG,mBAAmB,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,uBAAuB,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;IACrE,MAAM,IAAI,GAAG,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAE7C,SAAS,eAAe,CAAC,UAAkB;QACzC,MAAM,aAAa,GAAG,IAAI,KAAK,CAAC,UAAU,CAAC;aACxC,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAE9C,OAAO,aAAa,GAAG,iBAAiB;YACtC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK;YAC1B,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;IAC/B,CAAC;IAED,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,EAAE;QACtC,KAAK,EAAE;YACL,GAAG,OAAO;YACV,GAAG,SAAS;YACZ,GAAG,KAAK;YACR,GAAG,SAAS;YACZ,kBAAkB,EAAE,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC;YACpD,oBAAoB,EAAE,eAAe,CAAC,SAAS,CAAC,SAAS,CAAC;YAC1D,gBAAgB,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;SACT;QACvC,IAAI;KACL,CAAC,CAAC;IAEH,OAAO,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;AAC/C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAAC,MAA2B,EAAE,EAAE;IAC/E,MAAM,OAAO,GAAG,IAAI,CAClB;QACE,CAAC,KAAK,sBAAsB,EAAE,CAAC,EAAE,MAAM;KACxC,EACD,EAAE,SAAS,EAAE,GAAG,EAAE,CACnB,CAAC;IAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export declare const generateAttentionColors: (hex?: string) => {
|
|
2
|
+
'attention-tint-5': string;
|
|
3
|
+
'attention-tint-4': string;
|
|
4
|
+
'attention-tint-3': string;
|
|
5
|
+
'attention-tint-2': string;
|
|
6
|
+
'attention-tint-1': string;
|
|
7
|
+
attention: string;
|
|
8
|
+
'attention-shade-1': string;
|
|
9
|
+
'attention-shade-2': string;
|
|
10
|
+
'attention-shade-3': string;
|
|
11
|
+
'attention-shade-4': string;
|
|
12
|
+
'attention-shade-5': string;
|
|
13
|
+
};
|
|
14
|
+
export declare const attention: {
|
|
15
|
+
'attention-tint-5': string;
|
|
16
|
+
'attention-tint-4': string;
|
|
17
|
+
'attention-tint-3': string;
|
|
18
|
+
'attention-tint-2': string;
|
|
19
|
+
'attention-tint-1': string;
|
|
20
|
+
attention: string;
|
|
21
|
+
'attention-shade-1': string;
|
|
22
|
+
'attention-shade-2': string;
|
|
23
|
+
'attention-shade-3': string;
|
|
24
|
+
'attention-shade-4': string;
|
|
25
|
+
'attention-shade-5': string;
|
|
26
|
+
};
|
|
@@ -2,4 +2,5 @@ export { grayscale } from './grayscale';
|
|
|
2
2
|
export { primary, generatePrimaryColors } from './primary';
|
|
3
3
|
export { secondary, generateSecondaryColors } from './secondary';
|
|
4
4
|
export { wrong, generateWrongColors } from './wrong';
|
|
5
|
+
export { attention, generateAttentionColors } from './attention';
|
|
5
6
|
export { additional } from './additional';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare type ColorType = ('primary-tint-5' | 'primary-tint-4' | 'primary-tint-3' | 'primary-tint-2' | 'primary-tint-1' | 'primary' | 'primary-shade-1' | 'primary-shade-2' | 'primary-shade-3' | 'primary-shade-4' | 'primary-shade-5' | 'secondary-tint-5' | 'secondary-tint-4' | 'secondary-tint-3' | 'secondary-tint-2' | 'secondary-tint-1' | 'secondary' | 'secondary-shade-1' | 'secondary-shade-2' | 'secondary-shade-3' | 'secondary-shade-4' | 'secondary-shade-5' | 'wrong-tint-5' | 'wrong-tint-4' | 'wrong-tint-3' | 'wrong-tint-2' | 'wrong-tint-1' | 'wrong' | 'wrong-shade-1' | 'wrong-shade-2' | 'wrong-shade-3' | 'wrong-shade-4' | 'wrong-shade-5' | '
|
|
1
|
+
export declare type ColorType = ('primary-tint-5' | 'primary-tint-4' | 'primary-tint-3' | 'primary-tint-2' | 'primary-tint-1' | 'primary' | 'primary-shade-1' | 'primary-shade-2' | 'primary-shade-3' | 'primary-shade-4' | 'primary-shade-5' | 'primary-contrast' | 'secondary-tint-5' | 'secondary-tint-4' | 'secondary-tint-3' | 'secondary-tint-2' | 'secondary-tint-1' | 'secondary' | 'secondary-shade-1' | 'secondary-shade-2' | 'secondary-shade-3' | 'secondary-shade-4' | 'secondary-shade-5' | 'secondary-contrast' | 'wrong-tint-5' | 'wrong-tint-4' | 'wrong-tint-3' | 'wrong-tint-2' | 'wrong-tint-1' | 'wrong' | 'wrong-shade-1' | 'wrong-shade-2' | 'wrong-shade-3' | 'wrong-shade-4' | 'wrong-shade-5' | 'wrong-contrast' | 'attention-tint-5' | 'attention-tint-4' | 'attention-tint-3' | 'attention-tint-2' | 'attention-tint-1' | 'attention' | 'attention-shade-1' | 'attention-shade-2' | 'attention-shade-3' | 'attention-shade-4' | 'attention-shade-5' | 'black' | 'gray-10' | 'gray-9' | 'gray-8' | 'gray-7' | 'gray-6' | 'gray-5' | 'gray-4' | 'gray-3' | 'gray-2' | 'gray-1' | 'white' | 'success' | 'extra-1' | 'extra-2');
|
|
2
2
|
export declare type ShadowType = ('light-low' | 'light-medium' | 'light-hight' | 'dark-medium' | 'dark-hight');
|
|
3
3
|
export declare type TypographyPropertiesType = {
|
|
4
4
|
weight: string;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@peculiar/react-components",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.0.2-alpha.
|
|
4
|
+
"version": "0.0.2-alpha.272+5f0f16a",
|
|
5
5
|
"author": "PeculiarVentures Team",
|
|
6
6
|
"description": "A simple and customizable component library to build faster, beautiful, and more accessible React applications.",
|
|
7
7
|
"keywords": [
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"@emotion/core": "^10.1.1",
|
|
43
43
|
"@emotion/css": "^11.7.1",
|
|
44
|
-
"@peculiar/color": "^0.0.2-alpha.
|
|
44
|
+
"@peculiar/color": "^0.0.2-alpha.272+5f0f16a",
|
|
45
45
|
"@popperjs/core": "^2.11.2",
|
|
46
46
|
"@types/flat": "^5.0.2",
|
|
47
47
|
"@types/react-transition-group": "^4.4.4",
|
|
@@ -84,5 +84,5 @@
|
|
|
84
84
|
"node": ">=12.x"
|
|
85
85
|
},
|
|
86
86
|
"license": "MIT",
|
|
87
|
-
"gitHead": "
|
|
87
|
+
"gitHead": "5f0f16a50e6f2513a902ccae1fb1e3fa25c6d5a4"
|
|
88
88
|
}
|