@react-md/core 1.0.0-next.2 → 1.0.0-next.21

package/dist/theme/colors.d.ts

@@ -252,5 +252,5 @@ export declare const blueGrey600 = "#546e7a";
 export declare const blueGrey700 = "#455a64";
 export declare const blueGrey800 = "#37474f";
 export declare const blueGrey900 = "#263238";
-export declare const white = "#fff";
-export declare const black = "#000";
+export declare const white = "#ffffff";
+export declare const black = "#000000";

package/dist/theme/colors.js

@@ -252,7 +252,7 @@ export const blueGrey600 = "#546e7a";
 export const blueGrey700 = "#455a64";
 export const blueGrey800 = "#37474f";
 export const blueGrey900 = "#263238";
-export const white = "#fff";
-export const black = "#000";
+export const white = "#ffffff";
+export const black = "#000000";
 
 //# sourceMappingURL=colors.js.map

package/dist/theme/colors.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/colors.ts"],"sourcesContent":["export const red50 = \"#ffebee\";\nexport const red100 = \"#ffcdd2\";\nexport const red200 = \"#ef9a9a\";\nexport const red300 = \"#e57373\";\nexport const red400 = \"#ef5350\";\nexport const red500 = \"#f44336\";\nexport const red600 = \"#e53935\";\nexport const red700 = \"#d32f2f\";\nexport const red800 = \"#c62828\";\nexport const red900 = \"#b71c1c\";\nexport const redAccent100 = \"#ff8a80\";\nexport const redAccent200 = \"#ff5252\";\nexport const redAccent400 = \"#ff1744\";\nexport const redAccent700 = \"#d50000\";\n\nexport const pink50 = \"#fce4ec\";\nexport const pink100 = \"#f8bbd0\";\nexport const pink200 = \"#f48fb1\";\nexport const pink300 = \"#f06292\";\nexport const pink400 = \"#ec407a\";\nexport const pink500 = \"#e91e63\";\nexport const pink600 = \"#d81b60\";\nexport const pink700 = \"#c2185b\";\nexport const pink800 = \"#ad1457\";\nexport const pink900 = \"#880e4f\";\nexport const pinkAccent100 = \"#ff80ab\";\nexport const pinkAccent200 = \"#ff4081\";\nexport const pinkAccent400 = \"#f50057\";\nexport const pinkAccent700 = \"#c51162\";\n\nexport const purple50 = \"#f3e5f5\";\nexport const purple100 = \"#e1bee7\";\nexport const purple200 = \"#ce93d8\";\nexport const purple300 = \"#ba68c8\";\nexport const purple400 = \"#ab47bc\";\nexport const purple500 = \"#9c27b0\";\nexport const purple600 = \"#8e24aa\";\nexport const purple700 = \"#7b1fa2\";\nexport const purple800 = \"#6a1b9a\";\nexport const purple900 = \"#4a148c\";\nexport const purpleAccent100 = \"#ea80fc\";\nexport const purpleAccent200 = \"#e040fb\";\nexport const purpleAccent400 = \"#d500f9\";\nexport const purpleAccent700 = \"#a0f\";\n\nexport const deepPurple50 = \"#ede7f6\";\nexport const deepPurple100 = \"#d1c4e9\";\nexport const deepPurple200 = \"#b39ddb\";\nexport const deepPurple300 = \"#9575cd\";\nexport const deepPurple400 = \"#7e57c2\";\nexport const deepPurple500 = \"#673ab7\";\nexport const deepPurple600 = \"#5e35b1\";\nexport const deepPurple700 = \"#512da8\";\nexport const deepPurple800 = \"#4527a0\";\nexport const deepPurple900 = \"#311b92\";\nexport const deepPurpleAccent100 = \"#b388ff\";\nexport const deepPurpleAccent200 = \"#7c4dff\";\nexport const deepPurpleAccent400 = \"#651fff\";\nexport const deepPurpleAccent700 = \"#6200ea\";\n\nexport const indigo50 = \"#e8eaf6\";\nexport const indigo100 = \"#c5cae9\";\nexport const indigo200 = \"#9fa8da\";\nexport const indigo300 = \"#7986cb\";\nexport const indigo400 = \"#5c6bc0\";\nexport const indigo500 = \"#3f51b5\";\nexport const indigo600 = \"#3949ab\";\nexport const indigo700 = \"#303f9f\";\nexport const indigo800 = \"#283593\";\nexport const indigo900 = \"#1a237e\";\nexport const indigoAccent100 = \"#8c9eff\";\nexport const indigoAccent200 = \"#536dfe\";\nexport const indigoAccent400 = \"#3d5afe\";\nexport const indigoAccent700 = \"#304ffe\";\n\nexport const blue50 = \"#e3f2fd\";\nexport const blue100 = \"#bbdefb\";\nexport const blue200 = \"#90caf9\";\nexport const blue300 = \"#64b5f6\";\nexport const blue400 = \"#42a5f5\";\nexport const blue500 = \"#2196f3\";\nexport const blue600 = \"#1e88e5\";\nexport const blue700 = \"#1976d2\";\nexport const blue800 = \"#1565c0\";\nexport const blue900 = \"#0d47a1\";\nexport const blueAccent100 = \"#82b1ff\";\nexport const blueAccent200 = \"#448aff\";\nexport const blueAccent400 = \"#2979ff\";\nexport const blueAccent700 = \"#2962ff\";\n\nexport const lightBlue50 = \"#e1f5fe\";\nexport const lightBlue100 = \"#b3e5fc\";\nexport const lightBlue200 = \"#81d4fa\";\nexport const lightBlue300 = \"#4fc3f7\";\nexport const lightBlue400 = \"#29b6f6\";\nexport const lightBlue500 = \"#03a9f4\";\nexport const lightBlue600 = \"#039be5\";\nexport const lightBlue700 = \"#0288d1\";\nexport const lightBlue800 = \"#0277bd\";\nexport const lightBlue900 = \"#01579b\";\nexport const lightBlueAccent100 = \"#80d8ff\";\nexport const lightBlueAccent200 = \"#40c4ff\";\nexport const lightBlueAccent400 = \"#00b0ff\";\nexport const lightBlueAccent700 = \"#0091ea\";\n\nexport const cyan50 = \"#e0f7fa\";\nexport const cyan100 = \"#b2ebf2\";\nexport const cyan200 = \"#80deea\";\nexport const cyan300 = \"#4dd0e1\";\nexport const cyan400 = \"#26c6da\";\nexport const cyan500 = \"#00bcd4\";\nexport const cyan600 = \"#00acc1\";\nexport const cyan700 = \"#0097a7\";\nexport const cyan800 = \"#00838f\";\nexport const cyan900 = \"#006064\";\nexport const cyanAccent100 = \"#84ffff\";\nexport const cyanAccent200 = \"#18ffff\";\nexport const cyanAccent400 = \"#00e5ff\";\nexport const cyanAccent700 = \"#00b8d4\";\n\nexport const teal50 = \"#e0f2f1\";\nexport const teal100 = \"#b2dfdb\";\nexport const teal200 = \"#80cbc4\";\nexport const teal300 = \"#4db6ac\";\nexport const teal400 = \"#26a69a\";\nexport const teal500 = \"#009688\";\nexport const teal600 = \"#00897b\";\nexport const teal700 = \"#00796b\";\nexport const teal800 = \"#00695c\";\nexport const teal900 = \"#004d40\";\nexport const tealAccent100 = \"#a7ffeb\";\nexport const tealAccent200 = \"#64ffda\";\nexport const tealAccent400 = \"#1de9b6\";\nexport const tealAccent700 = \"#00bfa5\";\n\nexport const green50 = \"#e8f5e9\";\nexport const green100 = \"#c8e6c9\";\nexport const green200 = \"#a5d6a7\";\nexport const green300 = \"#81c784\";\nexport const green400 = \"#66bb6a\";\nexport const green500 = \"#4caf50\";\nexport const green600 = \"#43a047\";\nexport const green700 = \"#388e3c\";\nexport const green800 = \"#2e7d32\";\nexport const green900 = \"#1b5e20\";\nexport const greenAccent100 = \"#b9f6ca\";\nexport const greenAccent200 = \"#69f0ae\";\nexport const greenAccent400 = \"#00e676\";\nexport const greenAccent700 = \"#00c853\";\n\nexport const lightGreen50 = \"#f1f8e9\";\nexport const lightGreen100 = \"#dcedc8\";\nexport const lightGreen200 = \"#c5e1a5\";\nexport const lightGreen300 = \"#aed581\";\nexport const lightGreen400 = \"#9ccc65\";\nexport const lightGreen500 = \"#8bc34a\";\nexport const lightGreen600 = \"#7cb342\";\nexport const lightGreen700 = \"#689f38\";\nexport const lightGreen800 = \"#558b2f\";\nexport const lightGreen900 = \"#33691e\";\nexport const lightGreenAccent100 = \"#ccff90\";\nexport const lightGreenAccent200 = \"#b2ff59\";\nexport const lightGreenAccent400 = \"#76ff03\";\nexport const lightGreenAccent700 = \"#64dd17\";\n\nexport const lime50 = \"#f9fbe7\";\nexport const lime100 = \"#f0f4c3\";\nexport const lime200 = \"#e6ee9c\";\nexport const lime300 = \"#dce775\";\nexport const lime400 = \"#d4e157\";\nexport const lime500 = \"#cddc39\";\nexport const lime600 = \"#c0ca33\";\nexport const lime700 = \"#afb42b\";\nexport const lime800 = \"#9e9d24\";\nexport const lime900 = \"#827717\";\nexport const limeAccent100 = \"#f4ff81\";\nexport const limeAccent200 = \"#eeff41\";\nexport const limeAccent400 = \"#c6ff00\";\nexport const limeAccent700 = \"#aeea00\";\n\nexport const yellow50 = \"#fffde7\";\nexport const yellow100 = \"#fff9c4\";\nexport const yellow200 = \"#fff59d\";\nexport const yellow300 = \"#fff176\";\nexport const yellow400 = \"#ffee58\";\nexport const yellow500 = \"#ffeb3b\";\nexport const yellow600 = \"#fdd835\";\nexport const yellow700 = \"#fbc02d\";\nexport const yellow800 = \"#f9a825\";\nexport const yellow900 = \"#f57f17\";\nexport const yellowAccent100 = \"#ffff8d\";\nexport const yellowAccent200 = \"#ff0\";\nexport const yellowAccent400 = \"#ffea00\";\nexport const yellowAccent700 = \"#ffd600\";\n\nexport const amber50 = \"#fff8e1\";\nexport const amber100 = \"#ffecb3\";\nexport const amber200 = \"#ffe082\";\nexport const amber300 = \"#ffd54f\";\nexport const amber400 = \"#ffca28\";\nexport const amber500 = \"#ffc107\";\nexport const amber600 = \"#ffb300\";\nexport const amber700 = \"#ffa000\";\nexport const amber800 = \"#ff8f00\";\nexport const amber900 = \"#ff6f00\";\nexport const amberAccent100 = \"#ffe57f\";\nexport const amberAccent200 = \"#ffd740\";\nexport const amberAccent400 = \"#ffc400\";\nexport const amberAccent700 = \"#ffab00\";\n\nexport const orange50 = \"#fff3e0\";\nexport const orange100 = \"#fff0b2\";\nexport const orange200 = \"#ffcc80\";\nexport const orange300 = \"#ffb74d\";\nexport const orange400 = \"#ffa726\";\nexport const orange500 = \"#ff9800\";\nexport const orange600 = \"#fb8c00\";\nexport const orange700 = \"#f57c00\";\nexport const orange800 = \"#ef6c00\";\nexport const orange900 = \"#e65100\";\nexport const orangeAccent100 = \"#ffd180\";\nexport const orangeAccent200 = \"#ffab40\";\nexport const orangeAccent400 = \"#ff9100\";\nexport const orangeAccent700 = \"#ff6d00\";\n\nexport const deepOrange50 = \"#fbe9e7\";\nexport const deepOrange100 = \"#ffccbc\";\nexport const deepOrange200 = \"#ffab91\";\nexport const deepOrange300 = \"#ff8a65\";\nexport const deepOrange400 = \"#ff7043\";\nexport const deepOrange500 = \"#ff5722\";\nexport const deepOrange600 = \"#f4511e\";\nexport const deepOrange700 = \"#e64a19\";\nexport const deepOrange800 = \"#d84315\";\nexport const deepOrange900 = \"#bf360c\";\nexport const deepOrangeAccent100 = \"#ff9e80\";\nexport const deepOrangeAccent200 = \"#ff6e40\";\nexport const deepOrangeAccent400 = \"#ff3d00\";\nexport const deepOrangeAccent700 = \"#dd2c00\";\n\nexport const brown50 = \"#efebe9\";\nexport const brown100 = \"#d7ccc8\";\nexport const brown200 = \"#bcaaa4\";\nexport const brown300 = \"#a1887f\";\nexport const brown400 = \"#8d6e63\";\nexport const brown500 = \"#795548\";\nexport const brown600 = \"#6d4c41\";\nexport const brown700 = \"#5d4037\";\nexport const brown800 = \"#4e342e\";\nexport const brown900 = \"#3e2723\";\n\nexport const grey50 = \"#fafafa\";\nexport const grey100 = \"#f5f5f5\";\nexport const grey200 = \"#eee\";\nexport const grey300 = \"#e0e0e0\";\nexport const grey400 = \"#bdbdbd\";\nexport const grey500 = \"#9e9e9e\";\nexport const grey600 = \"#757575\";\nexport const grey700 = \"#616161\";\nexport const grey800 = \"#424242\";\nexport const grey900 = \"#212121\";\n\nexport const blueGrey50 = \"#eceff1\";\nexport const blueGrey100 = \"#cfd8dc\";\nexport const blueGrey200 = \"#b0bec5\";\nexport const blueGrey300 = \"#90a4ae\";\nexport const blueGrey400 = \"#78909c\";\nexport const blueGrey500 = \"#607d8b\";\nexport const blueGrey600 = \"#546e7a\";\nexport const blueGrey700 = \"#455a64\";\nexport const blueGrey800 = \"#37474f\";\nexport const blueGrey900 = \"#263238\";\n\nexport const white = \"#fff\";\nexport const black = \"#000\";\n"],"names":["red50","red100","red200","red300","red400","red500","red600","red700","red800","red900","redAccent100","redAccent200","redAccent400","redAccent700","pink50","pink100","pink200","pink300","pink400","pink500","pink600","pink700","pink800","pink900","pinkAccent100","pinkAccent200","pinkAccent400","pinkAccent700","purple50","purple100","purple200","purple300","purple400","purple500","purple600","purple700","purple800","purple900","purpleAccent100","purpleAccent200","purpleAccent400","purpleAccent700","deepPurple50","deepPurple100","deepPurple200","deepPurple300","deepPurple400","deepPurple500","deepPurple600","deepPurple700","deepPurple800","deepPurple900","deepPurpleAccent100","deepPurpleAccent200","deepPurpleAccent400","deepPurpleAccent700","indigo50","indigo100","indigo200","indigo300","indigo400","indigo500","indigo600","indigo700","indigo800","indigo900","indigoAccent100","indigoAccent200","indigoAccent400","indigoAccent700","blue50","blue100","blue200","blue300","blue400","blue500","blue600","blue700","blue800","blue900","blueAccent100","blueAccent200","blueAccent400","blueAccent700","lightBlue50","lightBlue100","lightBlue200","lightBlue300","lightBlue400","lightBlue500","lightBlue600","lightBlue700","lightBlue800","lightBlue900","lightBlueAccent100","lightBlueAccent200","lightBlueAccent400","lightBlueAccent700","cyan50","cyan100","cyan200","cyan300","cyan400","cyan500","cyan600","cyan700","cyan800","cyan900","cyanAccent100","cyanAccent200","cyanAccent400","cyanAccent700","teal50","teal100","teal200","teal300","teal400","teal500","teal600","teal700","teal800","teal900","tealAccent100","tealAccent200","tealAccent400","tealAccent700","green50","green100","green200","green300","green400","green500","green600","green700","green800","green900","greenAccent100","greenAccent200","greenAccent400","greenAccent700","lightGreen50","lightGreen100","lightGreen200","lightGreen300","lightGreen400","lightGreen500","lightGreen600","lightGreen700","lightGreen800","lightGreen900","lightGreenAccent100","lightGreenAccent200","lightGreenAccent400","lightGreenAccent700","lime50","lime100","lime200","lime300","lime400","lime500","lime600","lime700","lime800","lime900","limeAccent100","limeAccent200","limeAccent400","limeAccent700","yellow50","yellow100","yellow200","yellow300","yellow400","yellow500","yellow600","yellow700","yellow800","yellow900","yellowAccent100","yellowAccent200","yellowAccent400","yellowAccent700","amber50","amber100","amber200","amber300","amber400","amber500","amber600","amber700","amber800","amber900","amberAccent100","amberAccent200","amberAccent400","amberAccent700","orange50","orange100","orange200","orange300","orange400","orange500","orange600","orange700","orange800","orange900","orangeAccent100","orangeAccent200","orangeAccent400","orangeAccent700","deepOrange50","deepOrange100","deepOrange200","deepOrange300","deepOrange400","deepOrange500","deepOrange600","deepOrange700","deepOrange800","deepOrange900","deepOrangeAccent100","deepOrangeAccent200","deepOrangeAccent400","deepOrangeAccent700","brown50","brown100","brown200","brown300","brown400","brown500","brown600","brown700","brown800","brown900","grey50","grey100","grey200","grey300","grey400","grey500","grey600","grey700","grey800","grey900","blueGrey50","blueGrey100","blueGrey200","blueGrey300","blueGrey400","blueGrey500","blueGrey600","blueGrey700","blueGrey800","blueGrey900","white","black"],"mappings":"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"}
+{"version":3,"sources":["../../src/theme/colors.ts"],"sourcesContent":["export const red50 = \"#ffebee\";\nexport const red100 = \"#ffcdd2\";\nexport const red200 = \"#ef9a9a\";\nexport const red300 = \"#e57373\";\nexport const red400 = \"#ef5350\";\nexport const red500 = \"#f44336\";\nexport const red600 = \"#e53935\";\nexport const red700 = \"#d32f2f\";\nexport const red800 = \"#c62828\";\nexport const red900 = \"#b71c1c\";\nexport const redAccent100 = \"#ff8a80\";\nexport const redAccent200 = \"#ff5252\";\nexport const redAccent400 = \"#ff1744\";\nexport const redAccent700 = \"#d50000\";\n\nexport const pink50 = \"#fce4ec\";\nexport const pink100 = \"#f8bbd0\";\nexport const pink200 = \"#f48fb1\";\nexport const pink300 = \"#f06292\";\nexport const pink400 = \"#ec407a\";\nexport const pink500 = \"#e91e63\";\nexport const pink600 = \"#d81b60\";\nexport const pink700 = \"#c2185b\";\nexport const pink800 = \"#ad1457\";\nexport const pink900 = \"#880e4f\";\nexport const pinkAccent100 = \"#ff80ab\";\nexport const pinkAccent200 = \"#ff4081\";\nexport const pinkAccent400 = \"#f50057\";\nexport const pinkAccent700 = \"#c51162\";\n\nexport const purple50 = \"#f3e5f5\";\nexport const purple100 = \"#e1bee7\";\nexport const purple200 = \"#ce93d8\";\nexport const purple300 = \"#ba68c8\";\nexport const purple400 = \"#ab47bc\";\nexport const purple500 = \"#9c27b0\";\nexport const purple600 = \"#8e24aa\";\nexport const purple700 = \"#7b1fa2\";\nexport const purple800 = \"#6a1b9a\";\nexport const purple900 = \"#4a148c\";\nexport const purpleAccent100 = \"#ea80fc\";\nexport const purpleAccent200 = \"#e040fb\";\nexport const purpleAccent400 = \"#d500f9\";\nexport const purpleAccent700 = \"#a0f\";\n\nexport const deepPurple50 = \"#ede7f6\";\nexport const deepPurple100 = \"#d1c4e9\";\nexport const deepPurple200 = \"#b39ddb\";\nexport const deepPurple300 = \"#9575cd\";\nexport const deepPurple400 = \"#7e57c2\";\nexport const deepPurple500 = \"#673ab7\";\nexport const deepPurple600 = \"#5e35b1\";\nexport const deepPurple700 = \"#512da8\";\nexport const deepPurple800 = \"#4527a0\";\nexport const deepPurple900 = \"#311b92\";\nexport const deepPurpleAccent100 = \"#b388ff\";\nexport const deepPurpleAccent200 = \"#7c4dff\";\nexport const deepPurpleAccent400 = \"#651fff\";\nexport const deepPurpleAccent700 = \"#6200ea\";\n\nexport const indigo50 = \"#e8eaf6\";\nexport const indigo100 = \"#c5cae9\";\nexport const indigo200 = \"#9fa8da\";\nexport const indigo300 = \"#7986cb\";\nexport const indigo400 = \"#5c6bc0\";\nexport const indigo500 = \"#3f51b5\";\nexport const indigo600 = \"#3949ab\";\nexport const indigo700 = \"#303f9f\";\nexport const indigo800 = \"#283593\";\nexport const indigo900 = \"#1a237e\";\nexport const indigoAccent100 = \"#8c9eff\";\nexport const indigoAccent200 = \"#536dfe\";\nexport const indigoAccent400 = \"#3d5afe\";\nexport const indigoAccent700 = \"#304ffe\";\n\nexport const blue50 = \"#e3f2fd\";\nexport const blue100 = \"#bbdefb\";\nexport const blue200 = \"#90caf9\";\nexport const blue300 = \"#64b5f6\";\nexport const blue400 = \"#42a5f5\";\nexport const blue500 = \"#2196f3\";\nexport const blue600 = \"#1e88e5\";\nexport const blue700 = \"#1976d2\";\nexport const blue800 = \"#1565c0\";\nexport const blue900 = \"#0d47a1\";\nexport const blueAccent100 = \"#82b1ff\";\nexport const blueAccent200 = \"#448aff\";\nexport const blueAccent400 = \"#2979ff\";\nexport const blueAccent700 = \"#2962ff\";\n\nexport const lightBlue50 = \"#e1f5fe\";\nexport const lightBlue100 = \"#b3e5fc\";\nexport const lightBlue200 = \"#81d4fa\";\nexport const lightBlue300 = \"#4fc3f7\";\nexport const lightBlue400 = \"#29b6f6\";\nexport const lightBlue500 = \"#03a9f4\";\nexport const lightBlue600 = \"#039be5\";\nexport const lightBlue700 = \"#0288d1\";\nexport const lightBlue800 = \"#0277bd\";\nexport const lightBlue900 = \"#01579b\";\nexport const lightBlueAccent100 = \"#80d8ff\";\nexport const lightBlueAccent200 = \"#40c4ff\";\nexport const lightBlueAccent400 = \"#00b0ff\";\nexport const lightBlueAccent700 = \"#0091ea\";\n\nexport const cyan50 = \"#e0f7fa\";\nexport const cyan100 = \"#b2ebf2\";\nexport const cyan200 = \"#80deea\";\nexport const cyan300 = \"#4dd0e1\";\nexport const cyan400 = \"#26c6da\";\nexport const cyan500 = \"#00bcd4\";\nexport const cyan600 = \"#00acc1\";\nexport const cyan700 = \"#0097a7\";\nexport const cyan800 = \"#00838f\";\nexport const cyan900 = \"#006064\";\nexport const cyanAccent100 = \"#84ffff\";\nexport const cyanAccent200 = \"#18ffff\";\nexport const cyanAccent400 = \"#00e5ff\";\nexport const cyanAccent700 = \"#00b8d4\";\n\nexport const teal50 = \"#e0f2f1\";\nexport const teal100 = \"#b2dfdb\";\nexport const teal200 = \"#80cbc4\";\nexport const teal300 = \"#4db6ac\";\nexport const teal400 = \"#26a69a\";\nexport const teal500 = \"#009688\";\nexport const teal600 = \"#00897b\";\nexport const teal700 = \"#00796b\";\nexport const teal800 = \"#00695c\";\nexport const teal900 = \"#004d40\";\nexport const tealAccent100 = \"#a7ffeb\";\nexport const tealAccent200 = \"#64ffda\";\nexport const tealAccent400 = \"#1de9b6\";\nexport const tealAccent700 = \"#00bfa5\";\n\nexport const green50 = \"#e8f5e9\";\nexport const green100 = \"#c8e6c9\";\nexport const green200 = \"#a5d6a7\";\nexport const green300 = \"#81c784\";\nexport const green400 = \"#66bb6a\";\nexport const green500 = \"#4caf50\";\nexport const green600 = \"#43a047\";\nexport const green700 = \"#388e3c\";\nexport const green800 = \"#2e7d32\";\nexport const green900 = \"#1b5e20\";\nexport const greenAccent100 = \"#b9f6ca\";\nexport const greenAccent200 = \"#69f0ae\";\nexport const greenAccent400 = \"#00e676\";\nexport const greenAccent700 = \"#00c853\";\n\nexport const lightGreen50 = \"#f1f8e9\";\nexport const lightGreen100 = \"#dcedc8\";\nexport const lightGreen200 = \"#c5e1a5\";\nexport const lightGreen300 = \"#aed581\";\nexport const lightGreen400 = \"#9ccc65\";\nexport const lightGreen500 = \"#8bc34a\";\nexport const lightGreen600 = \"#7cb342\";\nexport const lightGreen700 = \"#689f38\";\nexport const lightGreen800 = \"#558b2f\";\nexport const lightGreen900 = \"#33691e\";\nexport const lightGreenAccent100 = \"#ccff90\";\nexport const lightGreenAccent200 = \"#b2ff59\";\nexport const lightGreenAccent400 = \"#76ff03\";\nexport const lightGreenAccent700 = \"#64dd17\";\n\nexport const lime50 = \"#f9fbe7\";\nexport const lime100 = \"#f0f4c3\";\nexport const lime200 = \"#e6ee9c\";\nexport const lime300 = \"#dce775\";\nexport const lime400 = \"#d4e157\";\nexport const lime500 = \"#cddc39\";\nexport const lime600 = \"#c0ca33\";\nexport const lime700 = \"#afb42b\";\nexport const lime800 = \"#9e9d24\";\nexport const lime900 = \"#827717\";\nexport const limeAccent100 = \"#f4ff81\";\nexport const limeAccent200 = \"#eeff41\";\nexport const limeAccent400 = \"#c6ff00\";\nexport const limeAccent700 = \"#aeea00\";\n\nexport const yellow50 = \"#fffde7\";\nexport const yellow100 = \"#fff9c4\";\nexport const yellow200 = \"#fff59d\";\nexport const yellow300 = \"#fff176\";\nexport const yellow400 = \"#ffee58\";\nexport const yellow500 = \"#ffeb3b\";\nexport const yellow600 = \"#fdd835\";\nexport const yellow700 = \"#fbc02d\";\nexport const yellow800 = \"#f9a825\";\nexport const yellow900 = \"#f57f17\";\nexport const yellowAccent100 = \"#ffff8d\";\nexport const yellowAccent200 = \"#ff0\";\nexport const yellowAccent400 = \"#ffea00\";\nexport const yellowAccent700 = \"#ffd600\";\n\nexport const amber50 = \"#fff8e1\";\nexport const amber100 = \"#ffecb3\";\nexport const amber200 = \"#ffe082\";\nexport const amber300 = \"#ffd54f\";\nexport const amber400 = \"#ffca28\";\nexport const amber500 = \"#ffc107\";\nexport const amber600 = \"#ffb300\";\nexport const amber700 = \"#ffa000\";\nexport const amber800 = \"#ff8f00\";\nexport const amber900 = \"#ff6f00\";\nexport const amberAccent100 = \"#ffe57f\";\nexport const amberAccent200 = \"#ffd740\";\nexport const amberAccent400 = \"#ffc400\";\nexport const amberAccent700 = \"#ffab00\";\n\nexport const orange50 = \"#fff3e0\";\nexport const orange100 = \"#fff0b2\";\nexport const orange200 = \"#ffcc80\";\nexport const orange300 = \"#ffb74d\";\nexport const orange400 = \"#ffa726\";\nexport const orange500 = \"#ff9800\";\nexport const orange600 = \"#fb8c00\";\nexport const orange700 = \"#f57c00\";\nexport const orange800 = \"#ef6c00\";\nexport const orange900 = \"#e65100\";\nexport const orangeAccent100 = \"#ffd180\";\nexport const orangeAccent200 = \"#ffab40\";\nexport const orangeAccent400 = \"#ff9100\";\nexport const orangeAccent700 = \"#ff6d00\";\n\nexport const deepOrange50 = \"#fbe9e7\";\nexport const deepOrange100 = \"#ffccbc\";\nexport const deepOrange200 = \"#ffab91\";\nexport const deepOrange300 = \"#ff8a65\";\nexport const deepOrange400 = \"#ff7043\";\nexport const deepOrange500 = \"#ff5722\";\nexport const deepOrange600 = \"#f4511e\";\nexport const deepOrange700 = \"#e64a19\";\nexport const deepOrange800 = \"#d84315\";\nexport const deepOrange900 = \"#bf360c\";\nexport const deepOrangeAccent100 = \"#ff9e80\";\nexport const deepOrangeAccent200 = \"#ff6e40\";\nexport const deepOrangeAccent400 = \"#ff3d00\";\nexport const deepOrangeAccent700 = \"#dd2c00\";\n\nexport const brown50 = \"#efebe9\";\nexport const brown100 = \"#d7ccc8\";\nexport const brown200 = \"#bcaaa4\";\nexport const brown300 = \"#a1887f\";\nexport const brown400 = \"#8d6e63\";\nexport const brown500 = \"#795548\";\nexport const brown600 = \"#6d4c41\";\nexport const brown700 = \"#5d4037\";\nexport const brown800 = \"#4e342e\";\nexport const brown900 = \"#3e2723\";\n\nexport const grey50 = \"#fafafa\";\nexport const grey100 = \"#f5f5f5\";\nexport const grey200 = \"#eee\";\nexport const grey300 = \"#e0e0e0\";\nexport const grey400 = \"#bdbdbd\";\nexport const grey500 = \"#9e9e9e\";\nexport const grey600 = \"#757575\";\nexport const grey700 = \"#616161\";\nexport const grey800 = \"#424242\";\nexport const grey900 = \"#212121\";\n\nexport const blueGrey50 = \"#eceff1\";\nexport const blueGrey100 = \"#cfd8dc\";\nexport const blueGrey200 = \"#b0bec5\";\nexport const blueGrey300 = \"#90a4ae\";\nexport const blueGrey400 = \"#78909c\";\nexport const blueGrey500 = \"#607d8b\";\nexport const blueGrey600 = \"#546e7a\";\nexport const blueGrey700 = \"#455a64\";\nexport const blueGrey800 = \"#37474f\";\nexport const blueGrey900 = \"#263238\";\n\nexport const white = \"#ffffff\";\nexport const black = \"#000000\";\n"],"names":["red50","red100","red200","red300","red400","red500","red600","red700","red800","red900","redAccent100","redAccent200","redAccent400","redAccent700","pink50","pink100","pink200","pink300","pink400","pink500","pink600","pink700","pink800","pink900","pinkAccent100","pinkAccent200","pinkAccent400","pinkAccent700","purple50","purple100","purple200","purple300","purple400","purple500","purple600","purple700","purple800","purple900","purpleAccent100","purpleAccent200","purpleAccent400","purpleAccent700","deepPurple50","deepPurple100","deepPurple200","deepPurple300","deepPurple400","deepPurple500","deepPurple600","deepPurple700","deepPurple800","deepPurple900","deepPurpleAccent100","deepPurpleAccent200","deepPurpleAccent400","deepPurpleAccent700","indigo50","indigo100","indigo200","indigo300","indigo400","indigo500","indigo600","indigo700","indigo800","indigo900","indigoAccent100","indigoAccent200","indigoAccent400","indigoAccent700","blue50","blue100","blue200","blue300","blue400","blue500","blue600","blue700","blue800","blue900","blueAccent100","blueAccent200","blueAccent400","blueAccent700","lightBlue50","lightBlue100","lightBlue200","lightBlue300","lightBlue400","lightBlue500","lightBlue600","lightBlue700","lightBlue800","lightBlue900","lightBlueAccent100","lightBlueAccent200","lightBlueAccent400","lightBlueAccent700","cyan50","cyan100","cyan200","cyan300","cyan400","cyan500","cyan600","cyan700","cyan800","cyan900","cyanAccent100","cyanAccent200","cyanAccent400","cyanAccent700","teal50","teal100","teal200","teal300","teal400","teal500","teal600","teal700","teal800","teal900","tealAccent100","tealAccent200","tealAccent400","tealAccent700","green50","green100","green200","green300","green400","green500","green600","green700","green800","green900","greenAccent100","greenAccent200","greenAccent400","greenAccent700","lightGreen50","lightGreen100","lightGreen200","lightGreen300","lightGreen400","lightGreen500","lightGreen600","lightGreen700","lightGreen800","lightGreen900","lightGreenAccent100","lightGreenAccent200","lightGreenAccent400","lightGreenAccent700","lime50","lime100","lime200","lime300","lime400","lime500","lime600","lime700","lime800","lime900","limeAccent100","limeAccent200","limeAccent400","limeAccent700","yellow50","yellow100","yellow200","yellow300","yellow400","yellow500","yellow600","yellow700","yellow800","yellow900","yellowAccent100","yellowAccent200","yellowAccent400","yellowAccent700","amber50","amber100","amber200","amber300","amber400","amber500","amber600","amber700","amber800","amber900","amberAccent100","amberAccent200","amberAccent400","amberAccent700","orange50","orange100","orange200","orange300","orange400","orange500","orange600","orange700","orange800","orange900","orangeAccent100","orangeAccent200","orangeAccent400","orangeAccent700","deepOrange50","deepOrange100","deepOrange200","deepOrange300","deepOrange400","deepOrange500","deepOrange600","deepOrange700","deepOrange800","deepOrange900","deepOrangeAccent100","deepOrangeAccent200","deepOrangeAccent400","deepOrangeAccent700","brown50","brown100","brown200","brown300","brown400","brown500","brown600","brown700","brown800","brown900","grey50","grey100","grey200","grey300","grey400","grey500","grey600","grey700","grey800","grey900","blueGrey50","blueGrey100","blueGrey200","blueGrey300","blueGrey400","blueGrey500","blueGrey600","blueGrey700","blueGrey800","blueGrey900","white","black"],"mappings":"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"}

package/dist/theme/isColorScheme.d.ts

@@ -0,0 +1,16 @@
+import { type ColorScheme, type LightDarkColorScheme } from "./types.js";
+/**
+ * A type assertion helper to check if a value is a valid {@link LightDarkColorScheme}
+ * when it is pulled from unknown sources (like local storage).
+ *
+ * @since 6.0.0
+ */
+export declare function isLightDarkColorScheme(value: unknown): value is LightDarkColorScheme;
+/**
+ * A type assertion helper to check if a value is a valid
+ * {@link ColorScheme} when it is pulled from unknown sources (like local
+ * storage).
+ *
+ * @since 6.0.0
+ */
+export declare function isColorScheme(value: unknown): value is ColorScheme;

package/dist/theme/isColorScheme.js

@@ -0,0 +1,19 @@
+/**
+ * A type assertion helper to check if a value is a valid {@link LightDarkColorScheme}
+ * when it is pulled from unknown sources (like local storage).
+ *
+ * @since 6.0.0
+ */ export function isLightDarkColorScheme(value) {
+    return value === "light" || value === "dark";
+}
+/**
+ * A type assertion helper to check if a value is a valid
+ * {@link ColorScheme} when it is pulled from unknown sources (like local
+ * storage).
+ *
+ * @since 6.0.0
+ */ export function isColorScheme(value) {
+    return isLightDarkColorScheme(value) || value === "system";
+}
+
+//# sourceMappingURL=isColorScheme.js.map

package/dist/theme/isColorScheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/isColorScheme.ts"],"sourcesContent":["import { type ColorScheme, type LightDarkColorScheme } from \"./types.js\";\n\n/**\n * A type assertion helper to check if a value is a valid {@link LightDarkColorScheme}\n * when it is pulled from unknown sources (like local storage).\n *\n * @since 6.0.0\n */\nexport function isLightDarkColorScheme(\n  value: unknown\n): value is LightDarkColorScheme {\n  return value === \"light\" || value === \"dark\";\n}\n\n/**\n * A type assertion helper to check if a value is a valid\n * {@link ColorScheme} when it is pulled from unknown sources (like local\n * storage).\n *\n * @since 6.0.0\n */\nexport function isColorScheme(value: unknown): value is ColorScheme {\n  return isLightDarkColorScheme(value) || value === \"system\";\n}\n"],"names":["isLightDarkColorScheme","value","isColorScheme"],"mappings":"AAEA;;;;;CAKC,GACD,OAAO,SAASA,uBACdC,KAAc;IAEd,OAAOA,UAAU,WAAWA,UAAU;AACxC;AAEA;;;;;;CAMC,GACD,OAAO,SAASC,cAAcD,KAAc;IAC1C,OAAOD,uBAAuBC,UAAUA,UAAU;AACpD"}

package/dist/theme/types.d.ts

@@ -1,11 +1,12 @@
-import type { CSSProperties } from "react";
+import { type CSSProperties } from "react";
+import { type UseStateSetter } from "../types.js";
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export type CSSVariableName = `--${string}`;
 /**
  * @internal
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export type DefinedCustomProperty<Property = keyof CSSProperties> = Property extends CSSVariableName ? Property : never;
 /**
@@ -29,6 +30,45 @@ export type DefinedCustomProperty<Property = keyof CSSProperties> = Property ext
  * // defined react-md custom properties
  * ```
  *
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export type DefinedCSSVariableName = DefinedCustomProperty;
+/**
+ * @since 6.0.0
+ */
+export interface CSSVariable<Name extends CSSVariableName = DefinedCSSVariableName> {
+    name: Name;
+    value: string | number;
+}
+/**
+ * @since 6.0.0
+ */
+export type CSSVariablesProperties<Name extends CSSVariableName = DefinedCSSVariableName> = {
+    [key in Name]?: string | number;
+};
+/**
+ * @since 6.0.0
+ */
+export type ReadonlyCSSVariableList<Name extends CSSVariableName = DefinedCSSVariableName> = readonly Readonly<CSSVariable<Name>>[];
+/** @since 6.0.0 */
+export type LightDarkColorScheme = "light" | "dark";
+/** @since 6.0.0 */
+export type ColorScheme = LightDarkColorScheme | "system";
+/**
+ * @since 6.0.0
+ */
+export interface ColorSchemeState {
+    /**
+     * The defined color scheme for the app that should match the `$color-scheme`
+     * SCSS variable.
+     */
+    colorScheme: ColorScheme;
+    setColorScheme: UseStateSetter<ColorScheme>;
+}
+/** @since 6.0.0 */
+export interface ColorSchemeContext extends ColorSchemeState {
+    /**
+     * When the {@link colorScheme} is set to `"system"`, this will reflect
+     */
+    currentColor: LightDarkColorScheme;
+}

package/dist/theme/types.js

@@ -1,25 +1,3 @@
-/**
- * This is a utility type that can be used to auto-complete and type-check css
- * variables that are defined through module augmentation.
- *
- * ```ts
- * declare module "react" {
- *   interface CSSProperties {
- *     "--custom-property"?: number | string;
- *   }
- * }
- *
- * // will no longer throw a type error. also the `--custom-property` will
- * // appear as an auto-complete item
- * const style: CSSProperties = {
- *   "--custom-property": "red",
- * };
- *
- * // `DefinedCSSVariableName` will also include `--custom-property` with all
- * // defined react-md custom properties
- * ```
- *
- * @remarks \@since 6.0.0
- */ export { };
+/** @since 6.0.0 */ export { };
 
 //# sourceMappingURL=types.js.map

package/dist/theme/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/types.ts"],"sourcesContent":["import type { CSSProperties } from \"react\";\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport type CSSVariableName = `--${string}`;\n\n/**\n * @internal\n * @remarks \\@since 6.0.0\n */\nexport type DefinedCustomProperty<Property = keyof CSSProperties> =\n  Property extends CSSVariableName ? Property : never;\n\n/**\n * This is a utility type that can be used to auto-complete and type-check css\n * variables that are defined through module augmentation.\n *\n * ```ts\n * declare module \"react\" {\n *   interface CSSProperties {\n *     \"--custom-property\"?: number | string;\n *   }\n * }\n *\n * // will no longer throw a type error. also the `--custom-property` will\n * // appear as an auto-complete item\n * const style: CSSProperties = {\n *   \"--custom-property\": \"red\",\n * };\n *\n * // `DefinedCSSVariableName` will also include `--custom-property` with all\n * // defined react-md custom properties\n * ```\n *\n * @remarks \\@since 6.0.0\n */\nexport type DefinedCSSVariableName = DefinedCustomProperty;\n"],"names":[],"mappings":"AAcA;;;;;;;;;;;;;;;;;;;;;;CAsBC,GACD,WAA2D"}
+{"version":3,"sources":["../../src/theme/types.ts"],"sourcesContent":["import { type CSSProperties } from \"react\";\n\nimport { type UseStateSetter } from \"../types.js\";\n\n/**\n * @since 6.0.0\n */\nexport type CSSVariableName = `--${string}`;\n\n/**\n * @internal\n * @since 6.0.0\n */\nexport type DefinedCustomProperty<Property = keyof CSSProperties> =\n  Property extends CSSVariableName ? Property : never;\n\n/**\n * This is a utility type that can be used to auto-complete and type-check css\n * variables that are defined through module augmentation.\n *\n * ```ts\n * declare module \"react\" {\n *   interface CSSProperties {\n *     \"--custom-property\"?: number | string;\n *   }\n * }\n *\n * // will no longer throw a type error. also the `--custom-property` will\n * // appear as an auto-complete item\n * const style: CSSProperties = {\n *   \"--custom-property\": \"red\",\n * };\n *\n * // `DefinedCSSVariableName` will also include `--custom-property` with all\n * // defined react-md custom properties\n * ```\n *\n * @since 6.0.0\n */\nexport type DefinedCSSVariableName = DefinedCustomProperty;\n\n/**\n * @since 6.0.0\n */\nexport interface CSSVariable<\n  Name extends CSSVariableName = DefinedCSSVariableName,\n> {\n  name: Name;\n  value: string | number;\n}\n\n/**\n * @since 6.0.0\n */\nexport type CSSVariablesProperties<\n  Name extends CSSVariableName = DefinedCSSVariableName,\n> = {\n  [key in Name]?: string | number;\n};\n\n/**\n * @since 6.0.0\n */\nexport type ReadonlyCSSVariableList<\n  Name extends CSSVariableName = DefinedCSSVariableName,\n> = readonly Readonly<CSSVariable<Name>>[];\n\n/** @since 6.0.0 */\nexport type LightDarkColorScheme = \"light\" | \"dark\";\n\n/** @since 6.0.0 */\nexport type ColorScheme = LightDarkColorScheme | \"system\";\n\n/**\n * @since 6.0.0\n */\nexport interface ColorSchemeState {\n  /**\n   * The defined color scheme for the app that should match the `$color-scheme`\n   * SCSS variable.\n   */\n  colorScheme: ColorScheme;\n  setColorScheme: UseStateSetter<ColorScheme>;\n}\n\n/** @since 6.0.0 */\nexport interface ColorSchemeContext extends ColorSchemeState {\n  /**\n   * When the {@link colorScheme} is set to `\"system\"`, this will reflect\n   */\n  currentColor: LightDarkColorScheme;\n}\n"],"names":[],"mappings":"AAqFA,iBAAiB,GACjB,WAKC"}

package/dist/theme/useCSSVariables.d.ts

@@ -1,32 +1,11 @@
-import type { RefObject } from "react";
-import type { CSSVariableName, DefinedCSSVariableName } from "./types.js";
+import { type RefObject } from "react";
+import { type CSSVariableName, type CSSVariablesProperties, type ReadonlyCSSVariableList } from "./types.js";
 /**
- * @remarks \@since 6.0.0
- */
-export interface CSSVariable<Name extends CSSVariableName = DefinedCSSVariableName> {
-    name: Name;
-    value: string | number;
-}
-/**
- * @remarks \@since 6.0.0
- */
-export type CSSVariablesProperties<Name extends CSSVariableName = DefinedCSSVariableName> = {
-    [key in Name]?: string | number;
-};
-/**
- * @remarks \@since 6.0.0
- */
-export type ReadonlyCSSVariableList<Name extends CSSVariableName = DefinedCSSVariableName> = readonly Readonly<CSSVariable<Name>>[];
-/**
- * @example
- * Applying Variables the root html element
+ * @example Applying Variables the root html element
  * ```ts
- * import {
- *   contrastColor,
- *   pinkAccent200,
- *   purple500,
- *   useCSSVariables,
- *  } from "@react-md/core";
+ * import { purple500 } from "@react-md/core/theme/colors";
+ * import { useCSSVariables } from "@react-md/core/theme/useCSSVariables";
+ * import { contrastColor } from "@react-md/core/theme/utils";
  * import { useMemo } from "react";
  *
  * function Example(): null {
@@ -49,22 +28,17 @@ export type ReadonlyCSSVariableList<Name extends CSSVariableName = DefinedCSSVar
  * }
  * ```
  *
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export declare function useCSSVariables<Name extends CSSVariableName>(variables: ReadonlyCSSVariableList<Name>, rootNode?: RefObject<HTMLElement> | HTMLElement): void;
 /**
- * @example
- * Applying variables through inline styles
+ * @example Applying variables through inline styles
  * ```tsx
- * import {
- *   contrastColor,
- *   ReadonlyCSSVariableList,
- *   pinkAccent200,
- *   purple500,
- *   useCSSVariables,
- *  } from "@react-md/core";
- * import { useMemo } from "react";
- * import type { ReactElement, ReactNode } from "react";
+ * import { purple500 } from "@react-md/core/theme/colors";
+ * import { type ReadonlyCSSVariableList } from "@react-md/core/theme/types";
+ * import { useCSSVariables } from "@react-md/core/theme/useCSSVariables";
+ * import { contrastColor } from "@react-md/core/theme/utils";
+ * import { type ReactElement, type ReactNode, useMemo } from "react";
  *
  * function Example({ children }: { children: ReactNode }): ReactElement {
  *   const customVariables = useMemo<ReadonlyCSSVariableList>(() => {
@@ -85,6 +59,6 @@ export declare function useCSSVariables<Name extends CSSVariableName>(variables:
  * }
  * ```
  *
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export declare function useCSSVariables<Name extends CSSVariableName>(variables: ReadonlyCSSVariableList<Name>, inlineStyle: true): CSSVariablesProperties<Name>;

package/dist/theme/useCSSVariables.js

@@ -1,7 +1,7 @@
 "use client";
 import { useEffect, useMemo } from "react";
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */ export function useCSSVariables(variables, rootNodeOrInlineStyle) {
     useEffect(()=>{
         if (rootNodeOrInlineStyle === true || !variables.length) {

package/dist/theme/useCSSVariables.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/useCSSVariables.ts"],"sourcesContent":["\"use client\";\nimport type { RefObject } from \"react\";\nimport { useEffect, useMemo } from \"react\";\nimport type { CSSVariableName, DefinedCSSVariableName } from \"./types.js\";\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface CSSVariable<\n  Name extends CSSVariableName = DefinedCSSVariableName,\n> {\n  name: Name;\n  value: string | number;\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport type CSSVariablesProperties<\n  Name extends CSSVariableName = DefinedCSSVariableName,\n> = {\n  [key in Name]?: string | number;\n};\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport type ReadonlyCSSVariableList<\n  Name extends CSSVariableName = DefinedCSSVariableName,\n> = readonly Readonly<CSSVariable<Name>>[];\n\n/**\n * @example\n * Applying Variables the root html element\n * ```ts\n * import {\n *   contrastColor,\n *   pinkAccent200,\n *   purple500,\n *   useCSSVariables,\n *  } from \"@react-md/core\";\n * import { useMemo } from \"react\";\n *\n * function Example(): null {\n *   // Note: You should use `useMemo` so that the custom variables are not\n *   // added and removed during each render.\n *   useCSSVariables(useMemo(() => {\n *     return [\n *       {\n *         name: \"--rmd-primary-color\",\n *         value: purple500,\n *       },\n *       {\n *         name: \"--rmd-on-primary-color\",\n *         value: contrastColor(purple500),\n *       },\n *     ];\n *   }, []));\n *\n *   return null;\n * }\n * ```\n *\n * @remarks \\@since 6.0.0\n */\nexport function useCSSVariables<Name extends CSSVariableName>(\n  variables: ReadonlyCSSVariableList<Name>,\n  rootNode?: RefObject<HTMLElement> | HTMLElement\n): void;\n/**\n * @example\n * Applying variables through inline styles\n * ```tsx\n * import {\n *   contrastColor,\n *   ReadonlyCSSVariableList,\n *   pinkAccent200,\n *   purple500,\n *   useCSSVariables,\n *  } from \"@react-md/core\";\n * import { useMemo } from \"react\";\n * import type { ReactElement, ReactNode } from \"react\";\n *\n * function Example({ children }: { children: ReactNode }): ReactElement {\n *   const customVariables = useMemo<ReadonlyCSSVariableList>(() => {\n *     return [\n *       {\n *         name: \"--rmd-primary-color\",\n *         value: purple500,\n *       },\n *       {\n *         name: \"--rmd-on-primary-color\",\n *         value: contrastColor(purple500),\n *       },\n *     ];\n *   }, []);\n *   const style = useCSSVariables(customVariables, true);\n *\n *   return <div style={style}>{children}</div>;\n * }\n * ```\n *\n * @remarks \\@since 6.0.0\n */\nexport function useCSSVariables<Name extends CSSVariableName>(\n  variables: ReadonlyCSSVariableList<Name>,\n  inlineStyle: true\n): CSSVariablesProperties<Name>;\n/**\n * @remarks \\@since 6.0.0\n */\nexport function useCSSVariables<Name extends CSSVariableName>(\n  variables: ReadonlyCSSVariableList<Name>,\n  rootNodeOrInlineStyle?: RefObject<HTMLElement> | HTMLElement | boolean\n): CSSVariablesProperties<Name> | void {\n  useEffect(() => {\n    if (rootNodeOrInlineStyle === true || !variables.length) {\n      return;\n    }\n\n    // use an iife so that hoisting doesn't cause a possible \"null\" issue for\n    // the root\n    const root = (() => {\n      if (!rootNodeOrInlineStyle) {\n        return document.documentElement;\n      }\n\n      if (\"current\" in rootNodeOrInlineStyle) {\n        return rootNodeOrInlineStyle.current;\n      }\n\n      return rootNodeOrInlineStyle;\n    })();\n\n    if (!root) {\n      return;\n    }\n\n    // const root = document.documentElement;\n    variables.forEach(({ name, value }) => {\n      if (\n        process.env.NODE_ENV !== \"production\" &&\n        root.style.getPropertyValue(name)\n      ) {\n        const currentValue = root.style.getPropertyValue(name);\n        const overwritten =\n          currentValue !== value\n            ? ` and will be overwritten to \"${value}\"`\n            : \"\";\n        // eslint-disable-next-line no-console\n        console.warn(\n          `The \"${name}\" css variable has already been set to \"${currentValue}\" ` +\n            `on the root element${overwritten}. There might be conflicting overrides.`\n        );\n      }\n\n      root.style.setProperty(name, `${value}`);\n    });\n    return () => {\n      variables.forEach(({ name }) => {\n        root.style.removeProperty(name);\n      });\n    };\n  }, [variables, rootNodeOrInlineStyle]);\n\n  return useMemo(() => {\n    if (rootNodeOrInlineStyle !== true) {\n      return;\n    }\n\n    return variables.reduce<CSSVariablesProperties<Name>>(\n      (style, { name, value }) => {\n        style[name] = value;\n        return style;\n      },\n      {}\n    );\n  }, [rootNodeOrInlineStyle, variables]);\n}\n"],"names":["useEffect","useMemo","useCSSVariables","variables","rootNodeOrInlineStyle","length","root","document","documentElement","current","forEach","name","value","process","env","NODE_ENV","style","getPropertyValue","currentValue","overwritten","console","warn","setProperty","removeProperty","reduce"],"mappings":"AAAA;AAEA,SAASA,SAAS,EAAEC,OAAO,QAAQ,QAAQ;AA0G3C;;CAEC,GACD,OAAO,SAASC,gBACdC,SAAwC,EACxCC,qBAAsE;IAEtEJ,UAAU;QACR,IAAII,0BAA0B,QAAQ,CAACD,UAAUE,MAAM,EAAE;YACvD;QACF;QAEA,yEAAyE;QACzE,WAAW;QACX,MAAMC,OAAO,AAAC,CAAA;YACZ,IAAI,CAACF,uBAAuB;gBAC1B,OAAOG,SAASC,eAAe;YACjC;YAEA,IAAI,aAAaJ,uBAAuB;gBACtC,OAAOA,sBAAsBK,OAAO;YACtC;YAEA,OAAOL;QACT,CAAA;QAEA,IAAI,CAACE,MAAM;YACT;QACF;QAEA,yCAAyC;QACzCH,UAAUO,OAAO,CAAC,CAAC,EAAEC,IAAI,EAAEC,KAAK,EAAE;YAChC,IACEC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBACzBT,KAAKU,KAAK,CAACC,gBAAgB,CAACN,OAC5B;gBACA,MAAMO,eAAeZ,KAAKU,KAAK,CAACC,gBAAgB,CAACN;gBACjD,MAAMQ,cACJD,iBAAiBN,QACb,CAAC,6BAA6B,EAAEA,MAAM,CAAC,CAAC,GACxC;gBACN,sCAAsC;gBACtCQ,QAAQC,IAAI,CACV,CAAC,KAAK,EAAEV,KAAK,wCAAwC,EAAEO,aAAa,EAAE,CAAC,GACrE,CAAC,mBAAmB,EAAEC,YAAY,uCAAuC,CAAC;YAEhF;YAEAb,KAAKU,KAAK,CAACM,WAAW,CAACX,MAAM,CAAC,EAAEC,MAAM,CAAC;QACzC;QACA,OAAO;YACLT,UAAUO,OAAO,CAAC,CAAC,EAAEC,IAAI,EAAE;gBACzBL,KAAKU,KAAK,CAACO,cAAc,CAACZ;YAC5B;QACF;IACF,GAAG;QAACR;QAAWC;KAAsB;IAErC,OAAOH,QAAQ;QACb,IAAIG,0BAA0B,MAAM;YAClC;QACF;QAEA,OAAOD,UAAUqB,MAAM,CACrB,CAACR,OAAO,EAAEL,IAAI,EAAEC,KAAK,EAAE;YACrBI,KAAK,CAACL,KAAK,GAAGC;YACd,OAAOI;QACT,GACA,CAAC;IAEL,GAAG;QAACZ;QAAuBD;KAAU;AACvC"}
+{"version":3,"sources":["../../src/theme/useCSSVariables.ts"],"sourcesContent":["\"use client\";\n\nimport { type RefObject, useEffect, useMemo } from \"react\";\n\nimport {\n  type CSSVariableName,\n  type CSSVariablesProperties,\n  type ReadonlyCSSVariableList,\n} from \"./types.js\";\n\n/**\n * @example Applying Variables the root html element\n * ```ts\n * import { purple500 } from \"@react-md/core/theme/colors\";\n * import { useCSSVariables } from \"@react-md/core/theme/useCSSVariables\";\n * import { contrastColor } from \"@react-md/core/theme/utils\";\n * import { useMemo } from \"react\";\n *\n * function Example(): null {\n *   // Note: You should use `useMemo` so that the custom variables are not\n *   // added and removed during each render.\n *   useCSSVariables(useMemo(() => {\n *     return [\n *       {\n *         name: \"--rmd-primary-color\",\n *         value: purple500,\n *       },\n *       {\n *         name: \"--rmd-on-primary-color\",\n *         value: contrastColor(purple500),\n *       },\n *     ];\n *   }, []));\n *\n *   return null;\n * }\n * ```\n *\n * @since 6.0.0\n */\nexport function useCSSVariables<Name extends CSSVariableName>(\n  variables: ReadonlyCSSVariableList<Name>,\n  rootNode?: RefObject<HTMLElement> | HTMLElement\n): void;\n/**\n * @example Applying variables through inline styles\n * ```tsx\n * import { purple500 } from \"@react-md/core/theme/colors\";\n * import { type ReadonlyCSSVariableList } from \"@react-md/core/theme/types\";\n * import { useCSSVariables } from \"@react-md/core/theme/useCSSVariables\";\n * import { contrastColor } from \"@react-md/core/theme/utils\";\n * import { type ReactElement, type ReactNode, useMemo } from \"react\";\n *\n * function Example({ children }: { children: ReactNode }): ReactElement {\n *   const customVariables = useMemo<ReadonlyCSSVariableList>(() => {\n *     return [\n *       {\n *         name: \"--rmd-primary-color\",\n *         value: purple500,\n *       },\n *       {\n *         name: \"--rmd-on-primary-color\",\n *         value: contrastColor(purple500),\n *       },\n *     ];\n *   }, []);\n *   const style = useCSSVariables(customVariables, true);\n *\n *   return <div style={style}>{children}</div>;\n * }\n * ```\n *\n * @since 6.0.0\n */\nexport function useCSSVariables<Name extends CSSVariableName>(\n  variables: ReadonlyCSSVariableList<Name>,\n  inlineStyle: true\n): CSSVariablesProperties<Name>;\n/**\n * @since 6.0.0\n */\nexport function useCSSVariables<Name extends CSSVariableName>(\n  variables: ReadonlyCSSVariableList<Name>,\n  rootNodeOrInlineStyle?: RefObject<HTMLElement> | HTMLElement | boolean\n): CSSVariablesProperties<Name> | undefined {\n  useEffect(() => {\n    if (rootNodeOrInlineStyle === true || !variables.length) {\n      return;\n    }\n\n    // use an iife so that hoisting doesn't cause a possible \"null\" issue for\n    // the root\n    const root = (() => {\n      if (!rootNodeOrInlineStyle) {\n        return document.documentElement;\n      }\n\n      if (\"current\" in rootNodeOrInlineStyle) {\n        return rootNodeOrInlineStyle.current;\n      }\n\n      return rootNodeOrInlineStyle;\n    })();\n\n    if (!root) {\n      return;\n    }\n\n    // const root = document.documentElement;\n    variables.forEach(({ name, value }) => {\n      if (\n        process.env.NODE_ENV !== \"production\" &&\n        root.style.getPropertyValue(name)\n      ) {\n        const currentValue = root.style.getPropertyValue(name);\n        const overwritten =\n          currentValue !== value\n            ? ` and will be overwritten to \"${value}\"`\n            : \"\";\n        // eslint-disable-next-line no-console\n        console.warn(\n          `The \"${name}\" css variable has already been set to \"${currentValue}\" ` +\n            `on the root element${overwritten}. There might be conflicting overrides.`\n        );\n      }\n\n      root.style.setProperty(name, `${value}`);\n    });\n    return () => {\n      variables.forEach(({ name }) => {\n        root.style.removeProperty(name);\n      });\n    };\n  }, [variables, rootNodeOrInlineStyle]);\n\n  return useMemo(() => {\n    if (rootNodeOrInlineStyle !== true) {\n      return;\n    }\n\n    return variables.reduce<CSSVariablesProperties<Name>>(\n      (style, { name, value }) => {\n        style[name] = value;\n        return style;\n      },\n      {}\n    );\n  }, [rootNodeOrInlineStyle, variables]);\n}\n"],"names":["useEffect","useMemo","useCSSVariables","variables","rootNodeOrInlineStyle","length","root","document","documentElement","current","forEach","name","value","process","env","NODE_ENV","style","getPropertyValue","currentValue","overwritten","console","warn","setProperty","removeProperty","reduce"],"mappings":"AAAA;AAEA,SAAyBA,SAAS,EAAEC,OAAO,QAAQ,QAAQ;AA4E3D;;CAEC,GACD,OAAO,SAASC,gBACdC,SAAwC,EACxCC,qBAAsE;IAEtEJ,UAAU;QACR,IAAII,0BAA0B,QAAQ,CAACD,UAAUE,MAAM,EAAE;YACvD;QACF;QAEA,yEAAyE;QACzE,WAAW;QACX,MAAMC,OAAO,AAAC,CAAA;YACZ,IAAI,CAACF,uBAAuB;gBAC1B,OAAOG,SAASC,eAAe;YACjC;YAEA,IAAI,aAAaJ,uBAAuB;gBACtC,OAAOA,sBAAsBK,OAAO;YACtC;YAEA,OAAOL;QACT,CAAA;QAEA,IAAI,CAACE,MAAM;YACT;QACF;QAEA,yCAAyC;QACzCH,UAAUO,OAAO,CAAC,CAAC,EAAEC,IAAI,EAAEC,KAAK,EAAE;YAChC,IACEC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBACzBT,KAAKU,KAAK,CAACC,gBAAgB,CAACN,OAC5B;gBACA,MAAMO,eAAeZ,KAAKU,KAAK,CAACC,gBAAgB,CAACN;gBACjD,MAAMQ,cACJD,iBAAiBN,QACb,CAAC,6BAA6B,EAAEA,MAAM,CAAC,CAAC,GACxC;gBACN,sCAAsC;gBACtCQ,QAAQC,IAAI,CACV,CAAC,KAAK,EAAEV,KAAK,wCAAwC,EAAEO,aAAa,EAAE,CAAC,GACrE,CAAC,mBAAmB,EAAEC,YAAY,uCAAuC,CAAC;YAEhF;YAEAb,KAAKU,KAAK,CAACM,WAAW,CAACX,MAAM,GAAGC,OAAO;QACzC;QACA,OAAO;YACLT,UAAUO,OAAO,CAAC,CAAC,EAAEC,IAAI,EAAE;gBACzBL,KAAKU,KAAK,CAACO,cAAc,CAACZ;YAC5B;QACF;IACF,GAAG;QAACR;QAAWC;KAAsB;IAErC,OAAOH,QAAQ;QACb,IAAIG,0BAA0B,MAAM;YAClC;QACF;QAEA,OAAOD,UAAUqB,MAAM,CACrB,CAACR,OAAO,EAAEL,IAAI,EAAEC,KAAK,EAAE;YACrBI,KAAK,CAACL,KAAK,GAAGC;YACd,OAAOI;QACT,GACA,CAAC;IAEL,GAAG;QAACZ;QAAuBD;KAAU;AACvC"}

package/dist/theme/useColorScheme.d.ts

@@ -1,83 +1,49 @@
-/// <reference types="react" />
-import type { UseStateSetter } from "../types.js";
-/** @remarks \@since 6.0.0 */
-export type ColorScheme = "light" | "dark";
-/** @remarks \@since 6.0.0 */
-export type ColorSchemeMode = ColorScheme | "system";
-/**
- * @remarks \@since 6.0.0
- */
-export interface ColorSchemeModeBehavior {
-    /**
-     * The current color scheme mode that is being used by your app that should
-     * default to the `$color-scheme` SCSS variable. If the
-     * {@link setColorSchemeMode} is called, this will update to that new value.
-     *
-     * TODO: Figure out how to document this
-     *
-     * - `colorScheme` - only `light` or `dark` -- only useful when the `colorSchemeMode` is set to `system`
-     * - `colorSchemeMode` - current **user** defined color scheme behavior? should default to `$color-scheme`, but will change based on `setColorSchemeMode`
-     */
-    colorSchemeMode: ColorSchemeMode;
-    /**
-     * A function to update the color scheme.
-     *
-     * @see {@link useColorScheme} for an example usage
-     */
-    setColorSchemeMode: UseStateSetter<ColorSchemeMode>;
-}
-/** @remarks \@since 6.0.0 */
-export interface ColorSchemeContext extends ColorSchemeModeBehavior {
-    /**
-     * The current color scheme that is being used. This is only useful when the
-     * {@link colorSchemeMode} is set to `"system"`.
-     */
-    colorScheme: ColorScheme;
-}
+import { type ColorSchemeContext } from "./types.js";
 export declare const ColorSchemeProvider: import("react").Provider<ColorSchemeContext>;
 /**
- * @example
- * Lazy Load Configurable Themes
+ * @example Lazy Load Configurable Themes
  * ```tsx
- * import type { ChangeEvent, ReactElement } from "react";
- * import { lazy } from "react";
- * import { createRoot } from "react-doc/client";
- * import { Checkbox, ColorSchemeProvider, useColorScheme } from "@react-md/core";
+ * import { Checkbox } from "@react-md/core/form/Checkbox";
+ * import { ColorSchemeProvider, useColorScheme } from "@react-md/core/theme/useColorScheme";
+ * import { type ChangeEvent, lazy, type ReactElement } from "react";
+ * import { createRoot } from "react-dom/client";
  *
- * const DarkTheme = lazy(() => import("./DarkTheme"));
- * const SystemTheme = lazy(() => import("./SystemTheme"));
+ * const DarkTheme = lazy(() => import("./DarkTheme.jsx"));
+ * const SystemTheme = lazy(() => import("./SystemTheme.jsx"));
  *
  * function App(): ReactElement {
- *   const { colorScheme, colorSchemeMode, setColorSchemeMode } =
+ *   const { currentColor, colorScheme, setColorScheme } =
  *     useColorScheme();
  *
  *   const onChange = (event: ChangeEvent<HTMLInputElement>): void => {
  *     const { value } = event.currentTarget;
  *     if (value === "light" || value === "dark" || value === "system") {
- *       setColorSchemeMode(value);
+ *       setColorScheme(value);
  *     }
  *   };
  *
  *   return (
  *     <>
- *       {colorSchemeMode === "dark" && <DarkTheme />}
- *       {colorSchemeMode === "system" && <SystemTheme />}
+ *       <NullSuspense>
+ *         {colorScheme === "dark" && <DarkTheme />}
+ *         {colorScheme === "system" && <SystemTheme />}
+ *       </NullSuspense>
  *       <Checkbox
  *         label="Light"
  *         value="light"
- *         checked={colorSchemeMode === "light"}
+ *         checked={colorScheme === "light"}
  *         onChange={onChange}
  *       />
  *       <Checkbox
  *         label="Dark"
  *         value="dark"
- *         checked={colorSchemeMode === "dark"}
+ *         checked={colorScheme === "dark"}
  *         onChange={onChange}
  *       />
  *       <Checkbox
  *         label="System"
  *         value="system"
- *         checked={colorSchemeMode === "system"}
+ *         checked={colorScheme === "system"}
  *         onChange={onChange}
  *       />
  *     </>
@@ -93,7 +59,7 @@ export declare const ColorSchemeProvider: import("react").Provider<ColorSchemeCo
  * );
  *
  * // DarkTheme.tsx
- * import { useHtmlClassName } from "@react-md/core";
+ * import { useHtmlClassName } from "@react-md/core/useHtmlClassName";
  *
  * import styles from "./DarkTheme.module.scss";
  *
@@ -110,6 +76,6 @@ export declare const ColorSchemeProvider: import("react").Provider<ColorSchemeCo
  * }
  * ```
  *
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export declare function useColorScheme(): Readonly<ColorSchemeContext>;

package/dist/theme/useColorScheme.js

@@ -1,9 +1,9 @@
 "use client";
 import { createContext, useContext } from "react";
 const context = createContext({
+    currentColor: "light",
     colorScheme: "light",
-    colorSchemeMode: "light",
-    setColorSchemeMode () {
+    setColorScheme () {
         if (process.env.NODE_ENV !== "production") {
             throw new Error("The `ColorSchemeProvider` has not been initialized.");
         }
@@ -12,48 +12,49 @@ const context = createContext({
 context.displayName = "ColorScheme";
 export const { Provider: ColorSchemeProvider } = context;
 /**
- * @example
- * Lazy Load Configurable Themes
+ * @example Lazy Load Configurable Themes
  * ```tsx
- * import type { ChangeEvent, ReactElement } from "react";
- * import { lazy } from "react";
- * import { createRoot } from "react-doc/client";
- * import { Checkbox, ColorSchemeProvider, useColorScheme } from "@react-md/core";
+ * import { Checkbox } from "@react-md/core/form/Checkbox";
+ * import { ColorSchemeProvider, useColorScheme } from "@react-md/core/theme/useColorScheme";
+ * import { type ChangeEvent, lazy, type ReactElement } from "react";
+ * import { createRoot } from "react-dom/client";
  *
- * const DarkTheme = lazy(() => import("./DarkTheme"));
- * const SystemTheme = lazy(() => import("./SystemTheme"));
+ * const DarkTheme = lazy(() => import("./DarkTheme.jsx"));
+ * const SystemTheme = lazy(() => import("./SystemTheme.jsx"));
  *
  * function App(): ReactElement {
- *   const { colorScheme, colorSchemeMode, setColorSchemeMode } =
+ *   const { currentColor, colorScheme, setColorScheme } =
  *     useColorScheme();
  *
  *   const onChange = (event: ChangeEvent<HTMLInputElement>): void => {
  *     const { value } = event.currentTarget;
  *     if (value === "light" || value === "dark" || value === "system") {
- *       setColorSchemeMode(value);
+ *       setColorScheme(value);
  *     }
  *   };
  *
  *   return (
  *     <>
- *       {colorSchemeMode === "dark" && <DarkTheme />}
- *       {colorSchemeMode === "system" && <SystemTheme />}
+ *       <NullSuspense>
+ *         {colorScheme === "dark" && <DarkTheme />}
+ *         {colorScheme === "system" && <SystemTheme />}
+ *       </NullSuspense>
  *       <Checkbox
  *         label="Light"
  *         value="light"
- *         checked={colorSchemeMode === "light"}
+ *         checked={colorScheme === "light"}
  *         onChange={onChange}
  *       />
  *       <Checkbox
  *         label="Dark"
  *         value="dark"
- *         checked={colorSchemeMode === "dark"}
+ *         checked={colorScheme === "dark"}
  *         onChange={onChange}
  *       />
  *       <Checkbox
  *         label="System"
  *         value="system"
- *         checked={colorSchemeMode === "system"}
+ *         checked={colorScheme === "system"}
  *         onChange={onChange}
  *       />
  *     </>
@@ -69,7 +70,7 @@ export const { Provider: ColorSchemeProvider } = context;
  * );
  *
  * // DarkTheme.tsx
- * import { useHtmlClassName } from "@react-md/core";
+ * import { useHtmlClassName } from "@react-md/core/useHtmlClassName";
  *
  * import styles from "./DarkTheme.module.scss";
  *
@@ -86,7 +87,7 @@ export const { Provider: ColorSchemeProvider } = context;
  * }
  * ```
  *
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */ export function useColorScheme() {
     return useContext(context);
 }