@aivenio/aquarium 1.72.0 → 1.73.0-rc1
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/_variables.scss +255 -244
- package/dist/atoms.cjs +1084 -947
- package/dist/atoms.mjs +1084 -947
- package/dist/src/atoms/Banner/Banner.js +3 -7
- package/dist/src/atoms/DataList/DataList.js +2 -2
- package/dist/src/atoms/Select/Select.js +2 -2
- package/dist/src/atoms/Toast/Toast.js +2 -2
- package/dist/src/atoms/Typography/Typography.js +3 -3
- package/dist/src/icons/award.d.ts +9 -0
- package/dist/src/icons/award.js +11 -0
- package/dist/src/icons/index.d.ts +1 -0
- package/dist/src/icons/index.js +2 -1
- package/dist/src/molecules/Box/Box.d.ts +5 -6
- package/dist/src/molecules/Box/Box.js +13 -7
- package/dist/src/molecules/Grid/Grid.js +4 -4
- package/dist/src/molecules/Section/Section.js +3 -3
- package/dist/src/molecules/Tailwindify/Tailwindify.d.ts +2 -1
- package/dist/src/molecules/Tailwindify/Tailwindify.js +1 -1
- package/dist/src/system.d.ts +1 -6
- package/dist/src/system.js +2 -11
- package/dist/src/tokens/tokens.json +647 -0
- package/dist/src/utils/breakpoints.js +3 -3
- package/dist/src/utils/useStyle.js +6 -2
- package/dist/styles.css +2074 -1473
- package/dist/system.cjs +1103 -971
- package/dist/system.mjs +1103 -973
- package/dist/tailwind.config.js +73 -161
- package/dist/tailwind.theme.json +383 -331
- package/dist/tokens.json +644 -562
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/designTokens.d.ts +12 -11
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +11 -9
- package/dist/src/js/resolveTheme.d.ts +0 -8
- package/dist/src/js/resolveTheme.js +0 -10
@@ -1,8 +1,8 @@
|
|
1
1
|
import isPlainObject from 'lodash/isPlainObject';
|
2
2
|
import isUndefined from 'lodash/isUndefined';
|
3
3
|
import orderBy from 'lodash/orderBy';
|
4
|
-
import
|
5
|
-
const { screens: allBreakpoints } =
|
4
|
+
import tokens from '../../src/tokens/tokens.json';
|
5
|
+
const { screens: allBreakpoints } = tokens;
|
6
6
|
// Make this a constant to avoid ordering the screens from each window resize
|
7
7
|
const SCREEN_TO_PX_MAPPING = getPxMapping(allBreakpoints);
|
8
8
|
const BREAKPOINT_PRIORITY = orderBy(Object.keys(SCREEN_TO_PX_MAPPING).map((key) => {
|
@@ -42,4 +42,4 @@ export function selectBreakpointValue(value, matches) {
|
|
42
42
|
}
|
43
43
|
return value;
|
44
44
|
}
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWtwb2ludHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdXRpbHMvYnJlYWtwb2ludHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxhQUFhLE1BQU0sc0JBQXNCLENBQUM7QUFDakQsT0FBTyxXQUFXLE1BQU0sb0JBQW9CLENBQUM7QUFDN0MsT0FBTyxPQUFPLE1BQU0sZ0JBQWdCLENBQUM7QUFFckMsT0FBTyxNQUFNLE1BQU0sd0JBQXdCLENBQUM7QUFJNUMsTUFBTSxFQUFFLE9BQU8sRUFBRSxjQUFjLEVBQUUsR0FBRyxNQUFNLENBQUM7QUFRM0MsNkVBQTZFO0FBQzdFLE1BQU0sb0JBQW9CLEdBQUcsWUFBWSxDQUFDLGNBQWMsQ0FBQyxDQUFDO0FBQzFELE1BQU0sbUJBQW1CLEdBQUcsT0FBTyxDQUNqQyxNQUFNLENBQUMsSUFBSSxDQUFDLG9CQUFvQixDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUU7SUFDNUMsT0FBTztRQUNMLFVBQVUsRUFBRSxHQUFpQjtRQUM3QixPQUFPLEVBQUUsb0JBQW9CLENBQUMsR0FBaUIsQ0FBQztLQUNqRCxDQUFDO0FBQ0osQ0FBQyxDQUFDLEVBQ0YsQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsQ0FBQyxPQUFPLEVBQ2xCLE1BQU0sQ0FDUCxDQUFDO0FBRUYsTUFBTSxVQUFVLFlBQVksQ0FBQyxXQUE4QjtJQUN6RCxPQUFPLE1BQU0sQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQ2xELE1BQU0sWUFBWSxHQUFHLFdBQVcsQ0FBQyxHQUFpQixDQUFDLENBQUM7UUFDcEQsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDaEMsTUFBTSxJQUFJLEtBQUssQ0FBQyx1Q0FBdUMsWUFBWSxtQ0FBbUMsQ0FBQyxDQUFDO1NBQ3pHO1FBRUQsdUNBQ0ssR0FBRyxLQUNOLENBQUMsR0FBRyxDQUFDLEVBQUUsUUFBUSxDQUFDLFlBQVksRUFBRSxFQUFFLENBQUMsSUFDakM7SUFDSixDQUFDLEVBQUUsRUFBdUIsQ0FBQyxDQUFDO0FBQzlCLENBQUM7QUFFRCxNQUFNLFVBQVUsVUFBVSxDQUFDLFVBQXNCO0lBQy9DLE1BQU0sT0FBTyxHQUFHLFlBQVksQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUU3QyxPQUFPLE1BQU0sQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQ3JELDZHQUE2RztRQUM3RyxNQUFNLE9BQU8sR0FDWCxDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUMsSUFBSSxVQUFVLENBQUMsS0FBSyxHQUFHLENBQUM7WUFDOUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxLQUFLLEdBQUcsT0FBTyxDQUFDLEdBQWlCLENBQUM7WUFDL0MsQ0FBQyxDQUFDLEdBQUcsS0FBSyxTQUFTO2dCQUNuQixDQUFDLENBQUMsSUFBSTtnQkFDTixDQUFDLENBQUMsS0FBSyxDQUFDO1FBRVosdUNBQ0ssR0FBRyxLQUNOLENBQUMsR0FBRyxDQUFDLEVBQUUsT0FBTyxJQUNkO0lBQ0osQ0FBQyxFQUFFLEVBQXVCLENBQUMsQ0FBQztBQUM5QixDQUFDO0FBRUQsTUFBTSxVQUFVLHFCQUFxQixDQUFDLEtBQTBCLEVBQUUsT0FBMEI7SUFDMUYsTUFBTSxFQUFFLEdBQUcsbUJBQW1CLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUU7UUFDekMsTUFBTSxjQUFjLEdBQUcsYUFBYSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQyxVQUFVLElBQUksS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7UUFDbEcsT0FBTyxDQUFDLFdBQVcsQ0FBQyxjQUFjLENBQUMsSUFBSSxPQUFPLENBQUMsRUFBRSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ2hFLENBQUMsQ0FBQyxDQUFDO0lBRUgsSUFBSSxDQUFDLFdBQVcsQ0FBQyxFQUFFLENBQUMsRUFBRTtRQUNwQixPQUFPLEtBQUssQ0FBQyxFQUFFLENBQUMsVUFBVSxDQUFDLENBQUM7S0FDN0I7SUFFRCxPQUFPLEtBQUssQ0FBQztBQUNmLENBQUMifQ==
|
@@ -23,6 +23,7 @@ const THEME_MAPPING = {
|
|
23
23
|
*/
|
24
24
|
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
|
25
25
|
export function resolveTailwindThemeValue(key, val) {
|
26
|
+
var _a;
|
26
27
|
/*
|
27
28
|
* If tailwind theme has the mapping for value, use it to get value.
|
28
29
|
* For example the theme has:
|
@@ -41,7 +42,10 @@ export function resolveTailwindThemeValue(key, val) {
|
|
41
42
|
* key would be "gridRow", and val could be e.g. "span-5"
|
42
43
|
*/
|
43
44
|
const resolvedKey = key in THEME_MAPPING ? THEME_MAPPING[key] : key;
|
44
|
-
|
45
|
+
// Some values can be nested within the theme. Until we'll refactor
|
46
|
+
// this to use actual token values, we'll try to find the value from
|
47
|
+
// two different paths just to be sure.
|
48
|
+
const found = (_a = get(partialTheme, [resolvedKey, val], undefined)) !== null && _a !== void 0 ? _a : get(partialTheme, [resolvedKey, ...(val !== null && val !== void 0 ? val : '').toString().split('-')], undefined);
|
45
49
|
if (!isUndefined(found)) {
|
46
50
|
return found;
|
47
51
|
}
|
@@ -75,4 +79,4 @@ export function useStyle(styles) {
|
|
75
79
|
return Object.assign(Object.assign({}, acc), { [key]: cssPropertyValue });
|
76
80
|
}, {});
|
77
81
|
}
|
78
|
-
//# sourceMappingURL=data:application/json;base64,
|
82
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlU3R5bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdXRpbHMvdXNlU3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUNuQyxPQUFPLEdBQUcsTUFBTSxZQUFZLENBQUM7QUFDN0IsT0FBTyxhQUFhLE1BQU0sc0JBQXNCLENBQUM7QUFDakQsT0FBTyxXQUFXLE1BQU0sb0JBQW9CLENBQUM7QUFDN0MsT0FBTyxZQUFZLE1BQU0scUJBQXFCLENBQUM7QUFFL0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFFcEUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFZOUQsTUFBTSxhQUFhLEdBQTJCO0lBQzVDLFVBQVUsRUFBRSxTQUFTO0lBQ3JCLGFBQWEsRUFBRSxTQUFTO0lBQ3hCLFdBQVcsRUFBRSxTQUFTO0lBQ3RCLFlBQVksRUFBRSxTQUFTO0lBQ3ZCLFNBQVMsRUFBRSxRQUFRO0lBQ25CLFlBQVksRUFBRSxRQUFRO0lBQ3RCLFVBQVUsRUFBRSxRQUFRO0lBQ3BCLFdBQVcsRUFBRSxRQUFRO0lBQ3JCLE1BQU0sRUFBRSxLQUFLO0lBQ2IsU0FBUyxFQUFFLEtBQUs7Q0FDakIsQ0FBQztBQUVGOzs7R0FHRztBQUNILDZFQUE2RTtBQUM3RSxNQUFNLFVBQVUseUJBQXlCLENBQUMsR0FBVyxFQUFFLEdBQVE7O0lBQzdEOzs7Ozs7Ozs7Ozs7Ozs7O09BZ0JHO0lBQ0gsTUFBTSxXQUFXLEdBQUcsR0FBRyxJQUFJLGFBQWEsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUM7SUFFcEUsbUVBQW1FO0lBQ25FLG9FQUFvRTtJQUNwRSx1Q0FBdUM7SUFDdkMsTUFBTSxLQUFLLEdBQ1QsTUFBQSxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUMsV0FBVyxFQUFFLEdBQUcsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxtQ0FDaEQsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDLFdBQVcsRUFBRSxHQUFHLENBQUMsR0FBRyxhQUFILEdBQUcsY0FBSCxHQUFHLEdBQUksRUFBRSxDQUFDLENBQUMsUUFBUSxFQUFFLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUM7SUFDcEYsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsRUFBRTtRQUN2QixPQUFPLEtBQUssQ0FBQztLQUNkO0lBRUQsT0FBTyxHQUFHLENBQUM7QUFDYixDQUFDO0FBRUQsTUFBTSxVQUFVLFFBQVEsQ0FBQyxNQUFvQjtJQUMzQyxNQUFNLE9BQU8sR0FBRyxVQUFVLENBQUMsbUJBQW1CLENBQUMsQ0FBQztJQUVoRCxPQUFPLE1BQU0sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQzdDOzs7V0FHRztRQUNILG9FQUFvRTtRQUNwRSxNQUFNLFFBQVEsR0FBRyxNQUFNLENBQUMsR0FBeUIsQ0FBRSxDQUFDO1FBRXBELE1BQU0sY0FBYyxHQUFHLGFBQWEsQ0FBQyxRQUFRLENBQUMsSUFBSSxPQUFPLElBQUksUUFBUSxDQUFDO1FBQ3RFLE1BQU0sS0FBSyxHQUFHLGNBQWMsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDO1FBQ3pELE1BQU0sYUFBYSxHQUFHLHFCQUFxQixDQUFDLEtBQUssRUFBRSxPQUFPLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUU5RSxNQUFNLFdBQVcsR0FBRyxXQUFXLENBQUMsUUFBUSxhQUFSLFFBQVEsdUJBQVIsUUFBUSxDQUFFLFdBQVcsQ0FBQztZQUNwRCxDQUFDLENBQUMsQ0FBQyxHQUFRLEVBQUUsRUFBRSxDQUFDLHlCQUF5QixDQUFDLEdBQUcsRUFBRSxHQUFHLENBQUM7WUFDbkQsQ0FBQyxDQUFDLHlFQUF5RTtnQkFDekUsNERBQTREO2dCQUM1RCxDQUFDLEdBQVEsRUFBRSxFQUFFLENBQUMseUJBQXlCLENBQUMsR0FBRyxFQUFFLFFBQVEsQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztRQUU1RSxNQUFNLGdCQUFnQixHQUFHLFdBQVcsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUNwRCxJQUFJLFdBQVcsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUFFO1lBQ2pDOzs7ZUFHRztZQUNILE9BQU8sR0FBRyxDQUFDO1NBQ1o7UUFFRCx1Q0FDSyxHQUFHLEtBQ04sQ0FBQyxHQUFHLENBQUMsRUFBRSxnQkFBZ0IsSUFDdkI7SUFDSixDQUFDLEVBQUUsRUFBeUIsQ0FBQyxDQUFDO0FBQ2hDLENBQUMifQ==
|