@tamagui/themes 2.0.0-rc.9 → 2.0.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/.turbo/turbo-build.log +2 -0
- package/.turbo/turbo-test.log +6 -0
- package/dist/cjs/componentThemeDefinitions.cjs +104 -102
- package/dist/cjs/componentThemeDefinitions.native.js +106 -104
- package/dist/cjs/componentThemeDefinitions.native.js.map +1 -1
- package/dist/cjs/generated-new.cjs +2005 -2001
- package/dist/cjs/generated-new.native.js +2014 -2007
- package/dist/cjs/generated-new.native.js.map +1 -1
- package/dist/cjs/generated-v3.cjs +1083 -1079
- package/dist/cjs/generated-v3.native.js +1092 -1085
- package/dist/cjs/generated-v3.native.js.map +1 -1
- package/dist/cjs/generated-v4-tamagui.cjs +917 -913
- package/dist/cjs/generated-v4-tamagui.native.js +926 -919
- package/dist/cjs/generated-v4-tamagui.native.js.map +1 -1
- package/dist/cjs/generated-v4.cjs +375 -371
- package/dist/cjs/generated-v4.native.js +384 -377
- package/dist/cjs/generated-v4.native.js.map +1 -1
- package/dist/cjs/generated-v5-subtle.cjs +533 -527
- package/dist/cjs/generated-v5-subtle.native.js +542 -533
- package/dist/cjs/generated-v5-subtle.native.js.map +1 -1
- package/dist/cjs/generated-v5.cjs +533 -527
- package/dist/cjs/generated-v5.native.js +542 -533
- package/dist/cjs/generated-v5.native.js.map +1 -1
- package/dist/cjs/helpers.cjs +12 -10
- package/dist/cjs/helpers.native.js +12 -10
- package/dist/cjs/helpers.native.js.map +1 -1
- package/dist/cjs/index.cjs +7 -5
- package/dist/cjs/index.native.js +7 -5
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/opacify.cjs +62 -37
- package/dist/cjs/opacify.native.js +65 -42
- package/dist/cjs/opacify.native.js.map +1 -1
- package/dist/cjs/palettes.cjs +32 -30
- package/dist/cjs/palettes.native.js +47 -45
- package/dist/cjs/palettes.native.js.map +1 -1
- package/dist/cjs/shadows.cjs +30 -28
- package/dist/cjs/shadows.native.js +30 -28
- package/dist/cjs/shadows.native.js.map +1 -1
- package/dist/cjs/subtleChildrenThemes.cjs +48 -45
- package/dist/cjs/subtleChildrenThemes.native.js +54 -52
- package/dist/cjs/subtleChildrenThemes.native.js.map +1 -1
- package/dist/cjs/templates.cjs +98 -96
- package/dist/cjs/templates.native.js +100 -98
- package/dist/cjs/templates.native.js.map +1 -1
- package/dist/cjs/themes-new.cjs +70 -68
- package/dist/cjs/themes-new.native.js +69 -67
- package/dist/cjs/themes-new.native.js.map +1 -1
- package/dist/cjs/themes-old.cjs +219 -211
- package/dist/cjs/themes-old.native.js +236 -234
- package/dist/cjs/themes-old.native.js.map +1 -1
- package/dist/cjs/themes.cjs +12 -10
- package/dist/cjs/themes.native.js +12 -10
- package/dist/cjs/themes.native.js.map +1 -1
- package/dist/cjs/tokens.cjs +133 -124
- package/dist/cjs/tokens.native.js +137 -130
- package/dist/cjs/tokens.native.js.map +1 -1
- package/dist/cjs/utils.cjs +18 -11
- package/dist/cjs/utils.native.js +18 -11
- package/dist/cjs/utils.native.js.map +1 -1
- package/dist/cjs/v3-themes.cjs +442 -439
- package/dist/cjs/v3-themes.native.js +454 -452
- package/dist/cjs/v3-themes.native.js.map +1 -1
- package/dist/cjs/v3-tokens.cjs +80 -76
- package/dist/cjs/v3-tokens.native.js +86 -84
- package/dist/cjs/v3-tokens.native.js.map +1 -1
- package/dist/cjs/v3.cjs +22 -20
- package/dist/cjs/v3.native.js +22 -20
- package/dist/cjs/v3.native.js.map +1 -1
- package/dist/cjs/v4-default.cjs +143 -141
- package/dist/cjs/v4-default.native.js +143 -141
- package/dist/cjs/v4-default.native.js.map +1 -1
- package/dist/cjs/v4-tamagui.cjs +213 -209
- package/dist/cjs/v4-tamagui.native.js +216 -214
- package/dist/cjs/v4-tamagui.native.js.map +1 -1
- package/dist/cjs/v4-tokens.cjs +80 -76
- package/dist/cjs/v4-tokens.native.js +86 -84
- package/dist/cjs/v4-tokens.native.js.map +1 -1
- package/dist/cjs/v4.cjs +16 -14
- package/dist/cjs/v4.native.js +16 -14
- package/dist/cjs/v4.native.js.map +1 -1
- package/dist/cjs/v5-subtle.cjs +19 -14
- package/dist/cjs/v5-subtle.native.js +19 -14
- package/dist/cjs/v5-subtle.native.js.map +1 -1
- package/dist/cjs/v5-templates.cjs +101 -92
- package/dist/cjs/v5-templates.native.js +108 -106
- package/dist/cjs/v5-templates.native.js.map +1 -1
- package/dist/cjs/v5-themes-subtle.cjs +15 -13
- package/dist/cjs/v5-themes-subtle.native.js +18 -16
- package/dist/cjs/v5-themes-subtle.native.js.map +1 -1
- package/dist/cjs/v5-themes.cjs +235 -212
- package/dist/cjs/v5-themes.native.js +266 -233
- package/dist/cjs/v5-themes.native.js.map +1 -1
- package/dist/cjs/v5-tokens.cjs +80 -76
- package/dist/cjs/v5-tokens.native.js +86 -84
- package/dist/cjs/v5-tokens.native.js.map +1 -1
- package/dist/cjs/v5.cjs +16 -14
- package/dist/cjs/v5.native.js +16 -14
- package/dist/cjs/v5.native.js.map +1 -1
- package/dist/esm/componentThemeDefinitions.mjs +92 -92
- package/dist/esm/componentThemeDefinitions.mjs.map +1 -1
- package/dist/esm/componentThemeDefinitions.native.js +92 -92
- package/dist/esm/componentThemeDefinitions.native.js.map +1 -1
- package/dist/esm/generated-new.mjs +1993 -1991
- package/dist/esm/generated-new.mjs.map +1 -1
- package/dist/esm/generated-new.native.js +2002 -1997
- package/dist/esm/generated-new.native.js.map +1 -1
- package/dist/esm/generated-v3.mjs +1071 -1069
- package/dist/esm/generated-v3.mjs.map +1 -1
- package/dist/esm/generated-v3.native.js +1080 -1075
- package/dist/esm/generated-v3.native.js.map +1 -1
- package/dist/esm/generated-v4-tamagui.mjs +905 -903
- package/dist/esm/generated-v4-tamagui.mjs.map +1 -1
- package/dist/esm/generated-v4-tamagui.native.js +914 -909
- package/dist/esm/generated-v4-tamagui.native.js.map +1 -1
- package/dist/esm/generated-v4.mjs +363 -361
- package/dist/esm/generated-v4.mjs.map +1 -1
- package/dist/esm/generated-v4.native.js +372 -367
- package/dist/esm/generated-v4.native.js.map +1 -1
- package/dist/esm/generated-v5-subtle.mjs +521 -517
- package/dist/esm/generated-v5-subtle.mjs.map +1 -1
- package/dist/esm/generated-v5-subtle.native.js +530 -523
- package/dist/esm/generated-v5-subtle.native.js.map +1 -1
- package/dist/esm/generated-v5.mjs +521 -517
- package/dist/esm/generated-v5.mjs.map +1 -1
- package/dist/esm/generated-v5.native.js +530 -523
- package/dist/esm/generated-v5.native.js.map +1 -1
- package/dist/esm/index.js +6 -6
- package/dist/esm/index.js.map +1 -6
- package/dist/esm/opacify.mjs +50 -27
- package/dist/esm/opacify.mjs.map +1 -1
- package/dist/esm/opacify.native.js +53 -32
- package/dist/esm/opacify.native.js.map +1 -1
- package/dist/esm/palettes.mjs +18 -18
- package/dist/esm/palettes.mjs.map +1 -1
- package/dist/esm/palettes.native.js +26 -26
- package/dist/esm/palettes.native.js.map +1 -1
- package/dist/esm/shadows.mjs +18 -18
- package/dist/esm/shadows.mjs.map +1 -1
- package/dist/esm/shadows.native.js +18 -18
- package/dist/esm/shadows.native.js.map +1 -1
- package/dist/esm/subtleChildrenThemes.mjs +36 -35
- package/dist/esm/subtleChildrenThemes.mjs.map +1 -1
- package/dist/esm/subtleChildrenThemes.native.js +40 -40
- package/dist/esm/subtleChildrenThemes.native.js.map +1 -1
- package/dist/esm/templates.mjs +86 -86
- package/dist/esm/templates.mjs.map +1 -1
- package/dist/esm/templates.native.js +86 -86
- package/dist/esm/templates.native.js.map +1 -1
- package/dist/esm/themes-new.mjs +51 -51
- package/dist/esm/themes-new.mjs.map +1 -1
- package/dist/esm/themes-new.native.js +49 -49
- package/dist/esm/themes-new.native.js.map +1 -1
- package/dist/esm/themes-old.mjs +205 -199
- package/dist/esm/themes-old.mjs.map +1 -1
- package/dist/esm/themes-old.native.js +222 -222
- package/dist/esm/themes-old.native.js.map +1 -1
- package/dist/esm/tokens.mjs +119 -112
- package/dist/esm/tokens.mjs.map +1 -1
- package/dist/esm/tokens.native.js +122 -117
- package/dist/esm/tokens.native.js.map +1 -1
- package/dist/esm/utils.mjs +6 -1
- package/dist/esm/utils.mjs.map +1 -1
- package/dist/esm/utils.native.js +6 -1
- package/dist/esm/utils.native.js.map +1 -1
- package/dist/esm/v3-themes.mjs +425 -424
- package/dist/esm/v3-themes.mjs.map +1 -1
- package/dist/esm/v3-themes.native.js +436 -436
- package/dist/esm/v3-themes.native.js.map +1 -1
- package/dist/esm/v3-tokens.mjs +68 -66
- package/dist/esm/v3-tokens.mjs.map +1 -1
- package/dist/esm/v3-tokens.native.js +72 -72
- package/dist/esm/v3-tokens.native.js.map +1 -1
- package/dist/esm/v4-default.mjs +117 -117
- package/dist/esm/v4-default.mjs.map +1 -1
- package/dist/esm/v4-default.native.js +117 -117
- package/dist/esm/v4-default.native.js.map +1 -1
- package/dist/esm/v4-tamagui.mjs +186 -184
- package/dist/esm/v4-tamagui.mjs.map +1 -1
- package/dist/esm/v4-tamagui.native.js +188 -188
- package/dist/esm/v4-tamagui.native.js.map +1 -1
- package/dist/esm/v4-tokens.mjs +68 -66
- package/dist/esm/v4-tokens.mjs.map +1 -1
- package/dist/esm/v4-tokens.native.js +72 -72
- package/dist/esm/v4-tokens.native.js.map +1 -1
- package/dist/esm/v5-subtle.mjs +2 -1
- package/dist/esm/v5-subtle.mjs.map +1 -1
- package/dist/esm/v5-subtle.native.js +2 -1
- package/dist/esm/v5-subtle.native.js.map +1 -1
- package/dist/esm/v5-templates.mjs +89 -82
- package/dist/esm/v5-templates.mjs.map +1 -1
- package/dist/esm/v5-templates.native.js +94 -94
- package/dist/esm/v5-templates.native.js.map +1 -1
- package/dist/esm/v5-themes.mjs +218 -197
- package/dist/esm/v5-themes.mjs.map +1 -1
- package/dist/esm/v5-themes.native.js +249 -218
- package/dist/esm/v5-themes.native.js.map +1 -1
- package/dist/esm/v5-tokens.mjs +68 -66
- package/dist/esm/v5-tokens.mjs.map +1 -1
- package/dist/esm/v5-tokens.native.js +72 -72
- package/dist/esm/v5-tokens.native.js.map +1 -1
- package/dist/esm/v5.mjs.map +1 -1
- package/dist/esm/v5.native.js.map +1 -1
- package/package.json +24 -23
- package/src/generated-v3.ts +5 -3
- package/src/generated-v4-tamagui.ts +5 -3
- package/src/generated-v4.ts +5 -3
- package/src/generated-v5-subtle.ts +437 -433
- package/src/generated-v5.ts +437 -433
- package/src/v5-subtle.tsx +7 -0
- package/src/v5-themes.ts +105 -48
- package/src/v5-tokens.ts +2 -0
- package/src/v5.tsx +6 -0
- package/tests/v5-themes.test.ts +215 -0
- package/tsconfig.json +43 -0
- package/types/generated-v3.d.ts +4 -4
- package/types/generated-v3.d.ts.map +1 -1
- package/types/generated-v4-tamagui.d.ts +4 -4
- package/types/generated-v4-tamagui.d.ts.map +1 -1
- package/types/generated-v4.d.ts +4 -4
- package/types/generated-v4.d.ts.map +1 -1
- package/types/generated-v5-subtle.d.ts +4 -4
- package/types/generated-v5-subtle.d.ts.map +1 -1
- package/types/generated-v5.d.ts +4 -4
- package/types/generated-v5.d.ts.map +1 -1
- package/types/v5-subtle.d.ts +3 -0
- package/types/v5-subtle.d.ts.map +1 -1
- package/types/v5-themes-subtle.d.ts +2 -2
- package/types/v5-themes-subtle.d.ts.map +1 -1
- package/types/v5-themes.d.ts +37 -41
- package/types/v5-themes.d.ts.map +1 -1
- package/types/v5-tokens.d.ts +1 -0
- package/types/v5-tokens.d.ts.map +1 -1
- package/types/v5.d.ts +2 -0
- package/types/v5.d.ts.map +1 -1
- package/v3/index.cjs +2 -0
- package/v3/index.js +2 -0
- package/v3/index.native.cjs +2 -0
- package/v3/index.native.js +2 -0
- package/v3-themes/index.cjs +2 -0
- package/v3-themes/index.js +2 -0
- package/v3-themes/index.native.cjs +2 -0
- package/v3-themes/index.native.js +2 -0
- package/v3-themes.d.ts +1 -0
- package/v3.d.ts +1 -0
- package/v4/index.cjs +2 -0
- package/v4/index.js +2 -0
- package/v4/index.native.cjs +2 -0
- package/v4/index.native.js +2 -0
- package/v4.d.ts +1 -0
- package/v5/index.cjs +2 -0
- package/v5/index.js +2 -0
- package/v5/index.native.cjs +2 -0
- package/v5/index.native.js +2 -0
- package/v5-subtle/index.cjs +2 -0
- package/v5-subtle/index.js +2 -0
- package/v5-subtle/index.native.cjs +2 -0
- package/v5-subtle/index.native.js +2 -0
- package/v5-subtle.d.ts +1 -0
- package/v5.d.ts +1 -0
- package/dist/cjs/componentThemeDefinitions.js +0 -123
- package/dist/cjs/componentThemeDefinitions.js.map +0 -6
- package/dist/cjs/defaultColorThemes.cjs +0 -103
- package/dist/cjs/defaultColorThemes.js +0 -96
- package/dist/cjs/defaultColorThemes.js.map +0 -6
- package/dist/cjs/defaultColorThemes.native.js +0 -120
- package/dist/cjs/defaultColorThemes.native.js.map +0 -1
- package/dist/cjs/defaultGrandChildrenThemes.cjs +0 -45
- package/dist/cjs/defaultGrandChildrenThemes.js +0 -28
- package/dist/cjs/defaultGrandChildrenThemes.js.map +0 -6
- package/dist/cjs/defaultGrandChildrenThemes.native.js +0 -48
- package/dist/cjs/defaultGrandChildrenThemes.native.js.map +0 -1
- package/dist/cjs/generated-new.js +0 -1809
- package/dist/cjs/generated-new.js.map +0 -6
- package/dist/cjs/generated-v2.cjs +0 -1945
- package/dist/cjs/generated-v2.js +0 -1791
- package/dist/cjs/generated-v2.js.map +0 -6
- package/dist/cjs/generated-v2.native.js +0 -1964
- package/dist/cjs/generated-v2.native.js.map +0 -1
- package/dist/cjs/generated-v3.js +0 -1387
- package/dist/cjs/generated-v3.js.map +0 -6
- package/dist/cjs/generated-v4-tamagui.js +0 -1581
- package/dist/cjs/generated-v4-tamagui.js.map +0 -6
- package/dist/cjs/generated-v4.js +0 -790
- package/dist/cjs/generated-v4.js.map +0 -6
- package/dist/cjs/generated-v5-subtle.js +0 -1711
- package/dist/cjs/generated-v5-subtle.js.map +0 -6
- package/dist/cjs/generated-v5.js +0 -1729
- package/dist/cjs/generated-v5.js.map +0 -6
- package/dist/cjs/helpers.js +0 -29
- package/dist/cjs/helpers.js.map +0 -6
- package/dist/cjs/index.js +0 -22
- package/dist/cjs/index.js.map +0 -6
- package/dist/cjs/opacify.js +0 -84
- package/dist/cjs/opacify.js.map +0 -6
- package/dist/cjs/palettes.js +0 -82
- package/dist/cjs/palettes.js.map +0 -6
- package/dist/cjs/shadows.js +0 -34
- package/dist/cjs/shadows.js.map +0 -6
- package/dist/cjs/subtleChildrenThemes.js +0 -56
- package/dist/cjs/subtleChildrenThemes.js.map +0 -6
- package/dist/cjs/templates.js +0 -106
- package/dist/cjs/templates.js.map +0 -6
- package/dist/cjs/themes-new.js +0 -76
- package/dist/cjs/themes-new.js.map +0 -6
- package/dist/cjs/themes-old.js +0 -266
- package/dist/cjs/themes-old.js.map +0 -6
- package/dist/cjs/themes.js +0 -21
- package/dist/cjs/themes.js.map +0 -6
- package/dist/cjs/tokens.js +0 -143
- package/dist/cjs/tokens.js.map +0 -6
- package/dist/cjs/utils.js +0 -37
- package/dist/cjs/utils.js.map +0 -6
- package/dist/cjs/v2-themes.cjs +0 -465
- package/dist/cjs/v2-themes.js +0 -479
- package/dist/cjs/v2-themes.js.map +0 -6
- package/dist/cjs/v2-themes.native.js +0 -484
- package/dist/cjs/v2-themes.native.js.map +0 -1
- package/dist/cjs/v2.cjs +0 -52
- package/dist/cjs/v2.js +0 -38
- package/dist/cjs/v2.js.map +0 -6
- package/dist/cjs/v2.native.js +0 -55
- package/dist/cjs/v2.native.js.map +0 -1
- package/dist/cjs/v3-themes.js +0 -512
- package/dist/cjs/v3-themes.js.map +0 -6
- package/dist/cjs/v3-tokens.js +0 -88
- package/dist/cjs/v3-tokens.js.map +0 -6
- package/dist/cjs/v3.js +0 -38
- package/dist/cjs/v3.js.map +0 -6
- package/dist/cjs/v4-default.js +0 -177
- package/dist/cjs/v4-default.js.map +0 -6
- package/dist/cjs/v4-tamagui.js +0 -269
- package/dist/cjs/v4-tamagui.js.map +0 -6
- package/dist/cjs/v4-tokens.js +0 -88
- package/dist/cjs/v4-tokens.js.map +0 -6
- package/dist/cjs/v4.js +0 -24
- package/dist/cjs/v4.js.map +0 -6
- package/dist/cjs/v5-palettes.cjs +0 -124
- package/dist/cjs/v5-palettes.js +0 -149
- package/dist/cjs/v5-palettes.js.map +0 -6
- package/dist/cjs/v5-palettes.native.js +0 -127
- package/dist/cjs/v5-palettes.native.js.map +0 -1
- package/dist/cjs/v5-subtle.js +0 -26
- package/dist/cjs/v5-subtle.js.map +0 -6
- package/dist/cjs/v5-templates.js +0 -97
- package/dist/cjs/v5-templates.js.map +0 -6
- package/dist/cjs/v5-themes-subtle.js +0 -28
- package/dist/cjs/v5-themes-subtle.js.map +0 -6
- package/dist/cjs/v5-themes.js +0 -314
- package/dist/cjs/v5-themes.js.map +0 -6
- package/dist/cjs/v5-tokens.js +0 -88
- package/dist/cjs/v5-tokens.js.map +0 -6
- package/dist/cjs/v5.js +0 -26
- package/dist/cjs/v5.js.map +0 -6
- package/dist/esm/componentThemeDefinitions.js +0 -107
- package/dist/esm/componentThemeDefinitions.js.map +0 -6
- package/dist/esm/defaultColorThemes.js +0 -92
- package/dist/esm/defaultColorThemes.js.map +0 -6
- package/dist/esm/defaultColorThemes.mjs +0 -79
- package/dist/esm/defaultColorThemes.mjs.map +0 -1
- package/dist/esm/defaultColorThemes.native.js +0 -93
- package/dist/esm/defaultColorThemes.native.js.map +0 -1
- package/dist/esm/defaultGrandChildrenThemes.js +0 -12
- package/dist/esm/defaultGrandChildrenThemes.js.map +0 -6
- package/dist/esm/defaultGrandChildrenThemes.mjs +0 -22
- package/dist/esm/defaultGrandChildrenThemes.mjs.map +0 -1
- package/dist/esm/defaultGrandChildrenThemes.native.js +0 -22
- package/dist/esm/defaultGrandChildrenThemes.native.js.map +0 -1
- package/dist/esm/generated-new.js +0 -1793
- package/dist/esm/generated-new.js.map +0 -6
- package/dist/esm/generated-v2.js +0 -1775
- package/dist/esm/generated-v2.js.map +0 -6
- package/dist/esm/generated-v2.mjs +0 -1921
- package/dist/esm/generated-v2.mjs.map +0 -1
- package/dist/esm/generated-v2.native.js +0 -1937
- package/dist/esm/generated-v2.native.js.map +0 -1
- package/dist/esm/generated-v3.js +0 -1371
- package/dist/esm/generated-v3.js.map +0 -6
- package/dist/esm/generated-v4-tamagui.js +0 -1565
- package/dist/esm/generated-v4-tamagui.js.map +0 -6
- package/dist/esm/generated-v4.js +0 -774
- package/dist/esm/generated-v4.js.map +0 -6
- package/dist/esm/generated-v5-subtle.js +0 -1695
- package/dist/esm/generated-v5-subtle.js.map +0 -6
- package/dist/esm/generated-v5.js +0 -1713
- package/dist/esm/generated-v5.js.map +0 -6
- package/dist/esm/helpers.js +0 -13
- package/dist/esm/helpers.js.map +0 -6
- package/dist/esm/opacify.js +0 -68
- package/dist/esm/opacify.js.map +0 -6
- package/dist/esm/palettes.js +0 -67
- package/dist/esm/palettes.js.map +0 -6
- package/dist/esm/shadows.js +0 -18
- package/dist/esm/shadows.js.map +0 -6
- package/dist/esm/subtleChildrenThemes.js +0 -43
- package/dist/esm/subtleChildrenThemes.js.map +0 -6
- package/dist/esm/templates.js +0 -90
- package/dist/esm/templates.js.map +0 -6
- package/dist/esm/themes-new.js +0 -66
- package/dist/esm/themes-new.js.map +0 -6
- package/dist/esm/themes-old.js +0 -258
- package/dist/esm/themes-old.js.map +0 -6
- package/dist/esm/themes.js +0 -5
- package/dist/esm/themes.js.map +0 -6
- package/dist/esm/tokens.js +0 -145
- package/dist/esm/tokens.js.map +0 -6
- package/dist/esm/utils.js +0 -21
- package/dist/esm/utils.js.map +0 -6
- package/dist/esm/v2-themes.js +0 -483
- package/dist/esm/v2-themes.js.map +0 -6
- package/dist/esm/v2-themes.mjs +0 -437
- package/dist/esm/v2-themes.mjs.map +0 -1
- package/dist/esm/v2-themes.native.js +0 -453
- package/dist/esm/v2-themes.native.js.map +0 -1
- package/dist/esm/v2.js +0 -31
- package/dist/esm/v2.js.map +0 -6
- package/dist/esm/v2.mjs +0 -12
- package/dist/esm/v2.mjs.map +0 -1
- package/dist/esm/v2.native.js +0 -12
- package/dist/esm/v2.native.js.map +0 -1
- package/dist/esm/v3-themes.js +0 -517
- package/dist/esm/v3-themes.js.map +0 -6
- package/dist/esm/v3-tokens.js +0 -72
- package/dist/esm/v3-tokens.js.map +0 -6
- package/dist/esm/v3.js +0 -31
- package/dist/esm/v3.js.map +0 -6
- package/dist/esm/v4-default.js +0 -154
- package/dist/esm/v4-default.js.map +0 -6
- package/dist/esm/v4-tamagui.js +0 -247
- package/dist/esm/v4-tamagui.js.map +0 -6
- package/dist/esm/v4-tokens.js +0 -72
- package/dist/esm/v4-tokens.js.map +0 -6
- package/dist/esm/v4.js +0 -11
- package/dist/esm/v4.js.map +0 -6
- package/dist/esm/v5-palettes.js +0 -144
- package/dist/esm/v5-palettes.js.map +0 -6
- package/dist/esm/v5-palettes.mjs +0 -92
- package/dist/esm/v5-palettes.mjs.map +0 -1
- package/dist/esm/v5-palettes.native.js +0 -92
- package/dist/esm/v5-palettes.native.js.map +0 -1
- package/dist/esm/v5-subtle.js +0 -12
- package/dist/esm/v5-subtle.js.map +0 -6
- package/dist/esm/v5-templates.js +0 -81
- package/dist/esm/v5-templates.js.map +0 -6
- package/dist/esm/v5-themes-subtle.js +0 -13
- package/dist/esm/v5-themes-subtle.js.map +0 -6
- package/dist/esm/v5-themes.js +0 -321
- package/dist/esm/v5-themes.js.map +0 -6
- package/dist/esm/v5-tokens.js +0 -72
- package/dist/esm/v5-tokens.js.map +0 -6
- package/dist/esm/v5.js +0 -12
- package/dist/esm/v5.js.map +0 -6
- package/types/defaultColorThemes.d.ts.map +0 -1
- package/types/defaultGrandChildrenThemes.d.ts.map +0 -1
- package/types/generated-v2.d.ts.map +0 -1
- package/types/v2-themes.d.ts.map +0 -1
- package/types/v2.d.ts.map +0 -1
- package/types/v5-palettes.d.ts.map +0 -1
package/src/v5-subtle.tsx
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
export { createThemes } from '@tamagui/theme-builder'
|
|
2
2
|
export { themes } from './generated-v5-subtle'
|
|
3
|
+
export type {
|
|
4
|
+
Theme as V5SubtleTheme,
|
|
5
|
+
ThemeNames as V5SubtleThemeNames,
|
|
6
|
+
Themes as V5SubtleThemes,
|
|
7
|
+
} from './generated-v5-subtle'
|
|
8
|
+
export { subtleChildrenThemes, v5SubtlePaletteAdjustments } from './subtleChildrenThemes'
|
|
3
9
|
export { v5Templates } from './v5-templates'
|
|
4
10
|
export * from './v5-themes-subtle'
|
|
5
11
|
export { tokens } from './v5-tokens'
|
|
12
|
+
export type { V5Tokens } from './v5-tokens'
|
package/src/v5-themes.ts
CHANGED
|
@@ -18,7 +18,7 @@ import {
|
|
|
18
18
|
yellow,
|
|
19
19
|
yellowDark,
|
|
20
20
|
} from '@tamagui/colors'
|
|
21
|
-
import { createThemes } from '@tamagui/theme-builder'
|
|
21
|
+
import { createThemes, type CreateThemesProps } from '@tamagui/theme-builder'
|
|
22
22
|
import { opacify } from './opacify'
|
|
23
23
|
import { v5Templates } from './v5-templates'
|
|
24
24
|
|
|
@@ -362,15 +362,90 @@ type BaseExtraDark = BaseExtraCommon &
|
|
|
362
362
|
typeof darkShadows &
|
|
363
363
|
typeof darkHighlights & { shadowColor: string }
|
|
364
364
|
|
|
365
|
+
type PaletteEntry = { palette: { light: string[]; dark: string[] } }
|
|
366
|
+
type ChildrenWithPalettes<Children extends Record<string, ChildTheme>> = {
|
|
367
|
+
[K in keyof Children | 'black' | 'white']: PaletteEntry
|
|
368
|
+
}
|
|
369
|
+
type V5ExtraByScheme<Children extends Record<string, ChildTheme>> = {
|
|
370
|
+
light: BaseExtraLight & MergedChildrenColors<Children, 'light'>
|
|
371
|
+
dark: BaseExtraDark & MergedChildrenColors<Children, 'dark'>
|
|
372
|
+
}
|
|
373
|
+
type V5GetThemeProps = Parameters<
|
|
374
|
+
NonNullable<
|
|
375
|
+
CreateThemesProps<any, any, any, any, any, typeof v5Templates, any>['getTheme']
|
|
376
|
+
>
|
|
377
|
+
>[0]
|
|
378
|
+
type Merge<A, B> = Omit<A, keyof B> & B
|
|
379
|
+
|
|
380
|
+
type DefaultV5ThemeValues = {
|
|
381
|
+
color01: string
|
|
382
|
+
color0075: string
|
|
383
|
+
color005: string
|
|
384
|
+
color0025: string
|
|
385
|
+
color002: string
|
|
386
|
+
color001: string
|
|
387
|
+
background01: string
|
|
388
|
+
background0075: string
|
|
389
|
+
background005: string
|
|
390
|
+
background0025: string
|
|
391
|
+
background002: string
|
|
392
|
+
background001: string
|
|
393
|
+
background02: string
|
|
394
|
+
background04: string
|
|
395
|
+
background06: string
|
|
396
|
+
background08: string
|
|
397
|
+
outlineColor: string
|
|
398
|
+
}
|
|
399
|
+
|
|
400
|
+
type ComponentThemeOption = Exclude<
|
|
401
|
+
Parameters<typeof createThemes>[0]['componentThemes'],
|
|
402
|
+
undefined
|
|
403
|
+
>
|
|
404
|
+
|
|
405
|
+
function getDefaultV5ThemeValues({ palette }: V5GetThemeProps): DefaultV5ThemeValues {
|
|
406
|
+
if (!palette || palette.length < 3) {
|
|
407
|
+
throw new Error(`invalid palette: ${JSON.stringify(palette)}`)
|
|
408
|
+
}
|
|
409
|
+
|
|
410
|
+
const bgColor = palette[V5_BG_OFFSET]!
|
|
411
|
+
const fgColor = palette[palette.length - 2]!
|
|
412
|
+
|
|
413
|
+
return {
|
|
414
|
+
color01: opacify(fgColor, 0.1),
|
|
415
|
+
color0075: opacify(fgColor, 0.075),
|
|
416
|
+
color005: opacify(fgColor, 0.05),
|
|
417
|
+
color0025: opacify(fgColor, 0.025),
|
|
418
|
+
color002: opacify(fgColor, 0.02),
|
|
419
|
+
color001: opacify(fgColor, 0.01),
|
|
420
|
+
background01: opacify(bgColor, 0.1),
|
|
421
|
+
background0075: opacify(bgColor, 0.075),
|
|
422
|
+
background005: opacify(bgColor, 0.05),
|
|
423
|
+
background0025: opacify(bgColor, 0.025),
|
|
424
|
+
background002: opacify(bgColor, 0.02),
|
|
425
|
+
background001: opacify(bgColor, 0.01),
|
|
426
|
+
background02: opacify(bgColor, 0.2),
|
|
427
|
+
background04: opacify(bgColor, 0.4),
|
|
428
|
+
background06: opacify(bgColor, 0.6),
|
|
429
|
+
background08: opacify(bgColor, 0.8),
|
|
430
|
+
outlineColor: opacify(palette[V5_BG_OFFSET + 4], 0.6),
|
|
431
|
+
}
|
|
432
|
+
}
|
|
433
|
+
|
|
365
434
|
export type CreateV5ThemeOptions<
|
|
366
435
|
Children extends Record<string, ChildTheme> = typeof defaultChildrenThemes,
|
|
367
436
|
GrandChildren extends Record<string, GrandChildrenThemeDefinition> =
|
|
368
437
|
typeof v5GrandchildrenThemes,
|
|
438
|
+
GetThemeReturn extends Record<string, string | number> = {},
|
|
369
439
|
> = {
|
|
370
440
|
/** Override the dark base palette (12 colors from darkest to lightest) */
|
|
371
441
|
darkPalette?: string[]
|
|
372
442
|
/** Override the light base palette (12 colors from lightest to darkest) */
|
|
373
443
|
lightPalette?: string[]
|
|
444
|
+
/**
|
|
445
|
+
* Custom accent palette. If not provided, accent uses the inverted base palette.
|
|
446
|
+
* Accepts named color objects: { light: { accent1: '#...', ... }, dark: { accent1: '#...', ... } }
|
|
447
|
+
*/
|
|
448
|
+
accent?: ChildTheme
|
|
374
449
|
/**
|
|
375
450
|
* Override children themes (color themes like blue, red, etc.)
|
|
376
451
|
* Accepts radix color objects directly: { blue: { light: blue, dark: blueDark } }
|
|
@@ -385,7 +460,12 @@ export type CreateV5ThemeOptions<
|
|
|
385
460
|
* @deprecated component themes are no longer recommended -
|
|
386
461
|
* configure component styles directly via themes or component defaultProps instead
|
|
387
462
|
*/
|
|
388
|
-
componentThemes?: false |
|
|
463
|
+
componentThemes?: false | ComponentThemeOption
|
|
464
|
+
/**
|
|
465
|
+
* Add computed values to every generated theme.
|
|
466
|
+
* These values merge on top of the built-in v5 computed tokens.
|
|
467
|
+
*/
|
|
468
|
+
getTheme?: (props: V5GetThemeProps) => GetThemeReturn
|
|
389
469
|
}
|
|
390
470
|
|
|
391
471
|
/**
|
|
@@ -414,18 +494,22 @@ export function createV5Theme<
|
|
|
414
494
|
Children extends Record<string, ChildTheme> = typeof defaultChildrenThemes,
|
|
415
495
|
GrandChildren extends Record<string, GrandChildrenThemeDefinition> =
|
|
416
496
|
typeof v5GrandchildrenThemes,
|
|
497
|
+
GetThemeReturn extends Record<string, string | number> = {},
|
|
417
498
|
>(
|
|
418
|
-
options: CreateV5ThemeOptions<
|
|
499
|
+
options: CreateV5ThemeOptions<
|
|
419
500
|
Children,
|
|
420
|
-
GrandChildren
|
|
421
|
-
|
|
501
|
+
GrandChildren,
|
|
502
|
+
GetThemeReturn
|
|
503
|
+
> = {} as CreateV5ThemeOptions<Children, GrandChildren, GetThemeReturn>
|
|
422
504
|
) {
|
|
423
505
|
const {
|
|
424
506
|
darkPalette: customDarkPalette = darkPalette,
|
|
425
507
|
lightPalette: customLightPalette = lightPalette,
|
|
508
|
+
accent: customAccent,
|
|
426
509
|
childrenThemes = defaultChildrenThemes as unknown as Children,
|
|
427
510
|
grandChildrenThemes = v5GrandchildrenThemes as unknown as GrandChildren,
|
|
428
511
|
componentThemes: customComponentThemes = v5ComponentThemes,
|
|
512
|
+
getTheme: userGetTheme,
|
|
429
513
|
} = options
|
|
430
514
|
|
|
431
515
|
// Generate black/white named colors from palettes
|
|
@@ -465,9 +549,6 @@ export function createV5Theme<
|
|
|
465
549
|
}
|
|
466
550
|
|
|
467
551
|
// Convert children to palette format for createThemes, adding black/white internally
|
|
468
|
-
type PaletteEntry = { palette: { light: string[]; dark: string[] } }
|
|
469
|
-
type ChildrenWithPalettes = { [K in keyof Children | 'black' | 'white']: PaletteEntry }
|
|
470
|
-
|
|
471
552
|
const childrenWithPalettes = {
|
|
472
553
|
// Always include black/white for theme generation
|
|
473
554
|
black: {
|
|
@@ -487,7 +568,7 @@ export function createV5Theme<
|
|
|
487
568
|
},
|
|
488
569
|
])
|
|
489
570
|
) as { [K in keyof Children]: PaletteEntry }),
|
|
490
|
-
} as ChildrenWithPalettes
|
|
571
|
+
} as ChildrenWithPalettes<Children>
|
|
491
572
|
|
|
492
573
|
return createThemes({
|
|
493
574
|
// componentThemes: false disables them, undefined/truthy values enable them
|
|
@@ -508,51 +589,27 @@ export function createV5Theme<
|
|
|
508
589
|
},
|
|
509
590
|
|
|
510
591
|
accent: {
|
|
511
|
-
palette:
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
592
|
+
palette: customAccent
|
|
593
|
+
? {
|
|
594
|
+
light: Object.values(customAccent.light),
|
|
595
|
+
dark: Object.values(customAccent.dark),
|
|
596
|
+
}
|
|
597
|
+
: {
|
|
598
|
+
dark: customLightPalette,
|
|
599
|
+
light: customDarkPalette,
|
|
600
|
+
},
|
|
515
601
|
},
|
|
516
602
|
|
|
517
603
|
childrenThemes: childrenWithPalettes,
|
|
518
604
|
|
|
519
605
|
grandChildrenThemes,
|
|
520
606
|
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
// TODO this should just be aligned with the offsets we use in templates
|
|
528
|
-
// and all really simplified down
|
|
529
|
-
const bgColor = palette[V5_BG_OFFSET]!
|
|
530
|
-
const fgColor = palette[palette.length - 2]!
|
|
531
|
-
|
|
532
|
-
return {
|
|
533
|
-
// Opacity variants of foreground color
|
|
534
|
-
color01: opacify(fgColor, 0.1),
|
|
535
|
-
color0075: opacify(fgColor, 0.075),
|
|
536
|
-
color005: opacify(fgColor, 0.05),
|
|
537
|
-
color0025: opacify(fgColor, 0.025),
|
|
538
|
-
color002: opacify(fgColor, 0.02),
|
|
539
|
-
color001: opacify(fgColor, 0.01),
|
|
540
|
-
|
|
541
|
-
// Opacity variants of background color
|
|
542
|
-
background01: opacify(bgColor, 0.1),
|
|
543
|
-
background0075: opacify(bgColor, 0.075),
|
|
544
|
-
background005: opacify(bgColor, 0.05),
|
|
545
|
-
background0025: opacify(bgColor, 0.025),
|
|
546
|
-
background002: opacify(bgColor, 0.02),
|
|
547
|
-
background001: opacify(bgColor, 0.01),
|
|
548
|
-
background02: opacify(bgColor, 0.2),
|
|
549
|
-
background04: opacify(bgColor, 0.4),
|
|
550
|
-
background06: opacify(bgColor, 0.6),
|
|
551
|
-
background08: opacify(bgColor, 0.8),
|
|
552
|
-
|
|
553
|
-
// a slightly stronger but translucent color
|
|
554
|
-
outlineColor: opacify(palette[V5_BG_OFFSET + 4], 0.6),
|
|
555
|
-
}
|
|
607
|
+
getTheme: (props): Merge<DefaultV5ThemeValues, GetThemeReturn> => {
|
|
608
|
+
const builtInTheme = getDefaultV5ThemeValues(props)
|
|
609
|
+
const customTheme = userGetTheme?.(props)
|
|
610
|
+
return (
|
|
611
|
+
customTheme ? { ...builtInTheme, ...customTheme } : (builtInTheme as unknown)
|
|
612
|
+
) as Merge<DefaultV5ThemeValues, GetThemeReturn>
|
|
556
613
|
},
|
|
557
614
|
})
|
|
558
615
|
}
|
package/src/v5-tokens.ts
CHANGED
package/src/v5.tsx
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
export { createThemes } from '@tamagui/theme-builder'
|
|
2
2
|
export { themes } from './generated-v5'
|
|
3
|
+
export type {
|
|
4
|
+
Theme as V5Theme,
|
|
5
|
+
ThemeNames as V5ThemeNames,
|
|
6
|
+
Themes as V5Themes,
|
|
7
|
+
} from './generated-v5'
|
|
3
8
|
export { v5Templates } from './v5-templates'
|
|
4
9
|
export * from './v5-themes'
|
|
5
10
|
export { tokens } from './v5-tokens'
|
|
11
|
+
export type { V5Tokens } from './v5-tokens'
|
|
@@ -0,0 +1,215 @@
|
|
|
1
|
+
import { describe, expect, test, assertType } from 'vitest'
|
|
2
|
+
import {
|
|
3
|
+
createV5Theme,
|
|
4
|
+
themes as defaultThemes,
|
|
5
|
+
defaultChildrenThemes,
|
|
6
|
+
} from '../src/v5-themes'
|
|
7
|
+
import { opacify, interpolateColor } from '../src/opacify'
|
|
8
|
+
|
|
9
|
+
describe('opacify', () => {
|
|
10
|
+
test('converts hex to hex with alpha', () => {
|
|
11
|
+
expect(opacify('#ff0000', 0.5)).toBe('#ff000080')
|
|
12
|
+
expect(opacify('#fff', 0.25)).toBe('#ffffff40') // shorthand
|
|
13
|
+
})
|
|
14
|
+
|
|
15
|
+
test('converts hsl to hsla', () => {
|
|
16
|
+
expect(opacify('hsl(0, 100%, 50%)', 0.5)).toBe('hsla(0, 100%, 50%, 0.5)')
|
|
17
|
+
})
|
|
18
|
+
|
|
19
|
+
test('returns unsupported formats unchanged', () => {
|
|
20
|
+
expect(opacify('rgb(255, 0, 0)', 0.5)).toBe('rgb(255, 0, 0)')
|
|
21
|
+
expect(opacify('invalid', 0.5)).toBe('invalid')
|
|
22
|
+
})
|
|
23
|
+
})
|
|
24
|
+
|
|
25
|
+
describe('interpolateColor', () => {
|
|
26
|
+
test('interpolates between colors', () => {
|
|
27
|
+
expect(interpolateColor('#000000', '#ffffff', 0)).toBe('rgb(0, 0, 0)')
|
|
28
|
+
expect(interpolateColor('#000000', '#ffffff', 1)).toBe('rgb(255, 255, 255)')
|
|
29
|
+
expect(interpolateColor('#000000', '#ffffff', 0.5)).toBe('rgb(128, 128, 128)')
|
|
30
|
+
})
|
|
31
|
+
|
|
32
|
+
test('handles different color formats', () => {
|
|
33
|
+
expect(interpolateColor('rgb(0, 0, 0)', 'rgb(255, 255, 255)', 0.5)).toBe(
|
|
34
|
+
'rgb(128, 128, 128)'
|
|
35
|
+
)
|
|
36
|
+
expect(interpolateColor('hsl(0, 100%, 50%)', 'hsl(0, 100%, 100%)', 0.5)).toMatch(
|
|
37
|
+
/^rgb/
|
|
38
|
+
)
|
|
39
|
+
})
|
|
40
|
+
|
|
41
|
+
test('returns first color on invalid input', () => {
|
|
42
|
+
expect(interpolateColor('#ff0000', 'invalid', 0.5)).toBe('#ff0000')
|
|
43
|
+
})
|
|
44
|
+
})
|
|
45
|
+
|
|
46
|
+
describe('v5 themes', () => {
|
|
47
|
+
test('generates expected theme structure', () => {
|
|
48
|
+
const keys = Object.keys(defaultThemes)
|
|
49
|
+
|
|
50
|
+
// Base + accent
|
|
51
|
+
expect(keys).toContain('light')
|
|
52
|
+
expect(keys).toContain('dark')
|
|
53
|
+
expect(keys).toContain('light_accent')
|
|
54
|
+
|
|
55
|
+
// Children themes
|
|
56
|
+
expect(keys).toContain('light_blue')
|
|
57
|
+
expect(keys).toContain('dark_red')
|
|
58
|
+
})
|
|
59
|
+
|
|
60
|
+
test('light and dark themes have different values', () => {
|
|
61
|
+
expect(defaultThemes.light.background).not.toBe(defaultThemes.dark.background)
|
|
62
|
+
expect(defaultThemes.light.color).not.toBe(defaultThemes.dark.color)
|
|
63
|
+
})
|
|
64
|
+
|
|
65
|
+
test('accent themes are inverted', () => {
|
|
66
|
+
expect(defaultThemes.light.background).not.toBe(defaultThemes.light_accent.background)
|
|
67
|
+
expect(defaultThemes.dark.background).not.toBe(defaultThemes.dark_accent.background)
|
|
68
|
+
})
|
|
69
|
+
|
|
70
|
+
test('getTheme computes opacity and interpolation colors', () => {
|
|
71
|
+
// Opacity variants
|
|
72
|
+
expect(defaultThemes.light.color01).toBeDefined()
|
|
73
|
+
expect(defaultThemes.light.background01).toBeDefined()
|
|
74
|
+
expect(defaultThemes.light.background08).toBeDefined()
|
|
75
|
+
expect(defaultThemes.light.outlineColor).toBeDefined()
|
|
76
|
+
|
|
77
|
+
// Works on all theme types
|
|
78
|
+
expect(defaultThemes.light_blue.color01).toBeDefined()
|
|
79
|
+
})
|
|
80
|
+
|
|
81
|
+
test('children colors spread to base theme extras', () => {
|
|
82
|
+
expect(defaultThemes.light.blue1).toBe(defaultChildrenThemes.blue.light.blue1)
|
|
83
|
+
expect(defaultThemes.light.blue12).toBe(defaultChildrenThemes.blue.light.blue12)
|
|
84
|
+
expect(defaultThemes.dark.blue1).toBe(defaultChildrenThemes.blue.dark.blue1)
|
|
85
|
+
})
|
|
86
|
+
|
|
87
|
+
test('includes shadow and whiteBlack colors', () => {
|
|
88
|
+
expect(defaultThemes.light.shadow1).toBeDefined()
|
|
89
|
+
expect(defaultThemes.light.shadow6).toBeDefined()
|
|
90
|
+
expect(defaultThemes.light.white).toBe('rgba(255,255,255,1)')
|
|
91
|
+
expect(defaultThemes.light.black).toBe('rgba(0,0,0,1)')
|
|
92
|
+
})
|
|
93
|
+
|
|
94
|
+
test('has color1-12 and accent1-12 tokens', () => {
|
|
95
|
+
expect(defaultThemes.light.color1).toBeDefined()
|
|
96
|
+
expect(defaultThemes.light.color12).toBeDefined()
|
|
97
|
+
expect(defaultThemes.light.accent1).toBeDefined()
|
|
98
|
+
expect(defaultThemes.light.accent12).toBeDefined()
|
|
99
|
+
})
|
|
100
|
+
})
|
|
101
|
+
|
|
102
|
+
describe('createV5Theme options', () => {
|
|
103
|
+
test('custom palettes affect black/white colors', () => {
|
|
104
|
+
const themes = createV5Theme({
|
|
105
|
+
darkPalette: [
|
|
106
|
+
'#111',
|
|
107
|
+
'#222',
|
|
108
|
+
'#333',
|
|
109
|
+
'#444',
|
|
110
|
+
'#555',
|
|
111
|
+
'#666',
|
|
112
|
+
'#777',
|
|
113
|
+
'#888',
|
|
114
|
+
'#999',
|
|
115
|
+
'#aaa',
|
|
116
|
+
'#bbb',
|
|
117
|
+
'#ccc',
|
|
118
|
+
],
|
|
119
|
+
})
|
|
120
|
+
expect(themes.light.black1).toBe('#111')
|
|
121
|
+
expect(themes.light.black12).toBe('#ccc')
|
|
122
|
+
})
|
|
123
|
+
|
|
124
|
+
test('componentThemes: false removes component themes', () => {
|
|
125
|
+
const themes = createV5Theme({ componentThemes: false })
|
|
126
|
+
const keys = Object.keys(themes)
|
|
127
|
+
expect(keys.filter((k) => k.includes('Button'))).toHaveLength(0)
|
|
128
|
+
})
|
|
129
|
+
|
|
130
|
+
test('empty childrenThemes produces minimal themes', () => {
|
|
131
|
+
const themes = createV5Theme({ childrenThemes: {} })
|
|
132
|
+
const keys = Object.keys(themes)
|
|
133
|
+
expect(keys).toContain('light')
|
|
134
|
+
expect(keys).toContain('light_black') // internal
|
|
135
|
+
expect(keys).not.toContain('light_blue')
|
|
136
|
+
})
|
|
137
|
+
|
|
138
|
+
test('custom childrenThemes adds color themes', () => {
|
|
139
|
+
const themes = createV5Theme({
|
|
140
|
+
childrenThemes: {
|
|
141
|
+
brand: {
|
|
142
|
+
light: { brand1: '#e0f7fa', brand12: '#00251a' },
|
|
143
|
+
dark: { brand1: '#00251a', brand12: '#e0f7fa' },
|
|
144
|
+
},
|
|
145
|
+
},
|
|
146
|
+
})
|
|
147
|
+
expect(themes.light.brand1).toBe('#e0f7fa')
|
|
148
|
+
expect(themes.dark.brand1).toBe('#00251a')
|
|
149
|
+
})
|
|
150
|
+
|
|
151
|
+
test('grandChildrenThemes override defaults', () => {
|
|
152
|
+
const themes = createV5Theme({
|
|
153
|
+
grandChildrenThemes: { custom: { template: 'surface1' } },
|
|
154
|
+
})
|
|
155
|
+
const keys = Object.keys(themes)
|
|
156
|
+
expect(keys).toContain('light_blue_custom')
|
|
157
|
+
expect(keys).not.toContain('light_blue_accent')
|
|
158
|
+
})
|
|
159
|
+
|
|
160
|
+
test('custom getTheme merges on top of built-in computed values', () => {
|
|
161
|
+
const themes = createV5Theme({
|
|
162
|
+
getTheme: ({ palette }) => ({
|
|
163
|
+
myOverlay: opacify(palette![7]!, 0.5),
|
|
164
|
+
outlineColor: '#123456',
|
|
165
|
+
}),
|
|
166
|
+
})
|
|
167
|
+
|
|
168
|
+
expect(themes.light.color01).toBeDefined()
|
|
169
|
+
expect(themes.light.myOverlay).toBeDefined()
|
|
170
|
+
expect(themes.light.outlineColor).toBe('#123456')
|
|
171
|
+
})
|
|
172
|
+
})
|
|
173
|
+
|
|
174
|
+
describe('defaultChildrenThemes', () => {
|
|
175
|
+
test('has expected structure', () => {
|
|
176
|
+
expect(Object.keys(defaultChildrenThemes.blue.light)).toHaveLength(12)
|
|
177
|
+
expect(defaultChildrenThemes.neutral.light).toEqual(
|
|
178
|
+
defaultChildrenThemes.neutral.dark
|
|
179
|
+
)
|
|
180
|
+
})
|
|
181
|
+
})
|
|
182
|
+
|
|
183
|
+
describe('type safety', () => {
|
|
184
|
+
test('theme values are string | number', () => {
|
|
185
|
+
assertType<string | number>(defaultThemes.light.background)
|
|
186
|
+
assertType<string | number>(defaultThemes.light.color01)
|
|
187
|
+
assertType<string | number>(defaultThemes.light.blue1)
|
|
188
|
+
})
|
|
189
|
+
|
|
190
|
+
test('custom themes infer types correctly', () => {
|
|
191
|
+
const themes = createV5Theme({
|
|
192
|
+
childrenThemes: {
|
|
193
|
+
brand: {
|
|
194
|
+
light: { brand1: '#fff', brand12: '#000' },
|
|
195
|
+
dark: { brand1: '#000', brand12: '#fff' },
|
|
196
|
+
},
|
|
197
|
+
},
|
|
198
|
+
})
|
|
199
|
+
// brand colors should be typed
|
|
200
|
+
assertType<string | number>(themes.light.brand1)
|
|
201
|
+
})
|
|
202
|
+
|
|
203
|
+
test('custom getTheme values infer types correctly', () => {
|
|
204
|
+
const themes = createV5Theme({
|
|
205
|
+
getTheme: ({ palette }) => ({
|
|
206
|
+
myOverlay: opacify(palette![7]!, 0.5),
|
|
207
|
+
}),
|
|
208
|
+
})
|
|
209
|
+
|
|
210
|
+
assertType<string | number>(themes.light.myOverlay)
|
|
211
|
+
assertType<string | number>(themes.dark.outlineColor)
|
|
212
|
+
// @ts-expect-error
|
|
213
|
+
themes.light.nonValidCustomKey
|
|
214
|
+
})
|
|
215
|
+
})
|
package/tsconfig.json
ADDED
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
{
|
|
2
|
+
"extends": "../../../tsconfig.json",
|
|
3
|
+
"compilerOptions": {
|
|
4
|
+
"composite": true
|
|
5
|
+
},
|
|
6
|
+
"exclude": [
|
|
7
|
+
"types",
|
|
8
|
+
"tests",
|
|
9
|
+
"v2.d.ts",
|
|
10
|
+
"v2.js",
|
|
11
|
+
"v2-themes.cjs",
|
|
12
|
+
"v2-themes.d.ts",
|
|
13
|
+
"v3.d.ts",
|
|
14
|
+
"v3.cjs",
|
|
15
|
+
"v3-themes.cjs",
|
|
16
|
+
"v3-themes.d.ts",
|
|
17
|
+
"v4.d.ts",
|
|
18
|
+
"v4.cjs",
|
|
19
|
+
"v5.d.ts",
|
|
20
|
+
"v5.cjs",
|
|
21
|
+
"v5-subtle.d.ts",
|
|
22
|
+
"v5-subtle.cjs",
|
|
23
|
+
"dist",
|
|
24
|
+
"**/__tests__"
|
|
25
|
+
],
|
|
26
|
+
"references": [
|
|
27
|
+
{
|
|
28
|
+
"path": "../cli"
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
"path": "../colors"
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
"path": "../create-theme"
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"path": "../theme-builder"
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
"path": "../web"
|
|
41
|
+
}
|
|
42
|
+
]
|
|
43
|
+
}
|
package/types/generated-v3.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
type Theme = {
|
|
1
|
+
export type Theme = {
|
|
2
2
|
accentBackground: string;
|
|
3
3
|
accentColor: string;
|
|
4
4
|
background0: string;
|
|
@@ -138,7 +138,7 @@ type Theme = {
|
|
|
138
138
|
shadowColorFocus: string;
|
|
139
139
|
};
|
|
140
140
|
export declare const colors: string[];
|
|
141
|
-
type ThemeNames = 'light' | 'dark' | 'light_orange' | 'light_yellow' | 'light_green' | 'light_blue' | 'light_purple' | 'light_pink' | 'light_red' | 'light_gray' | 'dark_orange' | 'dark_yellow' | 'dark_green' | 'dark_blue' | 'dark_purple' | 'dark_pink' | 'dark_red' | 'dark_gray' | 'light_alt1' | 'light_alt2' | 'light_active' | 'light_surface3' | 'light_surface1' | 'light_surface2' | 'light_surface4' | 'dark_alt1' | 'dark_alt2' | 'dark_active' | 'dark_surface3' | 'dark_surface1' | 'dark_surface2' | 'dark_surface4' | 'light_orange_alt1' | 'light_orange_alt2' | 'light_orange_active' | 'light_orange_surface3' | 'light_orange_surface1' | 'light_orange_surface2' | 'light_orange_surface4' | 'light_yellow_alt1' | 'light_yellow_alt2' | 'light_yellow_active' | 'light_yellow_surface3' | 'light_yellow_surface1' | 'light_yellow_surface2' | 'light_yellow_surface4' | 'light_green_alt1' | 'light_green_alt2' | 'light_green_active' | 'light_green_surface3' | 'light_green_surface1' | 'light_green_surface2' | 'light_green_surface4' | 'light_blue_alt1' | 'light_blue_alt2' | 'light_blue_active' | 'light_blue_surface3' | 'light_blue_surface1' | 'light_blue_surface2' | 'light_blue_surface4' | 'light_purple_alt1' | 'light_purple_alt2' | 'light_purple_active' | 'light_purple_surface3' | 'light_purple_surface1' | 'light_purple_surface2' | 'light_purple_surface4' | 'light_pink_alt1' | 'light_pink_alt2' | 'light_pink_active' | 'light_pink_surface3' | 'light_pink_surface1' | 'light_pink_surface2' | 'light_pink_surface4' | 'light_red_alt1' | 'light_red_alt2' | 'light_red_active' | 'light_red_surface3' | 'light_red_surface1' | 'light_red_surface2' | 'light_red_surface4' | 'light_gray_alt1' | 'light_gray_alt2' | 'light_gray_active' | 'light_gray_surface3' | 'light_gray_surface1' | 'light_gray_surface2' | 'light_gray_surface4' | 'dark_orange_alt1' | 'dark_orange_alt2' | 'dark_orange_active' | 'dark_orange_surface3' | 'dark_orange_surface1' | 'dark_orange_surface2' | 'dark_orange_surface4' | 'dark_yellow_alt1' | 'dark_yellow_alt2' | 'dark_yellow_active' | 'dark_yellow_surface3' | 'dark_yellow_surface1' | 'dark_yellow_surface2' | 'dark_yellow_surface4' | 'dark_green_alt1' | 'dark_green_alt2' | 'dark_green_active' | 'dark_green_surface3' | 'dark_green_surface1' | 'dark_green_surface2' | 'dark_green_surface4' | 'dark_blue_alt1' | 'dark_blue_alt2' | 'dark_blue_active' | 'dark_blue_surface3' | 'dark_blue_surface1' | 'dark_blue_surface2' | 'dark_blue_surface4' | 'dark_purple_alt1' | 'dark_purple_alt2' | 'dark_purple_active' | 'dark_purple_surface3' | 'dark_purple_surface1' | 'dark_purple_surface2' | 'dark_purple_surface4' | 'dark_pink_alt1' | 'dark_pink_alt2' | 'dark_pink_active' | 'dark_pink_surface3' | 'dark_pink_surface1' | 'dark_pink_surface2' | 'dark_pink_surface4' | 'dark_red_alt1' | 'dark_red_alt2' | 'dark_red_active' | 'dark_red_surface3' | 'dark_red_surface1' | 'dark_red_surface2' | 'dark_red_surface4' | 'dark_gray_alt1' | 'dark_gray_alt2' | 'dark_gray_active' | 'dark_gray_surface3' | 'dark_gray_surface1' | 'dark_gray_surface2' | 'dark_gray_surface4';
|
|
142
|
-
export
|
|
143
|
-
export
|
|
141
|
+
export type ThemeNames = 'light' | 'dark' | 'light_orange' | 'light_yellow' | 'light_green' | 'light_blue' | 'light_purple' | 'light_pink' | 'light_red' | 'light_gray' | 'dark_orange' | 'dark_yellow' | 'dark_green' | 'dark_blue' | 'dark_purple' | 'dark_pink' | 'dark_red' | 'dark_gray' | 'light_alt1' | 'light_alt2' | 'light_active' | 'light_surface3' | 'light_surface1' | 'light_surface2' | 'light_surface4' | 'dark_alt1' | 'dark_alt2' | 'dark_active' | 'dark_surface3' | 'dark_surface1' | 'dark_surface2' | 'dark_surface4' | 'light_orange_alt1' | 'light_orange_alt2' | 'light_orange_active' | 'light_orange_surface3' | 'light_orange_surface1' | 'light_orange_surface2' | 'light_orange_surface4' | 'light_yellow_alt1' | 'light_yellow_alt2' | 'light_yellow_active' | 'light_yellow_surface3' | 'light_yellow_surface1' | 'light_yellow_surface2' | 'light_yellow_surface4' | 'light_green_alt1' | 'light_green_alt2' | 'light_green_active' | 'light_green_surface3' | 'light_green_surface1' | 'light_green_surface2' | 'light_green_surface4' | 'light_blue_alt1' | 'light_blue_alt2' | 'light_blue_active' | 'light_blue_surface3' | 'light_blue_surface1' | 'light_blue_surface2' | 'light_blue_surface4' | 'light_purple_alt1' | 'light_purple_alt2' | 'light_purple_active' | 'light_purple_surface3' | 'light_purple_surface1' | 'light_purple_surface2' | 'light_purple_surface4' | 'light_pink_alt1' | 'light_pink_alt2' | 'light_pink_active' | 'light_pink_surface3' | 'light_pink_surface1' | 'light_pink_surface2' | 'light_pink_surface4' | 'light_red_alt1' | 'light_red_alt2' | 'light_red_active' | 'light_red_surface3' | 'light_red_surface1' | 'light_red_surface2' | 'light_red_surface4' | 'light_gray_alt1' | 'light_gray_alt2' | 'light_gray_active' | 'light_gray_surface3' | 'light_gray_surface1' | 'light_gray_surface2' | 'light_gray_surface4' | 'dark_orange_alt1' | 'dark_orange_alt2' | 'dark_orange_active' | 'dark_orange_surface3' | 'dark_orange_surface1' | 'dark_orange_surface2' | 'dark_orange_surface4' | 'dark_yellow_alt1' | 'dark_yellow_alt2' | 'dark_yellow_active' | 'dark_yellow_surface3' | 'dark_yellow_surface1' | 'dark_yellow_surface2' | 'dark_yellow_surface4' | 'dark_green_alt1' | 'dark_green_alt2' | 'dark_green_active' | 'dark_green_surface3' | 'dark_green_surface1' | 'dark_green_surface2' | 'dark_green_surface4' | 'dark_blue_alt1' | 'dark_blue_alt2' | 'dark_blue_active' | 'dark_blue_surface3' | 'dark_blue_surface1' | 'dark_blue_surface2' | 'dark_blue_surface4' | 'dark_purple_alt1' | 'dark_purple_alt2' | 'dark_purple_active' | 'dark_purple_surface3' | 'dark_purple_surface1' | 'dark_purple_surface2' | 'dark_purple_surface4' | 'dark_pink_alt1' | 'dark_pink_alt2' | 'dark_pink_active' | 'dark_pink_surface3' | 'dark_pink_surface1' | 'dark_pink_surface2' | 'dark_pink_surface4' | 'dark_red_alt1' | 'dark_red_alt2' | 'dark_red_active' | 'dark_red_surface3' | 'dark_red_surface1' | 'dark_red_surface2' | 'dark_red_surface4' | 'dark_gray_alt1' | 'dark_gray_alt2' | 'dark_gray_active' | 'dark_gray_surface3' | 'dark_gray_surface1' | 'dark_gray_surface2' | 'dark_gray_surface4';
|
|
142
|
+
export type Themes = Record<ThemeNames, Theme>;
|
|
143
|
+
export declare const themes: Themes;
|
|
144
144
|
//# sourceMappingURL=generated-v3.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generated-v3.d.ts","sourceRoot":"","sources":["../src/generated-v3.ts"],"names":[],"mappings":"AACA,
|
|
1
|
+
{"version":3,"file":"generated-v3.d.ts","sourceRoot":"","sources":["../src/generated-v3.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
type Theme = {
|
|
1
|
+
export type Theme = {
|
|
2
2
|
accentBackground: string;
|
|
3
3
|
accentColor: string;
|
|
4
4
|
background0: string;
|
|
@@ -184,7 +184,7 @@ type Theme = {
|
|
|
184
184
|
accent12: string;
|
|
185
185
|
};
|
|
186
186
|
export declare const colors: string[];
|
|
187
|
-
type ThemeNames = 'light' | 'dark' | 'light_black' | 'light_white' | 'light_gray' | 'light_blue' | 'light_orange' | 'light_red' | 'light_yellow' | 'light_green' | 'light_purple' | 'light_pink' | 'light_tan' | 'dark_black' | 'dark_white' | 'dark_gray' | 'dark_blue' | 'dark_orange' | 'dark_red' | 'dark_yellow' | 'dark_green' | 'dark_purple' | 'dark_pink' | 'dark_tan' | 'light_accent' | 'light_alt1_accent' | 'light_alt2_accent' | 'light_surface1_accent' | 'light_surface2_accent' | 'light_surface3_accent' | 'light_black_alt1_accent' | 'light_black_alt2_accent' | 'light_black_surface1_accent' | 'light_black_surface2_accent' | 'light_black_surface3_accent' | 'light_white_alt1_accent' | 'light_white_alt2_accent' | 'light_white_surface1_accent' | 'light_white_surface2_accent' | 'light_white_surface3_accent' | 'light_gray_alt1_accent' | 'light_gray_alt2_accent' | 'light_gray_surface1_accent' | 'light_gray_surface2_accent' | 'light_gray_surface3_accent' | 'light_blue_alt1_accent' | 'light_blue_alt2_accent' | 'light_blue_surface1_accent' | 'light_blue_surface2_accent' | 'light_blue_surface3_accent' | 'light_orange_alt1_accent' | 'light_orange_alt2_accent' | 'light_orange_surface1_accent' | 'light_orange_surface2_accent' | 'light_orange_surface3_accent' | 'light_red_alt1_accent' | 'light_red_alt2_accent' | 'light_red_surface1_accent' | 'light_red_surface2_accent' | 'light_red_surface3_accent' | 'light_yellow_alt1_accent' | 'light_yellow_alt2_accent' | 'light_yellow_surface1_accent' | 'light_yellow_surface2_accent' | 'light_yellow_surface3_accent' | 'light_green_alt1_accent' | 'light_green_alt2_accent' | 'light_green_surface1_accent' | 'light_green_surface2_accent' | 'light_green_surface3_accent' | 'light_purple_alt1_accent' | 'light_purple_alt2_accent' | 'light_purple_surface1_accent' | 'light_purple_surface2_accent' | 'light_purple_surface3_accent' | 'light_pink_alt1_accent' | 'light_pink_alt2_accent' | 'light_pink_surface1_accent' | 'light_pink_surface2_accent' | 'light_pink_surface3_accent' | 'light_tan_alt1_accent' | 'light_tan_alt2_accent' | 'light_tan_surface1_accent' | 'light_tan_surface2_accent' | 'light_tan_surface3_accent' | 'light_alt1' | 'light_white_alt1' | 'dark_white_alt1' | 'light_alt2' | 'light_white_alt2' | 'dark_white_alt2' | 'light_surface1' | 'light_white_surface1' | 'light_surface2' | 'light_white_surface2' | 'light_surface3' | 'light_white_surface3' | 'dark_accent' | 'dark_alt1_accent' | 'dark_alt2_accent' | 'dark_surface1_accent' | 'dark_surface2_accent' | 'dark_surface3_accent' | 'dark_black_alt1_accent' | 'dark_black_alt2_accent' | 'dark_black_surface1_accent' | 'dark_black_surface2_accent' | 'dark_black_surface3_accent' | 'dark_white_alt1_accent' | 'dark_white_alt2_accent' | 'dark_white_surface1_accent' | 'dark_white_surface2_accent' | 'dark_white_surface3_accent' | 'dark_gray_alt1_accent' | 'dark_gray_alt2_accent' | 'dark_gray_surface1_accent' | 'dark_gray_surface2_accent' | 'dark_gray_surface3_accent' | 'dark_blue_alt1_accent' | 'dark_blue_alt2_accent' | 'dark_blue_surface1_accent' | 'dark_blue_surface2_accent' | 'dark_blue_surface3_accent' | 'dark_orange_alt1_accent' | 'dark_orange_alt2_accent' | 'dark_orange_surface1_accent' | 'dark_orange_surface2_accent' | 'dark_orange_surface3_accent' | 'dark_red_alt1_accent' | 'dark_red_alt2_accent' | 'dark_red_surface1_accent' | 'dark_red_surface2_accent' | 'dark_red_surface3_accent' | 'dark_yellow_alt1_accent' | 'dark_yellow_alt2_accent' | 'dark_yellow_surface1_accent' | 'dark_yellow_surface2_accent' | 'dark_yellow_surface3_accent' | 'dark_green_alt1_accent' | 'dark_green_alt2_accent' | 'dark_green_surface1_accent' | 'dark_green_surface2_accent' | 'dark_green_surface3_accent' | 'dark_purple_alt1_accent' | 'dark_purple_alt2_accent' | 'dark_purple_surface1_accent' | 'dark_purple_surface2_accent' | 'dark_purple_surface3_accent' | 'dark_pink_alt1_accent' | 'dark_pink_alt2_accent' | 'dark_pink_surface1_accent' | 'dark_pink_surface2_accent' | 'dark_pink_surface3_accent' | 'dark_tan_alt1_accent' | 'dark_tan_alt2_accent' | 'dark_tan_surface1_accent' | 'dark_tan_surface2_accent' | 'dark_tan_surface3_accent' | 'dark_alt1' | 'light_black_alt1' | 'dark_black_alt1' | 'dark_alt2' | 'light_black_alt2' | 'dark_black_alt2' | 'dark_surface1' | 'dark_black_surface1' | 'dark_surface2' | 'dark_black_surface2' | 'dark_surface3' | 'dark_black_surface3' | 'light_black_accent' | 'light_black_surface1' | 'light_black_surface2' | 'light_black_surface3' | 'light_white_accent' | 'light_gray_accent' | 'light_gray_alt1' | 'light_gray_alt2' | 'light_gray_surface1' | 'light_gray_surface2' | 'light_gray_surface3' | 'light_blue_accent' | 'light_blue_alt1' | 'light_blue_alt2' | 'light_blue_surface1' | 'light_blue_surface2' | 'light_blue_surface3' | 'light_orange_accent' | 'light_orange_alt1' | 'light_orange_alt2' | 'light_orange_surface1' | 'light_orange_surface2' | 'light_orange_surface3' | 'light_red_accent' | 'light_red_alt1' | 'light_red_alt2' | 'light_red_surface1' | 'light_red_surface2' | 'light_red_surface3' | 'light_yellow_accent' | 'light_yellow_alt1' | 'light_yellow_alt2' | 'light_yellow_surface1' | 'light_yellow_surface2' | 'light_yellow_surface3' | 'light_green_accent' | 'light_green_alt1' | 'light_green_alt2' | 'light_green_surface1' | 'light_green_surface2' | 'light_green_surface3' | 'light_purple_accent' | 'light_purple_alt1' | 'light_purple_alt2' | 'light_purple_surface1' | 'light_purple_surface2' | 'light_purple_surface3' | 'light_pink_accent' | 'light_pink_alt1' | 'light_pink_alt2' | 'light_pink_surface1' | 'light_pink_surface2' | 'light_pink_surface3' | 'light_tan_accent' | 'light_tan_alt1' | 'light_tan_alt2' | 'light_tan_surface1' | 'light_tan_surface2' | 'light_tan_surface3' | 'dark_black_accent' | 'dark_white_accent' | 'dark_white_surface1' | 'dark_white_surface2' | 'dark_white_surface3' | 'dark_gray_accent' | 'dark_gray_alt1' | 'dark_gray_alt2' | 'dark_gray_surface1' | 'dark_gray_surface2' | 'dark_gray_surface3' | 'dark_blue_accent' | 'dark_blue_alt1' | 'dark_blue_alt2' | 'dark_blue_surface1' | 'dark_blue_surface2' | 'dark_blue_surface3' | 'dark_orange_accent' | 'dark_orange_alt1' | 'dark_orange_alt2' | 'dark_orange_surface1' | 'dark_orange_surface2' | 'dark_orange_surface3' | 'dark_red_accent' | 'dark_red_alt1' | 'dark_red_alt2' | 'dark_red_surface1' | 'dark_red_surface2' | 'dark_red_surface3' | 'dark_yellow_accent' | 'dark_yellow_alt1' | 'dark_yellow_alt2' | 'dark_yellow_surface1' | 'dark_yellow_surface2' | 'dark_yellow_surface3' | 'dark_green_accent' | 'dark_green_alt1' | 'dark_green_alt2' | 'dark_green_surface1' | 'dark_green_surface2' | 'dark_green_surface3' | 'dark_purple_accent' | 'dark_purple_alt1' | 'dark_purple_alt2' | 'dark_purple_surface1' | 'dark_purple_surface2' | 'dark_purple_surface3' | 'dark_pink_accent' | 'dark_pink_alt1' | 'dark_pink_alt2' | 'dark_pink_surface1' | 'dark_pink_surface2' | 'dark_pink_surface3' | 'dark_tan_accent' | 'dark_tan_alt1' | 'dark_tan_alt2' | 'dark_tan_surface1' | 'dark_tan_surface2' | 'dark_tan_surface3';
|
|
188
|
-
export
|
|
189
|
-
export
|
|
187
|
+
export type ThemeNames = 'light' | 'dark' | 'light_black' | 'light_white' | 'light_gray' | 'light_blue' | 'light_orange' | 'light_red' | 'light_yellow' | 'light_green' | 'light_purple' | 'light_pink' | 'light_tan' | 'dark_black' | 'dark_white' | 'dark_gray' | 'dark_blue' | 'dark_orange' | 'dark_red' | 'dark_yellow' | 'dark_green' | 'dark_purple' | 'dark_pink' | 'dark_tan' | 'light_accent' | 'light_alt1_accent' | 'light_alt2_accent' | 'light_surface1_accent' | 'light_surface2_accent' | 'light_surface3_accent' | 'light_black_alt1_accent' | 'light_black_alt2_accent' | 'light_black_surface1_accent' | 'light_black_surface2_accent' | 'light_black_surface3_accent' | 'light_white_alt1_accent' | 'light_white_alt2_accent' | 'light_white_surface1_accent' | 'light_white_surface2_accent' | 'light_white_surface3_accent' | 'light_gray_alt1_accent' | 'light_gray_alt2_accent' | 'light_gray_surface1_accent' | 'light_gray_surface2_accent' | 'light_gray_surface3_accent' | 'light_blue_alt1_accent' | 'light_blue_alt2_accent' | 'light_blue_surface1_accent' | 'light_blue_surface2_accent' | 'light_blue_surface3_accent' | 'light_orange_alt1_accent' | 'light_orange_alt2_accent' | 'light_orange_surface1_accent' | 'light_orange_surface2_accent' | 'light_orange_surface3_accent' | 'light_red_alt1_accent' | 'light_red_alt2_accent' | 'light_red_surface1_accent' | 'light_red_surface2_accent' | 'light_red_surface3_accent' | 'light_yellow_alt1_accent' | 'light_yellow_alt2_accent' | 'light_yellow_surface1_accent' | 'light_yellow_surface2_accent' | 'light_yellow_surface3_accent' | 'light_green_alt1_accent' | 'light_green_alt2_accent' | 'light_green_surface1_accent' | 'light_green_surface2_accent' | 'light_green_surface3_accent' | 'light_purple_alt1_accent' | 'light_purple_alt2_accent' | 'light_purple_surface1_accent' | 'light_purple_surface2_accent' | 'light_purple_surface3_accent' | 'light_pink_alt1_accent' | 'light_pink_alt2_accent' | 'light_pink_surface1_accent' | 'light_pink_surface2_accent' | 'light_pink_surface3_accent' | 'light_tan_alt1_accent' | 'light_tan_alt2_accent' | 'light_tan_surface1_accent' | 'light_tan_surface2_accent' | 'light_tan_surface3_accent' | 'light_alt1' | 'light_white_alt1' | 'dark_white_alt1' | 'light_alt2' | 'light_white_alt2' | 'dark_white_alt2' | 'light_surface1' | 'light_white_surface1' | 'light_surface2' | 'light_white_surface2' | 'light_surface3' | 'light_white_surface3' | 'dark_accent' | 'dark_alt1_accent' | 'dark_alt2_accent' | 'dark_surface1_accent' | 'dark_surface2_accent' | 'dark_surface3_accent' | 'dark_black_alt1_accent' | 'dark_black_alt2_accent' | 'dark_black_surface1_accent' | 'dark_black_surface2_accent' | 'dark_black_surface3_accent' | 'dark_white_alt1_accent' | 'dark_white_alt2_accent' | 'dark_white_surface1_accent' | 'dark_white_surface2_accent' | 'dark_white_surface3_accent' | 'dark_gray_alt1_accent' | 'dark_gray_alt2_accent' | 'dark_gray_surface1_accent' | 'dark_gray_surface2_accent' | 'dark_gray_surface3_accent' | 'dark_blue_alt1_accent' | 'dark_blue_alt2_accent' | 'dark_blue_surface1_accent' | 'dark_blue_surface2_accent' | 'dark_blue_surface3_accent' | 'dark_orange_alt1_accent' | 'dark_orange_alt2_accent' | 'dark_orange_surface1_accent' | 'dark_orange_surface2_accent' | 'dark_orange_surface3_accent' | 'dark_red_alt1_accent' | 'dark_red_alt2_accent' | 'dark_red_surface1_accent' | 'dark_red_surface2_accent' | 'dark_red_surface3_accent' | 'dark_yellow_alt1_accent' | 'dark_yellow_alt2_accent' | 'dark_yellow_surface1_accent' | 'dark_yellow_surface2_accent' | 'dark_yellow_surface3_accent' | 'dark_green_alt1_accent' | 'dark_green_alt2_accent' | 'dark_green_surface1_accent' | 'dark_green_surface2_accent' | 'dark_green_surface3_accent' | 'dark_purple_alt1_accent' | 'dark_purple_alt2_accent' | 'dark_purple_surface1_accent' | 'dark_purple_surface2_accent' | 'dark_purple_surface3_accent' | 'dark_pink_alt1_accent' | 'dark_pink_alt2_accent' | 'dark_pink_surface1_accent' | 'dark_pink_surface2_accent' | 'dark_pink_surface3_accent' | 'dark_tan_alt1_accent' | 'dark_tan_alt2_accent' | 'dark_tan_surface1_accent' | 'dark_tan_surface2_accent' | 'dark_tan_surface3_accent' | 'dark_alt1' | 'light_black_alt1' | 'dark_black_alt1' | 'dark_alt2' | 'light_black_alt2' | 'dark_black_alt2' | 'dark_surface1' | 'dark_black_surface1' | 'dark_surface2' | 'dark_black_surface2' | 'dark_surface3' | 'dark_black_surface3' | 'light_black_accent' | 'light_black_surface1' | 'light_black_surface2' | 'light_black_surface3' | 'light_white_accent' | 'light_gray_accent' | 'light_gray_alt1' | 'light_gray_alt2' | 'light_gray_surface1' | 'light_gray_surface2' | 'light_gray_surface3' | 'light_blue_accent' | 'light_blue_alt1' | 'light_blue_alt2' | 'light_blue_surface1' | 'light_blue_surface2' | 'light_blue_surface3' | 'light_orange_accent' | 'light_orange_alt1' | 'light_orange_alt2' | 'light_orange_surface1' | 'light_orange_surface2' | 'light_orange_surface3' | 'light_red_accent' | 'light_red_alt1' | 'light_red_alt2' | 'light_red_surface1' | 'light_red_surface2' | 'light_red_surface3' | 'light_yellow_accent' | 'light_yellow_alt1' | 'light_yellow_alt2' | 'light_yellow_surface1' | 'light_yellow_surface2' | 'light_yellow_surface3' | 'light_green_accent' | 'light_green_alt1' | 'light_green_alt2' | 'light_green_surface1' | 'light_green_surface2' | 'light_green_surface3' | 'light_purple_accent' | 'light_purple_alt1' | 'light_purple_alt2' | 'light_purple_surface1' | 'light_purple_surface2' | 'light_purple_surface3' | 'light_pink_accent' | 'light_pink_alt1' | 'light_pink_alt2' | 'light_pink_surface1' | 'light_pink_surface2' | 'light_pink_surface3' | 'light_tan_accent' | 'light_tan_alt1' | 'light_tan_alt2' | 'light_tan_surface1' | 'light_tan_surface2' | 'light_tan_surface3' | 'dark_black_accent' | 'dark_white_accent' | 'dark_white_surface1' | 'dark_white_surface2' | 'dark_white_surface3' | 'dark_gray_accent' | 'dark_gray_alt1' | 'dark_gray_alt2' | 'dark_gray_surface1' | 'dark_gray_surface2' | 'dark_gray_surface3' | 'dark_blue_accent' | 'dark_blue_alt1' | 'dark_blue_alt2' | 'dark_blue_surface1' | 'dark_blue_surface2' | 'dark_blue_surface3' | 'dark_orange_accent' | 'dark_orange_alt1' | 'dark_orange_alt2' | 'dark_orange_surface1' | 'dark_orange_surface2' | 'dark_orange_surface3' | 'dark_red_accent' | 'dark_red_alt1' | 'dark_red_alt2' | 'dark_red_surface1' | 'dark_red_surface2' | 'dark_red_surface3' | 'dark_yellow_accent' | 'dark_yellow_alt1' | 'dark_yellow_alt2' | 'dark_yellow_surface1' | 'dark_yellow_surface2' | 'dark_yellow_surface3' | 'dark_green_accent' | 'dark_green_alt1' | 'dark_green_alt2' | 'dark_green_surface1' | 'dark_green_surface2' | 'dark_green_surface3' | 'dark_purple_accent' | 'dark_purple_alt1' | 'dark_purple_alt2' | 'dark_purple_surface1' | 'dark_purple_surface2' | 'dark_purple_surface3' | 'dark_pink_accent' | 'dark_pink_alt1' | 'dark_pink_alt2' | 'dark_pink_surface1' | 'dark_pink_surface2' | 'dark_pink_surface3' | 'dark_tan_accent' | 'dark_tan_alt1' | 'dark_tan_alt2' | 'dark_tan_surface1' | 'dark_tan_surface2' | 'dark_tan_surface3';
|
|
188
|
+
export type Themes = Record<ThemeNames, Theme>;
|
|
189
|
+
export declare const themes: Themes;
|
|
190
190
|
//# sourceMappingURL=generated-v4-tamagui.d.ts.map
|