@mackin.com/styleguide 7.1.0-beta.1 → 7.1.0-beta.2

package/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import * as React from 'react';
-import React__default from 'react';
+import React__default, { ReactNode } from 'react';
 import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 
 declare type Alignment = 'left' | 'right' | 'center';
@@ -735,6 +735,11 @@ declare const defaultTheme: MackinTheme;
 /** Returns a user-provided theme if ThemeProvider was used correctly, or the default theme. */
 declare const useThemeSafely: () => MackinTheme;
 
+declare const ThemeProvider: <T extends MackinTheme>(p: {
+    children?: ReactNode;
+    theme: T;
+}) => JSX.Element;
+
 declare const TabLocker: (props: {
     disabled?: boolean;
     children?: React.ReactNode;
@@ -892,4 +897,4 @@ declare const Backdrop: (p: {
 
 declare const useMediaQuery: (query: string) => boolean;
 
-export { Alignment, Backdrop$1 as Backdrop, Backdrop as Backdrop2, BoundMemoryPager, BoundStaticPager, Button, ButtonProps, Calendar, CalendarProps, Checkbox, CheckboxProps, ConfirmModal, ConfirmModalProps, CopyButton, DatePicker, DatePickerProps, Divider, ErrorModal, FileUploader, Form, FormColumnRow, FormFlexRow, GlobalStyles, Header, Highlight, ICONS, Icon, Image, InfoPanel, InfoTip, InfoTipProps, Input, InputProps, ItemPager, Label, LabelProps, List, ListItem, MackinTheme, Modal, Nav, OmniLink, OmniLinkProps, PagedResult, Pager, PagerProps, Picker, PickerProps, Popover, ProgressBar, ProgressBarProps, SearchBox, SearchBoxProps, Slider, TabHeader, TabHeaderProps, TabLocker, Table, Td, TdCurrency, TdNumber, Text, TextProps, Th, ThSort, ToggleButton, ToggleButtonGroup, ToggleButtonGroupProps, ToggleButtonProps, TogglePasswordInput, Tr, WaitingIndicator, calcDynamicThemeProps, defaultTheme, getCurrencyDisplay, mergeClassNames, useMediaQuery, useThemeSafely };
+export { Alignment, Backdrop$1 as Backdrop, Backdrop as Backdrop2, BoundMemoryPager, BoundStaticPager, Button, ButtonProps, Calendar, CalendarProps, Checkbox, CheckboxProps, ConfirmModal, ConfirmModalProps, CopyButton, DatePicker, DatePickerProps, Divider, ErrorModal, FileUploader, Form, FormColumnRow, FormFlexRow, GlobalStyles, Header, Highlight, ICONS, Icon, Image, InfoPanel, InfoTip, InfoTipProps, Input, InputProps, ItemPager, Label, LabelProps, List, ListItem, MackinTheme, Modal, Nav, OmniLink, OmniLinkProps, PagedResult, Pager, PagerProps, Picker, PickerProps, Popover, ProgressBar, ProgressBarProps, SearchBox, SearchBoxProps, Slider, TabHeader, TabHeaderProps, TabLocker, Table, Td, TdCurrency, TdNumber, Text, TextProps, Th, ThSort, ThemeProvider, ToggleButton, ToggleButtonGroup, ToggleButtonGroupProps, ToggleButtonProps, TogglePasswordInput, Tr, WaitingIndicator, calcDynamicThemeProps, defaultTheme, getCurrencyDisplay, mergeClassNames, useMediaQuery, useThemeSafely };

package/index.js

@@ -36,8 +36,8 @@ function _interopNamespace(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var ReactSlider__default = /*#__PURE__*/_interopDefaultLegacy(ReactSlider);
 
 /** @deprecated This will not work correctly with emotion/css.  Use 'cx' for adding multiple class names together.  */
@@ -153,7 +153,10 @@ const defaultTheme = {
 };
 calcDynamicThemeProps(defaultTheme);
 
-const ThemeContext = React.createContext(defaultTheme);
+const ThemeContext = React.createContext(defaultTheme);
+const ThemeProvider = (p) => {
+    return (React__default['default'].createElement(ThemeContext.Provider, { value: p.theme }, p.children));
+};
 
 /** Returns a user-provided theme if ThemeProvider was used correctly, or the default theme. */
 const useThemeSafely = () => {
@@ -3393,6 +3396,7 @@ exports.TdNumber = TdNumber;
 exports.Text = Text;
 exports.Th = Th;
 exports.ThSort = ThSort;
+exports.ThemeProvider = ThemeProvider;
 exports.ToggleButton = ToggleButton;
 exports.ToggleButtonGroup = ToggleButtonGroup;
 exports.TogglePasswordInput = TogglePasswordInput;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mackin.com/styleguide",
-	"version": "7.1.0-beta.1",
+	"version": "7.1.0-beta.2",
 	"description": "",
 	"main": "./index.js",
 	"types": "./index.d.ts",