@primer/components 31.2.0-rc.fbb10090 → 31.2.1-rc.32ed6e21

package/lib-esm/theme-preval.js

@@ -1,5 +1,6 @@
 // this file was prevaled
 // This file needs to be a JavaScript file using CommonJS to be compatiable with preval
+// Cache bust: 2021-11-04 12:00:00 GMT (This file is cached by our deployment tooling, update this timestamp to rebuild this file)
 module.exports = {
   "theme": {
     "animation": {
@@ -207,68 +208,8 @@ module.exports = {
             "gradientOut": "rgba(255,255,255,0)"
           },
           "mktg": {
-            "success": "rgba(36,146,67,1)",
-            "info": "rgba(19,119,234,1)",
-            "bgShadeGradient": {
-              "top": "rgba(27,31,36,0.065)",
-              "bottom": "rgba(27,31,36,0)"
-            },
             "btn": {
-              "bg": {
-                "top": "hsla(228,82%,66%,1)",
-                "bottom": "#4969ed"
-              },
-              "bgOverlay": {
-                "top": "hsla(228,74%,59%,1)",
-                "bottom": "#3355e0"
-              },
-              "text": "#ffffff",
-              "primary": {
-                "bg": {
-                  "top": "hsla(137,56%,46%,1)",
-                  "bottom": "#2ea44f"
-                },
-                "bgOverlay": {
-                  "top": "hsla(134,60%,38%,1)",
-                  "bottom": "#22863a"
-                },
-                "text": "#ffffff"
-              },
-              "enterprise": {
-                "bg": {
-                  "top": "hsla(249,100%,72%,1)",
-                  "bottom": "#6f57ff"
-                },
-                "bgOverlay": {
-                  "top": "hsla(248,65%,63%,1)",
-                  "bottom": "#614eda"
-                },
-                "text": "#ffffff"
-              },
-              "outline": {
-                "text": "#4969ed",
-                "border": "rgba(73,105,237,0.3)",
-                "hover": {
-                  "text": "#3355e0",
-                  "border": "rgba(51,85,224,0.5)"
-                },
-                "focus": {
-                  "border": "#4969ed",
-                  "borderInset": "rgba(73,105,237,0.5)"
-                }
-              },
-              "dark": {
-                "text": "#ffffff",
-                "border": "rgba(255,255,255,0.3)",
-                "hover": {
-                  "text": "#ffffff",
-                  "border": "rgba(255,255,255,0.5)"
-                },
-                "focus": {
-                  "border": "#ffffff",
-                  "borderInset": "rgba(255,255,255,0.5)"
-                }
-              }
+              "bg": "#1b1f23"
             }
           },
           "avatar": {
@@ -389,6 +330,19 @@ module.exports = {
             "icon": "#6e7781",
             "borderHover": "rgba(175,184,193,0.2)"
           },
+          "actionListItem": {
+            "inlineDivider": "rgba(208,215,222,0.48)",
+            "default": {
+              "hoverBg": "rgba(208,215,222,0.32)",
+              "activeBg": "rgba(208,215,222,0.48)",
+              "selectedBg": "rgba(208,215,222,0.24)"
+            },
+            "danger": {
+              "hoverBg": "rgba(255,235,233,0.64)",
+              "activeBg": "#FFEBE9",
+              "hoverText": "#cf222e"
+            }
+          },
           "fg": {
             "default": "#24292f",
             "muted": "#57606a",
@@ -469,6 +423,16 @@ module.exports = {
           }
         },
         "shadows": {
+          "mktg": {
+            "btn": {
+              "shadow": {
+                "outline": "rgb(0 0 0 / 15%) 0 0 0 1px inset",
+                "focus": "rgb(0 0 0 / 15%) 0 0 0 4px",
+                "hover": "0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02)",
+                "hoverMuted": "rgb(0 0 0 / 70%) 0 0 0 2px inset"
+              }
+            }
+          },
           "avatar": {
             "childShadow": "-2px -2px 0 rgba(255,255,255,0.8)"
           },
@@ -515,7 +479,7 @@ module.exports = {
           }
         }
       },
-      "light_protanopia": {
+      "light_colorblind": {
         "colors": {
           "canvasDefaultTransparent": "rgba(255,255,255,0)",
           "marketingIcon": {
@@ -690,68 +654,8 @@ module.exports = {
             "gradientOut": "rgba(255,255,255,0)"
           },
           "mktg": {
-            "success": "rgba(3,119,234,1)",
-            "info": "rgba(19,119,234,1)",
-            "bgShadeGradient": {
-              "top": "rgba(27,31,36,0.065)",
-              "bottom": "rgba(27,31,36,0)"
-            },
             "btn": {
-              "bg": {
-                "top": "hsla(228,82%,66%,1)",
-                "bottom": "#4969ed"
-              },
-              "bgOverlay": {
-                "top": "hsla(228,74%,59%,1)",
-                "bottom": "#3355e0"
-              },
-              "text": "#ffffff",
-              "primary": {
-                "bg": {
-                  "top": "hsla(137,56%,46%,1)",
-                  "bottom": "#2ea44f"
-                },
-                "bgOverlay": {
-                  "top": "hsla(134,60%,38%,1)",
-                  "bottom": "#22863a"
-                },
-                "text": "#ffffff"
-              },
-              "enterprise": {
-                "bg": {
-                  "top": "hsla(249,100%,72%,1)",
-                  "bottom": "#6f57ff"
-                },
-                "bgOverlay": {
-                  "top": "hsla(248,65%,63%,1)",
-                  "bottom": "#614eda"
-                },
-                "text": "#ffffff"
-              },
-              "outline": {
-                "text": "#4969ed",
-                "border": "rgba(73,105,237,0.3)",
-                "hover": {
-                  "text": "#3355e0",
-                  "border": "rgba(51,85,224,0.5)"
-                },
-                "focus": {
-                  "border": "#4969ed",
-                  "borderInset": "rgba(73,105,237,0.5)"
-                }
-              },
-              "dark": {
-                "text": "#ffffff",
-                "border": "rgba(255,255,255,0.3)",
-                "hover": {
-                  "text": "#ffffff",
-                  "border": "rgba(255,255,255,0.5)"
-                },
-                "focus": {
-                  "border": "#ffffff",
-                  "borderInset": "rgba(255,255,255,0.5)"
-                }
-              }
+              "bg": "#1b1f23"
             }
           },
           "avatar": {
@@ -872,6 +776,19 @@ module.exports = {
             "icon": "#6e7781",
             "borderHover": "rgba(175,184,193,0.2)"
           },
+          "actionListItem": {
+            "inlineDivider": "rgba(208,215,222,0.48)",
+            "default": {
+              "hoverBg": "rgba(208,215,222,0.32)",
+              "activeBg": "rgba(208,215,222,0.48)",
+              "selectedBg": "rgba(208,215,222,0.24)"
+            },
+            "danger": {
+              "hoverBg": "rgba(254,254,72,0.64)",
+              "activeBg": "#fefe48",
+              "hoverText": "#ac5e00"
+            }
+          },
           "fg": {
             "default": "#24292f",
             "muted": "#57606a",
@@ -952,6 +869,16 @@ module.exports = {
           }
         },
         "shadows": {
+          "mktg": {
+            "btn": {
+              "shadow": {
+                "outline": "rgb(0 0 0 / 15%) 0 0 0 1px inset",
+                "focus": "rgb(0 0 0 / 15%) 0 0 0 4px",
+                "hover": "0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02)",
+                "hoverMuted": "rgb(0 0 0 / 70%) 0 0 0 2px inset"
+              }
+            }
+          },
           "avatar": {
             "childShadow": "-2px -2px 0 rgba(255,255,255,0.8)"
           },
@@ -1173,68 +1100,8 @@ module.exports = {
             "gradientOut": "rgba(22,27,34,0)"
           },
           "mktg": {
-            "success": "rgba(41,147,61,1)",
-            "info": "rgba(42,123,243,1)",
-            "bgShadeGradient": {
-              "top": "rgba(1,4,9,0.065)",
-              "bottom": "rgba(1,4,9,0)"
-            },
             "btn": {
-              "bg": {
-                "top": "hsla(228,82%,66%,1)",
-                "bottom": "#4969ed"
-              },
-              "bgOverlay": {
-                "top": "hsla(228,74%,59%,1)",
-                "bottom": "#3355e0"
-              },
-              "text": "#f0f6fc",
-              "primary": {
-                "bg": {
-                  "top": "hsla(137,56%,46%,1)",
-                  "bottom": "#2ea44f"
-                },
-                "bgOverlay": {
-                  "top": "hsla(134,60%,38%,1)",
-                  "bottom": "#22863a"
-                },
-                "text": "#f0f6fc"
-              },
-              "enterprise": {
-                "bg": {
-                  "top": "hsla(249,100%,72%,1)",
-                  "bottom": "#6f57ff"
-                },
-                "bgOverlay": {
-                  "top": "hsla(248,65%,63%,1)",
-                  "bottom": "#614eda"
-                },
-                "text": "#f0f6fc"
-              },
-              "outline": {
-                "text": "#f0f6fc",
-                "border": "rgba(240,246,252,0.3)",
-                "hover": {
-                  "text": "#f0f6fc",
-                  "border": "rgba(240,246,252,0.5)"
-                },
-                "focus": {
-                  "border": "#f0f6fc",
-                  "borderInset": "rgba(240,246,252,0.5)"
-                }
-              },
-              "dark": {
-                "text": "#f0f6fc",
-                "border": "rgba(240,246,252,0.3)",
-                "hover": {
-                  "text": "#f0f6fc",
-                  "border": "rgba(240,246,252,0.5)"
-                },
-                "focus": {
-                  "border": "#f0f6fc",
-                  "borderInset": "rgba(240,246,252,0.5)"
-                }
-              }
+              "bg": "#f6f8fa"
             }
           },
           "avatar": {
@@ -1355,6 +1222,19 @@ module.exports = {
             "icon": "#484f58",
             "borderHover": "rgba(110,118,129,0.4)"
           },
+          "actionListItem": {
+            "inlineDivider": "rgba(48,54,61,0.48)",
+            "default": {
+              "hoverBg": "rgba(177,186,196,0.12)",
+              "activeBg": "rgba(177,186,196,0.2)",
+              "selectedBg": "rgba(177,186,196,0.08)"
+            },
+            "danger": {
+              "hoverBg": "rgba(248,81,73,0.16)",
+              "activeBg": "rgba(248,81,73,0.24)",
+              "hoverText": "#ff7b72"
+            }
+          },
           "fg": {
             "default": "#c9d1d9",
             "muted": "#8b949e",
@@ -1438,6 +1318,16 @@ module.exports = {
           "checks": {
             "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)"
           },
+          "mktg": {
+            "btn": {
+              "shadow": {
+                "outline": "rgb(255 255 255 / 25%) 0 0 0 1px inset",
+                "focus": "rgb(255 255 255 / 25%) 0 0 0 4px",
+                "hover": "0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07)",
+                "hoverMuted": "rgb(255 255 255) 0 0 0 2px inset"
+              }
+            }
+          },
           "avatar": {
             "childShadow": "-2px -2px 0 #0d1117"
           },
@@ -1659,68 +1549,8 @@ module.exports = {
             "gradientOut": "rgba(45,51,59,0)"
           },
           "mktg": {
-            "success": "rgba(61,137,66,1)",
-            "info": "rgba(56,119,213,1)",
-            "bgShadeGradient": {
-              "top": "rgba(28,33,40,0.065)",
-              "bottom": "rgba(28,33,40,0)"
-            },
             "btn": {
-              "bg": {
-                "top": "hsla(228,82%,66%,1)",
-                "bottom": "#4969ed"
-              },
-              "bgOverlay": {
-                "top": "hsla(228,74%,59%,1)",
-                "bottom": "#3355e0"
-              },
-              "text": "#cdd9e5",
-              "primary": {
-                "bg": {
-                  "top": "hsla(137,56%,46%,1)",
-                  "bottom": "#2ea44f"
-                },
-                "bgOverlay": {
-                  "top": "hsla(134,60%,38%,1)",
-                  "bottom": "#22863a"
-                },
-                "text": "#cdd9e5"
-              },
-              "enterprise": {
-                "bg": {
-                  "top": "hsla(249,100%,72%,1)",
-                  "bottom": "#6f57ff"
-                },
-                "bgOverlay": {
-                  "top": "hsla(248,65%,63%,1)",
-                  "bottom": "#614eda"
-                },
-                "text": "#cdd9e5"
-              },
-              "outline": {
-                "text": "#cdd9e5",
-                "border": "rgba(205,217,229,0.3)",
-                "hover": {
-                  "text": "#cdd9e5",
-                  "border": "rgba(205,217,229,0.5)"
-                },
-                "focus": {
-                  "border": "#cdd9e5",
-                  "borderInset": "rgba(205,217,229,0.5)"
-                }
-              },
-              "dark": {
-                "text": "#cdd9e5",
-                "border": "rgba(205,217,229,0.3)",
-                "hover": {
-                  "text": "#cdd9e5",
-                  "border": "rgba(205,217,229,0.5)"
-                },
-                "focus": {
-                  "border": "#cdd9e5",
-                  "borderInset": "rgba(205,217,229,0.5)"
-                }
-              }
+              "bg": "#f6f8fa"
             }
           },
           "avatar": {
@@ -1841,6 +1671,19 @@ module.exports = {
             "icon": "#545d68",
             "borderHover": "rgba(99,110,123,0.4)"
           },
+          "actionListItem": {
+            "inlineDivider": "rgba(68,76,86,0.48)",
+            "default": {
+              "hoverBg": "rgba(144,157,171,0.12)",
+              "activeBg": "rgba(144,157,171,0.2)",
+              "selectedBg": "rgba(144,157,171,0.08)"
+            },
+            "danger": {
+              "hoverBg": "rgba(229,83,75,0.16)",
+              "activeBg": "rgba(229,83,75,0.24)",
+              "hoverText": "#f47067"
+            }
+          },
           "fg": {
             "default": "#adbac7",
             "muted": "#768390",
@@ -1924,6 +1767,16 @@ module.exports = {
           "checks": {
             "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)"
           },
+          "mktg": {
+            "btn": {
+              "shadow": {
+                "outline": "rgb(255 255 255 / 25%) 0 0 0 1px inset",
+                "focus": "rgb(255 255 255 / 25%) 0 0 0 4px",
+                "hover": "0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07)",
+                "hoverMuted": "rgb(255 255 255) 0 0 0 2px inset"
+              }
+            }
+          },
           "avatar": {
             "childShadow": "-2px -2px 0 #22272e"
           },
@@ -2145,68 +1998,8 @@ module.exports = {
             "gradientOut": "rgba(39,43,51,0)"
           },
           "mktg": {
-            "success": "rgba(9,180,58,1)",
-            "info": "rgba(64,158,255,1)",
-            "bgShadeGradient": {
-              "top": "rgba(1,4,9,0.065)",
-              "bottom": "rgba(1,4,9,0)"
-            },
             "btn": {
-              "bg": {
-                "top": "hsla(228,82%,66%,1)",
-                "bottom": "#4969ed"
-              },
-              "bgOverlay": {
-                "top": "hsla(228,74%,59%,1)",
-                "bottom": "#3355e0"
-              },
-              "text": "#ffffff",
-              "primary": {
-                "bg": {
-                  "top": "hsla(137,56%,46%,1)",
-                  "bottom": "#2ea44f"
-                },
-                "bgOverlay": {
-                  "top": "hsla(134,60%,38%,1)",
-                  "bottom": "#22863a"
-                },
-                "text": "#ffffff"
-              },
-              "enterprise": {
-                "bg": {
-                  "top": "hsla(249,100%,72%,1)",
-                  "bottom": "#6f57ff"
-                },
-                "bgOverlay": {
-                  "top": "hsla(248,65%,63%,1)",
-                  "bottom": "#614eda"
-                },
-                "text": "#ffffff"
-              },
-              "outline": {
-                "text": "#ffffff",
-                "border": "rgba(255,255,255,0.3)",
-                "hover": {
-                  "text": "#ffffff",
-                  "border": "rgba(255,255,255,0.5)"
-                },
-                "focus": {
-                  "border": "#ffffff",
-                  "borderInset": "rgba(255,255,255,0.5)"
-                }
-              },
-              "dark": {
-                "text": "#ffffff",
-                "border": "rgba(255,255,255,0.3)",
-                "hover": {
-                  "text": "#ffffff",
-                  "border": "rgba(255,255,255,0.5)"
-                },
-                "focus": {
-                  "border": "#ffffff",
-                  "borderInset": "rgba(255,255,255,0.5)"
-                }
-              }
+              "bg": "#f6f8fa"
             }
           },
           "avatar": {
@@ -2327,6 +2120,19 @@ module.exports = {
             "icon": "#f0f3f6",
             "borderHover": "#bdc4cc"
           },
+          "actionListItem": {
+            "inlineDivider": "#7a828e",
+            "default": {
+              "hoverBg": "rgba(217,222,227,0.12)",
+              "activeBg": "rgba(217,222,227,0.24)",
+              "selectedBg": "rgba(217,222,227,0.08)"
+            },
+            "danger": {
+              "hoverBg": "#ff6a69",
+              "activeBg": "#ff4445",
+              "hoverText": "#0a0c10"
+            }
+          },
           "fg": {
             "default": "#f0f3f6",
             "muted": "#f0f3f6",
@@ -2410,6 +2216,16 @@ module.exports = {
           "checks": {
             "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)"
           },
+          "mktg": {
+            "btn": {
+              "shadow": {
+                "outline": "rgb(255 255 255 / 25%) 0 0 0 1px inset",
+                "focus": "rgb(255 255 255 / 25%) 0 0 0 4px",
+                "hover": "0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07)",
+                "hoverMuted": "rgb(255 255 255) 0 0 0 2px inset"
+              }
+            }
+          },
           "avatar": {
             "childShadow": "-2px -2px 0 #0a0c10"
           },
@@ -2456,7 +2272,7 @@ module.exports = {
           }
         }
       },
-      "dark_protanopia": {
+      "dark_colorblind": {
         "colors": {
           "canvasDefaultTransparent": "rgba(13,17,23,0)",
           "marketingIcon": {
@@ -2631,68 +2447,8 @@ module.exports = {
             "gradientOut": "rgba(22,27,34,0)"
           },
           "mktg": {
-            "success": "rgba(25,119,239,1)",
-            "info": "rgba(42,123,243,1)",
-            "bgShadeGradient": {
-              "top": "rgba(1,4,9,0.065)",
-              "bottom": "rgba(1,4,9,0)"
-            },
             "btn": {
-              "bg": {
-                "top": "hsla(228,82%,66%,1)",
-                "bottom": "#4969ed"
-              },
-              "bgOverlay": {
-                "top": "hsla(228,74%,59%,1)",
-                "bottom": "#3355e0"
-              },
-              "text": "#f0f6fc",
-              "primary": {
-                "bg": {
-                  "top": "hsla(137,56%,46%,1)",
-                  "bottom": "#2ea44f"
-                },
-                "bgOverlay": {
-                  "top": "hsla(134,60%,38%,1)",
-                  "bottom": "#22863a"
-                },
-                "text": "#f0f6fc"
-              },
-              "enterprise": {
-                "bg": {
-                  "top": "hsla(249,100%,72%,1)",
-                  "bottom": "#6f57ff"
-                },
-                "bgOverlay": {
-                  "top": "hsla(248,65%,63%,1)",
-                  "bottom": "#614eda"
-                },
-                "text": "#f0f6fc"
-              },
-              "outline": {
-                "text": "#f0f6fc",
-                "border": "rgba(240,246,252,0.3)",
-                "hover": {
-                  "text": "#f0f6fc",
-                  "border": "rgba(240,246,252,0.5)"
-                },
-                "focus": {
-                  "border": "#f0f6fc",
-                  "borderInset": "rgba(240,246,252,0.5)"
-                }
-              },
-              "dark": {
-                "text": "#f0f6fc",
-                "border": "rgba(240,246,252,0.3)",
-                "hover": {
-                  "text": "#f0f6fc",
-                  "border": "rgba(240,246,252,0.5)"
-                },
-                "focus": {
-                  "border": "#f0f6fc",
-                  "borderInset": "rgba(240,246,252,0.5)"
-                }
-              }
+              "bg": "#f6f8fa"
             }
           },
           "avatar": {
@@ -2813,6 +2569,19 @@ module.exports = {
             "icon": "#484f58",
             "borderHover": "rgba(110,118,129,0.4)"
           },
+          "actionListItem": {
+            "inlineDivider": "rgba(48,54,61,0.48)",
+            "default": {
+              "hoverBg": "rgba(177,186,196,0.12)",
+              "activeBg": "rgba(177,186,196,0.2)",
+              "selectedBg": "rgba(177,186,196,0.08)"
+            },
+            "danger": {
+              "hoverBg": "rgba(195,128,0,0.16)",
+              "activeBg": "rgba(195,128,0,0.24)",
+              "hoverText": "#d69a00"
+            }
+          },
           "fg": {
             "default": "#c9d1d9",
             "muted": "#8b949e",
@@ -2896,6 +2665,16 @@ module.exports = {
           "checks": {
             "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)"
           },
+          "mktg": {
+            "btn": {
+              "shadow": {
+                "outline": "rgb(255 255 255 / 25%) 0 0 0 1px inset",
+                "focus": "rgb(255 255 255 / 25%) 0 0 0 4px",
+                "hover": "0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07)",
+                "hoverMuted": "rgb(255 255 255) 0 0 0 2px inset"
+              }
+            }
+          },
           "avatar": {
             "childShadow": "-2px -2px 0 #0d1117"
           },

package/lib-esm/utils/create-slots.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+/** createSlots is a factory that can create a
+ *  typesafe Slots + Slot pair to use in a component definition
+ *  For example: ActionList.Item uses createSlots to get a Slots wrapper
+ *  + Slot component that is used by LeadingVisual, Description
+ */
+declare const createSlots: <SlotNames extends string>(slotNames: SlotNames[]) => {
+    Slots: React.FC<{
+        context?: Record<string, unknown> | undefined;
+        children: (slots: { [key in SlotNames]?: React.ReactNode; }) => React.ReactNode;
+    }>;
+    Slot: React.FC<{
+        name: SlotNames;
+        children: React.ReactNode;
+    }>;
+};
+export default createSlots;