@tamagui/theme-builder 1.121.12-1737332968773 → 1.122.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/dist/cjs/{createThemeSuite.cjs → createThemes.cjs} +46 -11
- package/dist/cjs/{createThemeSuite.js → createThemes.js} +48 -11
- package/dist/cjs/createThemes.js.map +6 -0
- package/dist/cjs/{createThemeSuite.native.js → createThemes.native.js} +49 -13
- package/dist/cjs/createThemes.native.js.map +6 -0
- package/dist/cjs/defaultTemplates.cjs +9 -7
- package/dist/cjs/defaultTemplates.js +9 -7
- package/dist/cjs/defaultTemplates.js.map +1 -1
- package/dist/cjs/defaultTemplates.native.js +9 -7
- package/dist/cjs/defaultTemplates.native.js.map +2 -2
- package/dist/cjs/getThemeSuitePalettes.cjs +4 -4
- package/dist/cjs/getThemeSuitePalettes.js +6 -5
- package/dist/cjs/getThemeSuitePalettes.js.map +1 -1
- package/dist/cjs/getThemeSuitePalettes.native.js +6 -5
- package/dist/cjs/getThemeSuitePalettes.native.js.map +1 -1
- package/dist/cjs/index.cjs +5 -5
- package/dist/cjs/index.js +5 -5
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index.native.js +6 -6
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/esm/{createThemeSuite.js → createThemes.js} +51 -11
- package/dist/esm/createThemes.js.map +6 -0
- package/dist/esm/{createThemeSuite.mjs → createThemes.mjs} +46 -11
- package/dist/esm/createThemes.mjs.map +1 -0
- package/dist/esm/{createThemeSuite.native.js → createThemes.native.js} +48 -12
- package/dist/esm/createThemes.native.js.map +6 -0
- package/dist/esm/defaultTemplates.js +9 -7
- package/dist/esm/defaultTemplates.js.map +1 -1
- package/dist/esm/defaultTemplates.mjs +9 -7
- package/dist/esm/defaultTemplates.mjs.map +1 -1
- package/dist/esm/defaultTemplates.native.js +9 -7
- package/dist/esm/defaultTemplates.native.js.map +2 -2
- package/dist/esm/getThemeSuitePalettes.js +6 -5
- package/dist/esm/getThemeSuitePalettes.js.map +1 -1
- package/dist/esm/getThemeSuitePalettes.mjs +4 -4
- package/dist/esm/getThemeSuitePalettes.mjs.map +1 -1
- package/dist/esm/getThemeSuitePalettes.native.js +6 -5
- package/dist/esm/getThemeSuitePalettes.native.js.map +1 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/index.mjs +2 -2
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +2 -2
- package/dist/esm/index.native.js.map +2 -2
- package/package.json +3 -3
- package/src/{createThemeSuite.ts → createThemes.ts} +62 -18
- package/src/defaultComponentThemes.ts +1 -1
- package/src/defaultTemplates.ts +9 -7
- package/src/getThemeSuitePalettes.ts +8 -7
- package/src/index.ts +3 -3
- package/types/{createThemeSuite.d.ts → createThemes.d.ts} +5 -5
- package/types/createThemes.d.ts.map +1 -0
- package/types/defaultTemplates.d.ts.map +1 -1
- package/types/getThemeSuitePalettes.d.ts +1 -1
- package/types/getThemeSuitePalettes.d.ts.map +1 -1
- package/types/index.d.ts +1 -1
- package/types/index.d.ts.map +1 -1
- package/dist/cjs/createThemeSuite.js.map +0 -6
- package/dist/cjs/createThemeSuite.native.js.map +0 -6
- package/dist/esm/createThemeSuite.js.map +0 -6
- package/dist/esm/createThemeSuite.mjs.map +0 -1
- package/dist/esm/createThemeSuite.native.js.map +0 -6
- package/types/createThemeSuite.d.ts.map +0 -1
|
@@ -9,7 +9,7 @@ const getTemplates = () => {
|
|
|
9
9
|
},
|
|
10
10
|
getBaseTemplates = scheme => {
|
|
11
11
|
const isLight = scheme === "light",
|
|
12
|
-
bgIndex =
|
|
12
|
+
bgIndex = 6,
|
|
13
13
|
lighten = isLight ? -1 : 1,
|
|
14
14
|
darken = -lighten,
|
|
15
15
|
borderColor = bgIndex + 3,
|
|
@@ -17,9 +17,10 @@ const getTemplates = () => {
|
|
|
17
17
|
accentBackground: 0,
|
|
18
18
|
accentColor: -0,
|
|
19
19
|
background0: 1,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
20
|
+
background02: 2,
|
|
21
|
+
background04: 3,
|
|
22
|
+
background06: 4,
|
|
23
|
+
background08: 5,
|
|
23
24
|
color1: bgIndex,
|
|
24
25
|
color2: bgIndex + 1,
|
|
25
26
|
color3: bgIndex + 2,
|
|
@@ -33,9 +34,10 @@ const getTemplates = () => {
|
|
|
33
34
|
color11: bgIndex + 10,
|
|
34
35
|
color12: bgIndex + 11,
|
|
35
36
|
color0: -1,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
37
|
+
color02: -2,
|
|
38
|
+
color04: -3,
|
|
39
|
+
color06: -4,
|
|
40
|
+
color08: -5,
|
|
39
41
|
// the background, color, etc keys here work like generics - they make it so you
|
|
40
42
|
// can publish components for others to use without mandating a specific color scale
|
|
41
43
|
// the @tamagui/button Button component looks for `$background`, so you set the
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["objectFromEntries","objectKeys","getTemplates","lightTemplates","getBaseTemplates","darkTemplates","map","name","scheme","isLight","bgIndex","lighten","darken","borderColor","base","accentBackground","accentColor","background0","
|
|
1
|
+
{"version":3,"names":["objectFromEntries","objectKeys","getTemplates","lightTemplates","getBaseTemplates","darkTemplates","map","name","scheme","isLight","bgIndex","lighten","darken","borderColor","base","accentBackground","accentColor","background0","background02","background04","background06","background08","color1","color2","color3","color4","color5","color6","color7","color8","color9","color10","color11","color12","color0","color02","color04","color06","color08","background","backgroundHover","backgroundPress","backgroundFocus","borderColorHover","borderColorPress","borderColorFocus","color","colorHover","colorPress","colorFocus","colorTransparent","placeholderColor","outlineColor","surface1","surface2","surface3","alt1","alt2","inverse","Object","fromEntries","entries","key","index","defaultTemplates"],"sources":["../../src/defaultTemplates.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -16,13 +16,14 @@ var getTemplates = function() {
|
|
|
16
16
|
};
|
|
17
17
|
return templates;
|
|
18
18
|
}, getBaseTemplates = function(scheme) {
|
|
19
|
-
var isLight = scheme === "light", bgIndex =
|
|
19
|
+
var isLight = scheme === "light", bgIndex = 6, lighten = isLight ? -1 : 1, darken = -lighten, borderColor = bgIndex + 3, base = {
|
|
20
20
|
accentBackground: 0,
|
|
21
21
|
accentColor: -0,
|
|
22
22
|
background0: 1,
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
background02: 2,
|
|
24
|
+
background04: 3,
|
|
25
|
+
background06: 4,
|
|
26
|
+
background08: 5,
|
|
26
27
|
color1: bgIndex,
|
|
27
28
|
color2: bgIndex + 1,
|
|
28
29
|
color3: bgIndex + 2,
|
|
@@ -36,9 +37,10 @@ var getTemplates = function() {
|
|
|
36
37
|
color11: bgIndex + 10,
|
|
37
38
|
color12: bgIndex + 11,
|
|
38
39
|
color0: -1,
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
40
|
+
color02: -2,
|
|
41
|
+
color04: -3,
|
|
42
|
+
color06: -4,
|
|
43
|
+
color08: -5,
|
|
42
44
|
// the background, color, etc keys here work like generics - they make it so you
|
|
43
45
|
// can publish components for others to use without mandating a specific color scale
|
|
44
46
|
// the @tamagui/button Button component looks for `$background`, so you set the
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/core/theme-builder/src/defaultTemplates.ts"],
|
|
4
|
-
"mappings": "AAAA,SAASA,mBAAmBC,kBAAuC;AAEnE,IAAMC,eAAe,WAAA;AACnB,MAAMC,iBAAiBC,iBAAiB,OAAA,GAClCC,gBAAgBD,iBAAiB,MAAA,GACjCE,YAAY;IAChB,GAAGN,kBACDC,WAAWE,cAAAA,EAAgBI,IACzB,SAACC,MAAAA;aAAS;QAAC,SAASA,IAAAA;QAAQL,eAAeK,IAAAA;;;IAG/C,GAAGR,kBACDC,WAAWI,aAAAA,EAAeE,IACxB,SAACC,MAAAA;aAAS;QAAC,QAAQA,IAAAA;QAAQH,cAAcG,IAAAA;;;EAG/C;AACA,SAAOF;AACT,GAEMF,mBAAmB,SAACK,QAAAA;AACxB,MAAMC,UAAUD,WAAW,SAIrBE,UAAU,GACVC,UAAUF,UAAU,KAAK,GACzBG,SAAS,CAACD,SACVE,cAAcH,UAAU,GAIxBI,OAAO;IACXC,kBAAkB;IAClBC,aAAa;IAEbC,aAAa;IACbC,
|
|
5
|
-
"names": ["objectFromEntries", "objectKeys", "getTemplates", "lightTemplates", "getBaseTemplates", "darkTemplates", "templates", "map", "name", "scheme", "isLight", "bgIndex", "lighten", "darken", "borderColor", "base", "accentBackground", "accentColor", "background0", "
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["objectFromEntries", "objectKeys", "getTemplates", "lightTemplates", "getBaseTemplates", "darkTemplates", "templates", "map", "name", "scheme", "isLight", "bgIndex", "lighten", "darken", "borderColor", "base", "accentBackground", "accentColor", "background0", "background02", "background04", "background06", "background08", "color1", "color2", "color3", "color4", "color5", "color6", "color7", "color8", "color9", "color10", "color11", "color12", "color0", "color02", "color04", "color06", "color08", "background", "backgroundHover", "backgroundPress", "backgroundFocus", "borderColorHover", "borderColorPress", "borderColorFocus", "color", "colorHover", "colorPress", "colorFocus", "colorTransparent", "placeholderColor", "outlineColor", "surface1", "surface2", "surface3", "alt1", "alt2", "inverse", "Object", "fromEntries", "entries", "key", "index", "defaultTemplates"]
|
|
6
6
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { hsla, parseToHsla } from "color2k";
|
|
2
|
-
const paletteSize = 12, PALETTE_BACKGROUND_OFFSET =
|
|
2
|
+
const paletteSize = 12, PALETTE_BACKGROUND_OFFSET = 6, generateColorPalette = ({
|
|
3
3
|
palette: buildPalette,
|
|
4
4
|
scheme
|
|
5
5
|
}) => {
|
|
@@ -23,13 +23,14 @@ const paletteSize = 12, PALETTE_BACKGROUND_OFFSET = 4, generateColorPalette = ({
|
|
|
23
23
|
for (let step = anchor.index + 1; step < paletteSize; step++)
|
|
24
24
|
add(h, s, l);
|
|
25
25
|
}
|
|
26
|
-
const
|
|
26
|
+
const background = palette[3], foreground = palette[palette.length - 3], transparentValues = [background, foreground].map((color) => {
|
|
27
27
|
const [h, s, l] = parseToHsla(color);
|
|
28
28
|
return [
|
|
29
29
|
hsla(h, s, l, 0),
|
|
30
|
-
hsla(h, s, l, 0.
|
|
31
|
-
hsla(h, s, l, 0.
|
|
32
|
-
hsla(h, s, l, 0.
|
|
30
|
+
hsla(h, s, l, 0.2),
|
|
31
|
+
hsla(h, s, l, 0.4),
|
|
32
|
+
hsla(h, s, l, 0.6),
|
|
33
|
+
hsla(h, s, l, 0.8)
|
|
33
34
|
];
|
|
34
35
|
}), reverseForeground = [...transparentValues[1]].reverse();
|
|
35
36
|
return palette = [...transparentValues[0], ...palette, ...reverseForeground], palette;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/getThemeSuitePalettes.ts"],
|
|
4
|
-
"mappings": "AAAA,SAAS,MAAM,mBAAmB;AASlC,MAAM,cAAc,IAGP,4BAA4B,GAEnC,uBAAuB,CAAC;AAAA,EAC5B,SAAS;AAAA,EACT;AACF,MAGM;AACJ,MAAI,CAAC;AACH,WAAO,CAAC;AAGV,QAAM,EAAE,QAAQ,IAAI;AAEpB,MAAI,UAAoB,CAAC;AAEzB,QAAM,MAAM,CAAC,GAAW,GAAW,MAAc;AAC/C,YAAQ,KAAK,KAAK,GAAG,GAAG,GAAG,CAAC,CAAC;AAAA,EAC/B,GAEM,aAAa,OAAO,KAAK,OAAO,EAAE;AAExC,aAAW,CAAC,aAAa,MAAM,KAAK,QAAQ,QAAQ,GAAG;AACrD,UAAM,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,MAAM,GAAG,OAAO,IAAI,MAAM,GAAG,OAAO,IAAI,MAAM,CAAC;AAE7E,QAAI,gBAAgB,GAAG;AACrB,YAAM,aAAa,QAAQ,cAAc,CAAC,GACpC,QAAQ,OAAO,QAAQ,WAAW,OAElC,UAAU,WAAW,IAAI,MAAM,GAC/B,UAAU,WAAW,IAAI,MAAM,GAC/B,UAAU,WAAW,IAAI,MAAM,GAE/B,WAAW,UAAU,KAAK,OAC1B,WAAW,UAAU,KAAK,OAC1B,WAAW,UAAU,KAAK;AAGhC,eAAS,OAAO,WAAW,QAAQ,GAAG,OAAO,OAAO,OAAO,QAAQ;AACjE,cAAM,MAAM,OAAO,QAAQ;AAC3B,YAAI,IAAI,UAAU,KAAK,IAAI,UAAU,KAAK,IAAI,UAAU,GAAG;AAAA,MAC7D;AAAA,IACF;AAKA,QAHA,IAAI,GAAG,GAAG,CAAC,GAEU,gBAAgB,aAAa,KAC9B,QAAQ,SAAS;AAEnC,eAAS,OAAO,OAAO,QAAQ,GAAG,OAAO,aAAa;AACpD,YAAI,GAAG,GAAG,CAAC;AAAA,EAGjB;AAGA,QAAM,
|
|
4
|
+
"mappings": "AAAA,SAAS,MAAM,mBAAmB;AASlC,MAAM,cAAc,IAGP,4BAA4B,GAEnC,uBAAuB,CAAC;AAAA,EAC5B,SAAS;AAAA,EACT;AACF,MAGM;AACJ,MAAI,CAAC;AACH,WAAO,CAAC;AAGV,QAAM,EAAE,QAAQ,IAAI;AAEpB,MAAI,UAAoB,CAAC;AAEzB,QAAM,MAAM,CAAC,GAAW,GAAW,MAAc;AAC/C,YAAQ,KAAK,KAAK,GAAG,GAAG,GAAG,CAAC,CAAC;AAAA,EAC/B,GAEM,aAAa,OAAO,KAAK,OAAO,EAAE;AAExC,aAAW,CAAC,aAAa,MAAM,KAAK,QAAQ,QAAQ,GAAG;AACrD,UAAM,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,MAAM,GAAG,OAAO,IAAI,MAAM,GAAG,OAAO,IAAI,MAAM,CAAC;AAE7E,QAAI,gBAAgB,GAAG;AACrB,YAAM,aAAa,QAAQ,cAAc,CAAC,GACpC,QAAQ,OAAO,QAAQ,WAAW,OAElC,UAAU,WAAW,IAAI,MAAM,GAC/B,UAAU,WAAW,IAAI,MAAM,GAC/B,UAAU,WAAW,IAAI,MAAM,GAE/B,WAAW,UAAU,KAAK,OAC1B,WAAW,UAAU,KAAK,OAC1B,WAAW,UAAU,KAAK;AAGhC,eAAS,OAAO,WAAW,QAAQ,GAAG,OAAO,OAAO,OAAO,QAAQ;AACjE,cAAM,MAAM,OAAO,QAAQ;AAC3B,YAAI,IAAI,UAAU,KAAK,IAAI,UAAU,KAAK,IAAI,UAAU,GAAG;AAAA,MAC7D;AAAA,IACF;AAKA,QAHA,IAAI,GAAG,GAAG,CAAC,GAEU,gBAAgB,aAAa,KAC9B,QAAQ,SAAS;AAEnC,eAAS,OAAO,OAAO,QAAQ,GAAG,OAAO,aAAa;AACpD,YAAI,GAAG,GAAG,CAAC;AAAA,EAGjB;AAGA,QAAM,aAAa,QAAQ,CAAC,GACtB,aAAa,QAAQ,QAAQ,SAAS,CAAC,GAEvC,oBAAoB,CAAC,YAAY,UAAU,EAAE,IAAI,CAAC,UAAU;AAChE,UAAM,CAAC,GAAG,GAAG,CAAC,IAAI,YAAY,KAAK;AAEnC,WAAO;AAAA,MACL,KAAK,GAAG,GAAG,GAAG,CAAC;AAAA,MACf,KAAK,GAAG,GAAG,GAAG,GAAG;AAAA,MACjB,KAAK,GAAG,GAAG,GAAG,GAAG;AAAA,MACjB,KAAK,GAAG,GAAG,GAAG,GAAG;AAAA,MACjB,KAAK,GAAG,GAAG,GAAG,GAAG;AAAA,IACnB;AAAA,EACF,CAAC,GACK,oBAAoB,CAAC,GAAG,kBAAkB,CAAC,CAAC,EAAE,QAAQ;AAC5D,mBAAU,CAAC,GAAG,kBAAkB,CAAC,GAAG,GAAG,SAAS,GAAG,iBAAiB,GAE7D;AACT;AAEO,SAAS,sBAAsB,SAAuB;AAC3D,SAAO;AAAA,IACL,OAAO,qBAAqB,EAAE,SAAS,QAAQ,QAAQ,CAAC;AAAA,IACxD,MAAM,qBAAqB,EAAE,SAAS,QAAQ,OAAO,CAAC;AAAA,EACxD;AACF;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { hsla, parseToHsla } from "color2k";
|
|
2
2
|
const paletteSize = 12,
|
|
3
|
-
PALETTE_BACKGROUND_OFFSET =
|
|
3
|
+
PALETTE_BACKGROUND_OFFSET = 6,
|
|
4
4
|
generateColorPalette = ({
|
|
5
5
|
palette: buildPalette,
|
|
6
6
|
scheme
|
|
@@ -32,11 +32,11 @@ const paletteSize = 12,
|
|
|
32
32
|
}
|
|
33
33
|
if (add(h, s, l), anchorIndex === numAnchors - 1 && palette.length < paletteSize) for (let step = anchor.index + 1; step < paletteSize; step++) add(h, s, l);
|
|
34
34
|
}
|
|
35
|
-
const
|
|
36
|
-
foreground = palette[palette.length -
|
|
35
|
+
const background = palette[3],
|
|
36
|
+
foreground = palette[palette.length - 3],
|
|
37
37
|
transparentValues = [background, foreground].map(color => {
|
|
38
38
|
const [h, s, l] = parseToHsla(color);
|
|
39
|
-
return [hsla(h, s, l, 0), hsla(h, s, l, 0.
|
|
39
|
+
return [hsla(h, s, l, 0), hsla(h, s, l, 0.2), hsla(h, s, l, 0.4), hsla(h, s, l, 0.6), hsla(h, s, l, 0.8)];
|
|
40
40
|
}),
|
|
41
41
|
reverseForeground = [...transparentValues[1]].reverse();
|
|
42
42
|
return palette = [...transparentValues[0], ...palette, ...reverseForeground], palette;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["hsla","parseToHsla","paletteSize","PALETTE_BACKGROUND_OFFSET","generateColorPalette","palette","buildPalette","scheme","anchors","add","h","s","l","push","numAnchors","Object","keys","length","anchorIndex","anchor","entries","hue","sat","lum","lastAnchor","steps","index","lastHue","lastSat","lastLum","stepHue","stepSat","stepLum","step","str","background","foreground","transparentValues","map","color","reverseForeground","reverse","getThemeSuitePalettes","light","dark"],"sources":["../../src/getThemeSuitePalettes.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,EAAMC,WAAA,QAAmB;AASlC,MAAMC,WAAA,GAAc;EAGPC,yBAAA,GAA4B;EAEnCC,oBAAA,GAAuBA,CAAC;IAC5BC,OAAA,EAASC,YAAA;IACTC;EACF,MAGM;IACJ,IAAI,CAACD,YAAA,EACH,OAAO,EAAC;IAGV,MAAM;MAAEE;IAAQ,IAAIF,YAAA;IAEpB,IAAID,OAAA,GAAoB,EAAC;IAEzB,MAAMI,GAAA,GAAMA,CAACC,CAAA,EAAWC,CAAA,EAAWC,CAAA,KAAc;QAC/CP,OAAA,CAAQQ,IAAA,CAAKb,IAAA,CAAKU,CAAA,EAAGC,CAAA,EAAGC,CAAA,EAAG,CAAC,CAAC;MAC/B;MAEME,UAAA,GAAaC,MAAA,CAAOC,IAAA,CAAKR,OAAO,EAAES,MAAA;IAExC,WAAW,CAACC,WAAA,EAAaC,MAAM,KAAKX,OAAA,CAAQY,OAAA,CAAQ,GAAG;MACrD,MAAM,CAACV,CAAA,EAAGC,CAAA,EAAGC,CAAC,IAAI,CAACO,MAAA,CAAOE,GAAA,CAAId,MAAM,GAAGY,MAAA,CAAOG,GAAA,CAAIf,MAAM,GAAGY,MAAA,CAAOI,GAAA,CAAIhB,MAAM,CAAC;MAE7E,IAAIW,WAAA,KAAgB,GAAG;QACrB,MAAMM,UAAA,GAAahB,OAAA,CAAQU,WAAA,GAAc,CAAC;UACpCO,KAAA,GAAQN,MAAA,CAAOO,KAAA,GAAQF,UAAA,CAAWE,KAAA;UAElCC,OAAA,GAAUH,UAAA,CAAWH,GAAA,CAAId,MAAM;UAC/BqB,OAAA,GAAUJ,UAAA,CAAWF,GAAA,CAAIf,MAAM;UAC/BsB,OAAA,GAAUL,UAAA,CAAWD,GAAA,CAAIhB,MAAM;UAE/BuB,OAAA,IAAWH,OAAA,GAAUjB,CAAA,IAAKe,KAAA;UAC1BM,OAAA,IAAWH,OAAA,GAAUjB,CAAA,IAAKc,KAAA;UAC1BO,OAAA,IAAWH,OAAA,GAAUjB,CAAA,IAAKa,KAAA;QAGhC,SAASQ,IAAA,GAAOT,UAAA,CAAWE,KAAA,GAAQ,GAAGO,IAAA,GAAOd,MAAA,CAAOO,KAAA,EAAOO,IAAA,IAAQ;UACjE,MAAMC,GAAA,GAAMf,MAAA,CAAOO,KAAA,GAAQO,IAAA;UAC3BxB,GAAA,CAAIC,CAAA,GAAIoB,OAAA,GAAUI,GAAA,EAAKvB,CAAA,GAAIoB,OAAA,GAAUG,GAAA,EAAKtB,CAAA,GAAIoB,OAAA,GAAUE,GAAG;QAC7D;MACF;MAKA,IAHAzB,GAAA,CAAIC,CAAA,EAAGC,CAAA,EAAGC,CAAC,GAEUM,WAAA,KAAgBJ,UAAA,GAAa,KAC9BT,OAAA,CAAQY,MAAA,GAASf,WAAA,EAEnC,SAAS+B,IAAA,GAAOd,MAAA,CAAOO,KAAA,GAAQ,GAAGO,IAAA,GAAO/B,WAAA,EAAa+B,IAAA,IACpDxB,GAAA,CAAIC,CAAA,EAAGC,CAAA,EAAGC,CAAC;IAGjB;IAGA,
|
|
1
|
+
{"version":3,"names":["hsla","parseToHsla","paletteSize","PALETTE_BACKGROUND_OFFSET","generateColorPalette","palette","buildPalette","scheme","anchors","add","h","s","l","push","numAnchors","Object","keys","length","anchorIndex","anchor","entries","hue","sat","lum","lastAnchor","steps","index","lastHue","lastSat","lastLum","stepHue","stepSat","stepLum","step","str","background","foreground","transparentValues","map","color","reverseForeground","reverse","getThemeSuitePalettes","light","dark"],"sources":["../../src/getThemeSuitePalettes.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,EAAMC,WAAA,QAAmB;AASlC,MAAMC,WAAA,GAAc;EAGPC,yBAAA,GAA4B;EAEnCC,oBAAA,GAAuBA,CAAC;IAC5BC,OAAA,EAASC,YAAA;IACTC;EACF,MAGM;IACJ,IAAI,CAACD,YAAA,EACH,OAAO,EAAC;IAGV,MAAM;MAAEE;IAAQ,IAAIF,YAAA;IAEpB,IAAID,OAAA,GAAoB,EAAC;IAEzB,MAAMI,GAAA,GAAMA,CAACC,CAAA,EAAWC,CAAA,EAAWC,CAAA,KAAc;QAC/CP,OAAA,CAAQQ,IAAA,CAAKb,IAAA,CAAKU,CAAA,EAAGC,CAAA,EAAGC,CAAA,EAAG,CAAC,CAAC;MAC/B;MAEME,UAAA,GAAaC,MAAA,CAAOC,IAAA,CAAKR,OAAO,EAAES,MAAA;IAExC,WAAW,CAACC,WAAA,EAAaC,MAAM,KAAKX,OAAA,CAAQY,OAAA,CAAQ,GAAG;MACrD,MAAM,CAACV,CAAA,EAAGC,CAAA,EAAGC,CAAC,IAAI,CAACO,MAAA,CAAOE,GAAA,CAAId,MAAM,GAAGY,MAAA,CAAOG,GAAA,CAAIf,MAAM,GAAGY,MAAA,CAAOI,GAAA,CAAIhB,MAAM,CAAC;MAE7E,IAAIW,WAAA,KAAgB,GAAG;QACrB,MAAMM,UAAA,GAAahB,OAAA,CAAQU,WAAA,GAAc,CAAC;UACpCO,KAAA,GAAQN,MAAA,CAAOO,KAAA,GAAQF,UAAA,CAAWE,KAAA;UAElCC,OAAA,GAAUH,UAAA,CAAWH,GAAA,CAAId,MAAM;UAC/BqB,OAAA,GAAUJ,UAAA,CAAWF,GAAA,CAAIf,MAAM;UAC/BsB,OAAA,GAAUL,UAAA,CAAWD,GAAA,CAAIhB,MAAM;UAE/BuB,OAAA,IAAWH,OAAA,GAAUjB,CAAA,IAAKe,KAAA;UAC1BM,OAAA,IAAWH,OAAA,GAAUjB,CAAA,IAAKc,KAAA;UAC1BO,OAAA,IAAWH,OAAA,GAAUjB,CAAA,IAAKa,KAAA;QAGhC,SAASQ,IAAA,GAAOT,UAAA,CAAWE,KAAA,GAAQ,GAAGO,IAAA,GAAOd,MAAA,CAAOO,KAAA,EAAOO,IAAA,IAAQ;UACjE,MAAMC,GAAA,GAAMf,MAAA,CAAOO,KAAA,GAAQO,IAAA;UAC3BxB,GAAA,CAAIC,CAAA,GAAIoB,OAAA,GAAUI,GAAA,EAAKvB,CAAA,GAAIoB,OAAA,GAAUG,GAAA,EAAKtB,CAAA,GAAIoB,OAAA,GAAUE,GAAG;QAC7D;MACF;MAKA,IAHAzB,GAAA,CAAIC,CAAA,EAAGC,CAAA,EAAGC,CAAC,GAEUM,WAAA,KAAgBJ,UAAA,GAAa,KAC9BT,OAAA,CAAQY,MAAA,GAASf,WAAA,EAEnC,SAAS+B,IAAA,GAAOd,MAAA,CAAOO,KAAA,GAAQ,GAAGO,IAAA,GAAO/B,WAAA,EAAa+B,IAAA,IACpDxB,GAAA,CAAIC,CAAA,EAAGC,CAAA,EAAGC,CAAC;IAGjB;IAGA,MAAMuB,UAAA,GAAa9B,OAAA,CAAQ,CAAC;MACtB+B,UAAA,GAAa/B,OAAA,CAAQA,OAAA,CAAQY,MAAA,GAAS,CAAC;MAEvCoB,iBAAA,GAAoB,CAACF,UAAA,EAAYC,UAAU,EAAEE,GAAA,CAAKC,KAAA,IAAU;QAChE,MAAM,CAAC7B,CAAA,EAAGC,CAAA,EAAGC,CAAC,IAAIX,WAAA,CAAYsC,KAAK;QAEnC,OAAO,CACLvC,IAAA,CAAKU,CAAA,EAAGC,CAAA,EAAGC,CAAA,EAAG,CAAC,GACfZ,IAAA,CAAKU,CAAA,EAAGC,CAAA,EAAGC,CAAA,EAAG,GAAG,GACjBZ,IAAA,CAAKU,CAAA,EAAGC,CAAA,EAAGC,CAAA,EAAG,GAAG,GACjBZ,IAAA,CAAKU,CAAA,EAAGC,CAAA,EAAGC,CAAA,EAAG,GAAG,GACjBZ,IAAA,CAAKU,CAAA,EAAGC,CAAA,EAAGC,CAAA,EAAG,GAAG,EACnB;MACF,CAAC;MACK4B,iBAAA,GAAoB,CAAC,GAAGH,iBAAA,CAAkB,CAAC,CAAC,EAAEI,OAAA,CAAQ;IAC5D,OAAApC,OAAA,GAAU,CAAC,GAAGgC,iBAAA,CAAkB,CAAC,GAAG,GAAGhC,OAAA,EAAS,GAAGmC,iBAAiB,GAE7DnC,OAAA;EACT;AAEO,SAASqC,sBAAsBrC,OAAA,EAAuB;EAC3D,OAAO;IACLsC,KAAA,EAAOvC,oBAAA,CAAqB;MAAEC,OAAA;MAASE,MAAA,EAAQ;IAAQ,CAAC;IACxDqC,IAAA,EAAMxC,oBAAA,CAAqB;MAAEC,OAAA;MAASE,MAAA,EAAQ;IAAO,CAAC;EACxD;AACF","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { hsla, parseToHsla } from "color2k";
|
|
2
|
-
var paletteSize = 12, PALETTE_BACKGROUND_OFFSET =
|
|
2
|
+
var paletteSize = 12, PALETTE_BACKGROUND_OFFSET = 6, generateColorPalette = function(param) {
|
|
3
3
|
var { palette: buildPalette, scheme } = param;
|
|
4
4
|
if (!buildPalette)
|
|
5
5
|
return [];
|
|
@@ -34,16 +34,17 @@ var paletteSize = 12, PALETTE_BACKGROUND_OFFSET = 4, generateColorPalette = func
|
|
|
34
34
|
throw _iteratorError;
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
|
-
var
|
|
37
|
+
var background = palette[3], foreground = palette[palette.length - 3], transparentValues = [
|
|
38
38
|
background,
|
|
39
39
|
foreground
|
|
40
40
|
].map(function(color) {
|
|
41
41
|
var [h2, s2, l2] = parseToHsla(color);
|
|
42
42
|
return [
|
|
43
43
|
hsla(h2, s2, l2, 0),
|
|
44
|
-
hsla(h2, s2, l2, 0.
|
|
45
|
-
hsla(h2, s2, l2, 0.
|
|
46
|
-
hsla(h2, s2, l2, 0.
|
|
44
|
+
hsla(h2, s2, l2, 0.2),
|
|
45
|
+
hsla(h2, s2, l2, 0.4),
|
|
46
|
+
hsla(h2, s2, l2, 0.6),
|
|
47
|
+
hsla(h2, s2, l2, 0.8)
|
|
47
48
|
];
|
|
48
49
|
}), reverseForeground = [
|
|
49
50
|
...transparentValues[1]
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/core/theme-builder/src/getThemeSuitePalettes.ts"],
|
|
4
|
-
"mappings": "AAAA,SAASA,MAAMC,mBAAmB;AASlC,IAAMC,cAAc,IAGPC,4BAA4B,GAEnCC,uBAAuB,SAAA,OAAA;MAAC,EAC5BC,SAASC,cACTC,OAAM,IAIP;AACC,MAAI,CAACD;AACH,WAAO,CAAA;AAGT,MAAM,EAAEE,QAAO,IAAKF,cAEhBD,UAAoB,CAAA,GAElBI,MAAM,SAACC,IAAWC,IAAWC,IAAAA;AACjCP,YAAQQ,KAAKb,KAAKU,IAAGC,IAAGC,IAAG,CAAA,CAAA;EAC7B,GAEME,aAAaC,OAAOC,KAAKR,OAAAA,EAASS,QAEnC,4BAAA,IAAA,oBAAA,IAAA,iBAAA;;AAAL,aAAK,YAA+BT,QAAQU,QAAO,EAAA,OAAA,QAAA,EAAA,GAA9C,OAAA,EAAA,6BAAA,QAAA,UAAA,KAAA,GAAA,OAAA,4BAAA,IAAkD;AAAlD,UAAM,CAACC,aAAaC,MAAAA,IAApB,MAAA,OACG,CAACV,GAAGC,GAAGC,CAAAA,IAAK;QAACQ,OAAOC,IAAId,MAAAA;QAASa,OAAOE,IAAIf,MAAAA;QAASa,OAAOG,IAAIhB,MAAAA;;AAEtE,UAAIY,gBAAgB;AAalB,iBAZMK,aAAahB,QAAQW,cAAc,CAAA,GACnCM,QAAQL,OAAOM,QAAQF,WAAWE,OAElCC,UAAUH,WAAWH,IAAId,MAAAA,GACzBqB,UAAUJ,WAAWF,IAAIf,MAAAA,GACzBsB,UAAUL,WAAWD,IAAIhB,MAAAA,GAEzBuB,WAAWH,UAAUjB,KAAKe,OAC1BM,WAAWH,UAAUjB,KAAKc,OAC1BO,WAAWH,UAAUjB,KAAKa,OAGvBQ,OAAOT,WAAWE,QAAQ,GAAGO,OAAOb,OAAOM,OAAOO,QAAQ;AACjE,cAAMC,MAAMd,OAAOM,QAAQO;AAC3BxB,cAAIC,IAAIoB,UAAUI,KAAKvB,IAAIoB,UAAUG,KAAKtB,IAAIoB,UAAUE,GAAAA;QAC1D;AAGFzB,UAAIC,GAAGC,GAAGC,CAAAA;AAEV,UAAMuB,eAAehB,gBAAgBL,aAAa;AAClD,UAAIqB,gBAAgB9B,QAAQY,SAASf;AAEnC,iBAAS+B,QAAOb,OAAOM,QAAQ,GAAGO,QAAO/B,aAAa+B;AACpDxB,cAAIC,GAAGC,GAAGC,CAAAA;IAGhB;;AA/BK,wBAAA,IAAA,iBAAA;;;OAAA,6BAAA,UAAA,UAAA,QAAA,UAAA,OAAA;;UAAA;cAAA;;;AAkCL,
|
|
4
|
+
"mappings": "AAAA,SAASA,MAAMC,mBAAmB;AASlC,IAAMC,cAAc,IAGPC,4BAA4B,GAEnCC,uBAAuB,SAAA,OAAA;MAAC,EAC5BC,SAASC,cACTC,OAAM,IAIP;AACC,MAAI,CAACD;AACH,WAAO,CAAA;AAGT,MAAM,EAAEE,QAAO,IAAKF,cAEhBD,UAAoB,CAAA,GAElBI,MAAM,SAACC,IAAWC,IAAWC,IAAAA;AACjCP,YAAQQ,KAAKb,KAAKU,IAAGC,IAAGC,IAAG,CAAA,CAAA;EAC7B,GAEME,aAAaC,OAAOC,KAAKR,OAAAA,EAASS,QAEnC,4BAAA,IAAA,oBAAA,IAAA,iBAAA;;AAAL,aAAK,YAA+BT,QAAQU,QAAO,EAAA,OAAA,QAAA,EAAA,GAA9C,OAAA,EAAA,6BAAA,QAAA,UAAA,KAAA,GAAA,OAAA,4BAAA,IAAkD;AAAlD,UAAM,CAACC,aAAaC,MAAAA,IAApB,MAAA,OACG,CAACV,GAAGC,GAAGC,CAAAA,IAAK;QAACQ,OAAOC,IAAId,MAAAA;QAASa,OAAOE,IAAIf,MAAAA;QAASa,OAAOG,IAAIhB,MAAAA;;AAEtE,UAAIY,gBAAgB;AAalB,iBAZMK,aAAahB,QAAQW,cAAc,CAAA,GACnCM,QAAQL,OAAOM,QAAQF,WAAWE,OAElCC,UAAUH,WAAWH,IAAId,MAAAA,GACzBqB,UAAUJ,WAAWF,IAAIf,MAAAA,GACzBsB,UAAUL,WAAWD,IAAIhB,MAAAA,GAEzBuB,WAAWH,UAAUjB,KAAKe,OAC1BM,WAAWH,UAAUjB,KAAKc,OAC1BO,WAAWH,UAAUjB,KAAKa,OAGvBQ,OAAOT,WAAWE,QAAQ,GAAGO,OAAOb,OAAOM,OAAOO,QAAQ;AACjE,cAAMC,MAAMd,OAAOM,QAAQO;AAC3BxB,cAAIC,IAAIoB,UAAUI,KAAKvB,IAAIoB,UAAUG,KAAKtB,IAAIoB,UAAUE,GAAAA;QAC1D;AAGFzB,UAAIC,GAAGC,GAAGC,CAAAA;AAEV,UAAMuB,eAAehB,gBAAgBL,aAAa;AAClD,UAAIqB,gBAAgB9B,QAAQY,SAASf;AAEnC,iBAAS+B,QAAOb,OAAOM,QAAQ,GAAGO,QAAO/B,aAAa+B;AACpDxB,cAAIC,GAAGC,GAAGC,CAAAA;IAGhB;;AA/BK,wBAAA,IAAA,iBAAA;;;OAAA,6BAAA,UAAA,UAAA,QAAA,UAAA,OAAA;;UAAA;cAAA;;;AAkCL,MAAMwB,aAAa/B,QAAQ,CAAA,GACrBgC,aAAahC,QAAQA,QAAQY,SAAS,CAAA,GAEtCqB,oBAAoB;IAACF;IAAYC;IAAYE,IAAI,SAACC,OAAAA;AACtD,QAAM,CAAC9B,IAAGC,IAAGC,EAAAA,IAAKX,YAAYuC,KAAAA;AAE9B,WAAO;MACLxC,KAAKU,IAAGC,IAAGC,IAAG,CAAA;MACdZ,KAAKU,IAAGC,IAAGC,IAAG,GAAA;MACdZ,KAAKU,IAAGC,IAAGC,IAAG,GAAA;MACdZ,KAAKU,IAAGC,IAAGC,IAAG,GAAA;MACdZ,KAAKU,IAAGC,IAAGC,IAAG,GAAA;;EAElB,CAAA,GACM6B,oBAAoB;OAAIH,kBAAkB,CAAA;IAAII,QAAO;AAC3DrC,mBAAU;OAAIiC,kBAAkB,CAAA;OAAOjC;OAAYoC;KAE5CpC;AACT;AAEO,SAASsC,sBAAsBtC,SAAqB;AACzD,SAAO;IACLuC,OAAOxC,qBAAqB;MAAEC;MAASE,QAAQ;IAAQ,CAAA;IACvDsC,MAAMzC,qBAAqB;MAAEC;MAASE,QAAQ;IAAO,CAAA;EACvD;AACF;",
|
|
5
5
|
"names": ["hsla", "parseToHsla", "paletteSize", "PALETTE_BACKGROUND_OFFSET", "generateColorPalette", "palette", "buildPalette", "scheme", "anchors", "add", "h", "s", "l", "push", "numAnchors", "Object", "keys", "length", "entries", "anchorIndex", "anchor", "hue", "sat", "lum", "lastAnchor", "steps", "index", "lastHue", "lastSat", "lastLum", "stepHue", "stepSat", "stepLum", "step", "str", "isLastAnchor", "background", "foreground", "transparentValues", "map", "color", "reverseForeground", "reverse", "getThemeSuitePalettes", "light", "dark"]
|
|
6
6
|
}
|
package/dist/esm/index.js
CHANGED
|
@@ -2,10 +2,10 @@ export * from "./ThemeBuilder";
|
|
|
2
2
|
export * from "@tamagui/create-theme";
|
|
3
3
|
import {
|
|
4
4
|
createStudioThemes,
|
|
5
|
-
|
|
5
|
+
createThemes,
|
|
6
6
|
getThemeSuitePalettes,
|
|
7
7
|
createPalettes
|
|
8
|
-
} from "./
|
|
8
|
+
} from "./createThemes";
|
|
9
9
|
import { defaultTemplates } from "./defaultTemplates";
|
|
10
10
|
import { defaultComponentThemes } from "./defaultComponentThemes";
|
|
11
11
|
import { PALETTE_BACKGROUND_OFFSET } from "./getThemeSuitePalettes";
|
|
@@ -14,7 +14,7 @@ export {
|
|
|
14
14
|
PALETTE_BACKGROUND_OFFSET,
|
|
15
15
|
createPalettes,
|
|
16
16
|
createStudioThemes,
|
|
17
|
-
|
|
17
|
+
createThemes,
|
|
18
18
|
defaultComponentThemes,
|
|
19
19
|
defaultTemplates,
|
|
20
20
|
getThemeSuitePalettes,
|
package/dist/esm/index.mjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
export * from "./ThemeBuilder.mjs";
|
|
2
2
|
export * from "@tamagui/create-theme";
|
|
3
|
-
import { createStudioThemes,
|
|
3
|
+
import { createStudioThemes, createThemes, getThemeSuitePalettes, createPalettes } from "./createThemes.mjs";
|
|
4
4
|
import { defaultTemplates } from "./defaultTemplates.mjs";
|
|
5
5
|
import { defaultComponentThemes } from "./defaultComponentThemes.mjs";
|
|
6
6
|
import { PALETTE_BACKGROUND_OFFSET } from "./getThemeSuitePalettes.mjs";
|
|
7
7
|
import { masks } from "./masks.mjs";
|
|
8
|
-
export { PALETTE_BACKGROUND_OFFSET, createPalettes, createStudioThemes,
|
|
8
|
+
export { PALETTE_BACKGROUND_OFFSET, createPalettes, createStudioThemes, createThemes, defaultComponentThemes, defaultTemplates, getThemeSuitePalettes, masks };
|
|
9
9
|
//# sourceMappingURL=index.mjs.map
|
package/dist/esm/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createStudioThemes","
|
|
1
|
+
{"version":3,"names":["createStudioThemes","createThemes","getThemeSuitePalettes","createPalettes","defaultTemplates","defaultComponentThemes","PALETTE_BACKGROUND_OFFSET","masks"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AAEd,SACEA,kBAAA,EACAC,YAAA,EACAC,qBAAA,EACAC,cAAA,QAEK;AAEP,SAASC,gBAAA,QAAwB;AACjC,SAASC,sBAAA,QAA8B;AAEvC,SAASC,yBAAA,QAAiC;AAG1C,SAASC,KAAA,QAAa","ignoreList":[]}
|
package/dist/esm/index.native.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export * from "./ThemeBuilder";
|
|
2
2
|
export * from "@tamagui/create-theme";
|
|
3
|
-
import { createStudioThemes,
|
|
3
|
+
import { createStudioThemes, createThemes, getThemeSuitePalettes, createPalettes } from "./createThemes";
|
|
4
4
|
import { defaultTemplates } from "./defaultTemplates";
|
|
5
5
|
import { defaultComponentThemes } from "./defaultComponentThemes";
|
|
6
6
|
import { PALETTE_BACKGROUND_OFFSET } from "./getThemeSuitePalettes";
|
|
@@ -9,7 +9,7 @@ export {
|
|
|
9
9
|
PALETTE_BACKGROUND_OFFSET,
|
|
10
10
|
createPalettes,
|
|
11
11
|
createStudioThemes,
|
|
12
|
-
|
|
12
|
+
createThemes,
|
|
13
13
|
defaultComponentThemes,
|
|
14
14
|
defaultTemplates,
|
|
15
15
|
getThemeSuitePalettes,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/core/theme-builder/src/index.ts"],
|
|
4
|
-
"mappings": "AAAA,cAAc;AACd,cAAc;AAEd,SACEA,oBACAC,
|
|
5
|
-
"names": ["createStudioThemes", "
|
|
4
|
+
"mappings": "AAAA,cAAc;AACd,cAAc;AAEd,SACEA,oBACAC,cACAC,uBACAC,sBAEK;AAEP,SAASC,wBAAwB;AACjC,SAASC,8BAA8B;AAEvC,SAASC,iCAAiC;AAG1C,SAASC,aAAa;",
|
|
5
|
+
"names": ["createStudioThemes", "createThemes", "getThemeSuitePalettes", "createPalettes", "defaultTemplates", "defaultComponentThemes", "PALETTE_BACKGROUND_OFFSET", "masks"]
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/theme-builder",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.122.0",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"types": "./types/index.d.ts",
|
|
6
6
|
"main": "dist/cjs",
|
|
@@ -32,11 +32,11 @@
|
|
|
32
32
|
}
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@tamagui/create-theme": "1.
|
|
35
|
+
"@tamagui/create-theme": "1.122.0",
|
|
36
36
|
"color2k": "^2.0.2"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
|
-
"@tamagui/build": "1.
|
|
39
|
+
"@tamagui/build": "1.122.0"
|
|
40
40
|
},
|
|
41
41
|
"publishConfig": {
|
|
42
42
|
"access": "public"
|
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {
|
|
2
|
+
createThemeBuilder,
|
|
3
|
+
PALETTE_BACKGROUND_OFFSET,
|
|
4
|
+
type ThemeBuilder,
|
|
5
|
+
} from '@tamagui/theme-builder'
|
|
2
6
|
import type { BuildPalettes, BuildTemplates, BuildThemeSuiteProps } from '@tamagui/themes'
|
|
3
7
|
import { parseToHsla } from 'color2k'
|
|
4
8
|
import { defaultTemplates } from './defaultTemplates'
|
|
@@ -17,6 +21,7 @@ export function createStudioThemes(props: BuildThemeSuiteProps) {
|
|
|
17
21
|
palettes,
|
|
18
22
|
templates: defaultTemplates,
|
|
19
23
|
componentThemes: defaultComponentThemes,
|
|
24
|
+
accentTheme: !!props.palettes.accent,
|
|
20
25
|
})
|
|
21
26
|
}
|
|
22
27
|
|
|
@@ -48,7 +53,7 @@ type SinglePalette = string[]
|
|
|
48
53
|
type SchemePalette = { light: SinglePalette; dark: SinglePalette }
|
|
49
54
|
type Palette = SinglePalette | SchemePalette
|
|
50
55
|
|
|
51
|
-
export type
|
|
56
|
+
export type CreateThemesProps<
|
|
52
57
|
Accent extends BaseThemeDefinition<Extra> | undefined = undefined,
|
|
53
58
|
GrandChildrenThemes extends SimpleThemesDefinition | undefined = undefined,
|
|
54
59
|
Extra extends ExtraThemeValuesByScheme = ExtraThemeValuesByScheme,
|
|
@@ -70,27 +75,21 @@ export type CreateThemeSuiteProps<
|
|
|
70
75
|
}
|
|
71
76
|
|
|
72
77
|
// TODO we moved studio over to mostly just control palette, so the need for this can basically go away
|
|
73
|
-
export function
|
|
78
|
+
export function createThemes<
|
|
74
79
|
Extra extends ExtraThemeValuesByScheme,
|
|
75
80
|
SubThemes extends SimpleThemesDefinition,
|
|
76
81
|
ComponentThemes extends SimpleThemesDefinition,
|
|
77
82
|
GrandChildrenThemes extends SimpleThemesDefinition | undefined = undefined,
|
|
78
83
|
Accent extends BaseThemeDefinition<Extra> | undefined = undefined,
|
|
79
84
|
>(
|
|
80
|
-
props:
|
|
81
|
-
Accent,
|
|
82
|
-
GrandChildrenThemes,
|
|
83
|
-
Extra,
|
|
84
|
-
SubThemes,
|
|
85
|
-
ComponentThemes
|
|
86
|
-
>
|
|
85
|
+
props: CreateThemesProps<Accent, GrandChildrenThemes, Extra, SubThemes, ComponentThemes>
|
|
87
86
|
) {
|
|
88
87
|
const {
|
|
89
88
|
accent,
|
|
90
89
|
childrenThemes,
|
|
91
90
|
grandChildrenThemes,
|
|
92
91
|
templates = defaultTemplates,
|
|
93
|
-
componentThemes
|
|
92
|
+
componentThemes,
|
|
94
93
|
} = props
|
|
95
94
|
|
|
96
95
|
const builder = createSimpleThemeBuilder({
|
|
@@ -166,10 +165,15 @@ export function createSimpleThemeBuilder<
|
|
|
166
165
|
palette?: string
|
|
167
166
|
}
|
|
168
167
|
>,
|
|
169
|
-
HasAccent extends boolean,
|
|
170
|
-
ComponentThemes extends SimpleThemesDefinition | false,
|
|
168
|
+
HasAccent extends boolean = false,
|
|
169
|
+
ComponentThemes extends SimpleThemesDefinition | false = false,
|
|
171
170
|
FullTheme = {
|
|
172
|
-
[ThemeKey in
|
|
171
|
+
[ThemeKey in
|
|
172
|
+
| keyof Templates['light_base']
|
|
173
|
+
| keyof Extra['dark']
|
|
174
|
+
| (HasAccent extends true
|
|
175
|
+
? `accent${0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12}`
|
|
176
|
+
: never)]: string
|
|
173
177
|
},
|
|
174
178
|
ThemeNames extends string =
|
|
175
179
|
| 'light'
|
|
@@ -198,6 +202,7 @@ export function createSimpleThemeBuilder<
|
|
|
198
202
|
grandChildrenThemes = null as unknown as GrandChildrenThemes,
|
|
199
203
|
templates = defaultTemplates as unknown as Templates,
|
|
200
204
|
palettes = defaultPalettes as unknown as Palettes,
|
|
205
|
+
accentTheme,
|
|
201
206
|
componentThemes = templates === (defaultTemplates as any)
|
|
202
207
|
? (defaultComponentThemes as unknown as ComponentThemes)
|
|
203
208
|
: undefined,
|
|
@@ -211,12 +216,46 @@ export function createSimpleThemeBuilder<
|
|
|
211
216
|
light: {
|
|
212
217
|
template: 'base',
|
|
213
218
|
palette: 'light',
|
|
214
|
-
nonInheritedValues:
|
|
219
|
+
nonInheritedValues: {
|
|
220
|
+
...extra?.light,
|
|
221
|
+
...(accentTheme &&
|
|
222
|
+
palettes.light_accent && {
|
|
223
|
+
accent1: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 0],
|
|
224
|
+
accent2: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 1],
|
|
225
|
+
accent3: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 2],
|
|
226
|
+
accent4: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 3],
|
|
227
|
+
accent5: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 4],
|
|
228
|
+
accent6: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 5],
|
|
229
|
+
accent7: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 6],
|
|
230
|
+
accent8: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 7],
|
|
231
|
+
accent9: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 8],
|
|
232
|
+
accent10: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 9],
|
|
233
|
+
accent11: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 10],
|
|
234
|
+
accent12: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 11],
|
|
235
|
+
}),
|
|
236
|
+
},
|
|
215
237
|
},
|
|
216
238
|
dark: {
|
|
217
239
|
template: 'base',
|
|
218
240
|
palette: 'dark',
|
|
219
|
-
nonInheritedValues:
|
|
241
|
+
nonInheritedValues: {
|
|
242
|
+
...extra?.dark,
|
|
243
|
+
...(accentTheme &&
|
|
244
|
+
palettes.dark_accent && {
|
|
245
|
+
accent1: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 0],
|
|
246
|
+
accent2: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 1],
|
|
247
|
+
accent3: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 2],
|
|
248
|
+
accent4: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 3],
|
|
249
|
+
accent5: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 4],
|
|
250
|
+
accent6: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 5],
|
|
251
|
+
accent7: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 6],
|
|
252
|
+
accent8: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 7],
|
|
253
|
+
accent9: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 8],
|
|
254
|
+
accent10: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 9],
|
|
255
|
+
accent11: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 10],
|
|
256
|
+
accent12: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 11],
|
|
257
|
+
}),
|
|
258
|
+
},
|
|
220
259
|
},
|
|
221
260
|
})
|
|
222
261
|
|
|
@@ -299,7 +338,7 @@ function coerceSimplePaletteToSchemePalette(def: Palette) {
|
|
|
299
338
|
return Array.isArray(def) ? getSchemePalette(def) : def
|
|
300
339
|
}
|
|
301
340
|
|
|
302
|
-
function getThemesPalettes(props:
|
|
341
|
+
function getThemesPalettes(props: CreateThemesProps<any, any>): BuildPalettes {
|
|
303
342
|
const base = coerceSimplePaletteToSchemePalette(props.base.palette)
|
|
304
343
|
const accent = props.accent
|
|
305
344
|
? coerceSimplePaletteToSchemePalette(props.accent.palette)
|
|
@@ -361,7 +400,12 @@ export function createPalettes(palettes: BuildPalettes): SimplePaletteDefinition
|
|
|
361
400
|
Object.entries(palettes).flatMap(([name, palette]) => {
|
|
362
401
|
const palettes = getThemeSuitePalettes(palette)
|
|
363
402
|
const isAccent = name.startsWith('accent')
|
|
364
|
-
const oppositePalettes = isAccent ? basePalettes : accentPalettes
|
|
403
|
+
const oppositePalettes = isAccent ? basePalettes : accentPalettes || basePalettes
|
|
404
|
+
|
|
405
|
+
if (!oppositePalettes) {
|
|
406
|
+
return []
|
|
407
|
+
}
|
|
408
|
+
|
|
365
409
|
const oppositeLight = oppositePalettes!.light
|
|
366
410
|
const oppositeDark = oppositePalettes!.dark
|
|
367
411
|
|
package/src/defaultTemplates.ts
CHANGED
|
@@ -23,7 +23,7 @@ const getBaseTemplates = (scheme: 'dark' | 'light') => {
|
|
|
23
23
|
|
|
24
24
|
// our palettes have 4 things padding each end until you get to bg/color:
|
|
25
25
|
// [accentBg, transparent1, transparent2, transparent3, transparent4, background, ...]
|
|
26
|
-
const bgIndex =
|
|
26
|
+
const bgIndex = 6
|
|
27
27
|
const lighten = isLight ? -1 : 1
|
|
28
28
|
const darken = -lighten
|
|
29
29
|
const borderColor = bgIndex + 3
|
|
@@ -35,9 +35,10 @@ const getBaseTemplates = (scheme: 'dark' | 'light') => {
|
|
|
35
35
|
accentColor: -0,
|
|
36
36
|
|
|
37
37
|
background0: 1,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
38
|
+
background02: 2,
|
|
39
|
+
background04: 3,
|
|
40
|
+
background06: 4,
|
|
41
|
+
background08: 5,
|
|
41
42
|
color1: bgIndex,
|
|
42
43
|
color2: bgIndex + 1,
|
|
43
44
|
color3: bgIndex + 2,
|
|
@@ -51,9 +52,10 @@ const getBaseTemplates = (scheme: 'dark' | 'light') => {
|
|
|
51
52
|
color11: bgIndex + 10,
|
|
52
53
|
color12: bgIndex + 11,
|
|
53
54
|
color0: -1,
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
55
|
+
color02: -2,
|
|
56
|
+
color04: -3,
|
|
57
|
+
color06: -4,
|
|
58
|
+
color08: -5,
|
|
57
59
|
// the background, color, etc keys here work like generics - they make it so you
|
|
58
60
|
// can publish components for others to use without mandating a specific color scale
|
|
59
61
|
// the @tamagui/button Button component looks for `$background`, so you set the
|
|
@@ -4,13 +4,13 @@ import type { BuildPalette } from '@tamagui/themes'
|
|
|
4
4
|
/**
|
|
5
5
|
* palette generally is:
|
|
6
6
|
*
|
|
7
|
-
* [constrastBackground, backgroundTransparent, ...background, ...foreground, foregroundTransparent, accentForeground]
|
|
7
|
+
* [constrastBackground, accent, backgroundTransparent, ...background, ...foreground, foregroundTransparent, accentForeground]
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
const paletteSize = 12
|
|
11
11
|
|
|
12
12
|
// how many things come before the actual bg color (transparencies etc)
|
|
13
|
-
export const PALETTE_BACKGROUND_OFFSET =
|
|
13
|
+
export const PALETTE_BACKGROUND_OFFSET = 6
|
|
14
14
|
|
|
15
15
|
const generateColorPalette = ({
|
|
16
16
|
palette: buildPalette,
|
|
@@ -67,17 +67,18 @@ const generateColorPalette = ({
|
|
|
67
67
|
}
|
|
68
68
|
|
|
69
69
|
// add transparent values
|
|
70
|
-
const
|
|
71
|
-
const foreground = palette[palette.length -
|
|
70
|
+
const background = palette[3]
|
|
71
|
+
const foreground = palette[palette.length - 3]
|
|
72
72
|
|
|
73
73
|
const transparentValues = [background, foreground].map((color) => {
|
|
74
74
|
const [h, s, l] = parseToHsla(color)
|
|
75
75
|
// fully transparent to partially
|
|
76
76
|
return [
|
|
77
77
|
hsla(h, s, l, 0),
|
|
78
|
-
hsla(h, s, l, 0.
|
|
79
|
-
hsla(h, s, l, 0.
|
|
80
|
-
hsla(h, s, l, 0.
|
|
78
|
+
hsla(h, s, l, 0.2),
|
|
79
|
+
hsla(h, s, l, 0.4),
|
|
80
|
+
hsla(h, s, l, 0.6),
|
|
81
|
+
hsla(h, s, l, 0.8),
|
|
81
82
|
] as const
|
|
82
83
|
})
|
|
83
84
|
const reverseForeground = [...transparentValues[1]].reverse()
|
package/src/index.ts
CHANGED
|
@@ -3,11 +3,11 @@ export * from '@tamagui/create-theme'
|
|
|
3
3
|
|
|
4
4
|
export {
|
|
5
5
|
createStudioThemes,
|
|
6
|
-
|
|
6
|
+
createThemes,
|
|
7
7
|
getThemeSuitePalettes,
|
|
8
8
|
createPalettes,
|
|
9
|
-
type
|
|
10
|
-
} from './
|
|
9
|
+
type CreateThemesProps,
|
|
10
|
+
} from './createThemes'
|
|
11
11
|
|
|
12
12
|
export { defaultTemplates } from './defaultTemplates'
|
|
13
13
|
export { defaultComponentThemes } from './defaultComponentThemes'
|