alouette 8.0.7 → 10.0.0

package/CHANGELOG.md

@@ -3,6 +3,139 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 10.0.0 (2025-02-01)
+
+### ⚠ BREAKING CHANGES
+
+* drop node 18
+
+### Features
+
+* add disableInjectCSS ([0580216](https://github.com/christophehurpeau/alouette/commit/0580216d01bee3d5917c17f1f42df7fcf0545a5f))
+* add textColor ([f1a3263](https://github.com/christophehurpeau/alouette/commit/f1a32638eb2ba351e7f49a09b82501c1addfc55f))
+* alouette-icons ([924eb6d](https://github.com/christophehurpeau/alouette/commit/924eb6da66cb9689cfc1bb390a810167eb9b5d87))
+* **Button:** add size sm and fix default variant ([9d6e1ab](https://github.com/christophehurpeau/alouette/commit/9d6e1ab1ccc5437a1807e634e270eb9ff258d75d))
+* color scheme ([0704f9a](https://github.com/christophehurpeau/alouette/commit/0704f9ad4a868efef989d7a8412e84d278dfc2a2))
+* **deps:** update dependency @phosphor-icons/core to v2.1.1 ([#14](https://github.com/christophehurpeau/alouette/issues/14)) ([decf7d9](https://github.com/christophehurpeau/alouette/commit/decf7d9cef74838916082e81e9d9a84da1a1c53a))
+* **deps:** update dependency react-native to v0.74.2 ([#15](https://github.com/christophehurpeau/alouette/issues/15)) ([1cee78f](https://github.com/christophehurpeau/alouette/commit/1cee78fa487b3045f33860b2a2fb9a873dfdf0a5))
+* **deps:** update dependency react-native to v0.75.2 ([#61](https://github.com/christophehurpeau/alouette/issues/61)) ([09b2a47](https://github.com/christophehurpeau/alouette/commit/09b2a472ba642defe11ef3eee5ef546ff1bf633f))
+* **deps:** update dependency react-native to v0.77.0 ([#68](https://github.com/christophehurpeau/alouette/issues/68)) ([577dc45](https://github.com/christophehurpeau/alouette/commit/577dc45287c344164317212198c6453d1bde1a74))
+* **deps:** update dependency react-native-svg to v15.11.1 ([#137](https://github.com/christophehurpeau/alouette/issues/137)) ([0630652](https://github.com/christophehurpeau/alouette/commit/063065233926237a36ed9713362d397852fafdff))
+* **deps:** update dependency react-native-svg to v15.7.1 ([#81](https://github.com/christophehurpeau/alouette/issues/81)) ([9e2dac7](https://github.com/christophehurpeau/alouette/commit/9e2dac7dcd04fd6d3d7785371813d0a8453b2912))
+* **deps:** update dependency react-native-svg to v15.9.0 ([#97](https://github.com/christophehurpeau/alouette/issues/97)) ([9708d65](https://github.com/christophehurpeau/alouette/commit/9708d65227f41c6a63c1eaebdccc08954b1859e4))
+* **deps:** update dependency type-fest to v4.26.0 ([#47](https://github.com/christophehurpeau/alouette/issues/47)) ([7493b0e](https://github.com/christophehurpeau/alouette/commit/7493b0edc4a8a4ffd3761576d0ca1a121e774ce7))
+* **deps:** update dependency type-fest to v4.27.1 ([#106](https://github.com/christophehurpeau/alouette/issues/106)) ([017ecef](https://github.com/christophehurpeau/alouette/commit/017ecef48d136a11cf741150c8a5d9c9440df6b7))
+* **deps:** update dependency type-fest to v4.28.0 ([#109](https://github.com/christophehurpeau/alouette/issues/109)) ([2723fc5](https://github.com/christophehurpeau/alouette/commit/2723fc56620a6aded5402162eff1e5a85a3eeb50))
+* **deps:** update tamagui to v1.101.0 ([#28](https://github.com/christophehurpeau/alouette/issues/28)) ([df1cc36](https://github.com/christophehurpeau/alouette/commit/df1cc36366d4fb102a22b5f8c4bb498970836e07))
+* **deps:** update tamagui to v1.110.2 ([#53](https://github.com/christophehurpeau/alouette/issues/53)) ([5638c4c](https://github.com/christophehurpeau/alouette/commit/5638c4c687432e9d2c2a7fdc1931502843fe3370))
+* **deps:** update tamagui to v1.112.0 ([#73](https://github.com/christophehurpeau/alouette/issues/73)) ([11debab](https://github.com/christophehurpeau/alouette/commit/11debabc2a07e70607c6b2675c371a05afcb487f))
+* **deps:** update tamagui to v1.117.0 ([#88](https://github.com/christophehurpeau/alouette/issues/88)) ([7d94ca0](https://github.com/christophehurpeau/alouette/commit/7d94ca0e722579c33a1dbe93e72c2eb9924ce542))
+* **IconButton:** add size story section ([ddd03e4](https://github.com/christophehurpeau/alouette/commit/ddd03e4076d42bc1169b13ba43f679f2d6d85adc))
+* improvements and new components ([335f060](https://github.com/christophehurpeau/alouette/commit/335f06086a3eae528e8f351ad6bf5b94cdc4c612))
+* initial design system with storybook ([6d790b3](https://github.com/christophehurpeau/alouette/commit/6d790b35641bb740c3a569f5bac1ee32839244c7))
+* update dependencies and build cjs ([121ed87](https://github.com/christophehurpeau/alouette/commit/121ed8748bed730826d206160399af2f1eae63fa))
+* work on themes and ts ([dd8604c](https://github.com/christophehurpeau/alouette/commit/dd8604cc4cc6b0aba616ce29f03447b4d5306fb5))
+
+### Bug Fixes
+
+* add createAlouetteTamagui.js in files ([9d88c7e](https://github.com/christophehurpeau/alouette/commit/9d88c7e966e43aa4af3a257e74394b8619786dcd))
+* add missing flexwrap in storybook ([42e6d4a](https://github.com/christophehurpeau/alouette/commit/42e6d4a7621ab4c155038b54e9b67625004edd72))
+* add missing peerdep react-dom ([4c93bf1](https://github.com/christophehurpeau/alouette/commit/4c93bf1d8514b36da791c99647789524a67d55fd))
+* build node for react-native ([c050f74](https://github.com/christophehurpeau/alouette/commit/c050f74899de0bc97758bdecc00b880dbad2f865))
+* **deps:** update dependency react-native to v0.74.3 ([#42](https://github.com/christophehurpeau/alouette/issues/42)) ([844da1f](https://github.com/christophehurpeau/alouette/commit/844da1f99b03c91060d71534594201dec987f661))
+* **deps:** update dependency react-native-svg to v15.10.1 ([#120](https://github.com/christophehurpeau/alouette/issues/120)) ([66ccff7](https://github.com/christophehurpeau/alouette/commit/66ccff7556dc0bbdee4c7571bb62dcd848a0c623))
+* **deps:** update dependency type-fest to v4.26.1 ([#64](https://github.com/christophehurpeau/alouette/issues/64)) ([04f79ff](https://github.com/christophehurpeau/alouette/commit/04f79ff9821193ecf06d0563a90161bd54ae208b))
+* **deps:** update dependency type-fest to v4.30.1 ([#130](https://github.com/christophehurpeau/alouette/issues/130)) ([45e3cb7](https://github.com/christophehurpeau/alouette/commit/45e3cb7dcc76bce482b1a74e17680f97b4c02074))
+* **deps:** update tamagui to v1.100.6 ([#26](https://github.com/christophehurpeau/alouette/issues/26)) ([52fb809](https://github.com/christophehurpeau/alouette/commit/52fb809d954bd6116ddf5a35c3f43877d6f06867))
+* **deps:** update tamagui to v1.101.1 ([#31](https://github.com/christophehurpeau/alouette/issues/31)) ([fb8999a](https://github.com/christophehurpeau/alouette/commit/fb8999aa3e8138e4419c05f8abc14429272a128b))
+* **deps:** update tamagui to v1.101.3 ([#32](https://github.com/christophehurpeau/alouette/issues/32)) ([15ad21b](https://github.com/christophehurpeau/alouette/commit/15ad21bad60b07c349432fe1b458b538e8f117c6))
+* **deps:** update tamagui to v1.101.5 ([#40](https://github.com/christophehurpeau/alouette/issues/40)) ([a538c10](https://github.com/christophehurpeau/alouette/commit/a538c10caba04e94f2729521295bb84c32b3fda3))
+* **deps:** update tamagui to v1.101.6 ([#43](https://github.com/christophehurpeau/alouette/issues/43)) ([38996b8](https://github.com/christophehurpeau/alouette/commit/38996b874f2ca72dee0e768d88d87257ccd91c0a))
+* **deps:** update tamagui to v1.101.7 ([#44](https://github.com/christophehurpeau/alouette/issues/44)) ([2ee5352](https://github.com/christophehurpeau/alouette/commit/2ee53525a49b0a693f7032f2b0e07471a8e58c0e))
+* **deps:** update tamagui to v1.121.9 ([#107](https://github.com/christophehurpeau/alouette/issues/107)) ([080f004](https://github.com/christophehurpeau/alouette/commit/080f004d01fb2289fb947595b307f3bc378f5ca9))
+* fix borderWidth ([4771470](https://github.com/christophehurpeau/alouette/commit/4771470de9bf60ed866d77eac181dc9cde06e6c7))
+* fix build and other issues ([c61594c](https://github.com/christophehurpeau/alouette/commit/c61594caf742766d5e26cffb5c4d1a9bfffcc98f))
+* fix deprecated property ([b350114](https://github.com/christophehurpeau/alouette/commit/b350114bdbb82249c5b791ad77e92a7baf5d43bf))
+* fix dist for web ([43ddeaf](https://github.com/christophehurpeau/alouette/commit/43ddeaf1efc4989d56b248aa91aa667cdb418fa3))
+* fix for react-native update ([2d642c0](https://github.com/christophehurpeau/alouette/commit/2d642c0d42feb54275fd1b7db7309e8fb28cc96d))
+* fix require path for createAlouetteTamagui ([861c551](https://github.com/christophehurpeau/alouette/commit/861c551bff575a3445f6402afb200a108ef45a36))
+* move react-native before browser ([27265f9](https://github.com/christophehurpeau/alouette/commit/27265f9f89e5692d4a1b39b25c6b1817b0b73792))
+* only react-native-web for browser ([33c8f6e](https://github.com/christophehurpeau/alouette/commit/33c8f6e7446772ed58a54cc9f18f6bcb2b40612f))
+* use View for HStack and VStack ([999dff6](https://github.com/christophehurpeau/alouette/commit/999dff604ddf1b5e503af46d8f41e2f3f8899107))
+
+### Miscellaneous Chores
+
+* update dev dependencies and update to node 20 ([28885df](https://github.com/christophehurpeau/alouette/commit/28885dfe4fae18e4159ec3c9fab23a7fc738b6c0))
+
+Version bump for dependency: alouette-icons
+
+
+## 9.0.0 (2025-02-01)
+
+### ⚠ BREAKING CHANGES
+
+* drop node 18
+
+### Features
+
+* add textColor ([f1a3263](https://github.com/christophehurpeau/alouette/commit/f1a32638eb2ba351e7f49a09b82501c1addfc55f))
+* alouette-icons ([924eb6d](https://github.com/christophehurpeau/alouette/commit/924eb6da66cb9689cfc1bb390a810167eb9b5d87))
+* **Button:** add size sm and fix default variant ([9d6e1ab](https://github.com/christophehurpeau/alouette/commit/9d6e1ab1ccc5437a1807e634e270eb9ff258d75d))
+* color scheme ([0704f9a](https://github.com/christophehurpeau/alouette/commit/0704f9ad4a868efef989d7a8412e84d278dfc2a2))
+* **deps:** update dependency @phosphor-icons/core to v2.1.1 ([#14](https://github.com/christophehurpeau/alouette/issues/14)) ([decf7d9](https://github.com/christophehurpeau/alouette/commit/decf7d9cef74838916082e81e9d9a84da1a1c53a))
+* **deps:** update dependency react-native to v0.74.2 ([#15](https://github.com/christophehurpeau/alouette/issues/15)) ([1cee78f](https://github.com/christophehurpeau/alouette/commit/1cee78fa487b3045f33860b2a2fb9a873dfdf0a5))
+* **deps:** update dependency react-native to v0.75.2 ([#61](https://github.com/christophehurpeau/alouette/issues/61)) ([09b2a47](https://github.com/christophehurpeau/alouette/commit/09b2a472ba642defe11ef3eee5ef546ff1bf633f))
+* **deps:** update dependency react-native to v0.77.0 ([#68](https://github.com/christophehurpeau/alouette/issues/68)) ([577dc45](https://github.com/christophehurpeau/alouette/commit/577dc45287c344164317212198c6453d1bde1a74))
+* **deps:** update dependency react-native-svg to v15.11.1 ([#137](https://github.com/christophehurpeau/alouette/issues/137)) ([0630652](https://github.com/christophehurpeau/alouette/commit/063065233926237a36ed9713362d397852fafdff))
+* **deps:** update dependency react-native-svg to v15.7.1 ([#81](https://github.com/christophehurpeau/alouette/issues/81)) ([9e2dac7](https://github.com/christophehurpeau/alouette/commit/9e2dac7dcd04fd6d3d7785371813d0a8453b2912))
+* **deps:** update dependency react-native-svg to v15.9.0 ([#97](https://github.com/christophehurpeau/alouette/issues/97)) ([9708d65](https://github.com/christophehurpeau/alouette/commit/9708d65227f41c6a63c1eaebdccc08954b1859e4))
+* **deps:** update dependency type-fest to v4.26.0 ([#47](https://github.com/christophehurpeau/alouette/issues/47)) ([7493b0e](https://github.com/christophehurpeau/alouette/commit/7493b0edc4a8a4ffd3761576d0ca1a121e774ce7))
+* **deps:** update dependency type-fest to v4.27.1 ([#106](https://github.com/christophehurpeau/alouette/issues/106)) ([017ecef](https://github.com/christophehurpeau/alouette/commit/017ecef48d136a11cf741150c8a5d9c9440df6b7))
+* **deps:** update dependency type-fest to v4.28.0 ([#109](https://github.com/christophehurpeau/alouette/issues/109)) ([2723fc5](https://github.com/christophehurpeau/alouette/commit/2723fc56620a6aded5402162eff1e5a85a3eeb50))
+* **deps:** update tamagui to v1.101.0 ([#28](https://github.com/christophehurpeau/alouette/issues/28)) ([df1cc36](https://github.com/christophehurpeau/alouette/commit/df1cc36366d4fb102a22b5f8c4bb498970836e07))
+* **deps:** update tamagui to v1.110.2 ([#53](https://github.com/christophehurpeau/alouette/issues/53)) ([5638c4c](https://github.com/christophehurpeau/alouette/commit/5638c4c687432e9d2c2a7fdc1931502843fe3370))
+* **deps:** update tamagui to v1.112.0 ([#73](https://github.com/christophehurpeau/alouette/issues/73)) ([11debab](https://github.com/christophehurpeau/alouette/commit/11debabc2a07e70607c6b2675c371a05afcb487f))
+* **deps:** update tamagui to v1.117.0 ([#88](https://github.com/christophehurpeau/alouette/issues/88)) ([7d94ca0](https://github.com/christophehurpeau/alouette/commit/7d94ca0e722579c33a1dbe93e72c2eb9924ce542))
+* **IconButton:** add size story section ([ddd03e4](https://github.com/christophehurpeau/alouette/commit/ddd03e4076d42bc1169b13ba43f679f2d6d85adc))
+* improvements and new components ([335f060](https://github.com/christophehurpeau/alouette/commit/335f06086a3eae528e8f351ad6bf5b94cdc4c612))
+* initial design system with storybook ([6d790b3](https://github.com/christophehurpeau/alouette/commit/6d790b35641bb740c3a569f5bac1ee32839244c7))
+* update dependencies and build cjs ([121ed87](https://github.com/christophehurpeau/alouette/commit/121ed8748bed730826d206160399af2f1eae63fa))
+* work on themes and ts ([dd8604c](https://github.com/christophehurpeau/alouette/commit/dd8604cc4cc6b0aba616ce29f03447b4d5306fb5))
+
+### Bug Fixes
+
+* add createAlouetteTamagui.js in files ([9d88c7e](https://github.com/christophehurpeau/alouette/commit/9d88c7e966e43aa4af3a257e74394b8619786dcd))
+* add missing flexwrap in storybook ([42e6d4a](https://github.com/christophehurpeau/alouette/commit/42e6d4a7621ab4c155038b54e9b67625004edd72))
+* add missing peerdep react-dom ([4c93bf1](https://github.com/christophehurpeau/alouette/commit/4c93bf1d8514b36da791c99647789524a67d55fd))
+* build node for react-native ([c050f74](https://github.com/christophehurpeau/alouette/commit/c050f74899de0bc97758bdecc00b880dbad2f865))
+* **deps:** update dependency react-native to v0.74.3 ([#42](https://github.com/christophehurpeau/alouette/issues/42)) ([844da1f](https://github.com/christophehurpeau/alouette/commit/844da1f99b03c91060d71534594201dec987f661))
+* **deps:** update dependency react-native-svg to v15.10.1 ([#120](https://github.com/christophehurpeau/alouette/issues/120)) ([66ccff7](https://github.com/christophehurpeau/alouette/commit/66ccff7556dc0bbdee4c7571bb62dcd848a0c623))
+* **deps:** update dependency type-fest to v4.26.1 ([#64](https://github.com/christophehurpeau/alouette/issues/64)) ([04f79ff](https://github.com/christophehurpeau/alouette/commit/04f79ff9821193ecf06d0563a90161bd54ae208b))
+* **deps:** update dependency type-fest to v4.30.1 ([#130](https://github.com/christophehurpeau/alouette/issues/130)) ([45e3cb7](https://github.com/christophehurpeau/alouette/commit/45e3cb7dcc76bce482b1a74e17680f97b4c02074))
+* **deps:** update tamagui to v1.100.6 ([#26](https://github.com/christophehurpeau/alouette/issues/26)) ([52fb809](https://github.com/christophehurpeau/alouette/commit/52fb809d954bd6116ddf5a35c3f43877d6f06867))
+* **deps:** update tamagui to v1.101.1 ([#31](https://github.com/christophehurpeau/alouette/issues/31)) ([fb8999a](https://github.com/christophehurpeau/alouette/commit/fb8999aa3e8138e4419c05f8abc14429272a128b))
+* **deps:** update tamagui to v1.101.3 ([#32](https://github.com/christophehurpeau/alouette/issues/32)) ([15ad21b](https://github.com/christophehurpeau/alouette/commit/15ad21bad60b07c349432fe1b458b538e8f117c6))
+* **deps:** update tamagui to v1.101.5 ([#40](https://github.com/christophehurpeau/alouette/issues/40)) ([a538c10](https://github.com/christophehurpeau/alouette/commit/a538c10caba04e94f2729521295bb84c32b3fda3))
+* **deps:** update tamagui to v1.101.6 ([#43](https://github.com/christophehurpeau/alouette/issues/43)) ([38996b8](https://github.com/christophehurpeau/alouette/commit/38996b874f2ca72dee0e768d88d87257ccd91c0a))
+* **deps:** update tamagui to v1.101.7 ([#44](https://github.com/christophehurpeau/alouette/issues/44)) ([2ee5352](https://github.com/christophehurpeau/alouette/commit/2ee53525a49b0a693f7032f2b0e07471a8e58c0e))
+* **deps:** update tamagui to v1.121.9 ([#107](https://github.com/christophehurpeau/alouette/issues/107)) ([080f004](https://github.com/christophehurpeau/alouette/commit/080f004d01fb2289fb947595b307f3bc378f5ca9))
+* fix borderWidth ([4771470](https://github.com/christophehurpeau/alouette/commit/4771470de9bf60ed866d77eac181dc9cde06e6c7))
+* fix build and other issues ([c61594c](https://github.com/christophehurpeau/alouette/commit/c61594caf742766d5e26cffb5c4d1a9bfffcc98f))
+* fix deprecated property ([b350114](https://github.com/christophehurpeau/alouette/commit/b350114bdbb82249c5b791ad77e92a7baf5d43bf))
+* fix dist for web ([43ddeaf](https://github.com/christophehurpeau/alouette/commit/43ddeaf1efc4989d56b248aa91aa667cdb418fa3))
+* fix for react-native update ([2d642c0](https://github.com/christophehurpeau/alouette/commit/2d642c0d42feb54275fd1b7db7309e8fb28cc96d))
+* fix require path for createAlouetteTamagui ([861c551](https://github.com/christophehurpeau/alouette/commit/861c551bff575a3445f6402afb200a108ef45a36))
+* move react-native before browser ([27265f9](https://github.com/christophehurpeau/alouette/commit/27265f9f89e5692d4a1b39b25c6b1817b0b73792))
+* only react-native-web for browser ([33c8f6e](https://github.com/christophehurpeau/alouette/commit/33c8f6e7446772ed58a54cc9f18f6bcb2b40612f))
+* use View for HStack and VStack ([999dff6](https://github.com/christophehurpeau/alouette/commit/999dff604ddf1b5e503af46d8f41e2f3f8899107))
+
+### Miscellaneous Chores
+
+* update dev dependencies and update to node 20 ([28885df](https://github.com/christophehurpeau/alouette/commit/28885dfe4fae18e4159ec3c9fab23a7fc738b6c0))
+
+Version bump for dependency: alouette-icons
+
+
 ## [8.0.7](https://github.com/christophehurpeau/alouette/compare/alouette@8.0.6...alouette@8.0.7) (2024-12-05)
 
 ### Bug Fixes

package/dist/createAlouetteTamagui-browser.es.js

@@ -8,13 +8,7 @@ const animations = createAnimations({
 });
 console.log("animations: web");
 
-const defaultHeadingFontSizes = {
-  xl: 48,
-  lg: 40,
-  md: 32,
-  sm: 24,
-  xs: 18
-};
+const defaultHeadingFontSizes = { xl: 48, lg: 40, md: 32, sm: 24, xs: 18 };
 const defaultBodyFontSizes = { xl: 24, lg: 18, md: 16, sm: 14, xs: 12 };
 const roundWith1Precision = (value) => Math.round(value * 10) / 10;
 const createAlouetteFonts = ({
@@ -146,12 +140,37 @@ const createAlouetteTokens = (colorScales, { spacing = 4 } = {}) => {
   });
 };
 
-const createColorTheme = (tokens, colorScaleName, backgroundColor, textColor, contrastTextColor) => {
+const darkModeScaleNumbers = {
+  1: 10,
+  2: 9,
+  3: 8,
+  4: 7,
+  5: 6,
+  6: 5,
+  7: 4,
+  8: 3,
+  9: 2,
+  10: 1
+};
+const createColorTheme = (tokens, colorScaleName, mode = "light", backgroundColor, textColor, contrastTextColor) => {
   const alouetteTokens = tokens;
-  if (!backgroundColor) backgroundColor = alouetteTokens.color.white;
-  if (!textColor) textColor = alouetteTokens.color.black;
-  if (!contrastTextColor) contrastTextColor = alouetteTokens.color.white;
-  const getColor = (scaleNumber) => tokens.color[`${colorScaleName}.${scaleNumber}`];
+  if (!backgroundColor) {
+    backgroundColor = mode === "dark" ? alouetteTokens.color.black : alouetteTokens.color.white;
+  }
+  if (!textColor) {
+    textColor = mode === "dark" ? alouetteTokens.color.white : alouetteTokens.color.black;
+  }
+  if (!contrastTextColor) {
+    if (colorScaleName === "grayscale") {
+      contrastTextColor = mode === "dark" ? alouetteTokens.color.white : alouetteTokens.color.black;
+    } else {
+      contrastTextColor = mode === "dark" ? alouetteTokens.color.black : alouetteTokens.color.white;
+    }
+  }
+  const getColor = (lightScaleNumber) => {
+    const scaleNumber = mode === "dark" ? darkModeScaleNumbers[lightScaleNumber] : lightScaleNumber;
+    return tokens.color[`${colorScaleName}.${scaleNumber}`];
+  };
   return {
     backgroundColor,
     textColor,
@@ -160,10 +179,10 @@ const createColorTheme = (tokens, colorScaleName, backgroundColor, textColor, co
     contrastTextColor,
     borderColor: getColor(8),
     "interactive.contained.backgroundColor": getColor(5),
-    "interactive.borderColor": getColor(8),
+    "interactive.borderColor": getColor(mode === "dark" ? 5 : 8),
     "interactive.contained.backgroundColor:hover": getColor(4),
     "interactive.outlined.backgroundColor:hover": getColor(1),
-    "interactive.borderColor:hover": getColor(7),
+    "interactive.borderColor:hover": getColor(mode === "dark" ? 5 : 7),
     "interactive.contained.backgroundColor:focus": getColor(4),
     "interactive.outlined.backgroundColor:focus": getColor(1),
     "interactive.borderColor:focus": getColor(7),
@@ -174,6 +193,7 @@ const createColorTheme = (tokens, colorScaleName, backgroundColor, textColor, co
     "interactive.borderColor:disabled": alouetteTokens.color.disabled,
     "interactive.textColor:disabled": alouetteTokens.color.contrastDisabled,
     "interactive.forms.textColor": textColor,
+    "interactive.forms.placeholderTextColor": alouetteTokens.color.disabled,
     // "interactive.forms.backgroundColor": undefined,
     // "interactive.forms.backgroundColor:hover": undefined,
     "interactive.forms.backgroundColor:focus": getColor(1),
@@ -188,51 +208,18 @@ const createColorTheme = (tokens, colorScaleName, backgroundColor, textColor, co
 const createAlouetteThemes = (tokens) => {
   const alouetteTokens = tokens;
   return {
-    light: createColorTheme(
-      alouetteTokens,
-      "grayscale",
-      alouetteTokens.color.white,
-      alouetteTokens.color.black
-    ),
-    light_info: createColorTheme(alouetteTokens, "info"),
-    light_success: createColorTheme(alouetteTokens, "success"),
-    light_warning: createColorTheme(alouetteTokens, "warning"),
-    light_danger: createColorTheme(alouetteTokens, "danger"),
-    light_primary: createColorTheme(alouetteTokens, "primary")
-    // dark: createRootTheme({
-    //   backgroundColor: alouetteTokens.color.black,
-    //   textColor: alouetteTokens.color.white,
-    // }),
-    // dark_info: createColorTheme(
-    //   alouetteTokens,
-    //   "info",
-    //   alouetteTokens.color.black,
-    //   alouetteTokens.color.white,
-    // ),
-    // dark_success: createColorTheme(
-    //   alouetteTokens,
-    //   "success",
-    //   alouetteTokens.color.black,
-    //   alouetteTokens.color.white,
-    // ),
-    // dark_warning: createColorTheme(
-    //   alouetteTokens,
-    //   "warning",
-    //   alouetteTokens.color.black,
-    //   alouetteTokens.color.white,
-    // ),
-    // dark_danger: createColorTheme(
-    //   alouetteTokens,
-    //   "danger",
-    //   alouetteTokens.color.black,
-    //   alouetteTokens.color.white,
-    // ),
-    // dark_primary: createColorTheme(
-    //   alouetteTokens,
-    //   "primary",
-    //   alouetteTokens.color.black,
-    //   alouetteTokens.color.white,
-    // ),
+    light: createColorTheme(alouetteTokens, "grayscale", "light"),
+    light_info: createColorTheme(alouetteTokens, "info", "light"),
+    light_success: createColorTheme(alouetteTokens, "success", "light"),
+    light_warning: createColorTheme(alouetteTokens, "warning", "light"),
+    light_danger: createColorTheme(alouetteTokens, "danger", "light"),
+    light_primary: createColorTheme(alouetteTokens, "primary", "light"),
+    dark: createColorTheme(alouetteTokens, "grayscale", "dark"),
+    dark_info: createColorTheme(alouetteTokens, "info", "dark"),
+    dark_success: createColorTheme(alouetteTokens, "success", "dark"),
+    dark_warning: createColorTheme(alouetteTokens, "warning", "dark"),
+    dark_danger: createColorTheme(alouetteTokens, "danger", "dark"),
+    dark_primary: createColorTheme(alouetteTokens, "primary", "dark")
   };
 };
 

package/dist/createAlouetteTamagui-browser.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"createAlouetteTamagui-browser.es.js","sources":["../src/config/animations.web.ts","../src/config/createAlouetteFonts.ts","../src/config/Breakpoints.ts","../src/config/media.ts","../src/config/createAlouetteTokens.ts","../src/config/themes.ts","../src/config/colorScales.ts","../src/createAlouetteTamagui.ts"],"sourcesContent":["import { createAnimations } from \"@tamagui/animations-css\";\n\nexport const animations = createAnimations({\n  fast: \"ease-in 150ms\",\n  formElement: \"ease-in 600ms\",\n});\nconsole.log(\"animations: web\");\n","import { createFont } from \"@tamagui/core\";\n\nconst defaultHeadingFontSizes = {\n  xl: 48,\n  lg: 40,\n  md: 32,\n  sm: 24,\n  xs: 18,\n};\nconst defaultBodyFontSizes = { xl: 24, lg: 18, md: 16, sm: 14, xs: 12 };\n\nconst roundWith1Precision = (value: number): number =>\n  Math.round(value * 10) / 10;\n\nexport interface AlouetteFontsOptions {\n  headingFontFamily?: string;\n  headingFontSizes?: typeof defaultHeadingFontSizes;\n  bodyFontFamily?: string;\n  bodyFontSizes?: typeof defaultBodyFontSizes;\n}\n\nexport const createAlouetteFonts = ({\n  headingFontFamily = \"Inter\",\n  headingFontSizes = defaultHeadingFontSizes,\n  bodyFontFamily = \"Inter\",\n  bodyFontSizes = defaultBodyFontSizes,\n}: AlouetteFontsOptions = {}) => ({\n  heading: createFont({\n    family: headingFontFamily,\n    weight: {\n      regular: \"400\",\n      bold: \"700\",\n      black: \"900\",\n    },\n    face: {\n      400: { normal: `${headingFontFamily}Regular` },\n      700: { normal: `${headingFontFamily}Bold` },\n      900: { normal: `${headingFontFamily}Black` },\n    },\n    size: headingFontSizes,\n    lineHeight: {\n      xl: roundWith1Precision(1.1 * headingFontSizes.xl),\n      lg: roundWith1Precision(1.1 * headingFontSizes.lg),\n      md: roundWith1Precision(1.2 * headingFontSizes.md),\n      sm: roundWith1Precision(1.3 * headingFontSizes.sm),\n      xs: roundWith1Precision(1.3 * headingFontSizes.xs),\n    },\n  }),\n  body: createFont({\n    family: bodyFontFamily,\n    weight: {\n      regular: \"400\",\n      bold: \"700\",\n      black: \"900\",\n    },\n    face: {\n      400: { normal: `${bodyFontFamily}Regular` },\n      700: { normal: `${bodyFontFamily}Bold` },\n      900: { normal: `${bodyFontFamily}Black` },\n    },\n    size: bodyFontSizes,\n    lineHeight: {\n      xl: roundWith1Precision(1.4 * bodyFontSizes.xl),\n      lg: roundWith1Precision(1.4 * bodyFontSizes.lg),\n      md: roundWith1Precision(1.4 * bodyFontSizes.md),\n      sm: roundWith1Precision(1.4 * bodyFontSizes.sm),\n      xs: roundWith1Precision(1.4 * bodyFontSizes.xs),\n    },\n  }),\n});\n","export const Breakpoints = {\n  /**\n   * min-width: 0\n   */\n  BASE: 0,\n  /**\n   * min-width: 480px\n   */\n  SMALL: 480,\n  /**\n   * min-width: 768px\n   */\n  MEDIUM: 768,\n  /**\n   * min-width: 1024px\n   */\n  LARGE: 1024,\n  /**\n   * min-width: 1280px\n   */\n  WIDE: 1280,\n} as const;\n\nexport type Breakpoint = (typeof Breakpoints)[keyof typeof Breakpoints];\nexport type BreakpointNames = \"base\" | \"large\" | \"medium\" | \"small\" | \"wide\";\n\nexport enum BreakpointNameEnum {\n  BASE = \"base\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  WIDE = \"wide\",\n}\n","import { createMedia } from \"@tamagui/react-native-media-driver\";\nimport { Breakpoints } from \"./Breakpoints\";\n\nexport const media = createMedia({\n  small: { minWidth: Breakpoints.SMALL },\n  medium: { minWidth: Breakpoints.MEDIUM },\n  large: { minWidth: Breakpoints.LARGE },\n  wide: { minWidth: Breakpoints.WIDE },\n} as const);\n","import { createTokens } from \"@tamagui/core\";\nimport type { IntRange } from \"type-fest\";\nimport type {\n  AlouetteColorScaleNumber,\n  AlouetteColorScales,\n} from \"./colorScales\";\n\ntype AlouetteSize = IntRange<0, 64>;\ntype NegativeAlouetteSize = `-${AlouetteSize}`;\ntype AlouetteSizeRecord = Record<AlouetteSize, number>;\ntype NegativeAlouetteSizeRecord = Record<NegativeAlouetteSize, number>;\n\nconst createAlouetteSizes = <const N extends boolean>(\n  spacing: number,\n  negative: N,\n): N extends true ? NegativeAlouetteSizeRecord : AlouetteSizeRecord => {\n  const MAX_SIZE = 64;\n  const sizes: Partial<\n    N extends true ? NegativeAlouetteSizeRecord : AlouetteSizeRecord\n  > = {};\n  for (let size = 0; size <= MAX_SIZE; size++) {\n    (sizes as any)[negative ? `-${size}` : `${size}`] = size * spacing;\n  }\n  return sizes as N extends true\n    ? NegativeAlouetteSizeRecord\n    : AlouetteSizeRecord;\n};\n\ntype ColorScaleTokens<ColorScales extends AlouetteColorScales> = {\n  [K in string &\n    keyof ColorScales as `${K}.${AlouetteColorScaleNumber}`]: string; //(typeof colorScales)[K][AlouetteColorScaleNumber];\n};\n\nconst transformColorScalesToTokens = <ColorScales extends AlouetteColorScales>(\n  colorScales: ColorScales,\n): ColorScaleTokens<ColorScales> => {\n  return Object.fromEntries(\n    Object.entries(colorScales).flatMap(([colorName, colorScale]) => {\n      return Object.entries(colorScale).map(([scaleNumber, colorValue]) => {\n        return [`${colorName}.${scaleNumber}`, colorValue];\n      });\n    }),\n  ) as ColorScaleTokens<ColorScales>;\n};\n\nexport interface AlouetteTokensOptions {\n  spacing?: number;\n}\n\nexport const createAlouetteTokens = <\n  const ColorScales extends AlouetteColorScales,\n>(\n  colorScales: ColorScales,\n  { spacing = 4 }: AlouetteTokensOptions = {},\n) => {\n  const sizes: AlouetteSizeRecord = createAlouetteSizes(spacing, false);\n  const negativeSizes: NegativeAlouetteSizeRecord = createAlouetteSizes(\n    -spacing,\n    true,\n  );\n\n  return createTokens({\n    color: {\n      black: \"#000000\",\n      white: \"#ffffff\",\n      disabled: colorScales.grayscale[3],\n      contrastDisabled: colorScales.grayscale[7],\n      ...transformColorScalesToTokens(colorScales),\n    },\n    radius: {\n      ...sizes,\n      xs: spacing * 2,\n      sm: spacing * 4,\n      md: spacing * 8,\n    },\n    space: {\n      ...sizes,\n      ...negativeSizes,\n      xs: spacing * 2,\n      sm: spacing * 4,\n      md: spacing * 8,\n    },\n    size: { ...sizes },\n    zIndex: {},\n  } as const);\n};\n","/* eslint-disable camelcase */\nimport type { Variable } from \"@tamagui/core\";\nimport type { AlouetteColorScales } from \"./colorScales\";\nimport type { createAlouetteTokens } from \"./createAlouetteTokens\";\n\n// export interface MinimalRootTheme {\n//   backgroundColor: Variable<string>;\n//   textColor: Variable<string>;\n// }\n\n// export interface RootTheme {\n//   backgroundColor: Variable<string>;\n//   textColor: Variable<string>;\n// }\n\nexport interface ColorTheme {\n  backgroundColor: Variable<string>;\n  textColor: Variable<string>;\n  mainColor: Variable<string>;\n  mainTextColor: Variable<string>;\n  contrastTextColor: Variable<string>;\n  borderColor: Variable<string>;\n\n  \"interactive.contained.backgroundColor\": Variable<string>;\n  \"interactive.borderColor\": Variable<string>;\n\n  \"interactive.contained.backgroundColor:hover\": Variable<string>;\n  \"interactive.outlined.backgroundColor:hover\": Variable<string>;\n  \"interactive.borderColor:hover\": Variable<string>;\n\n  \"interactive.contained.backgroundColor:focus\": Variable<string>;\n  \"interactive.outlined.backgroundColor:focus\": Variable<string>;\n  \"interactive.borderColor:focus\": Variable<string>;\n\n  \"interactive.contained.backgroundColor:press\": Variable<string>;\n  \"interactive.outlined.backgroundColor:press\": Variable<string>;\n  \"interactive.borderColor:press\": Variable<string>;\n\n  \"interactive.contained.backgroundColor:disabled\": Variable<string>;\n  \"interactive.borderColor:disabled\": Variable<string>;\n  \"interactive.textColor:disabled\": Variable<string>;\n\n  \"interactive.forms.textColor\": Variable<string>;\n  // \"interactive.forms.backgroundColor\": Variable<string>,\n  // \"interactive.forms.backgroundColor:hover\": Variable<string>,\n  \"interactive.forms.backgroundColor:focus\": Variable<string>;\n  \"interactive.forms.backgroundColor:press\": Variable<string>;\n  \"interactive.forms.borderColor\": Variable<string>;\n  \"interactive.forms.borderColor:hover\": Variable<string>;\n  \"interactive.forms.borderColor:focus\": Variable<string>;\n  \"interactive.forms.borderColor:press\": Variable<string>;\n  \"interactive.forms.borderColor:disabled\": Variable<string>;\n}\n\n// export interface FullTheme extends ColorTheme, RootTheme {}\nexport type FullTheme = ColorTheme;\n\n// export const createRootTheme = <T extends MinimalRootTheme>(\n//   theme: T,\n// ): FullTheme => {\n//   return theme satisfies RootTheme as unknown as FullTheme;\n// };\n\nexport const createColorTheme = <const ColorScales extends AlouetteColorScales>(\n  tokens: ReturnType<typeof createAlouetteTokens<ColorScales>>,\n  colorScaleName: string & keyof ColorScales,\n  backgroundColor?: Variable<string>,\n  textColor?: Variable<string>,\n  contrastTextColor?: Variable<string>,\n  // eslint-disable-next-line @typescript-eslint/max-params\n) => {\n  const alouetteTokens: ReturnType<\n    typeof createAlouetteTokens<AlouetteColorScales>\n  > = tokens;\n  if (!backgroundColor) backgroundColor = alouetteTokens.color.white;\n  if (!textColor) textColor = alouetteTokens.color.black;\n  if (!contrastTextColor) contrastTextColor = alouetteTokens.color.white;\n\n  const getColor = (scaleNumber: number) =>\n    tokens.color[\n      `${colorScaleName}.${scaleNumber}` as keyof typeof tokens.color\n    ];\n\n  return {\n    backgroundColor,\n    textColor,\n    mainColor: getColor(6),\n    mainTextColor: getColor(9),\n    contrastTextColor,\n    borderColor: getColor(8),\n\n    \"interactive.contained.backgroundColor\": getColor(5),\n    \"interactive.borderColor\": getColor(8),\n\n    \"interactive.contained.backgroundColor:hover\": getColor(4),\n    \"interactive.outlined.backgroundColor:hover\": getColor(1),\n    \"interactive.borderColor:hover\": getColor(7),\n\n    \"interactive.contained.backgroundColor:focus\": getColor(4),\n    \"interactive.outlined.backgroundColor:focus\": getColor(1),\n    \"interactive.borderColor:focus\": getColor(7),\n\n    \"interactive.contained.backgroundColor:press\": getColor(2),\n    \"interactive.outlined.backgroundColor:press\": getColor(3),\n    \"interactive.borderColor:press\": getColor(7),\n\n    \"interactive.contained.backgroundColor:disabled\":\n      alouetteTokens.color.disabled,\n    \"interactive.borderColor:disabled\": alouetteTokens.color.disabled,\n    \"interactive.textColor:disabled\": alouetteTokens.color.contrastDisabled,\n\n    \"interactive.forms.textColor\": textColor,\n    // \"interactive.forms.backgroundColor\": undefined,\n    // \"interactive.forms.backgroundColor:hover\": undefined,\n    \"interactive.forms.backgroundColor:focus\": getColor(1),\n    \"interactive.forms.backgroundColor:press\": getColor(3),\n    \"interactive.forms.borderColor\": getColor(10),\n    \"interactive.forms.borderColor:hover\": getColor(7),\n    \"interactive.forms.borderColor:focus\": getColor(7),\n    \"interactive.forms.borderColor:press\": getColor(7),\n    \"interactive.forms.borderColor:disabled\": alouetteTokens.color.disabled,\n  } satisfies FullTheme;\n};\n\nexport const createAlouetteThemes = <\n  const ColorScales extends AlouetteColorScales,\n>(\n  tokens: ReturnType<typeof createAlouetteTokens<ColorScales>>,\n) => {\n  const alouetteTokens: ReturnType<\n    typeof createAlouetteTokens<AlouetteColorScales>\n  > = tokens;\n  return {\n    light: createColorTheme(\n      alouetteTokens,\n      \"grayscale\",\n      alouetteTokens.color.white,\n      alouetteTokens.color.black,\n    ),\n    light_info: createColorTheme(alouetteTokens, \"info\"),\n    light_success: createColorTheme(alouetteTokens, \"success\"),\n    light_warning: createColorTheme(alouetteTokens, \"warning\"),\n    light_danger: createColorTheme(alouetteTokens, \"danger\"),\n    light_primary: createColorTheme(alouetteTokens, \"primary\"),\n\n    // dark: createRootTheme({\n    //   backgroundColor: alouetteTokens.color.black,\n    //   textColor: alouetteTokens.color.white,\n    // }),\n\n    // dark_info: createColorTheme(\n    //   alouetteTokens,\n    //   \"info\",\n    //   alouetteTokens.color.black,\n    //   alouetteTokens.color.white,\n    // ),\n    // dark_success: createColorTheme(\n    //   alouetteTokens,\n    //   \"success\",\n    //   alouetteTokens.color.black,\n    //   alouetteTokens.color.white,\n    // ),\n    // dark_warning: createColorTheme(\n    //   alouetteTokens,\n    //   \"warning\",\n    //   alouetteTokens.color.black,\n    //   alouetteTokens.color.white,\n    // ),\n    // dark_danger: createColorTheme(\n    //   alouetteTokens,\n    //   \"danger\",\n    //   alouetteTokens.color.black,\n    //   alouetteTokens.color.white,\n    // ),\n    // dark_primary: createColorTheme(\n    //   alouetteTokens,\n    //   \"primary\",\n    //   alouetteTokens.color.black,\n    //   alouetteTokens.color.white,\n    // ),\n  } as const;\n};\n","import type { IntRange } from \"type-fest\";\n\n// scale inspired by https://www.radix-ui.com/colors/docs/palette-composition/understanding-the-scale\n// 1: interactive outlined background hover/focus color\n// 2: interactive contained background press color\n// 3: interactive outlined background press color\n// 4: interactive contained background hover/focus color\n// 5: interactive contained background color\n// 6: main color\n// 7: border hover/focus color\n// 8: border color\n// 9: text color\n// 10: form border color (default)\n\nexport type AlouetteColorScaleNumber = IntRange<1, 10>;\n\nexport type AlouetteColorScale = Record<AlouetteColorScaleNumber, string>;\n\nexport const createColorScale = <const T extends AlouetteColorScale>(\n  colorScale: T,\n): T => colorScale;\n\nexport type AlouetteColorScaleNames =\n  | \"danger\"\n  | \"grayscale\"\n  | \"info\"\n  | \"primary\"\n  | \"success\"\n  | \"warning\";\n\nexport type ColorScaleTokens = {\n  [K in AlouetteColorScaleNames as `${K}.${AlouetteColorScaleNumber}`]: string; //(typeof colorScales)[K][AlouetteColorScaleNumber];\n};\n\nexport type AlouetteColorScales = Record<\n  AlouetteColorScaleNames,\n  AlouetteColorScale\n>;\n\n// Tool: https://m2.material.io/inline-tools/color/\n\nexport const defaultColorScales: AlouetteColorScales = {\n  grayscale: createColorScale({\n    1: \"#faf9f8\",\n    2: \"#f4f3ef\",\n    3: \"#ebe9e5\",\n    4: \"#dedad2\",\n    5: \"#d1cdc5\",\n    6: \"#bab8ae\",\n    7: \"#aeaba3\",\n    8: \"#9c9a92\",\n    9: \"#8e8c83\",\n    10: \"#74726a\",\n  }),\n  success: createColorScale({\n    1: \"#f0f9f3\",\n    2: \"#d4f0d4\",\n    3: \"#a8e6a8\",\n    4: \"#7edc7e\",\n    5: \"#54d254\",\n    6: \"#2ac82a\",\n    7: \"#00be00\",\n    8: \"#00b400\",\n    9: \"#00aa00\",\n    10: \"#009200\",\n  }),\n  info: createColorScale({\n    1: \"#f0f9ff\",\n    2: \"#d4f0ff\",\n    3: \"#a8e6ff\",\n    4: \"#7edcff\",\n    5: \"#54d2ff\",\n    6: \"#2ac8ff\",\n    7: \"#00beff\",\n    8: \"#00b4ff\",\n    9: \"#00aaff\",\n    10: \"#0092ff\",\n  }),\n  warning: createColorScale({\n    1: \"#fff9f0\",\n    2: \"#fff0d4\",\n    3: \"#ffe6a8\",\n    4: \"#ffdc7e\",\n    5: \"#ffd254\",\n    6: \"#ffc82a\",\n    7: \"#ffbe00\",\n    8: \"#ffb400\",\n    9: \"#ffaa00\",\n    10: \"#ff9200\",\n  }),\n  danger: createColorScale({\n    1: \"#fff0f0\",\n    2: \"#ffd4d4\",\n    3: \"#ffaaaa\",\n    4: \"#ff7e7e\",\n    5: \"#ff5454\",\n    6: \"#ff2a2a\",\n    7: \"#ff0000\",\n    8: \"#f40000\",\n    9: \"#ea0000\",\n    10: \"#d20000\",\n  }),\n  primary: createColorScale({\n    1: \"#e1f4f6\",\n    2: \"#b4e2e9\",\n    3: \"#86cfdc\",\n    4: \"#60bcd0\",\n    5: \"#46aeca\",\n    6: \"#31a1c4\",\n    7: \"#2994b7\",\n    8: \"#1e82a6\",\n    9: \"#1c7193\",\n    10: \"#125272\",\n  }),\n} as const;\n","import { createTamagui } from \"@tamagui/core\";\nimport { animations } from \"./config/animations\";\nimport type { AlouetteColorScales } from \"./config/colorScales\";\nimport type { AlouetteFontsOptions } from \"./config/createAlouetteFonts\";\nimport { createAlouetteFonts } from \"./config/createAlouetteFonts\";\nimport type { createAlouetteTokens } from \"./config/createAlouetteTokens\";\nimport { media } from \"./config/media\";\nimport type { createAlouetteThemes } from \"./config/themes\";\n\nexport { createAlouetteTokens } from \"./config/createAlouetteTokens\";\n\nexport interface AlouetteTamaguiOptions {\n  fonts?: AlouetteFontsOptions;\n}\n\nexport {\n  createColorTheme,\n  createAlouetteThemes,\n  type FullTheme,\n} from \"./config/themes\";\n\nexport {\n  defaultColorScales,\n  createColorScale,\n  type AlouetteColorScales,\n  type AlouetteColorScale,\n} from \"./config/colorScales\";\n\nexport const createAlouetteTamagui = <\n  const ColorScales extends AlouetteColorScales,\n  const Tokens extends ReturnType<typeof createAlouetteTokens<ColorScales>>,\n  const Themes extends ReturnType<typeof createAlouetteThemes<ColorScales>>,\n>(\n  tokens: Tokens,\n  themes: Themes,\n  options: AlouetteTamaguiOptions = {},\n) => {\n  return createTamagui({\n    fonts: createAlouetteFonts(options.fonts),\n    tokens,\n    themes,\n    media,\n    animations,\n    settings: {\n      allowedStyleValues: \"somewhat-strict-web\",\n      autocompleteSpecificTokens: \"except-special\",\n    },\n    components: [\"alouette\"],\n  } as const);\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"createAlouetteTamagui-browser.es.js","sources":["../src/config/animations.web.ts","../src/config/createAlouetteFonts.ts","../src/config/Breakpoints.ts","../src/config/media.ts","../src/config/createAlouetteTokens.ts","../src/config/themes.ts","../src/config/colorScales.ts","../src/createAlouetteTamagui.ts"],"sourcesContent":["import { createAnimations } from \"@tamagui/animations-css\";\n\nexport const animations = createAnimations({\n  fast: \"ease-in 150ms\",\n  formElement: \"ease-in 600ms\",\n});\nconsole.log(\"animations: web\");\n","import { createFont } from \"@tamagui/core\";\n\nconst defaultHeadingFontSizes = { xl: 48, lg: 40, md: 32, sm: 24, xs: 18 };\nconst defaultBodyFontSizes = { xl: 24, lg: 18, md: 16, sm: 14, xs: 12 };\n\nconst roundWith1Precision = (value: number): number =>\n  Math.round(value * 10) / 10;\n\nexport interface AlouetteFontsOptions {\n  headingFontFamily?: string;\n  headingFontSizes?: typeof defaultHeadingFontSizes;\n  bodyFontFamily?: string;\n  bodyFontSizes?: typeof defaultBodyFontSizes;\n}\n\nexport const createAlouetteFonts = ({\n  headingFontFamily = \"Inter\",\n  headingFontSizes = defaultHeadingFontSizes,\n  bodyFontFamily = \"Inter\",\n  bodyFontSizes = defaultBodyFontSizes,\n}: AlouetteFontsOptions = {}) => ({\n  heading: createFont({\n    family: headingFontFamily,\n    weight: {\n      regular: \"400\",\n      bold: \"700\",\n      black: \"900\",\n    },\n    face: {\n      400: { normal: `${headingFontFamily}Regular` },\n      700: { normal: `${headingFontFamily}Bold` },\n      900: { normal: `${headingFontFamily}Black` },\n    },\n    size: headingFontSizes,\n    lineHeight: {\n      xl: roundWith1Precision(1.1 * headingFontSizes.xl),\n      lg: roundWith1Precision(1.1 * headingFontSizes.lg),\n      md: roundWith1Precision(1.2 * headingFontSizes.md),\n      sm: roundWith1Precision(1.3 * headingFontSizes.sm),\n      xs: roundWith1Precision(1.3 * headingFontSizes.xs),\n    },\n  }),\n  body: createFont({\n    family: bodyFontFamily,\n    weight: {\n      regular: \"400\",\n      bold: \"700\",\n      black: \"900\",\n    },\n    face: {\n      400: { normal: `${bodyFontFamily}Regular` },\n      700: { normal: `${bodyFontFamily}Bold` },\n      900: { normal: `${bodyFontFamily}Black` },\n    },\n    size: bodyFontSizes,\n    lineHeight: {\n      xl: roundWith1Precision(1.4 * bodyFontSizes.xl),\n      lg: roundWith1Precision(1.4 * bodyFontSizes.lg),\n      md: roundWith1Precision(1.4 * bodyFontSizes.md),\n      sm: roundWith1Precision(1.4 * bodyFontSizes.sm),\n      xs: roundWith1Precision(1.4 * bodyFontSizes.xs),\n    },\n  }),\n});\n","export const Breakpoints = {\n  /**\n   * min-width: 0\n   */\n  BASE: 0,\n  /**\n   * min-width: 480px\n   */\n  SMALL: 480,\n  /**\n   * min-width: 768px\n   */\n  MEDIUM: 768,\n  /**\n   * min-width: 1024px\n   */\n  LARGE: 1024,\n  /**\n   * min-width: 1280px\n   */\n  WIDE: 1280,\n} as const;\n\nexport type Breakpoint = (typeof Breakpoints)[keyof typeof Breakpoints];\nexport type BreakpointNames = \"base\" | \"large\" | \"medium\" | \"small\" | \"wide\";\n\nexport enum BreakpointNameEnum {\n  BASE = \"base\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  WIDE = \"wide\",\n}\n","import { createMedia } from \"@tamagui/react-native-media-driver\";\nimport { Breakpoints } from \"./Breakpoints\";\n\nexport const media = createMedia({\n  small: { minWidth: Breakpoints.SMALL },\n  medium: { minWidth: Breakpoints.MEDIUM },\n  large: { minWidth: Breakpoints.LARGE },\n  wide: { minWidth: Breakpoints.WIDE },\n} as const);\n","import { createTokens } from \"@tamagui/core\";\nimport type { IntRange } from \"type-fest\";\nimport type {\n  AlouetteColorScaleNumber,\n  AlouetteColorScales,\n} from \"./colorScales\";\n\ntype AlouetteSize = IntRange<0, 64>;\ntype NegativeAlouetteSize = `-${AlouetteSize}`;\ntype AlouetteSizeRecord = Record<AlouetteSize, number>;\ntype NegativeAlouetteSizeRecord = Record<NegativeAlouetteSize, number>;\n\nconst createAlouetteSizes = <const N extends boolean>(\n  spacing: number,\n  negative: N,\n): N extends true ? NegativeAlouetteSizeRecord : AlouetteSizeRecord => {\n  const MAX_SIZE = 64;\n  const sizes: Partial<\n    N extends true ? NegativeAlouetteSizeRecord : AlouetteSizeRecord\n  > = {};\n  for (let size = 0; size <= MAX_SIZE; size++) {\n    (sizes as any)[negative ? `-${size}` : `${size}`] = size * spacing;\n  }\n  return sizes as N extends true\n    ? NegativeAlouetteSizeRecord\n    : AlouetteSizeRecord;\n};\n\ntype ColorScaleTokens<ColorScales extends AlouetteColorScales> = {\n  [K in string &\n    keyof ColorScales as `${K}.${AlouetteColorScaleNumber}`]: string; //(typeof colorScales)[K][AlouetteColorScaleNumber];\n};\n\nconst transformColorScalesToTokens = <ColorScales extends AlouetteColorScales>(\n  colorScales: ColorScales,\n): ColorScaleTokens<ColorScales> => {\n  return Object.fromEntries(\n    Object.entries(colorScales).flatMap(([colorName, colorScale]) => {\n      return Object.entries(colorScale).map(([scaleNumber, colorValue]) => {\n        return [`${colorName}.${scaleNumber}`, colorValue];\n      });\n    }),\n  ) as ColorScaleTokens<ColorScales>;\n};\n\nexport interface AlouetteTokensOptions {\n  spacing?: number;\n}\n\nexport const createAlouetteTokens = <\n  const ColorScales extends AlouetteColorScales,\n>(\n  colorScales: ColorScales,\n  { spacing = 4 }: AlouetteTokensOptions = {},\n) => {\n  const sizes: AlouetteSizeRecord = createAlouetteSizes(spacing, false);\n  const negativeSizes: NegativeAlouetteSizeRecord = createAlouetteSizes(\n    -spacing,\n    true,\n  );\n\n  return createTokens({\n    color: {\n      black: \"#000000\",\n      white: \"#ffffff\",\n      disabled: colorScales.grayscale[3],\n      contrastDisabled: colorScales.grayscale[7],\n      ...transformColorScalesToTokens(colorScales),\n    },\n    radius: {\n      ...sizes,\n      xs: spacing * 2,\n      sm: spacing * 4,\n      md: spacing * 8,\n    },\n    space: {\n      ...sizes,\n      ...negativeSizes,\n      xs: spacing * 2,\n      sm: spacing * 4,\n      md: spacing * 8,\n    },\n    size: { ...sizes },\n    zIndex: {},\n  } as const);\n};\n","/* eslint-disable camelcase */\nimport type { Variable } from \"@tamagui/core\";\nimport type {\n  AlouetteColorScaleNumber,\n  AlouetteColorScales,\n} from \"./colorScales\";\nimport type { createAlouetteTokens } from \"./createAlouetteTokens\";\n\n// export interface MinimalRootTheme {\n//   backgroundColor: Variable<string>;\n//   textColor: Variable<string>;\n// }\n\n// export interface RootTheme {\n//   backgroundColor: Variable<string>;\n//   textColor: Variable<string>;\n// }\n\nexport interface ColorTheme {\n  backgroundColor: Variable<string>;\n  textColor: Variable<string>;\n  mainColor: Variable<string>;\n  mainTextColor: Variable<string>;\n  contrastTextColor: Variable<string>;\n  borderColor: Variable<string>;\n\n  \"interactive.contained.backgroundColor\": Variable<string>;\n  \"interactive.borderColor\": Variable<string>;\n\n  \"interactive.contained.backgroundColor:hover\": Variable<string>;\n  \"interactive.outlined.backgroundColor:hover\": Variable<string>;\n  \"interactive.borderColor:hover\": Variable<string>;\n\n  \"interactive.contained.backgroundColor:focus\": Variable<string>;\n  \"interactive.outlined.backgroundColor:focus\": Variable<string>;\n  \"interactive.borderColor:focus\": Variable<string>;\n\n  \"interactive.contained.backgroundColor:press\": Variable<string>;\n  \"interactive.outlined.backgroundColor:press\": Variable<string>;\n  \"interactive.borderColor:press\": Variable<string>;\n\n  \"interactive.contained.backgroundColor:disabled\": Variable<string>;\n  \"interactive.borderColor:disabled\": Variable<string>;\n  \"interactive.textColor:disabled\": Variable<string>;\n\n  \"interactive.forms.textColor\": Variable<string>;\n  \"interactive.forms.placeholderTextColor\": Variable<string>;\n  // \"interactive.forms.backgroundColor\": Variable<string>,\n  // \"interactive.forms.backgroundColor:hover\": Variable<string>,\n  \"interactive.forms.backgroundColor:focus\": Variable<string>;\n  \"interactive.forms.backgroundColor:press\": Variable<string>;\n  \"interactive.forms.borderColor\": Variable<string>;\n  \"interactive.forms.borderColor:hover\": Variable<string>;\n  \"interactive.forms.borderColor:focus\": Variable<string>;\n  \"interactive.forms.borderColor:press\": Variable<string>;\n  \"interactive.forms.borderColor:disabled\": Variable<string>;\n}\n\n// export interface FullTheme extends ColorTheme, RootTheme {}\nexport type FullTheme = ColorTheme;\n\n// export const createRootTheme = <T extends MinimalRootTheme>(\n//   theme: T,\n// ): FullTheme => {\n//   return theme satisfies RootTheme as unknown as FullTheme;\n// };\n\nconst darkModeScaleNumbers: Record<\n  AlouetteColorScaleNumber,\n  AlouetteColorScaleNumber\n> = {\n  1: 10,\n  2: 9,\n  3: 8,\n  4: 7,\n  5: 6,\n  6: 5,\n  7: 4,\n  8: 3,\n  9: 2,\n  10: 1,\n};\n\nexport const createColorTheme = <const ColorScales extends AlouetteColorScales>(\n  tokens: ReturnType<typeof createAlouetteTokens<ColorScales>>,\n  colorScaleName: string & keyof ColorScales,\n  mode: \"dark\" | \"light\" = \"light\",\n  backgroundColor?: Variable<string>,\n  textColor?: Variable<string>,\n  contrastTextColor?: Variable<string>,\n) => {\n  const alouetteTokens: ReturnType<\n    typeof createAlouetteTokens<AlouetteColorScales>\n  > = tokens;\n  if (!backgroundColor) {\n    backgroundColor =\n      mode === \"dark\" ? alouetteTokens.color.black : alouetteTokens.color.white;\n  }\n  if (!textColor) {\n    textColor =\n      mode === \"dark\" ? alouetteTokens.color.white : alouetteTokens.color.black;\n  }\n  if (!contrastTextColor) {\n    if (colorScaleName === \"grayscale\") {\n      contrastTextColor =\n        mode === \"dark\"\n          ? alouetteTokens.color.white\n          : alouetteTokens.color.black;\n    } else {\n      contrastTextColor =\n        mode === \"dark\"\n          ? alouetteTokens.color.black\n          : alouetteTokens.color.white;\n    }\n  }\n\n  const getColor = (lightScaleNumber: AlouetteColorScaleNumber) => {\n    // Invert scale for dark mode\n    const scaleNumber =\n      mode === \"dark\"\n        ? darkModeScaleNumbers[lightScaleNumber]\n        : lightScaleNumber;\n\n    return tokens.color[\n      `${colorScaleName}.${scaleNumber}` as keyof typeof tokens.color\n    ];\n  };\n\n  return {\n    backgroundColor,\n    textColor,\n    mainColor: getColor(6),\n    mainTextColor: getColor(9),\n    contrastTextColor,\n    borderColor: getColor(8),\n\n    \"interactive.contained.backgroundColor\": getColor(5),\n    \"interactive.borderColor\": getColor(mode === \"dark\" ? 5 : 8),\n\n    \"interactive.contained.backgroundColor:hover\": getColor(4),\n    \"interactive.outlined.backgroundColor:hover\": getColor(1),\n    \"interactive.borderColor:hover\": getColor(mode === \"dark\" ? 5 : 7),\n\n    \"interactive.contained.backgroundColor:focus\": getColor(4),\n    \"interactive.outlined.backgroundColor:focus\": getColor(1),\n    \"interactive.borderColor:focus\": getColor(7),\n\n    \"interactive.contained.backgroundColor:press\": getColor(2),\n    \"interactive.outlined.backgroundColor:press\": getColor(3),\n    \"interactive.borderColor:press\": getColor(7),\n\n    \"interactive.contained.backgroundColor:disabled\":\n      alouetteTokens.color.disabled,\n    \"interactive.borderColor:disabled\": alouetteTokens.color.disabled,\n    \"interactive.textColor:disabled\": alouetteTokens.color.contrastDisabled,\n\n    \"interactive.forms.textColor\": textColor,\n    \"interactive.forms.placeholderTextColor\": alouetteTokens.color.disabled,\n\n    // \"interactive.forms.backgroundColor\": undefined,\n    // \"interactive.forms.backgroundColor:hover\": undefined,\n    \"interactive.forms.backgroundColor:focus\": getColor(1),\n    \"interactive.forms.backgroundColor:press\": getColor(3),\n    \"interactive.forms.borderColor\": getColor(10),\n    \"interactive.forms.borderColor:hover\": getColor(7),\n    \"interactive.forms.borderColor:focus\": getColor(7),\n    \"interactive.forms.borderColor:press\": getColor(7),\n    \"interactive.forms.borderColor:disabled\": alouetteTokens.color.disabled,\n  } satisfies FullTheme;\n};\n\nexport const createAlouetteThemes = <\n  const ColorScales extends AlouetteColorScales,\n>(\n  tokens: ReturnType<typeof createAlouetteTokens<ColorScales>>,\n) => {\n  const alouetteTokens: ReturnType<\n    typeof createAlouetteTokens<AlouetteColorScales>\n  > = tokens;\n  return {\n    light: createColorTheme(alouetteTokens, \"grayscale\", \"light\"),\n    light_info: createColorTheme(alouetteTokens, \"info\", \"light\"),\n    light_success: createColorTheme(alouetteTokens, \"success\", \"light\"),\n    light_warning: createColorTheme(alouetteTokens, \"warning\", \"light\"),\n    light_danger: createColorTheme(alouetteTokens, \"danger\", \"light\"),\n    light_primary: createColorTheme(alouetteTokens, \"primary\", \"light\"),\n\n    dark: createColorTheme(alouetteTokens, \"grayscale\", \"dark\"),\n    dark_info: createColorTheme(alouetteTokens, \"info\", \"dark\"),\n    dark_success: createColorTheme(alouetteTokens, \"success\", \"dark\"),\n    dark_warning: createColorTheme(alouetteTokens, \"warning\", \"dark\"),\n    dark_danger: createColorTheme(alouetteTokens, \"danger\", \"dark\"),\n    dark_primary: createColorTheme(alouetteTokens, \"primary\", \"dark\"),\n  } as const;\n};\n","import type { IntRange } from \"type-fest\";\n\n// scale inspired by https://www.radix-ui.com/colors/docs/palette-composition/understanding-the-scale\n// 1: interactive outlined background hover/focus color\n// 2: interactive contained background press color\n// 3: interactive outlined background press color\n// 4: interactive contained background hover/focus color\n// 5: interactive contained background color\n// 6: main color\n// 7: border hover/focus color\n// 8: border color\n// 9: text color\n// 10: form border color (default)\n\nexport type AlouetteColorScaleNumber = IntRange<1, 11>;\n\nexport type AlouetteColorScale = Record<AlouetteColorScaleNumber, string>;\n\nexport const createColorScale = <const T extends AlouetteColorScale>(\n  colorScale: T,\n): T => colorScale;\n\nexport type AlouetteColorScaleNames =\n  | \"danger\"\n  | \"grayscale\"\n  | \"info\"\n  | \"primary\"\n  | \"success\"\n  | \"warning\";\n\nexport type ColorScaleTokens = {\n  [K in AlouetteColorScaleNames as `${K}.${AlouetteColorScaleNumber}`]: string; //(typeof colorScales)[K][AlouetteColorScaleNumber];\n};\n\nexport type AlouetteColorScales = Record<\n  AlouetteColorScaleNames,\n  AlouetteColorScale\n>;\n\n// Tool: https://m2.material.io/inline-tools/color/\n\nexport const defaultColorScales: AlouetteColorScales = {\n  grayscale: createColorScale({\n    1: \"#faf9f8\",\n    2: \"#f4f3ef\",\n    3: \"#ebe9e5\",\n    4: \"#dedad2\",\n    5: \"#d1cdc5\",\n    6: \"#bab8ae\",\n    7: \"#aeaba3\",\n    8: \"#9c9a92\",\n    9: \"#8e8c83\",\n    10: \"#74726a\",\n  }),\n  success: createColorScale({\n    1: \"#f0f9f3\",\n    2: \"#d4f0d4\",\n    3: \"#a8e6a8\",\n    4: \"#7edc7e\",\n    5: \"#54d254\",\n    6: \"#2ac82a\",\n    7: \"#00be00\",\n    8: \"#00b400\",\n    9: \"#00aa00\",\n    10: \"#009200\",\n  }),\n  info: createColorScale({\n    1: \"#f0f9ff\",\n    2: \"#d4f0ff\",\n    3: \"#a8e6ff\",\n    4: \"#7edcff\",\n    5: \"#54d2ff\",\n    6: \"#2ac8ff\",\n    7: \"#00beff\",\n    8: \"#00b4ff\",\n    9: \"#00aaff\",\n    10: \"#0092ff\",\n  }),\n  warning: createColorScale({\n    1: \"#fff9f0\",\n    2: \"#fff0d4\",\n    3: \"#ffe6a8\",\n    4: \"#ffdc7e\",\n    5: \"#ffd254\",\n    6: \"#ffc82a\",\n    7: \"#ffbe00\",\n    8: \"#ffb400\",\n    9: \"#ffaa00\",\n    10: \"#ff9200\",\n  }),\n  danger: createColorScale({\n    1: \"#fff0f0\",\n    2: \"#ffd4d4\",\n    3: \"#ffaaaa\",\n    4: \"#ff7e7e\",\n    5: \"#ff5454\",\n    6: \"#ff2a2a\",\n    7: \"#ff0000\",\n    8: \"#f40000\",\n    9: \"#ea0000\",\n    10: \"#d20000\",\n  }),\n  primary: createColorScale({\n    1: \"#e1f4f6\",\n    2: \"#b4e2e9\",\n    3: \"#86cfdc\",\n    4: \"#60bcd0\",\n    5: \"#46aeca\",\n    6: \"#31a1c4\",\n    7: \"#2994b7\",\n    8: \"#1e82a6\",\n    9: \"#1c7193\",\n    10: \"#125272\",\n  }),\n} as const;\n","import { createTamagui } from \"@tamagui/core\";\nimport { animations } from \"./config/animations\";\nimport type { AlouetteColorScales } from \"./config/colorScales\";\nimport type { AlouetteFontsOptions } from \"./config/createAlouetteFonts\";\nimport { createAlouetteFonts } from \"./config/createAlouetteFonts\";\nimport type { createAlouetteTokens } from \"./config/createAlouetteTokens\";\nimport { media } from \"./config/media\";\nimport type { createAlouetteThemes } from \"./config/themes\";\n\nexport { createAlouetteTokens } from \"./config/createAlouetteTokens\";\n\nexport interface AlouetteTamaguiOptions {\n  fonts?: AlouetteFontsOptions;\n}\n\nexport {\n  createColorTheme,\n  createAlouetteThemes,\n  type FullTheme,\n} from \"./config/themes\";\n\nexport {\n  defaultColorScales,\n  createColorScale,\n  type AlouetteColorScales,\n  type AlouetteColorScale,\n} from \"./config/colorScales\";\n\nexport const createAlouetteTamagui = <\n  const ColorScales extends AlouetteColorScales,\n  const Tokens extends ReturnType<typeof createAlouetteTokens<ColorScales>>,\n  const Themes extends ReturnType<typeof createAlouetteThemes<ColorScales>>,\n>(\n  tokens: Tokens,\n  themes: Themes,\n  options: AlouetteTamaguiOptions = {},\n) => {\n  return createTamagui({\n    fonts: createAlouetteFonts(options.fonts),\n    tokens,\n    themes,\n    media,\n    animations,\n    settings: {\n      allowedStyleValues: \"somewhat-strict-web\",\n      autocompleteSpecificTokens: \"except-special\",\n    },\n    components: [\"alouette\"],\n  } as const);\n};\n"],"names":[],"mappings":"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"}

package/dist/createAlouetteTamagui-node20.cjs

@@ -20,7 +20,7 @@ const animations = animationsReactNative.createAnimations({
 });
 if ("navigator" in global) {
   const navigator = global.navigator;
-  if (!navigator.userAgent?.startsWith("Node.js")) {
+  if (!navigator.userAgent?.startsWith("Node.js") && navigator.product !== "ReactNative") {
     throw new Error(
       `animations native is loaded in web: ${// eslint-disable-next-line @typescript-eslint/restrict-template-expressions
       navigator.appName || navigator.product || navigator.userAgent}`
@@ -28,13 +28,7 @@ if ("navigator" in global) {
   }
 }
 
-const defaultHeadingFontSizes = {
-  xl: 48,
-  lg: 40,
-  md: 32,
-  sm: 24,
-  xs: 18
-};
+const defaultHeadingFontSizes = { xl: 48, lg: 40, md: 32, sm: 24, xs: 18 };
 const defaultBodyFontSizes = { xl: 24, lg: 18, md: 16, sm: 14, xs: 12 };
 const roundWith1Precision = (value) => Math.round(value * 10) / 10;
 const createAlouetteFonts = ({
@@ -166,12 +160,37 @@ const createAlouetteTokens = (colorScales, { spacing = 4 } = {}) => {
   });
 };
 
-const createColorTheme = (tokens, colorScaleName, backgroundColor, textColor, contrastTextColor) => {
+const darkModeScaleNumbers = {
+  1: 10,
+  2: 9,
+  3: 8,
+  4: 7,
+  5: 6,
+  6: 5,
+  7: 4,
+  8: 3,
+  9: 2,
+  10: 1
+};
+const createColorTheme = (tokens, colorScaleName, mode = "light", backgroundColor, textColor, contrastTextColor) => {
   const alouetteTokens = tokens;
-  if (!backgroundColor) backgroundColor = alouetteTokens.color.white;
-  if (!textColor) textColor = alouetteTokens.color.black;
-  if (!contrastTextColor) contrastTextColor = alouetteTokens.color.white;
-  const getColor = (scaleNumber) => tokens.color[`${colorScaleName}.${scaleNumber}`];
+  if (!backgroundColor) {
+    backgroundColor = mode === "dark" ? alouetteTokens.color.black : alouetteTokens.color.white;
+  }
+  if (!textColor) {
+    textColor = mode === "dark" ? alouetteTokens.color.white : alouetteTokens.color.black;
+  }
+  if (!contrastTextColor) {
+    if (colorScaleName === "grayscale") {
+      contrastTextColor = mode === "dark" ? alouetteTokens.color.white : alouetteTokens.color.black;
+    } else {
+      contrastTextColor = mode === "dark" ? alouetteTokens.color.black : alouetteTokens.color.white;
+    }
+  }
+  const getColor = (lightScaleNumber) => {
+    const scaleNumber = mode === "dark" ? darkModeScaleNumbers[lightScaleNumber] : lightScaleNumber;
+    return tokens.color[`${colorScaleName}.${scaleNumber}`];
+  };
   return {
     backgroundColor,
     textColor,
@@ -180,10 +199,10 @@ const createColorTheme = (tokens, colorScaleName, backgroundColor, textColor, co
     contrastTextColor,
     borderColor: getColor(8),
     "interactive.contained.backgroundColor": getColor(5),
-    "interactive.borderColor": getColor(8),
+    "interactive.borderColor": getColor(mode === "dark" ? 5 : 8),
     "interactive.contained.backgroundColor:hover": getColor(4),
     "interactive.outlined.backgroundColor:hover": getColor(1),
-    "interactive.borderColor:hover": getColor(7),
+    "interactive.borderColor:hover": getColor(mode === "dark" ? 5 : 7),
     "interactive.contained.backgroundColor:focus": getColor(4),
     "interactive.outlined.backgroundColor:focus": getColor(1),
     "interactive.borderColor:focus": getColor(7),
@@ -194,6 +213,7 @@ const createColorTheme = (tokens, colorScaleName, backgroundColor, textColor, co
     "interactive.borderColor:disabled": alouetteTokens.color.disabled,
     "interactive.textColor:disabled": alouetteTokens.color.contrastDisabled,
     "interactive.forms.textColor": textColor,
+    "interactive.forms.placeholderTextColor": alouetteTokens.color.disabled,
     // "interactive.forms.backgroundColor": undefined,
     // "interactive.forms.backgroundColor:hover": undefined,
     "interactive.forms.backgroundColor:focus": getColor(1),
@@ -208,51 +228,18 @@ const createColorTheme = (tokens, colorScaleName, backgroundColor, textColor, co
 const createAlouetteThemes = (tokens) => {
   const alouetteTokens = tokens;
   return {
-    light: createColorTheme(
-      alouetteTokens,
-      "grayscale",
-      alouetteTokens.color.white,
-      alouetteTokens.color.black
-    ),
-    light_info: createColorTheme(alouetteTokens, "info"),
-    light_success: createColorTheme(alouetteTokens, "success"),
-    light_warning: createColorTheme(alouetteTokens, "warning"),
-    light_danger: createColorTheme(alouetteTokens, "danger"),
-    light_primary: createColorTheme(alouetteTokens, "primary")
-    // dark: createRootTheme({
-    //   backgroundColor: alouetteTokens.color.black,
-    //   textColor: alouetteTokens.color.white,
-    // }),
-    // dark_info: createColorTheme(
-    //   alouetteTokens,
-    //   "info",
-    //   alouetteTokens.color.black,
-    //   alouetteTokens.color.white,
-    // ),
-    // dark_success: createColorTheme(
-    //   alouetteTokens,
-    //   "success",
-    //   alouetteTokens.color.black,
-    //   alouetteTokens.color.white,
-    // ),
-    // dark_warning: createColorTheme(
-    //   alouetteTokens,
-    //   "warning",
-    //   alouetteTokens.color.black,
-    //   alouetteTokens.color.white,
-    // ),
-    // dark_danger: createColorTheme(
-    //   alouetteTokens,
-    //   "danger",
-    //   alouetteTokens.color.black,
-    //   alouetteTokens.color.white,
-    // ),
-    // dark_primary: createColorTheme(
-    //   alouetteTokens,
-    //   "primary",
-    //   alouetteTokens.color.black,
-    //   alouetteTokens.color.white,
-    // ),
+    light: createColorTheme(alouetteTokens, "grayscale", "light"),
+    light_info: createColorTheme(alouetteTokens, "info", "light"),
+    light_success: createColorTheme(alouetteTokens, "success", "light"),
+    light_warning: createColorTheme(alouetteTokens, "warning", "light"),
+    light_danger: createColorTheme(alouetteTokens, "danger", "light"),
+    light_primary: createColorTheme(alouetteTokens, "primary", "light"),
+    dark: createColorTheme(alouetteTokens, "grayscale", "dark"),
+    dark_info: createColorTheme(alouetteTokens, "info", "dark"),
+    dark_success: createColorTheme(alouetteTokens, "success", "dark"),
+    dark_warning: createColorTheme(alouetteTokens, "warning", "dark"),
+    dark_danger: createColorTheme(alouetteTokens, "danger", "dark"),
+    dark_primary: createColorTheme(alouetteTokens, "primary", "dark")
   };
 };