@tamagui/tamagui-dev-config 2.7.7 → 3.0.0-beta.643.1
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/createGenericFont.cjs +41 -50
- package/dist/cjs/fonts.cjs +82 -103
- package/dist/cjs/index.cjs +11 -12
- package/dist/cjs/media.cjs +64 -101
- package/dist/cjs/tamagui.dev.config.cjs +48 -82
- package/dist/cjs/themeMetadata.cjs +135 -0
- package/dist/cjs/themes.cjs +45 -0
- package/dist/esm/createGenericFont.mjs +28 -32
- package/dist/esm/createGenericFont.mjs.map +1 -1
- package/dist/esm/fonts.mjs +66 -84
- package/dist/esm/fonts.mjs.map +1 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/index.mjs +3 -3
- package/dist/esm/media.mjs +47 -82
- package/dist/esm/media.mjs.map +1 -1
- package/dist/esm/tamagui.dev.config.mjs +35 -66
- package/dist/esm/tamagui.dev.config.mjs.map +1 -1
- package/dist/esm/themeMetadata.mjs +109 -0
- package/dist/esm/themeMetadata.mjs.map +1 -0
- package/dist/esm/themes.mjs +25 -0
- package/dist/esm/themes.mjs.map +1 -0
- package/package.json +14 -25
- package/src/createGenericFont.ts +4 -4
- package/src/fonts.ts +9 -2
- package/src/media.ts +7 -7
- package/src/tamagui.dev.config.ts +12 -23
- package/src/themeMetadata.ts +128 -0
- package/src/themes.ts +34 -0
- package/dist/cjs/theme.dev.cjs +0 -302
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/index.mjs.map +0 -1
- package/dist/esm/theme.dev.mjs +0 -266
- package/dist/esm/theme.dev.mjs.map +0 -1
- package/motion.cjs +0 -1
- package/src/theme.dev.ts +0 -583
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
const schemes = ['light', 'dark']
|
|
2
|
+
const colors = ['black', 'white', 'gray', 'blue', 'red', 'yellow', 'green']
|
|
3
|
+
const paletteColors = [
|
|
4
|
+
'blue',
|
|
5
|
+
'gray',
|
|
6
|
+
'green',
|
|
7
|
+
'neutral',
|
|
8
|
+
'orange',
|
|
9
|
+
'pink',
|
|
10
|
+
'purple',
|
|
11
|
+
'red',
|
|
12
|
+
'teal',
|
|
13
|
+
'yellow',
|
|
14
|
+
]
|
|
15
|
+
export const componentThemes = [
|
|
16
|
+
'Button',
|
|
17
|
+
'Input',
|
|
18
|
+
'Progress',
|
|
19
|
+
'ProgressIndicator',
|
|
20
|
+
'Slider',
|
|
21
|
+
'SliderActive',
|
|
22
|
+
'SliderThumb',
|
|
23
|
+
'Switch',
|
|
24
|
+
'TextArea',
|
|
25
|
+
'Tooltip',
|
|
26
|
+
'SwitchThumb',
|
|
27
|
+
]
|
|
28
|
+
|
|
29
|
+
const numbered = (prefix: string, count: number) =>
|
|
30
|
+
Array.from({ length: count }, (_, index) => `${prefix}${index + 1}`)
|
|
31
|
+
|
|
32
|
+
const baseThemeNames = schemes.flatMap((scheme) => [
|
|
33
|
+
scheme,
|
|
34
|
+
`${scheme}_accent`,
|
|
35
|
+
`${scheme}_surface1`,
|
|
36
|
+
`${scheme}_surface2`,
|
|
37
|
+
...colors.flatMap((color) => [
|
|
38
|
+
`${scheme}_${color}`,
|
|
39
|
+
`${scheme}_${color}_accent`,
|
|
40
|
+
`${scheme}_${color}_surface1`,
|
|
41
|
+
`${scheme}_${color}_surface2`,
|
|
42
|
+
]),
|
|
43
|
+
])
|
|
44
|
+
|
|
45
|
+
const levelThemeNames = baseThemeNames.flatMap((themeName) =>
|
|
46
|
+
themeName.endsWith('_surface1')
|
|
47
|
+
? [themeName.replace(/_surface1$/, '_level2')]
|
|
48
|
+
: themeName.endsWith('_surface2')
|
|
49
|
+
? [themeName.replace(/_surface2$/, '_level3')]
|
|
50
|
+
: []
|
|
51
|
+
)
|
|
52
|
+
|
|
53
|
+
const componentThemeNames = [...baseThemeNames, ...levelThemeNames].flatMap((parent) =>
|
|
54
|
+
componentThemes.map((component) => `${parent}_${component}`)
|
|
55
|
+
)
|
|
56
|
+
|
|
57
|
+
export const themeNames = [...baseThemeNames, ...levelThemeNames, ...componentThemeNames]
|
|
58
|
+
|
|
59
|
+
const alphaSteps = [
|
|
60
|
+
'0',
|
|
61
|
+
'01',
|
|
62
|
+
'02',
|
|
63
|
+
'04',
|
|
64
|
+
'06',
|
|
65
|
+
'08',
|
|
66
|
+
'001',
|
|
67
|
+
'002',
|
|
68
|
+
'0025',
|
|
69
|
+
'005',
|
|
70
|
+
'0075',
|
|
71
|
+
]
|
|
72
|
+
|
|
73
|
+
export const themeVariableNames = [
|
|
74
|
+
'accent-background',
|
|
75
|
+
'accent-color',
|
|
76
|
+
...numbered('accent', 12),
|
|
77
|
+
'background',
|
|
78
|
+
'background-focus',
|
|
79
|
+
'background-hover',
|
|
80
|
+
'background-press',
|
|
81
|
+
...alphaSteps.map((step) => `background${step}`),
|
|
82
|
+
'border-color',
|
|
83
|
+
'border-color-focus',
|
|
84
|
+
'border-color-hover',
|
|
85
|
+
'border-color-press',
|
|
86
|
+
'color',
|
|
87
|
+
'color-focus',
|
|
88
|
+
'color-hover',
|
|
89
|
+
'color-press',
|
|
90
|
+
'color-transparent',
|
|
91
|
+
...alphaSteps.map((step) => `color${step}`),
|
|
92
|
+
...numbered('color', 12),
|
|
93
|
+
'outline-color',
|
|
94
|
+
'placeholder-color',
|
|
95
|
+
'shadow-color',
|
|
96
|
+
...['black', 'white'].flatMap((color) => [
|
|
97
|
+
color,
|
|
98
|
+
`${color}0`,
|
|
99
|
+
`${color}02`,
|
|
100
|
+
`${color}04`,
|
|
101
|
+
`${color}06`,
|
|
102
|
+
`${color}08`,
|
|
103
|
+
...numbered(color, 12),
|
|
104
|
+
]),
|
|
105
|
+
...paletteColors.flatMap((color) => numbered(color, 12)),
|
|
106
|
+
...numbered('highlight', 8),
|
|
107
|
+
...numbered('shadow', 8),
|
|
108
|
+
]
|
|
109
|
+
|
|
110
|
+
const variableShape = Object.fromEntries(
|
|
111
|
+
themeVariableNames.map((name) => [name, `var(--${name})`])
|
|
112
|
+
)
|
|
113
|
+
|
|
114
|
+
type ClientThemes = {
|
|
115
|
+
[Name in keyof typeof serverThemes]: {
|
|
116
|
+
[Key in keyof (typeof serverThemes)[Name]]: string
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
/**
|
|
121
|
+
* The flat-value config revision depends on theme and variable names, never
|
|
122
|
+
* their values. Keep those names in the browser config so SSR and hydration
|
|
123
|
+
* produce identical program classes without retaining the full theme payload.
|
|
124
|
+
*/
|
|
125
|
+
export const clientThemes = Object.fromEntries(
|
|
126
|
+
themeNames.map((name) => [name, variableShape])
|
|
127
|
+
) as ClientThemes
|
|
128
|
+
import type { themes as serverThemes } from './themes'
|
package/src/themes.ts
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { toV6Themes } from '@tamagui/config/v6-base'
|
|
2
|
+
import { themes as v5Themes } from '@tamagui/themes/v5-subtle'
|
|
3
|
+
import { componentThemes, themeNames } from './themeMetadata'
|
|
4
|
+
|
|
5
|
+
const themeNameSet = new Set(themeNames)
|
|
6
|
+
|
|
7
|
+
// Keep the site's established v5 values while using the v3 theme-key grammar.
|
|
8
|
+
// Level aliases let the shared v6 demos render without changing the site pack.
|
|
9
|
+
const selectedThemes = Object.fromEntries(
|
|
10
|
+
Object.entries(v5Themes).filter(([themeName]) => themeNameSet.has(themeName))
|
|
11
|
+
)
|
|
12
|
+
|
|
13
|
+
for (const [themeName, theme] of Object.entries(selectedThemes)) {
|
|
14
|
+
if (themeName.endsWith('_surface1')) {
|
|
15
|
+
selectedThemes[themeName.replace(/_surface1$/, '_level2')] = theme
|
|
16
|
+
} else if (themeName.endsWith('_surface2')) {
|
|
17
|
+
selectedThemes[themeName.replace(/_surface2$/, '_level3')] = theme
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
// V5's component-theme lookup stays on the active parent theme when a more
|
|
22
|
+
// specific component subtheme does not exist. Materialize those fallback
|
|
23
|
+
// names so a V3 nested Theme resolves identically instead of jumping back to
|
|
24
|
+
// the root component theme.
|
|
25
|
+
for (const themeName of themeNames) {
|
|
26
|
+
const component = componentThemes.find((name) => themeName.endsWith(`_${name}`))
|
|
27
|
+
if (!component || selectedThemes[themeName]) continue
|
|
28
|
+
const parentName = themeName.slice(0, -(component.length + 1))
|
|
29
|
+
if (selectedThemes[parentName]) {
|
|
30
|
+
selectedThemes[themeName] = selectedThemes[parentName]
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
export const themes = toV6Themes(selectedThemes)
|
package/dist/cjs/theme.dev.cjs
DELETED
|
@@ -1,302 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __export = (target, all) => {
|
|
8
|
-
for (var name in all) __defProp(target, name, {
|
|
9
|
-
get: all[name],
|
|
10
|
-
enumerable: true
|
|
11
|
-
});
|
|
12
|
-
};
|
|
13
|
-
var __copyProps = (to, from, except, desc) => {
|
|
14
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
-
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
16
|
-
get: () => from[key],
|
|
17
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
return to;
|
|
21
|
-
};
|
|
22
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
23
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
24
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
25
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
26
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
27
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
28
|
-
value: mod,
|
|
29
|
-
enumerable: true
|
|
30
|
-
}) : target, mod));
|
|
31
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
32
|
-
value: true
|
|
33
|
-
}), mod);
|
|
34
|
-
var theme_dev_exports = {};
|
|
35
|
-
__export(theme_dev_exports, {
|
|
36
|
-
themeDev: () => themeDev
|
|
37
|
-
});
|
|
38
|
-
module.exports = __toCommonJS(theme_dev_exports);
|
|
39
|
-
var Colors = __toESM(require("@tamagui/colors"), 1);
|
|
40
|
-
var import_theme_builder = require("@tamagui/theme-builder");
|
|
41
|
-
var import_color2k = require("color2k");
|
|
42
|
-
const desat = (colors, amount) => {
|
|
43
|
-
return Object.fromEntries(Object.entries(colors).map(([key, value]) => [key, (0, import_color2k.desaturate)(value, amount)]));
|
|
44
|
-
};
|
|
45
|
-
const colorsGreenDark = desat(Colors.greenDark, 0.2);
|
|
46
|
-
const colorsGreen = desat(Colors.green, 0.2);
|
|
47
|
-
const darkPalette = ["#040404", "#090909", "#111", "#151515", "#222", "#282828", "#343434", "#424242", "#515151", "#626262", "#a5a5a5", "#fff"];
|
|
48
|
-
const lightPalette = ["#fff", "#f2f2f2", "hsl(0, 0%, 93%)", "hsl(0, 0%, 91%)", "hsl(0, 0%, 88%)", "hsl(0, 0%, 85%)", "hsl(0, 0%, 82%)", "hsl(0, 0%, 76%)", "hsl(0, 0%, 56%)", "hsl(0, 0%, 50%)", "hsl(0, 0%, 42%)", "hsl(0, 0%, 9%)"];
|
|
49
|
-
const lightShadows = {
|
|
50
|
-
shadow1: "rgba(0,0,0,0.04)",
|
|
51
|
-
shadow2: "rgba(0,0,0,0.08)",
|
|
52
|
-
shadow3: "rgba(0,0,0,0.16)",
|
|
53
|
-
shadow4: "rgba(0,0,0,0.24)",
|
|
54
|
-
shadow5: "rgba(0,0,0,0.32)",
|
|
55
|
-
shadow6: "rgba(0,0,0,0.4)",
|
|
56
|
-
shadow7: "rgba(0,0,0,0.5)",
|
|
57
|
-
shadow8: "rgba(0,0,0,0.6)",
|
|
58
|
-
shadow9: "rgba(0,0,0,0.7)",
|
|
59
|
-
shadow10: "rgba(0,0,0,0.8)"
|
|
60
|
-
};
|
|
61
|
-
const darkShadows = {
|
|
62
|
-
shadow1: "rgba(0,0,0,0.2)",
|
|
63
|
-
shadow2: "rgba(0,0,0,0.3)",
|
|
64
|
-
shadow3: "rgba(0,0,0,0.4)",
|
|
65
|
-
shadow4: "rgba(0,0,0,0.5)",
|
|
66
|
-
shadow5: "rgba(0,0,0,0.6)",
|
|
67
|
-
shadow6: "rgba(0,0,0,0.65)",
|
|
68
|
-
shadow7: "rgba(0,0,0,0.75)",
|
|
69
|
-
shadow8: "rgba(0,0,0,0.8)",
|
|
70
|
-
shadow9: "rgba(0,0,0,0.85)",
|
|
71
|
-
shadow10: "rgba(0,0,0,0.9)"
|
|
72
|
-
};
|
|
73
|
-
const blackColors = {
|
|
74
|
-
black1: darkPalette[0],
|
|
75
|
-
black2: darkPalette[1],
|
|
76
|
-
black3: darkPalette[2],
|
|
77
|
-
black4: darkPalette[3],
|
|
78
|
-
black5: darkPalette[4],
|
|
79
|
-
black6: darkPalette[5],
|
|
80
|
-
black7: darkPalette[6],
|
|
81
|
-
black8: darkPalette[7],
|
|
82
|
-
black9: darkPalette[8],
|
|
83
|
-
black10: darkPalette[9],
|
|
84
|
-
black11: darkPalette[10],
|
|
85
|
-
black12: darkPalette[11]
|
|
86
|
-
};
|
|
87
|
-
const whiteColors = {
|
|
88
|
-
white1: lightPalette[0],
|
|
89
|
-
white2: lightPalette[1],
|
|
90
|
-
white3: lightPalette[2],
|
|
91
|
-
white4: lightPalette[3],
|
|
92
|
-
white5: lightPalette[4],
|
|
93
|
-
white6: lightPalette[5],
|
|
94
|
-
white7: lightPalette[6],
|
|
95
|
-
white8: lightPalette[7],
|
|
96
|
-
white9: lightPalette[8],
|
|
97
|
-
white10: lightPalette[9],
|
|
98
|
-
white11: lightPalette[10],
|
|
99
|
-
white12: lightPalette[11]
|
|
100
|
-
};
|
|
101
|
-
const jadeDark = ["hsla(165, 100%, 4%, 1)", "hsla(165, 100%, 8%, 1)", "hsla(165, 100%, 12%, 1)", "hsla(165, 100%, 18%, 1)", "hsla(165, 100%, 25%, 1)", "hsla(165, 100%, 35%, 1)", "hsla(165, 100%, 45%, 1)", "hsla(165, 100%, 55%, 1)", "hsla(165, 100%, 65%, 1)", "hsla(165, 100%, 75%, 1)", "hsla(165, 100%, 85%, 1)", "hsla(165, 100%, 90%, 1)"];
|
|
102
|
-
const jadeLight = ["hsla(165, 100%, 90%, 1)", "hsla(165, 100%, 85%, 1)", "hsla(165, 100%, 75%, 1)", "hsla(165, 100%, 65%, 1)", "hsla(165, 100%, 55%, 1)", "hsla(165, 100%, 45%, 1)", "hsla(165, 100%, 35%, 1)", "hsla(165, 100%, 25%, 1)", "hsla(165, 100%, 18%, 1)", "hsla(165, 100%, 12%, 1)", "hsla(165, 100%, 8%, 1)", "hsla(165, 100%, 4%, 1)"];
|
|
103
|
-
const supremeDark = ["hsla(358, 100%, 35%, 1)", "hsla(358, 100%, 38%, 1)", "hsla(358, 100%, 40%, 1)", "hsla(358, 100%, 43%, 1)", "hsla(358, 100%, 45%, 1)", "hsla(358, 100%, 48%, 1)", "hsla(358, 100%, 50%, 1)", "hsla(358, 100%, 53%, 1)", "hsla(358, 100%, 55%, 1)", "hsla(358, 100%, 65%, 1)", "hsla(358, 100%, 75%, 1)", "hsla(358, 100%, 95%, 1)"];
|
|
104
|
-
const supremeLight = ["hsla(358, 100%, 50%, 1)", "hsla(358, 100%, 49%, 1)", "hsla(358, 100%, 48%, 1)", "hsla(358, 100%, 46%, 1)", "hsla(358, 100%, 45%, 1)", "hsla(358, 100%, 44%, 1)", "hsla(358, 100%, 43%, 1)", "hsla(358, 100%, 41%, 1)", "hsla(358, 100%, 40%, 1)", "hsla(358, 100%, 35%, 1)", "hsla(358, 100%, 100%, 1)", "hsla(358, 100%, 100%, 1)"];
|
|
105
|
-
const orangeRedDark = ["hsla(17, 100%, 5%, 1)", "hsla(17, 100%, 10%, 1)", "hsla(17, 100%, 15%, 1)", "hsla(17, 100%, 20%, 1)", "hsla(17, 100%, 25%, 1)", "hsla(17, 100%, 38%, 1)", "hsla(17, 100%, 45%, 1)", "hsla(17, 100%, 50%, 1)", "hsla(17, 100%, 55%, 1)", "hsla(17, 100%, 60%, 1)", "hsla(17, 100%, 65%, 1)", "hsla(17, 100%, 70%, 1)"];
|
|
106
|
-
const orangeRedLight = ["hsla(17, 100%, 70%, 1)", "hsla(17, 100%, 65%, 1)", "hsla(17, 100%, 60%, 1)", "hsla(17, 100%, 55%, 1)", "hsla(17, 100%, 50%, 1)", "hsla(17, 100%, 45%, 1)", "hsla(17, 100%, 38%, 1)", "hsla(17, 100%, 25%, 1)", "hsla(17, 100%, 20%, 1)", "hsla(17, 100%, 15%, 1)", "hsla(17, 100%, 10%, 1)", "hsla(17, 100%, 5%, 1)"];
|
|
107
|
-
const royalBlueDark = ["hsla(243, 90%, 5%, 1)", "hsla(243, 90%, 10%, 1)", "hsla(243, 90%, 15%, 1)", "hsla(243, 90%, 20%, 1)", "hsla(243, 90%, 25%, 1)", "hsla(243, 70%, 41%, 1)", "hsla(243, 90%, 45%, 1)", "hsla(243, 90%, 50%, 1)", "hsla(243, 90%, 55%, 1)", "hsla(243, 90%, 60%, 1)", "hsla(243, 90%, 65%, 1)", "hsla(243, 90%, 70%, 1)"];
|
|
108
|
-
const royalBlueLight = ["hsla(243, 90%, 70%, 1)", "hsla(243, 90%, 65%, 1)", "hsla(243, 90%, 60%, 1)", "hsla(243, 90%, 55%, 1)", "hsla(243, 90%, 50%, 1)", "hsla(243, 90%, 45%, 1)", "hsla(243, 70%, 41%, 1)", "hsla(243, 90%, 25%, 1)", "hsla(243, 90%, 20%, 1)", "hsla(243, 90%, 15%, 1)", "hsla(243, 90%, 10%, 1)", "hsla(243, 90%, 5%, 1)"];
|
|
109
|
-
const burgundyDark = ["hsla(334, 60%, 5%, 1)", "hsla(334, 60%, 10%, 1)", "hsla(334, 60%, 15%, 1)", "hsla(334, 60%, 20%, 1)", "hsla(334, 60%, 25%, 1)", "hsla(334, 60%, 27%, 1)", "hsla(334, 60%, 35%, 1)", "hsla(334, 60%, 40%, 1)", "hsla(334, 60%, 45%, 1)", "hsla(334, 60%, 50%, 1)", "hsla(334, 60%, 55%, 1)", "hsla(334, 60%, 60%, 1)"];
|
|
110
|
-
const burgundyLight = ["hsla(334, 60%, 60%, 1)", "hsla(334, 60%, 55%, 1)", "hsla(334, 60%, 50%, 1)", "hsla(334, 60%, 45%, 1)", "hsla(334, 60%, 40%, 1)", "hsla(334, 60%, 35%, 1)", "hsla(334, 60%, 27%, 1)", "hsla(334, 60%, 25%, 1)", "hsla(334, 60%, 20%, 1)", "hsla(334, 60%, 15%, 1)", "hsla(334, 60%, 10%, 1)", "hsla(334, 60%, 5%, 1)"];
|
|
111
|
-
const tealDark = ["hsla(187, 94%, 5%, 1)", "hsla(187, 94%, 10%, 1)", "hsla(187, 94%, 15%, 1)", "hsla(187, 94%, 20%, 1)", "hsla(187, 94%, 25%, 1)", "hsla(187, 94%, 32%, 1)", "hsla(187, 94%, 38%, 1)", "hsla(187, 94%, 43%, 1)", "hsla(187, 94%, 48%, 1)", "hsla(187, 94%, 53%, 1)", "hsla(187, 94%, 58%, 1)", "hsla(187, 94%, 63%, 1)"];
|
|
112
|
-
const tealLight = ["hsla(187, 94%, 63%, 1)", "hsla(187, 94%, 58%, 1)", "hsla(187, 94%, 53%, 1)", "hsla(187, 94%, 48%, 1)", "hsla(187, 94%, 43%, 1)", "hsla(187, 94%, 38%, 1)", "hsla(187, 94%, 32%, 1)", "hsla(187, 94%, 25%, 1)", "hsla(187, 94%, 20%, 1)", "hsla(187, 94%, 15%, 1)", "hsla(187, 94%, 10%, 1)", "hsla(187, 94%, 5%, 1)"];
|
|
113
|
-
const forestDark = ["hsla(162, 64%, 5%, 1)", "hsla(162, 64%, 10%, 1)", "hsla(162, 64%, 15%, 1)", "hsla(162, 64%, 20%, 1)", "hsla(162, 64%, 25%, 1)", "hsla(162, 64%, 30%, 1)", "hsla(162, 64%, 35%, 1)", "hsla(162, 64%, 40%, 1)", "hsla(162, 64%, 45%, 1)", "hsla(162, 64%, 50%, 1)", "hsla(162, 64%, 55%, 1)", "hsla(162, 64%, 60%, 1)"];
|
|
114
|
-
const forestLight = ["hsla(162, 64%, 60%, 1)", "hsla(162, 64%, 55%, 1)", "hsla(162, 64%, 50%, 1)", "hsla(162, 64%, 45%, 1)", "hsla(162, 64%, 40%, 1)", "hsla(162, 64%, 35%, 1)", "hsla(162, 64%, 30%, 1)", "hsla(162, 64%, 25%, 1)", "hsla(162, 64%, 20%, 1)", "hsla(162, 64%, 15%, 1)", "hsla(162, 64%, 10%, 1)", "hsla(162, 64%, 5%, 1)"];
|
|
115
|
-
const cyanDark = ["hsla(186, 32%, 5%, 1)", "hsla(186, 32%, 10%, 1)", "hsla(186, 32%, 15%, 1)", "hsla(186, 32%, 20%, 1)", "hsla(186, 32%, 25%, 1)", "hsla(186, 32%, 46%, 1)", "hsla(186, 32%, 50%, 1)", "hsla(186, 32%, 55%, 1)", "hsla(186, 32%, 60%, 1)", "hsla(186, 32%, 65%, 1)", "hsla(186, 32%, 70%, 1)", "hsla(186, 32%, 75%, 1)"];
|
|
116
|
-
const cyanLight = ["hsla(186, 32%, 75%, 1)", "hsla(186, 32%, 70%, 1)", "hsla(186, 32%, 65%, 1)", "hsla(186, 32%, 60%, 1)", "hsla(186, 32%, 55%, 1)", "hsla(186, 32%, 50%, 1)", "hsla(186, 32%, 46%, 1)", "hsla(186, 32%, 25%, 1)", "hsla(186, 32%, 20%, 1)", "hsla(186, 32%, 15%, 1)", "hsla(186, 32%, 10%, 1)", "hsla(186, 32%, 5%, 1)"];
|
|
117
|
-
const themes = (0, import_theme_builder.createThemes)({
|
|
118
|
-
componentThemes: import_theme_builder.defaultComponentThemes,
|
|
119
|
-
base: {
|
|
120
|
-
palette: {
|
|
121
|
-
dark: darkPalette,
|
|
122
|
-
light: lightPalette
|
|
123
|
-
},
|
|
124
|
-
// for values we don't want being inherited onto sub-themes
|
|
125
|
-
extra: {
|
|
126
|
-
light: {
|
|
127
|
-
...Colors.blue,
|
|
128
|
-
...Colors.gray,
|
|
129
|
-
...colorsGreen,
|
|
130
|
-
...Colors.orange,
|
|
131
|
-
...Colors.pink,
|
|
132
|
-
...Colors.purple,
|
|
133
|
-
...Colors.red,
|
|
134
|
-
...Colors.yellow,
|
|
135
|
-
...lightShadows,
|
|
136
|
-
...blackColors,
|
|
137
|
-
...whiteColors,
|
|
138
|
-
shadowColor: lightShadows.shadow1,
|
|
139
|
-
colorBg: "#fff"
|
|
140
|
-
},
|
|
141
|
-
dark: {
|
|
142
|
-
...Colors.blueDark,
|
|
143
|
-
...Colors.grayDark,
|
|
144
|
-
...colorsGreenDark,
|
|
145
|
-
...Colors.orangeDark,
|
|
146
|
-
...Colors.pinkDark,
|
|
147
|
-
...Colors.purpleDark,
|
|
148
|
-
...Colors.redDark,
|
|
149
|
-
...Colors.yellowDark,
|
|
150
|
-
...darkShadows,
|
|
151
|
-
...blackColors,
|
|
152
|
-
...whiteColors,
|
|
153
|
-
shadowColor: darkShadows.shadow1,
|
|
154
|
-
colorBg: "#000"
|
|
155
|
-
}
|
|
156
|
-
}
|
|
157
|
-
},
|
|
158
|
-
// inverse accent theme
|
|
159
|
-
accent: {
|
|
160
|
-
palette: {
|
|
161
|
-
dark: lightPalette,
|
|
162
|
-
light: darkPalette
|
|
163
|
-
}
|
|
164
|
-
},
|
|
165
|
-
childrenThemes: {
|
|
166
|
-
black: {
|
|
167
|
-
palette: {
|
|
168
|
-
dark: Object.values(blackColors),
|
|
169
|
-
light: Object.values(blackColors)
|
|
170
|
-
}
|
|
171
|
-
},
|
|
172
|
-
white: {
|
|
173
|
-
palette: {
|
|
174
|
-
dark: Object.values(whiteColors),
|
|
175
|
-
light: Object.values(whiteColors)
|
|
176
|
-
}
|
|
177
|
-
},
|
|
178
|
-
gray: {
|
|
179
|
-
palette: {
|
|
180
|
-
dark: Object.values(Colors.grayDark),
|
|
181
|
-
light: Object.values(Colors.gray)
|
|
182
|
-
}
|
|
183
|
-
},
|
|
184
|
-
blue: {
|
|
185
|
-
palette: {
|
|
186
|
-
dark: Object.values(Colors.blueDark),
|
|
187
|
-
light: Object.values(Colors.blue)
|
|
188
|
-
}
|
|
189
|
-
},
|
|
190
|
-
orange: {
|
|
191
|
-
palette: {
|
|
192
|
-
dark: Object.values(Colors.orangeDark),
|
|
193
|
-
light: Object.values(Colors.orange)
|
|
194
|
-
}
|
|
195
|
-
},
|
|
196
|
-
red: {
|
|
197
|
-
palette: {
|
|
198
|
-
dark: Object.values(Colors.redDark),
|
|
199
|
-
light: Object.values(Colors.red)
|
|
200
|
-
}
|
|
201
|
-
},
|
|
202
|
-
yellow: {
|
|
203
|
-
palette: {
|
|
204
|
-
dark: Object.values(Colors.yellowDark),
|
|
205
|
-
light: Object.values(Colors.yellow)
|
|
206
|
-
}
|
|
207
|
-
},
|
|
208
|
-
green: {
|
|
209
|
-
palette: {
|
|
210
|
-
dark: Object.values(colorsGreenDark),
|
|
211
|
-
light: Object.values(colorsGreen)
|
|
212
|
-
}
|
|
213
|
-
},
|
|
214
|
-
purple: {
|
|
215
|
-
palette: {
|
|
216
|
-
dark: Object.values(Colors.purpleDark),
|
|
217
|
-
light: Object.values(Colors.purple)
|
|
218
|
-
}
|
|
219
|
-
},
|
|
220
|
-
pink: {
|
|
221
|
-
palette: {
|
|
222
|
-
dark: Object.values(Colors.pinkDark),
|
|
223
|
-
light: Object.values(Colors.pink)
|
|
224
|
-
}
|
|
225
|
-
},
|
|
226
|
-
tan: {
|
|
227
|
-
palette: {
|
|
228
|
-
light: ["hsla(40, 30%, 98%, 1)", "hsla(40, 24%, 94%, 1)", "hsla(38, 23%, 91%, 1)", "hsla(36, 20%, 90%, 1)", "hsla(36, 20%, 88%, 1)", "hsla(35, 20%, 85%, 1)", "hsla(35, 21%, 74%, 1)", "hsla(34, 20%, 70%, 1)", "hsla(35, 20%, 67%, 1)", "hsla(34, 19%, 47%, 1)", "hsla(35, 18%, 37%, 1)", "hsla(35, 17%, 20%, 1)"],
|
|
229
|
-
dark: ["hsla(30, 9%, 10%, 1)", "hsla(30, 10%, 12%, 1)", "hsla(31, 11%, 18%, 1)", "hsla(30, 12%, 23%, 1)", "hsla(30, 14%, 28%, 1)", "hsla(30, 16%, 33%, 1)", "hsla(30, 18%, 38%, 1)", "hsla(30, 20%, 45%, 1)", "hsla(30, 21%, 50%, 1)", "hsla(29, 22%, 58%, 1)", "hsla(34, 24%, 70%, 1)", "hsla(11, 12%, 79%, 1)"]
|
|
230
|
-
}
|
|
231
|
-
},
|
|
232
|
-
jade: {
|
|
233
|
-
palette: {
|
|
234
|
-
dark: jadeDark,
|
|
235
|
-
light: jadeLight
|
|
236
|
-
}
|
|
237
|
-
},
|
|
238
|
-
supreme: {
|
|
239
|
-
palette: {
|
|
240
|
-
dark: supremeDark,
|
|
241
|
-
light: supremeLight
|
|
242
|
-
}
|
|
243
|
-
},
|
|
244
|
-
orangeRed: {
|
|
245
|
-
palette: {
|
|
246
|
-
dark: orangeRedDark,
|
|
247
|
-
light: orangeRedLight
|
|
248
|
-
}
|
|
249
|
-
},
|
|
250
|
-
royalBlue: {
|
|
251
|
-
palette: {
|
|
252
|
-
dark: royalBlueDark,
|
|
253
|
-
light: royalBlueLight
|
|
254
|
-
}
|
|
255
|
-
},
|
|
256
|
-
burgundy: {
|
|
257
|
-
palette: {
|
|
258
|
-
dark: burgundyDark,
|
|
259
|
-
light: burgundyLight
|
|
260
|
-
}
|
|
261
|
-
},
|
|
262
|
-
teal: {
|
|
263
|
-
palette: {
|
|
264
|
-
dark: tealDark,
|
|
265
|
-
light: tealLight
|
|
266
|
-
}
|
|
267
|
-
},
|
|
268
|
-
forest: {
|
|
269
|
-
palette: {
|
|
270
|
-
dark: forestDark,
|
|
271
|
-
light: forestLight
|
|
272
|
-
}
|
|
273
|
-
},
|
|
274
|
-
cyan: {
|
|
275
|
-
palette: {
|
|
276
|
-
dark: cyanDark,
|
|
277
|
-
light: cyanLight
|
|
278
|
-
}
|
|
279
|
-
}
|
|
280
|
-
},
|
|
281
|
-
grandChildrenThemes: {
|
|
282
|
-
accent: {
|
|
283
|
-
template: "inverse"
|
|
284
|
-
},
|
|
285
|
-
alt1: {
|
|
286
|
-
template: "alt1"
|
|
287
|
-
},
|
|
288
|
-
alt2: {
|
|
289
|
-
template: "alt2"
|
|
290
|
-
},
|
|
291
|
-
surface1: {
|
|
292
|
-
template: "surface1"
|
|
293
|
-
},
|
|
294
|
-
surface2: {
|
|
295
|
-
template: "surface2"
|
|
296
|
-
},
|
|
297
|
-
surface3: {
|
|
298
|
-
template: "surface3"
|
|
299
|
-
}
|
|
300
|
-
}
|
|
301
|
-
});
|
|
302
|
-
const themeDev = process.env.TAMAGUI_ENVIRONMENT === "client" && process.env.NODE_ENV === "production" ? {} : themes;
|
package/dist/esm/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc","ignoreList":[]}
|
package/dist/esm/index.mjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc","ignoreList":[]}
|