@react-md/core 1.0.0-next.0

package/dist/theme/colors.js

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

package/dist/theme/colors.js.map

@@ -0,0 +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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"}

package/dist/theme/cssVars.d.ts

@@ -0,0 +1,15 @@
+export declare const backgroundColorVar = "--rmd-background-color";
+export declare const primaryColorVar = "--rmd-primary-color";
+export declare const onPrimaryColorVar = "--rmd-on-primary-color";
+export declare const secondaryColorVar = "--rmd-secondary-color";
+export declare const onSecondaryColorVar = "--rmd-on-secondary-color";
+export declare const warningColorVar = "--rmd-warning-color";
+export declare const onWarningColorVar = "--rmd-on-warning-color";
+export declare const errorColorVar = "--rmd-error-color";
+export declare const onErrorColorVar = "--rmd-on-error-color";
+export declare const successColorVar = "--rmd-success-color";
+export declare const onSuccessColorVar = "--rmd-on-success-color";
+export declare const textPrimaryColorVar = "--rmd-text-primary-color";
+export declare const textSecondaryColorVar = "--rmd-text-secondary-color";
+export declare const textHintColorVar = "--rmd-text-hint-color";
+export declare const textDisabledColorVar = "--rmd-text-disabled-color";

package/dist/theme/cssVars.js

@@ -0,0 +1,17 @@
+export const backgroundColorVar = "--rmd-background-color";
+export const primaryColorVar = "--rmd-primary-color";
+export const onPrimaryColorVar = "--rmd-on-primary-color";
+export const secondaryColorVar = "--rmd-secondary-color";
+export const onSecondaryColorVar = "--rmd-on-secondary-color";
+export const warningColorVar = "--rmd-warning-color";
+export const onWarningColorVar = "--rmd-on-warning-color";
+export const errorColorVar = "--rmd-error-color";
+export const onErrorColorVar = "--rmd-on-error-color";
+export const successColorVar = "--rmd-success-color";
+export const onSuccessColorVar = "--rmd-on-success-color";
+export const textPrimaryColorVar = "--rmd-text-primary-color";
+export const textSecondaryColorVar = "--rmd-text-secondary-color";
+export const textHintColorVar = "--rmd-text-hint-color";
+export const textDisabledColorVar = "--rmd-text-disabled-color";
+
+//# sourceMappingURL=cssVars.js.map

package/dist/theme/cssVars.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/cssVars.ts"],"sourcesContent":["export const backgroundColorVar = \"--rmd-background-color\";\nexport const primaryColorVar = \"--rmd-primary-color\";\nexport const onPrimaryColorVar = \"--rmd-on-primary-color\";\nexport const secondaryColorVar = \"--rmd-secondary-color\";\nexport const onSecondaryColorVar = \"--rmd-on-secondary-color\";\nexport const warningColorVar = \"--rmd-warning-color\";\nexport const onWarningColorVar = \"--rmd-on-warning-color\";\nexport const errorColorVar = \"--rmd-error-color\";\nexport const onErrorColorVar = \"--rmd-on-error-color\";\nexport const successColorVar = \"--rmd-success-color\";\nexport const onSuccessColorVar = \"--rmd-on-success-color\";\nexport const textPrimaryColorVar = \"--rmd-text-primary-color\";\nexport const textSecondaryColorVar = \"--rmd-text-secondary-color\";\nexport const textHintColorVar = \"--rmd-text-hint-color\";\nexport const textDisabledColorVar = \"--rmd-text-disabled-color\";\n"],"names":["backgroundColorVar","primaryColorVar","onPrimaryColorVar","secondaryColorVar","onSecondaryColorVar","warningColorVar","onWarningColorVar","errorColorVar","onErrorColorVar","successColorVar","onSuccessColorVar","textPrimaryColorVar","textSecondaryColorVar","textHintColorVar","textDisabledColorVar"],"mappings":"AAAA,OAAO,MAAMA,qBAAqB,yBAAyB;AAC3D,OAAO,MAAMC,kBAAkB,sBAAsB;AACrD,OAAO,MAAMC,oBAAoB,yBAAyB;AAC1D,OAAO,MAAMC,oBAAoB,wBAAwB;AACzD,OAAO,MAAMC,sBAAsB,2BAA2B;AAC9D,OAAO,MAAMC,kBAAkB,sBAAsB;AACrD,OAAO,MAAMC,oBAAoB,yBAAyB;AAC1D,OAAO,MAAMC,gBAAgB,oBAAoB;AACjD,OAAO,MAAMC,kBAAkB,uBAAuB;AACtD,OAAO,MAAMC,kBAAkB,sBAAsB;AACrD,OAAO,MAAMC,oBAAoB,yBAAyB;AAC1D,OAAO,MAAMC,sBAAsB,2BAA2B;AAC9D,OAAO,MAAMC,wBAAwB,6BAA6B;AAClE,OAAO,MAAMC,mBAAmB,wBAAwB;AACxD,OAAO,MAAMC,uBAAuB,4BAA4B"}

package/dist/theme/types.d.ts

@@ -0,0 +1,34 @@
+import type { CSSProperties } from "react";
+/**
+ * @remarks \@since 6.0.0
+ */
+export type CSSVariableName = `--${string}`;
+/**
+ * @internal
+ * @remarks \@since 6.0.0
+ */
+export type DefinedCustomProperty<Property = keyof CSSProperties> = Property extends CSSVariableName ? Property : never;
+/**
+ * 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 type DefinedCSSVariableName = DefinedCustomProperty;

package/dist/theme/types.js

@@ -0,0 +1,25 @@
+/**
+ * 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 { };
+
+//# sourceMappingURL=types.js.map

package/dist/theme/types.js.map

@@ -0,0 +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"}

package/dist/theme/useCSSVariables.d.ts

@@ -0,0 +1,90 @@
+import type { RefObject } from "react";
+import type { CSSVariableName, DefinedCSSVariableName } 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
+ * ```ts
+ * import {
+ *   contrastColor,
+ *   pinkAccent200,
+ *   purple500,
+ *   useCSSVariables,
+ *  } from "@react-md/core";
+ * import { useMemo } from "react";
+ *
+ * function Example(): null {
+ *   // Note: You should use `useMemo` so that the custom variables are not
+ *   // added and removed during each render.
+ *   useCSSVariables(useMemo(() => {
+ *     return [
+ *       {
+ *         name: "--rmd-primary-color",
+ *         value: purple500,
+ *       },
+ *       {
+ *         name: "--rmd-on-primary-color",
+ *         value: contrastColor(purple500),
+ *       },
+ *     ];
+ *   }, []));
+ *
+ *   return null;
+ * }
+ * ```
+ *
+ * @remarks \@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
+ * ```tsx
+ * import {
+ *   contrastColor,
+ *   ReadonlyCSSVariableList,
+ *   pinkAccent200,
+ *   purple500,
+ *   useCSSVariables,
+ *  } from "@react-md/core";
+ * import { useMemo } from "react";
+ * import type { ReactElement, ReactNode } from "react";
+ *
+ * function Example({ children }: { children: ReactNode }): ReactElement {
+ *   const customVariables = useMemo<ReadonlyCSSVariableList>(() => {
+ *     return [
+ *       {
+ *         name: "--rmd-primary-color",
+ *         value: purple500,
+ *       },
+ *       {
+ *         name: "--rmd-on-primary-color",
+ *         value: contrastColor(purple500),
+ *       },
+ *     ];
+ *   }, []);
+ *   const style = useCSSVariables(customVariables, true);
+ *
+ *   return <div style={style}>{children}</div>;
+ * }
+ * ```
+ *
+ * @remarks \@since 6.0.0
+ */
+export declare function useCSSVariables<Name extends CSSVariableName>(variables: ReadonlyCSSVariableList<Name>, inlineStyle: true): CSSVariablesProperties<Name>;

package/dist/theme/useCSSVariables.js

@@ -0,0 +1,57 @@
+"use client";
+import { useEffect, useMemo } from "react";
+/**
+ * @remarks \@since 6.0.0
+ */ export function useCSSVariables(variables, rootNodeOrInlineStyle) {
+    useEffect(()=>{
+        if (rootNodeOrInlineStyle === true || !variables.length) {
+            return;
+        }
+        // use an iife so that hoisting doesn't cause a possible "null" issue for
+        // the root
+        const root = (()=>{
+            if (!rootNodeOrInlineStyle) {
+                return document.documentElement;
+            }
+            if ("current" in rootNodeOrInlineStyle) {
+                return rootNodeOrInlineStyle.current;
+            }
+            return rootNodeOrInlineStyle;
+        })();
+        if (!root) {
+            return;
+        }
+        // const root = document.documentElement;
+        variables.forEach(({ name, value })=>{
+            if (process.env.NODE_ENV !== "production" && root.style.getPropertyValue(name)) {
+                const currentValue = root.style.getPropertyValue(name);
+                const overwritten = currentValue !== value ? ` and will be overwritten to "${value}"` : "";
+                // eslint-disable-next-line no-console
+                console.warn(`The "${name}" css variable has already been set to "${currentValue}" ` + `on the root element${overwritten}. There might be conflicting overrides.`);
+            }
+            root.style.setProperty(name, `${value}`);
+        });
+        return ()=>{
+            variables.forEach(({ name })=>{
+                root.style.removeProperty(name);
+            });
+        };
+    }, [
+        variables,
+        rootNodeOrInlineStyle
+    ]);
+    return useMemo(()=>{
+        if (rootNodeOrInlineStyle !== true) {
+            return;
+        }
+        return variables.reduce((style, { name, value })=>{
+            style[name] = value;
+            return style;
+        }, {});
+    }, [
+        rootNodeOrInlineStyle,
+        variables
+    ]);
+}
+
+//# sourceMappingURL=useCSSVariables.js.map

package/dist/theme/useCSSVariables.js.map

@@ -0,0 +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"}