@tamagui/theme-builder 2.0.0-1768427228811 → 2.0.0-1768530912818
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/defaultComponentThemes.cjs +3 -0
- package/dist/cjs/defaultComponentThemes.js +1 -0
- package/dist/cjs/defaultComponentThemes.js.map +1 -1
- package/dist/cjs/defaultComponentThemes.native.js +3 -0
- package/dist/cjs/defaultComponentThemes.native.js.map +1 -1
- package/dist/cjs/defaultTemplates.cjs +4 -5
- package/dist/cjs/defaultTemplates.js +4 -6
- package/dist/cjs/defaultTemplates.js.map +1 -1
- package/dist/cjs/defaultTemplates.native.js +4 -5
- package/dist/cjs/defaultTemplates.native.js.map +1 -1
- package/dist/esm/defaultComponentThemes.js +1 -0
- package/dist/esm/defaultComponentThemes.js.map +1 -1
- package/dist/esm/defaultComponentThemes.mjs +3 -0
- package/dist/esm/defaultComponentThemes.mjs.map +1 -1
- package/dist/esm/defaultComponentThemes.native.js +3 -0
- package/dist/esm/defaultComponentThemes.native.js.map +1 -1
- package/dist/esm/defaultTemplates.js +4 -6
- package/dist/esm/defaultTemplates.js.map +1 -1
- package/dist/esm/defaultTemplates.mjs +4 -5
- package/dist/esm/defaultTemplates.mjs.map +1 -1
- package/dist/esm/defaultTemplates.native.js +4 -5
- package/dist/esm/defaultTemplates.native.js.map +1 -1
- package/package.json +4 -4
- package/src/defaultComponentThemes.ts +1 -0
- package/src/defaultTemplates.ts +5 -3
- package/types/defaultComponentThemes.d.ts +3 -0
- package/types/defaultComponentThemes.d.ts.map +1 -1
- package/types/defaultTemplates.d.ts.map +1 -1
|
@@ -19,6 +19,7 @@ __export(defaultComponentThemes_exports, {
|
|
|
19
19
|
module.exports = __toCommonJS(defaultComponentThemes_exports);
|
|
20
20
|
const defaultComponentThemes = {
|
|
21
21
|
ListItem: { template: "surface1" },
|
|
22
|
+
SelectItem: { template: "surface1" },
|
|
22
23
|
SelectTrigger: { template: "surface1" },
|
|
23
24
|
Card: { template: "surface1" },
|
|
24
25
|
Button: { template: "surface3" },
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/defaultComponentThemes.ts"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,yBAAyB;AAAA,EACpC,UAAU,EAAE,UAAU,WAAW;AAAA,EACjC,eAAe,EAAE,UAAU,WAAW;AAAA,EACtC,MAAM,EAAE,UAAU,WAAW;AAAA,EAC7B,QAAQ,EAAE,UAAU,WAAW;AAAA,EAC/B,UAAU,EAAE,UAAU,WAAW;AAAA,EACjC,QAAQ,EAAE,UAAU,WAAW;AAAA,EAC/B,aAAa,EAAE,UAAU,UAAU;AAAA,EACnC,gBAAgB,EAAE,UAAU,WAAW;AAAA,EACvC,UAAU,EAAE,UAAU,WAAW;AAAA,EACjC,gBAAgB,EAAE,UAAU,WAAW;AAAA,EACvC,cAAc,EAAE,UAAU,WAAW;AAAA,EACrC,mBAAmB,EAAE,UAAU,WAAW;AAAA,EAC1C,aAAa,EAAE,UAAU,WAAW;AAAA,EACpC,aAAa,EAAE,UAAU,UAAU;AAAA,EACnC,SAAS,EAAE,UAAU,UAAU;AAAA,EAC/B,mBAAmB,EAAE,UAAU,UAAU;AAAA,EACzC,OAAO,EAAE,UAAU,WAAW;AAAA,EAC9B,UAAU,EAAE,UAAU,WAAW;AACnC;",
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,yBAAyB;AAAA,EACpC,UAAU,EAAE,UAAU,WAAW;AAAA,EACjC,YAAY,EAAE,UAAU,WAAW;AAAA,EACnC,eAAe,EAAE,UAAU,WAAW;AAAA,EACtC,MAAM,EAAE,UAAU,WAAW;AAAA,EAC7B,QAAQ,EAAE,UAAU,WAAW;AAAA,EAC/B,UAAU,EAAE,UAAU,WAAW;AAAA,EACjC,QAAQ,EAAE,UAAU,WAAW;AAAA,EAC/B,aAAa,EAAE,UAAU,UAAU;AAAA,EACnC,gBAAgB,EAAE,UAAU,WAAW;AAAA,EACvC,UAAU,EAAE,UAAU,WAAW;AAAA,EACjC,gBAAgB,EAAE,UAAU,WAAW;AAAA,EACvC,cAAc,EAAE,UAAU,WAAW;AAAA,EACrC,mBAAmB,EAAE,UAAU,WAAW;AAAA,EAC1C,aAAa,EAAE,UAAU,WAAW;AAAA,EACpC,aAAa,EAAE,UAAU,UAAU;AAAA,EACnC,SAAS,EAAE,UAAU,UAAU;AAAA,EAC/B,mBAAmB,EAAE,UAAU,UAAU;AAAA,EACzC,OAAO,EAAE,UAAU,WAAW;AAAA,EAC9B,UAAU,EAAE,UAAU,WAAW;AACnC;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","defaultComponentThemes_exports","__export","defaultComponentThemes","module","exports","ListItem","template","SelectTrigger","Card","Button","Checkbox","Switch"],"sources":["../../src/defaultComponentThemes.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,8BAAA;AAAAC,QAAA,CAAAD,8BAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAA;AAAA;AAEOC,MAAM,CAAAC,OAAA,GAAAT,YAAA,CAAAK,8BAAyB;AAAA,IACpCE,sBAAsB;EACtBG,QAAA;IACAC,
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","defaultComponentThemes_exports","__export","defaultComponentThemes","module","exports","ListItem","template","SelectItem","SelectTrigger","Card","Button","Checkbox","Switch"],"sources":["../../src/defaultComponentThemes.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,8BAAA;AAAAC,QAAA,CAAAD,8BAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAA;AAAA;AAEOC,MAAM,CAAAC,OAAA,GAAAT,YAAA,CAAAK,8BAAyB;AAAA,IACpCE,sBAAsB;EACtBG,QAAA;IACAC,QAAA;EACA;EACAC,UAAU;IACVD,QAAU,EAAE;EACZ;EACAE,aAAa,EAAE;IACfF,QAAA;EACA;EACAG,IAAA;IACAH,QAAA;EACA;EACAI,MAAA;IACAJ,QAAA;EACA;EACAK,QAAA;IACAL,QAAS;EACT;EACFM,MAAA","ignoreList":[]}
|
|
@@ -37,6 +37,7 @@ const getTemplates = () => {
|
|
|
37
37
|
bgIndex = 6,
|
|
38
38
|
lighten = isLight ? -1 : 1,
|
|
39
39
|
darken = -lighten,
|
|
40
|
+
increaseContrast = 1,
|
|
40
41
|
borderColor = bgIndex + 3,
|
|
41
42
|
baseColors = {
|
|
42
43
|
color: -bgIndex,
|
|
@@ -76,11 +77,9 @@ const getTemplates = () => {
|
|
|
76
77
|
// the @tamagui/button Button component looks for `$background`, so you set the
|
|
77
78
|
// dark_red_Button theme to have a stronger background than the dark_red theme.
|
|
78
79
|
background: bgIndex,
|
|
79
|
-
backgroundHover: bgIndex +
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
// always darken on press no matter the theme
|
|
83
|
-
backgroundFocus: bgIndex + darken,
|
|
80
|
+
backgroundHover: bgIndex + increaseContrast * 2,
|
|
81
|
+
backgroundPress: bgIndex + increaseContrast * 3,
|
|
82
|
+
backgroundFocus: bgIndex + increaseContrast * 2,
|
|
84
83
|
borderColor,
|
|
85
84
|
borderColorHover: borderColor + lighten,
|
|
86
85
|
borderColorPress: borderColor + darken,
|
|
@@ -33,7 +33,7 @@ const getTemplates = () => {
|
|
|
33
33
|
)
|
|
34
34
|
};
|
|
35
35
|
}, getBaseTemplates = (scheme) => {
|
|
36
|
-
const isLight = scheme === "light", bgIndex = 6, lighten = isLight ? -1 : 1, darken = -lighten, borderColor = bgIndex + 3, baseColors = {
|
|
36
|
+
const isLight = scheme === "light", bgIndex = 6, lighten = isLight ? -1 : 1, darken = -lighten, increaseContrast = 1, borderColor = bgIndex + 3, baseColors = {
|
|
37
37
|
color: -bgIndex,
|
|
38
38
|
colorHover: -bgIndex - 1,
|
|
39
39
|
colorPress: -bgIndex,
|
|
@@ -70,11 +70,9 @@ const getTemplates = () => {
|
|
|
70
70
|
// the @tamagui/button Button component looks for `$background`, so you set the
|
|
71
71
|
// dark_red_Button theme to have a stronger background than the dark_red theme.
|
|
72
72
|
background: bgIndex,
|
|
73
|
-
backgroundHover: bgIndex +
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
// always darken on press no matter the theme
|
|
77
|
-
backgroundFocus: bgIndex + darken,
|
|
73
|
+
backgroundHover: bgIndex + increaseContrast * 2,
|
|
74
|
+
backgroundPress: bgIndex + increaseContrast * 3,
|
|
75
|
+
backgroundFocus: bgIndex + increaseContrast * 2,
|
|
78
76
|
borderColor,
|
|
79
77
|
borderColorHover: borderColor + lighten,
|
|
80
78
|
borderColorPress: borderColor + darken,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/defaultTemplates.ts"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA8C;AAG9C,MAAM,eAAe,MAAM;AACzB,QAAM,iBAAiB,iBAAiB,OAAO,GACzC,gBAAgB,iBAAiB,MAAM;AAa7C,SAZkB;AAAA,IAChB,OAAG;AAAA,UACD,2BAAW,cAAc,EAAE;AAAA,QACzB,CAAC,SAAS,CAAC,SAAS,IAAI,IAAI,eAAe,IAAI,CAAC;AAAA,MAClD;AAAA,IACF;AAAA,IACA,OAAG;AAAA,UACD,2BAAW,aAAa,EAAE;AAAA,QACxB,CAAC,SAAS,CAAC,QAAQ,IAAI,IAAI,cAAc,IAAI,CAAC;AAAA,MAChD;AAAA,IACF;AAAA,EACF;AAEF,GAEM,mBAAmB,CAAC,WAA6B;AACrD,QAAM,UAAU,WAAW,SAIrB,UAAU,GACV,UAAU,UAAU,KAAK,GACzB,SAAS,CAAC,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -44,6 +44,7 @@ var import_helpers = require("./helpers.native.js"),
|
|
|
44
44
|
bgIndex = 6,
|
|
45
45
|
lighten = isLight ? -1 : 1,
|
|
46
46
|
darken = -lighten,
|
|
47
|
+
increaseContrast = 1,
|
|
47
48
|
borderColor = bgIndex + 3,
|
|
48
49
|
baseColors = {
|
|
49
50
|
color: -bgIndex,
|
|
@@ -83,11 +84,9 @@ var import_helpers = require("./helpers.native.js"),
|
|
|
83
84
|
// the @tamagui/button Button component looks for `$background`, so you set the
|
|
84
85
|
// dark_red_Button theme to have a stronger background than the dark_red theme.
|
|
85
86
|
background: bgIndex,
|
|
86
|
-
backgroundHover: bgIndex +
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
// always darken on press no matter the theme
|
|
90
|
-
backgroundFocus: bgIndex + darken,
|
|
87
|
+
backgroundHover: bgIndex + increaseContrast * 2,
|
|
88
|
+
backgroundPress: bgIndex + increaseContrast * 3,
|
|
89
|
+
backgroundFocus: bgIndex + increaseContrast * 2,
|
|
91
90
|
borderColor,
|
|
92
91
|
borderColorHover: borderColor + lighten,
|
|
93
92
|
borderColorPress: borderColor + darken,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","defaultTemplates_exports","__export","defaultTemplates","module","exports","import_helpers","require","getTemplates","lightTemplates","getBaseTemplates","darkTemplates","templates","objectFromEntries","objectKeys","map","name","scheme","isLight","bgIndex","lighten","darken","borderColor","baseColors","color","colorHover","colorPress","colorFocus","placeholderColor","outlineColor","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","colorTransparent","surface1","surface2","surface3","alt1","alt2","inverse","Object","fromEntries","entries","param","key","index"],"sources":["../../src/defaultTemplates.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,wBAAA;AAAAC,QAAA,CAAAD,wBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA8C,CAAAK,wBAAA;AAG9C,IAAAK,cAAM,GAAeC,OAAM;EAAAC,YAAA,YAAAA,CAAA;IACzB,IAAAC,cAAM,GAAAC,gBAAiB,QAAiB;MAAOC,aACzC,GAAAD,gBAAgB,OAAiB;MAAME,SAAA;QAa7C,KAZkB,EAAAN,cAAA,CAAAO,iBAAA,MAAAP,cAAA,CAAAQ,UAAA,EAAAL,cAAA,EAAAM,GAAA,WAAAC,IAAA;UAChB,OAAG,UACDA,IAAA,IACEP,cAAW,CAAAO,IAAA,CAAS,CACtB;QACF;QACA,OAAGV,cAAA,CAAAO,iBAAA,MAAAP,cAAA,CAAAQ,UAAA,EAAAH,aAAA,EAAAI,GAAA,WAAAC,IAAA;UAAA,OACD,CACE,QAACA,IAAU,IACbL,aAAA,CAAAK,IAAA,EACF;QACF;MAEF,CAEM;IACJ,OAAMJ,SAAU;
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","defaultTemplates_exports","__export","defaultTemplates","module","exports","import_helpers","require","getTemplates","lightTemplates","getBaseTemplates","darkTemplates","templates","objectFromEntries","objectKeys","map","name","scheme","isLight","bgIndex","lighten","darken","increaseContrast","borderColor","baseColors","color","colorHover","colorPress","colorFocus","placeholderColor","outlineColor","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","colorTransparent","surface1","surface2","surface3","alt1","alt2","inverse","Object","fromEntries","entries","param","key","index"],"sources":["../../src/defaultTemplates.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/defaultComponentThemes.ts"],
|
|
4
|
-
"mappings": "AAEO,MAAM,yBAAyB;AAAA,EACpC,UAAU,EAAE,UAAU,WAAW;AAAA,EACjC,eAAe,EAAE,UAAU,WAAW;AAAA,EACtC,MAAM,EAAE,UAAU,WAAW;AAAA,EAC7B,QAAQ,EAAE,UAAU,WAAW;AAAA,EAC/B,UAAU,EAAE,UAAU,WAAW;AAAA,EACjC,QAAQ,EAAE,UAAU,WAAW;AAAA,EAC/B,aAAa,EAAE,UAAU,UAAU;AAAA,EACnC,gBAAgB,EAAE,UAAU,WAAW;AAAA,EACvC,UAAU,EAAE,UAAU,WAAW;AAAA,EACjC,gBAAgB,EAAE,UAAU,WAAW;AAAA,EACvC,cAAc,EAAE,UAAU,WAAW;AAAA,EACrC,mBAAmB,EAAE,UAAU,WAAW;AAAA,EAC1C,aAAa,EAAE,UAAU,WAAW;AAAA,EACpC,aAAa,EAAE,UAAU,UAAU;AAAA,EACnC,SAAS,EAAE,UAAU,UAAU;AAAA,EAC/B,mBAAmB,EAAE,UAAU,UAAU;AAAA,EACzC,OAAO,EAAE,UAAU,WAAW;AAAA,EAC9B,UAAU,EAAE,UAAU,WAAW;AACnC;",
|
|
4
|
+
"mappings": "AAEO,MAAM,yBAAyB;AAAA,EACpC,UAAU,EAAE,UAAU,WAAW;AAAA,EACjC,YAAY,EAAE,UAAU,WAAW;AAAA,EACnC,eAAe,EAAE,UAAU,WAAW;AAAA,EACtC,MAAM,EAAE,UAAU,WAAW;AAAA,EAC7B,QAAQ,EAAE,UAAU,WAAW;AAAA,EAC/B,UAAU,EAAE,UAAU,WAAW;AAAA,EACjC,QAAQ,EAAE,UAAU,WAAW;AAAA,EAC/B,aAAa,EAAE,UAAU,UAAU;AAAA,EACnC,gBAAgB,EAAE,UAAU,WAAW;AAAA,EACvC,UAAU,EAAE,UAAU,WAAW;AAAA,EACjC,gBAAgB,EAAE,UAAU,WAAW;AAAA,EACvC,cAAc,EAAE,UAAU,WAAW;AAAA,EACrC,mBAAmB,EAAE,UAAU,WAAW;AAAA,EAC1C,aAAa,EAAE,UAAU,WAAW;AAAA,EACpC,aAAa,EAAE,UAAU,UAAU;AAAA,EACnC,SAAS,EAAE,UAAU,UAAU;AAAA,EAC/B,mBAAmB,EAAE,UAAU,UAAU;AAAA,EACzC,OAAO,EAAE,UAAU,WAAW;AAAA,EAC9B,UAAU,EAAE,UAAU,WAAW;AACnC;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["defaultComponentThemes","ListItem","template","SelectTrigger","Card","Button","Checkbox","Switch","SwitchThumb","TooltipContent","Progress","RadioGroupItem","TooltipArrow","SliderTrackActive","SliderTrack","SliderThumb","Tooltip","ProgressIndicator","Input","TextArea"],"sources":["../../src/defaultComponentThemes.ts"],"sourcesContent":[null],"mappings":"AAEO,MAAMA,sBAAA,GAAyB;EACpCC,QAAA,EAAU;IAAEC,QAAA,EAAU;EAAW;EACjCC,aAAA,EAAe;
|
|
1
|
+
{"version":3,"names":["defaultComponentThemes","ListItem","template","SelectItem","SelectTrigger","Card","Button","Checkbox","Switch","SwitchThumb","TooltipContent","Progress","RadioGroupItem","TooltipArrow","SliderTrackActive","SliderTrack","SliderThumb","Tooltip","ProgressIndicator","Input","TextArea"],"sources":["../../src/defaultComponentThemes.ts"],"sourcesContent":[null],"mappings":"AAEO,MAAMA,sBAAA,GAAyB;EACpCC,QAAA,EAAU;IAAEC,QAAA,EAAU;EAAW;EACjCC,UAAA,EAAY;IAAED,QAAA,EAAU;EAAW;EACnCE,aAAA,EAAe;IAAEF,QAAA,EAAU;EAAW;EACtCG,IAAA,EAAM;IAAEH,QAAA,EAAU;EAAW;EAC7BI,MAAA,EAAQ;IAAEJ,QAAA,EAAU;EAAW;EAC/BK,QAAA,EAAU;IAAEL,QAAA,EAAU;EAAW;EACjCM,MAAA,EAAQ;IAAEN,QAAA,EAAU;EAAW;EAC/BO,WAAA,EAAa;IAAEP,QAAA,EAAU;EAAU;EACnCQ,cAAA,EAAgB;IAAER,QAAA,EAAU;EAAW;EACvCS,QAAA,EAAU;IAAET,QAAA,EAAU;EAAW;EACjCU,cAAA,EAAgB;IAAEV,QAAA,EAAU;EAAW;EACvCW,YAAA,EAAc;IAAEX,QAAA,EAAU;EAAW;EACrCY,iBAAA,EAAmB;IAAEZ,QAAA,EAAU;EAAW;EAC1Ca,WAAA,EAAa;IAAEb,QAAA,EAAU;EAAW;EACpCc,WAAA,EAAa;IAAEd,QAAA,EAAU;EAAU;EACnCe,OAAA,EAAS;IAAEf,QAAA,EAAU;EAAU;EAC/BgB,iBAAA,EAAmB;IAAEhB,QAAA,EAAU;EAAU;EACzCiB,KAAA,EAAO;IAAEjB,QAAA,EAAU;EAAW;EAC9BkB,QAAA,EAAU;IAAElB,QAAA,EAAU;EAAW;AACnC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["defaultComponentThemes","ListItem","template","SelectTrigger","Card","Button","Checkbox","Switch"
|
|
1
|
+
{"version":3,"names":["defaultComponentThemes","ListItem","template","SelectItem","SelectTrigger","Card","Button","Checkbox","Switch"],"sources":["../../src/defaultComponentThemes.ts"],"sourcesContent":[null],"mappings":"AAEO,IAAAA,sBAAM;EACXC,QAAA,EAAU;IACVC,QAAA,EAAY;EACZ;EACAC,UAAQ;IACRD,QAAU;EACV;EACAE,aAAU;IACVF,QAAA;EACA;EACAG,IAAA;IACAH,QAAA;EACA;EACAI,MAAA;IACAJ,QAAA;EACA;EACAK,QAAA,EAAS;IACTL,QAAA;EACA;EACAM,MAAA;IACFN,QAAA","ignoreList":[]}
|
|
@@ -14,7 +14,7 @@ const getTemplates = () => {
|
|
|
14
14
|
)
|
|
15
15
|
};
|
|
16
16
|
}, getBaseTemplates = (scheme) => {
|
|
17
|
-
const isLight = scheme === "light", bgIndex = 6, lighten = isLight ? -1 : 1, darken = -lighten, borderColor = bgIndex + 3, baseColors = {
|
|
17
|
+
const isLight = scheme === "light", bgIndex = 6, lighten = isLight ? -1 : 1, darken = -lighten, increaseContrast = 1, borderColor = bgIndex + 3, baseColors = {
|
|
18
18
|
color: -bgIndex,
|
|
19
19
|
colorHover: -bgIndex - 1,
|
|
20
20
|
colorPress: -bgIndex,
|
|
@@ -51,11 +51,9 @@ const getTemplates = () => {
|
|
|
51
51
|
// the @tamagui/button Button component looks for `$background`, so you set the
|
|
52
52
|
// dark_red_Button theme to have a stronger background than the dark_red theme.
|
|
53
53
|
background: bgIndex,
|
|
54
|
-
backgroundHover: bgIndex +
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
// always darken on press no matter the theme
|
|
58
|
-
backgroundFocus: bgIndex + darken,
|
|
54
|
+
backgroundHover: bgIndex + increaseContrast * 2,
|
|
55
|
+
backgroundPress: bgIndex + increaseContrast * 3,
|
|
56
|
+
backgroundFocus: bgIndex + increaseContrast * 2,
|
|
59
57
|
borderColor,
|
|
60
58
|
borderColorHover: borderColor + lighten,
|
|
61
59
|
borderColorPress: borderColor + darken,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/defaultTemplates.ts"],
|
|
4
|
-
"mappings": "AAAA,SAAS,mBAAmB,kBAAkB;AAG9C,MAAM,eAAe,MAAM;AACzB,QAAM,iBAAiB,iBAAiB,OAAO,GACzC,gBAAgB,iBAAiB,MAAM;AAa7C,SAZkB;AAAA,IAChB,GAAG;AAAA,MACD,WAAW,cAAc,EAAE;AAAA,QACzB,CAAC,SAAS,CAAC,SAAS,IAAI,IAAI,eAAe,IAAI,CAAC;AAAA,MAClD;AAAA,IACF;AAAA,IACA,GAAG;AAAA,MACD,WAAW,aAAa,EAAE;AAAA,QACxB,CAAC,SAAS,CAAC,QAAQ,IAAI,IAAI,cAAc,IAAI,CAAC;AAAA,MAChD;AAAA,IACF;AAAA,EACF;AAEF,GAEM,mBAAmB,CAAC,WAA6B;AACrD,QAAM,UAAU,WAAW,SAIrB,UAAU,GACV,UAAU,UAAU,KAAK,GACzB,SAAS,CAAC,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -12,6 +12,7 @@ const getTemplates = () => {
|
|
|
12
12
|
bgIndex = 6,
|
|
13
13
|
lighten = isLight ? -1 : 1,
|
|
14
14
|
darken = -lighten,
|
|
15
|
+
increaseContrast = 1,
|
|
15
16
|
borderColor = bgIndex + 3,
|
|
16
17
|
baseColors = {
|
|
17
18
|
color: -bgIndex,
|
|
@@ -51,11 +52,9 @@ const getTemplates = () => {
|
|
|
51
52
|
// the @tamagui/button Button component looks for `$background`, so you set the
|
|
52
53
|
// dark_red_Button theme to have a stronger background than the dark_red theme.
|
|
53
54
|
background: bgIndex,
|
|
54
|
-
backgroundHover: bgIndex +
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
// always darken on press no matter the theme
|
|
58
|
-
backgroundFocus: bgIndex + darken,
|
|
55
|
+
backgroundHover: bgIndex + increaseContrast * 2,
|
|
56
|
+
backgroundPress: bgIndex + increaseContrast * 3,
|
|
57
|
+
backgroundFocus: bgIndex + increaseContrast * 2,
|
|
59
58
|
borderColor,
|
|
60
59
|
borderColorHover: borderColor + lighten,
|
|
61
60
|
borderColorPress: borderColor + darken,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["objectFromEntries","objectKeys","getTemplates","lightTemplates","getBaseTemplates","darkTemplates","map","name","scheme","isLight","bgIndex","lighten","darken","borderColor","baseColors","color","colorHover","colorPress","colorFocus","placeholderColor","outlineColor","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","colorTransparent","surface1","surface2","surface3","alt1","alt2","inverse","Object","fromEntries","entries","key","index","defaultTemplates"],"sources":["../../src/defaultTemplates.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,iBAAA,EAAmBC,UAAA,QAAkB;AAG9C,MAAMC,YAAA,GAAeA,CAAA,KAAM;IACzB,MAAMC,cAAA,GAAiBC,gBAAA,CAAiB,OAAO;MACzCC,aAAA,GAAgBD,gBAAA,CAAiB,MAAM;IAa7C,OAZkB;MAChB,GAAGJ,iBAAA,CACDC,UAAA,CAAWE,cAAc,EAAEG,GAAA,CACxBC,IAAA,IAAS,CAAC,SAASA,IAAI,IAAIJ,cAAA,CAAeI,IAAI,CAAC,CAClD,CACF;MACA,GAAGP,iBAAA,CACDC,UAAA,CAAWI,aAAa,EAAEC,GAAA,CACvBC,IAAA,IAAS,CAAC,QAAQA,IAAI,IAAIF,aAAA,CAAcE,IAAI,CAAC,CAChD,CACF;IACF;EAEF;EAEMH,gBAAA,GAAoBI,MAAA,IAA6B;IACrD,MAAMC,OAAA,GAAUD,MAAA,KAAW;MAIrBE,OAAA,GAAU;MACVC,OAAA,GAAUF,OAAA,GAAU,KAAK;MACzBG,MAAA,GAAS,CAACD,OAAA;
|
|
1
|
+
{"version":3,"names":["objectFromEntries","objectKeys","getTemplates","lightTemplates","getBaseTemplates","darkTemplates","map","name","scheme","isLight","bgIndex","lighten","darken","increaseContrast","borderColor","baseColors","color","colorHover","colorPress","colorFocus","placeholderColor","outlineColor","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","colorTransparent","surface1","surface2","surface3","alt1","alt2","inverse","Object","fromEntries","entries","key","index","defaultTemplates"],"sources":["../../src/defaultTemplates.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -17,6 +17,7 @@ var getTemplates = function () {
|
|
|
17
17
|
bgIndex = 6,
|
|
18
18
|
lighten = isLight ? -1 : 1,
|
|
19
19
|
darken = -lighten,
|
|
20
|
+
increaseContrast = 1,
|
|
20
21
|
borderColor = bgIndex + 3,
|
|
21
22
|
baseColors = {
|
|
22
23
|
color: -bgIndex,
|
|
@@ -56,11 +57,9 @@ var getTemplates = function () {
|
|
|
56
57
|
// the @tamagui/button Button component looks for `$background`, so you set the
|
|
57
58
|
// dark_red_Button theme to have a stronger background than the dark_red theme.
|
|
58
59
|
background: bgIndex,
|
|
59
|
-
backgroundHover: bgIndex +
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
// always darken on press no matter the theme
|
|
63
|
-
backgroundFocus: bgIndex + darken,
|
|
60
|
+
backgroundHover: bgIndex + increaseContrast * 2,
|
|
61
|
+
backgroundPress: bgIndex + increaseContrast * 3,
|
|
62
|
+
backgroundFocus: bgIndex + increaseContrast * 2,
|
|
64
63
|
borderColor,
|
|
65
64
|
borderColorHover: borderColor + lighten,
|
|
66
65
|
borderColorPress: borderColor + darken,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["objectFromEntries","objectKeys","getTemplates","lightTemplates","getBaseTemplates","darkTemplates","templates","map","name","scheme","isLight","bgIndex","lighten","darken","borderColor","baseColors","color","colorHover","colorPress","colorFocus","placeholderColor","outlineColor","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","colorTransparent","surface1","surface2","surface3","alt1","alt2","inverse","Object","fromEntries","entries","param","key","index"],"sources":["../../src/defaultTemplates.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,iBAAA,EAAmBC,UAAA,QAAkB;AAG9C,IAAAC,YAAM,YAAAA,CAAA,EAAqB;IACzB,IAAAC,cAAM,GAAAC,gBAAiB,QAAiB;MAAOC,aACzC,GAAAD,gBAAgB,OAAiB;MAAME,SAAA;QAa7C,GAAAN,iBAZkB,CAAAC,UAAA,CAAAE,cAAA,EAAAI,GAAA,WAAAC,IAAA;UAChB,OAAG,CACD,SAAWA,IAAA,IACTL,cAAW,CAAAK,IAAA,CAAS,CACtB;QACF;QACA,GAAGR,iBAAA,CAAAC,UAAA,CAAAI,aAAA,EAAAE,GAAA,WAAAC,IAAA;UACD,QACE,QAACA,IAAU,IACbH,aAAA,CAAAG,IAAA,EACF;QACF;MAEF,CAEM;IACJ,OAAMF,SAAU;
|
|
1
|
+
{"version":3,"names":["objectFromEntries","objectKeys","getTemplates","lightTemplates","getBaseTemplates","darkTemplates","templates","map","name","scheme","isLight","bgIndex","lighten","darken","increaseContrast","borderColor","baseColors","color","colorHover","colorPress","colorFocus","placeholderColor","outlineColor","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","colorTransparent","surface1","surface2","surface3","alt1","alt2","inverse","Object","fromEntries","entries","param","key","index"],"sources":["../../src/defaultTemplates.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/theme-builder",
|
|
3
|
-
"version": "2.0.0-
|
|
3
|
+
"version": "2.0.0-1768530912818",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -38,12 +38,12 @@
|
|
|
38
38
|
}
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
|
-
"@tamagui/create-theme": "2.0.0-
|
|
42
|
-
"@tamagui/web": "2.0.0-
|
|
41
|
+
"@tamagui/create-theme": "2.0.0-1768530912818",
|
|
42
|
+
"@tamagui/web": "2.0.0-1768530912818",
|
|
43
43
|
"color2k": "^2.0.2"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
|
-
"@tamagui/build": "2.0.0-
|
|
46
|
+
"@tamagui/build": "2.0.0-1768530912818",
|
|
47
47
|
"vitest": "^4.0.4"
|
|
48
48
|
},
|
|
49
49
|
"publishConfig": {
|
|
@@ -2,6 +2,7 @@ import type { SimpleThemesDefinition } from './createThemes'
|
|
|
2
2
|
|
|
3
3
|
export const defaultComponentThemes = {
|
|
4
4
|
ListItem: { template: 'surface1' },
|
|
5
|
+
SelectItem: { template: 'surface1' },
|
|
5
6
|
SelectTrigger: { template: 'surface1' },
|
|
6
7
|
Card: { template: 'surface1' },
|
|
7
8
|
Button: { template: 'surface3' },
|
package/src/defaultTemplates.ts
CHANGED
|
@@ -27,6 +27,8 @@ const getBaseTemplates = (scheme: 'dark' | 'light') => {
|
|
|
27
27
|
const bgIndex = 6
|
|
28
28
|
const lighten = isLight ? -1 : 1
|
|
29
29
|
const darken = -lighten
|
|
30
|
+
// always +1 because palette is structured with higher indices = more contrast from background
|
|
31
|
+
const increaseContrast = 1
|
|
30
32
|
const borderColor = bgIndex + 3
|
|
31
33
|
|
|
32
34
|
const baseColors = {
|
|
@@ -71,9 +73,9 @@ const getBaseTemplates = (scheme: 'dark' | 'light') => {
|
|
|
71
73
|
// the @tamagui/button Button component looks for `$background`, so you set the
|
|
72
74
|
// dark_red_Button theme to have a stronger background than the dark_red theme.
|
|
73
75
|
background: bgIndex,
|
|
74
|
-
backgroundHover: bgIndex +
|
|
75
|
-
backgroundPress: bgIndex +
|
|
76
|
-
backgroundFocus: bgIndex +
|
|
76
|
+
backgroundHover: bgIndex + increaseContrast * 2,
|
|
77
|
+
backgroundPress: bgIndex + increaseContrast * 3,
|
|
78
|
+
backgroundFocus: bgIndex + increaseContrast * 2,
|
|
77
79
|
borderColor,
|
|
78
80
|
borderColorHover: borderColor + lighten,
|
|
79
81
|
borderColorPress: borderColor + darken,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultComponentThemes.d.ts","sourceRoot":"","sources":["../src/defaultComponentThemes.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB
|
|
1
|
+
{"version":3,"file":"defaultComponentThemes.d.ts","sourceRoot":"","sources":["../src/defaultComponentThemes.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoBD,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultTemplates.d.ts","sourceRoot":"","sources":["../src/defaultTemplates.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"defaultTemplates.d.ts","sourceRoot":"","sources":["../src/defaultTemplates.ts"],"names":[],"mappings":"AAyJA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAiB,CAAA"}
|