@sproutsocial/racine 11.2.2-beta.2 → 11.2.2-beta.3

package/__flow__/index.js

@@ -4,8 +4,7 @@ export type { TypeTheme } from "./types/theme.flow";
 export * from "./systemProps";
 export { visuallyHidden, focusRing, disabled } from "./utils/mixins";
 export { useSelect, useMultiselect, useTextContent } from "./utils/hooks";
-export { default as racineLightTheme } from "./themes/baseTheme/light/theme";
-export { default as racineDarkTheme } from "./themes/baseTheme/dark/theme";
+export * from "./themes/baseTheme";
 export { default as Icon } from "./Icon";
 // DEPRECATED: Alert has been renamed to Banner
 export { default as Alert } from "./Banner";

package/__flow__/themes/baseTheme/index.js

@@ -1,2 +1,2 @@
-export { default as racineLightTheme } from "./light/theme";
-export { default as racineDarkTheme } from "./dark/theme";
+export { default as baseLightTheme } from "./light/theme";
+export { default as baseDarkTheme } from "./dark/theme";

package/__flow__/utils/mixins.js

@@ -1,6 +1,6 @@
 // @flow strict-local
 import { css } from "styled-components";
-import { racineLightTheme } from "../themes/baseTheme";
+import { baseLightTheme } from "../themes/baseTheme";
 import { transparentize } from "polished";
 
 export const svgToDataURL = (svgStr: string) => {
@@ -26,12 +26,11 @@ export const visuallyHidden = css`
 `;
 
 export const focusRing = css`
-  box-shadow: 0 0 0 1px
-      ${racineLightTheme.colors.button.primary.background.base},
+  box-shadow: 0 0 0 1px ${baseLightTheme.colors.button.primary.background.base},
     0 0px 0px 4px
       ${transparentize(
         0.7,
-        racineLightTheme.colors.button.primary.background.base
+        baseLightTheme.colors.button.primary.background.base
       )};
   outline: none;
 
@@ -41,10 +40,10 @@ export const focusRing = css`
 `;
 
 export const pill = css`
-  min-width: ${racineLightTheme.space[600]};
-  min-height: ${racineLightTheme.space[600]};
-  padding: ${racineLightTheme.space[300]} ${racineLightTheme.space[350]};
-  border-radius: ${racineLightTheme.radii.pill};
+  min-width: ${baseLightTheme.space[600]};
+  min-height: ${baseLightTheme.space[600]};
+  padding: ${baseLightTheme.space[300]} ${baseLightTheme.space[350]};
+  border-radius: ${baseLightTheme.radii.pill};
 `;
 
 export const disabled = css`

package/commonjs/index.js

@@ -8,8 +8,6 @@ var _exportNames = {
   useSelect: true,
   useMultiselect: true,
   useTextContent: true,
-  racineLightTheme: true,
-  racineDarkTheme: true,
   Icon: true,
   Alert: true,
   Banner: true,
@@ -70,7 +68,7 @@ var _exportNames = {
   DateRangePicker: true,
   VisuallyHidden: true
 };
-exports.VisuallyHidden = exports.DateRangePicker = exports.SingleDatePicker = exports.ListboxButton = exports.MenuItemContainer = exports.MenuButtonContext = exports.MenuButton = exports.toast = exports.OverflowList = exports.Listbox = exports.Menu = exports.ToastContainer = exports.Skeleton = exports.Breadcrumb = exports.Avatar = exports.Stack = exports.Message = exports.Fieldset = exports.FormField = exports.EmptyState = exports.SegmentedControl = exports.Collapsible = exports.Numeral = exports.LoaderButton = exports.Drawer = exports.Tooltip = exports.ThemeProvider = exports.Popout = exports.Modal = exports.Tabs = exports.TokenInput = exports.Token = exports.Switch = exports.Link = exports.Button = exports.Select = exports.Input = exports.Label = exports.Box = exports.TableRowAccordion = exports.TableHeaderCell = exports.TableCell = exports.Table = exports.ChartLegend = exports.KeyboardKey = exports.Image = exports.Text = exports.Loader = exports.ToggleHint = exports.Textarea = exports.Radio = exports.Checkbox = exports.CharacterCounter = exports.Card = exports.Indicator = exports.Badge = exports.Banner = exports.Alert = exports.Icon = exports.racineDarkTheme = exports.racineLightTheme = exports.useTextContent = exports.useMultiselect = exports.useSelect = exports.disabled = exports.focusRing = exports.visuallyHidden = void 0;
+exports.VisuallyHidden = exports.DateRangePicker = exports.SingleDatePicker = exports.ListboxButton = exports.MenuItemContainer = exports.MenuButtonContext = exports.MenuButton = exports.toast = exports.OverflowList = exports.Listbox = exports.Menu = exports.ToastContainer = exports.Skeleton = exports.Breadcrumb = exports.Avatar = exports.Stack = exports.Message = exports.Fieldset = exports.FormField = exports.EmptyState = exports.SegmentedControl = exports.Collapsible = exports.Numeral = exports.LoaderButton = exports.Drawer = exports.Tooltip = exports.ThemeProvider = exports.Popout = exports.Modal = exports.Tabs = exports.TokenInput = exports.Token = exports.Switch = exports.Link = exports.Button = exports.Select = exports.Input = exports.Label = exports.Box = exports.TableRowAccordion = exports.TableHeaderCell = exports.TableCell = exports.Table = exports.ChartLegend = exports.KeyboardKey = exports.Image = exports.Text = exports.Loader = exports.ToggleHint = exports.Textarea = exports.Radio = exports.Checkbox = exports.CharacterCounter = exports.Card = exports.Indicator = exports.Badge = exports.Banner = exports.Alert = exports.Icon = exports.useTextContent = exports.useMultiselect = exports.useSelect = exports.disabled = exports.focusRing = exports.visuallyHidden = void 0;
 
 var _systemProps = require("./systemProps");
 
@@ -93,13 +91,14 @@ exports.useSelect = _hooks.useSelect;
 exports.useMultiselect = _hooks.useMultiselect;
 exports.useTextContent = _hooks.useTextContent;
 
-var _theme = _interopRequireDefault(require("./themes/baseTheme/light/theme"));
+var _baseTheme = require("./themes/baseTheme");
 
-exports.racineLightTheme = _theme.default;
-
-var _theme2 = _interopRequireDefault(require("./themes/baseTheme/dark/theme"));
-
-exports.racineDarkTheme = _theme2.default;
+Object.keys(_baseTheme).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _baseTheme[key]) return;
+  exports[key] = _baseTheme[key];
+});
 
 var _Icon = _interopRequireDefault(require("./Icon"));
 

package/commonjs/themes/baseTheme/index.js

@@ -1,14 +1,14 @@
 "use strict";
 
 exports.__esModule = true;
-exports.racineDarkTheme = exports.racineLightTheme = void 0;
+exports.baseDarkTheme = exports.baseLightTheme = void 0;
 
 var _theme = _interopRequireDefault(require("./light/theme"));
 
-exports.racineLightTheme = _theme.default;
+exports.baseLightTheme = _theme.default;
 
 var _theme2 = _interopRequireDefault(require("./dark/theme"));
 
-exports.racineDarkTheme = _theme2.default;
+exports.baseDarkTheme = _theme2.default;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/commonjs/utils/mixins.js

@@ -19,9 +19,9 @@ var svgToDataURL = function svgToDataURL(svgStr) {
 exports.svgToDataURL = svgToDataURL;
 var visuallyHidden = (0, _styledComponents.css)(["position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;"]);
 exports.visuallyHidden = visuallyHidden;
-var focusRing = (0, _styledComponents.css)(["box-shadow:0 0 0 1px ", ",0 0px 0px 4px ", ";outline:none;&::-moz-focus-inner{border:0;}"], _baseTheme.racineLightTheme.colors.button.primary.background.base, (0, _polished.transparentize)(0.7, _baseTheme.racineLightTheme.colors.button.primary.background.base));
+var focusRing = (0, _styledComponents.css)(["box-shadow:0 0 0 1px ", ",0 0px 0px 4px ", ";outline:none;&::-moz-focus-inner{border:0;}"], _baseTheme.baseLightTheme.colors.button.primary.background.base, (0, _polished.transparentize)(0.7, _baseTheme.baseLightTheme.colors.button.primary.background.base));
 exports.focusRing = focusRing;
-var pill = (0, _styledComponents.css)(["min-width:", ";min-height:", ";padding:", " ", ";border-radius:", ";"], _baseTheme.racineLightTheme.space[600], _baseTheme.racineLightTheme.space[600], _baseTheme.racineLightTheme.space[300], _baseTheme.racineLightTheme.space[350], _baseTheme.racineLightTheme.radii.pill);
+var pill = (0, _styledComponents.css)(["min-width:", ";min-height:", ";padding:", " ", ";border-radius:", ";"], _baseTheme.baseLightTheme.space[600], _baseTheme.baseLightTheme.space[600], _baseTheme.baseLightTheme.space[300], _baseTheme.baseLightTheme.space[350], _baseTheme.baseLightTheme.radii.pill);
 exports.pill = pill;
 var disabled = (0, _styledComponents.css)(["opacity:0.4;pointer-events:none;"]);
 exports.disabled = disabled;

package/lib/index.js

@@ -1,8 +1,7 @@
 export * from "./systemProps";
 export { visuallyHidden, focusRing, disabled } from "./utils/mixins";
 export { useSelect, useMultiselect, useTextContent } from "./utils/hooks";
-export { default as racineLightTheme } from "./themes/baseTheme/light/theme";
-export { default as racineDarkTheme } from "./themes/baseTheme/dark/theme";
+export * from "./themes/baseTheme";
 export { default as Icon } from "./Icon"; // DEPRECATED: Alert has been renamed to Banner
 
 export { default as Alert } from "./Banner";

package/lib/themes/baseTheme/index.js

@@ -1,2 +1,2 @@
-export { default as racineLightTheme } from "./light/theme";
-export { default as racineDarkTheme } from "./dark/theme";
+export { default as baseLightTheme } from "./light/theme";
+export { default as baseDarkTheme } from "./dark/theme";

package/lib/utils/mixins.js

@@ -1,5 +1,5 @@
 import { css } from "styled-components";
-import { racineLightTheme } from "../themes/baseTheme";
+import { baseLightTheme } from "../themes/baseTheme";
 import { transparentize } from "polished";
 export var svgToDataURL = function svgToDataURL(svgStr) {
   var encoded = encodeURIComponent(svgStr).replace(/'/g, "%27").replace(/"/g, "%22");
@@ -8,6 +8,6 @@ export var svgToDataURL = function svgToDataURL(svgStr) {
   return dataUrl;
 };
 export var visuallyHidden = css(["position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;"]);
-export var focusRing = css(["box-shadow:0 0 0 1px ", ",0 0px 0px 4px ", ";outline:none;&::-moz-focus-inner{border:0;}"], racineLightTheme.colors.button.primary.background.base, transparentize(0.7, racineLightTheme.colors.button.primary.background.base));
-export var pill = css(["min-width:", ";min-height:", ";padding:", " ", ";border-radius:", ";"], racineLightTheme.space[600], racineLightTheme.space[600], racineLightTheme.space[300], racineLightTheme.space[350], racineLightTheme.radii.pill);
+export var focusRing = css(["box-shadow:0 0 0 1px ", ",0 0px 0px 4px ", ";outline:none;&::-moz-focus-inner{border:0;}"], baseLightTheme.colors.button.primary.background.base, transparentize(0.7, baseLightTheme.colors.button.primary.background.base));
+export var pill = css(["min-width:", ";min-height:", ";padding:", " ", ";border-radius:", ";"], baseLightTheme.space[600], baseLightTheme.space[600], baseLightTheme.space[300], baseLightTheme.space[350], baseLightTheme.radii.pill);
 export var disabled = css(["opacity:0.4;pointer-events:none;"]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/racine",
-  "version": "11.2.2-beta.2",
+  "version": "11.2.2-beta.3",
   "license": "MIT",
   "files": [
     "__flow__",