@planningcenter/tapestry-react 0.0.1-alpha.0 → 1.2.0

package/dist/cjs/ActionsDropdown/ActionsDropdown.js

@@ -38,13 +38,13 @@ function ActionsDropdown(_ref) {
       duplicates = _ref.duplicates,
       _ref$duplicatesButton = _ref.duplicatesButtonProps,
       duplicatesButtonProps = _ref$duplicatesButton === void 0 ? {
-    color: 'white',
-    backgroundColor: 'hsl(25deg 79% 57%)',
+    backgroundColor: 'hsl(42deg 87% 94%)',
+    color: 'hsl(0deg 0% 24%)',
     hover: {
-      backgroundColor: 'hsl(25deg 80% 54%)'
+      backgroundColor: 'hsl(42deg 87% 90%)'
     },
     active: {
-      backgroundColor: 'hsl(25deg 82% 51%)'
+      backgroundColor: 'hsl(42deg 87% 87%)'
     }
   } : _ref$duplicatesButton,
       inactive = _ref.inactive,
@@ -61,8 +61,9 @@ function ActionsDropdown(_ref) {
   return /*#__PURE__*/React.createElement(_Dropdown["default"], (0, _extends2["default"])({
     title: "Actions",
     iconLeft: hasDuplicates || hasInactiveDate ? {
+      color: hasDuplicates ? '#E6A714' : 'white',
       name: hasDuplicates ? 'exclamation-triangle-filled' : 'inactive',
-      size: 'lg'
+      size: 'md'
     } : undefined,
     fontSize: "14px",
     fontWeight: 400,
@@ -78,9 +79,9 @@ function ActionsDropdown(_ref) {
     padding: 2,
     spacing: 1
   }, /*#__PURE__*/React.createElement(_Icon["default"], {
-    name: "exclamation-triangle-filled",
-    color: "#e8833a",
-    marginTop: "3px"
+    color: "#E6A714",
+    marginTop: "3px",
+    name: "exclamation-triangle-filled"
   }), /*#__PURE__*/React.createElement(_Text["default"], {
     size: 4
   }, "There ", duplicates.amount > 1 ? 'are' : 'is', " ", duplicates.amount, ' ', "potential ", duplicates.amount > 1 ? 'duplicates' : 'duplicate', " for this profile.", ' ', isBelowManager ? "An administrator can resolve " + (duplicates.amount > 1 ? "them" : "it") + " in People." : /*#__PURE__*/React.createElement(_Link["default"], duplicates.linkProps, isPeopleProduct ? 'Review' : 'Review in People'))), /*#__PURE__*/React.createElement(_Divider["default"], null)) : null, hasInactiveDate ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_StackView["default"], {

package/dist/cjs/Button/Button.js

@@ -233,13 +233,13 @@ function Button(_ref) {
     if (icon && !(title || tooltip && tooltip.title)) {
       var _useAccessibilityViol = (0, _useAccessibilityViolation.useAccessibilityViolation)( /*#__PURE__*/React.createElement(React.Fragment, null, "Icon only buttons must define either a", ' ', /*#__PURE__*/React.createElement(_Link["default"], {
         external: true,
-        to: "https://ministrycentered.github.io/ui-kit/button#tooltip",
+        to: "https://ministrycentered.github.io/tapestry-react/button#tooltip",
         weight: 700
       }, "tooltip"), ' ', "or", ' ', /*#__PURE__*/React.createElement(_Link["default"], {
         external: true,
-        to: "https://ministrycentered.github.io/ui-kit/button#title",
+        to: "https://ministrycentered.github.io/tapestry-react/button#title",
         weight: 700
-      }, "title"), ' ', "prop."), "UIKit: <Button/> icon only buttons must define either a \"tooltip\" or \"title\" prop for proper accessibility."),
+      }, "title"), ' ', "prop."), "Tapestry-React: <Button/> icon only buttons must define either a \"tooltip\" or \"title\" prop for proper accessibility."),
           tooltipProps = _useAccessibilityViol.tooltipProps,
           wrapperProps = _useAccessibilityViol.wrapperProps;
 
@@ -248,7 +248,7 @@ function Button(_ref) {
     }
 
     if (restProps['type'] === 'submit') {
-      throw Error("UIKit: <Button/> does not support type=\"submit\" please add an explicit onClick handler.");
+      throw Error("Tapestry-React: <Button/> does not support type=\"submit\" please add an explicit onClick handler.");
     }
   }
 

package/dist/cjs/Checkbox/Checkbox.js

@@ -78,9 +78,9 @@ function Checkbox(_ref) {
 
     var _useAccessibilityViol = (0, _useAccessibilityViolation.useAccessibilityViolation)( /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "Checkbox must define a", ' ', /*#__PURE__*/_react["default"].createElement(_Link["default"], {
       external: true,
-      to: "https://ministrycentered.github.io/ui-kit/checkbox#label",
+      to: "https://ministrycentered.github.io/tapestry-react/checkbox#label",
       weight: 700
-    }, "label"), ' ', "through props or a parent element that is a label."), "UIKit: <Checkbox/> must define a \"label\" prop or have a parent that renders a label for proper accessibility."),
+    }, "label"), ' ', "through props or a parent element that is a label."), "Tapestry-React: <Checkbox/> must define a \"label\" prop or have a parent that renders a label for proper accessibility."),
         tooltipProps = _useAccessibilityViol.tooltipProps,
         wrapperProps = _useAccessibilityViol.wrapperProps;
 

package/dist/cjs/DataTable/DataTable.js

@@ -205,7 +205,7 @@ var DataTable = function DataTable(props) {
     style: isLoadingOrEmpty ? {
       display: 'none'
     } : undefined,
-    className: "uikit-reset " + css({
+    className: "tapestry-react-reset " + css({
       position: 'relative'
     })
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -226,7 +226,7 @@ var DataTable = function DataTable(props) {
       column: column,
       columnIndex: columnIndex,
       columnSort: columnSort,
-      className: "uikit-reset " + css([].concat(cellVariantClassName, [column.css]))
+      className: "tapestry-react-reset " + css([].concat(cellVariantClassName, [column.css]))
     });
   }))), bodyToRender, hasFooterColumns && /*#__PURE__*/_react["default"].createElement("div", {
     ref: footerRef,
@@ -244,7 +244,7 @@ var DataTable = function DataTable(props) {
       key: columnIndex,
       role: "cell",
       ref: getColumnRef(columnIndex + "." + (data.length + 1)),
-      className: "uikit-reset " + css([].concat(cellVariantClassName, [column.css]))
+      className: "tapestry-react-reset " + css([].concat(cellVariantClassName, [column.css]))
     }, typeof column.footer === 'string' || /*#__PURE__*/_react["default"].isValidElement(column.footer) ? column.footer : column.footer ? /*#__PURE__*/_react["default"].createElement(column.footer, {
       columnIndex: columnIndex
     }) : null);

package/dist/cjs/DataTable/components/BodyRows.js

@@ -57,7 +57,7 @@ function BodyRows(_ref) {
           ref: getColumnRef(columnIndex + "." + (rowIndex + 1)) // offset by 1 to account for header row
           ,
           role: "cell",
-          className: "uikit-reset " + css([].concat(cellVariantStyles, [column.css]))
+          className: "tapestry-react-reset " + css([].concat(cellVariantStyles, [column.css]))
         }, (0, _utils.getCell)(column.cell, {
           columnIndex: columnIndex,
           rowData: rowData,
@@ -83,7 +83,7 @@ function BodyRows(_ref) {
       rowIndex: rowIndex,
       keyboardShortcuts: keyboardShortcuts,
       onRowClick: onRowClick,
-      className: "uikit-reset " + css(rowVariantClassName)
+      className: "tapestry-react-reset " + css(rowVariantClassName)
     }, (0, _utils.getRowLinkProps)({
       getRowLink: getRowLink,
       data: rowData,

package/dist/cjs/DataTable/components/BodySubRows.js

@@ -71,7 +71,7 @@ var BodySubRows = function BodySubRows(_ref2) {
       rowIndex: rowIndex,
       keyboardShortcuts: keyboardShortcuts,
       onRowClick: onRowClick,
-      className: "uikit-reset " + css(rowVariantClassName)
+      className: "tapestry-react-reset " + css(rowVariantClassName)
     }, (0, _utils.getRowLinkProps)({
       getRowLink: getRowLink,
       data: rowData,
@@ -90,7 +90,7 @@ var BodySubRows = function BodySubRows(_ref2) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: columnIndex,
         ref: getColumnRef(columnIndex + "." + (parentRowIndex + 1) + "." + rowIndex),
-        className: "uikit-reset " + css([].concat(cellVariantClassName, [column.css]))
+        className: "tapestry-react-reset " + css([].concat(cellVariantClassName, [column.css]))
       }, (0, _utils.getCell)(column.subCell !== undefined ? column.subCell : column.cell, {
         columnIndex: columnIndex,
         rowData: rowData,

package/dist/cjs/DataTable/components/CheckboxCell.js

@@ -27,12 +27,12 @@ var initialStyles = {
   flexShrink: 0,
   outline: 0,
   cursor: 'pointer',
-  ' .ui-kit-Checkbox-Fill ': {
+  ' .tapestry-react-Checkbox-Fill ': {
     transform: 'scale(1)',
     transformOrigin: 'center center',
     transition: 'all 180ms ease-out'
   },
-  ' .ui-kit-Checkbox-Minus, .ui-kit-Checkbox-Checked ': {
+  ' .tapestry-react-Checkbox-Minus, .tapestry-react-Checkbox-Checked ': {
     fill: '#fff',
     visibility: 'hidden',
     transform: 'scale(0)',
@@ -40,21 +40,21 @@ var initialStyles = {
     transition: 'all 180ms ease-out'
   },
   ' &:hover, &:focus ': {
-    ' .ui-kit-Checkbox-Fill ': {
+    ' .tapestry-react-Checkbox-Fill ': {
       transform: 'scale(1.125)'
     }
   },
   ' &:active ': {
-    ' .ui-kit-Checkbox-Fill ': {
+    ' .tapestry-react-Checkbox-Fill ': {
       transform: 'scale(1)'
     }
   }
 };
 var checkedStyles = {
-  ' .ui-kit-Checkbox-Checked ': scaleStyles
+  ' .tapestry-react-Checkbox-Checked ': scaleStyles
 };
 var indeterminateStyles = {
-  ' .ui-kit-Checkbox-Minus ': scaleStyles
+  ' .tapestry-react-Checkbox-Minus ': scaleStyles
 };
 
 function CheckboxCell(_ref) {
@@ -96,19 +96,19 @@ function CheckboxCell(_ref) {
     onKeyDown: function onKeyDown(event) {
       return event.key === ' ' && handleChange(event);
     },
-    className: "uikit-reset ui-kit-Checkbox",
+    className: "tapestry-react-reset tapestry-react-Checkbox",
     css: cssStyles
   }, /*#__PURE__*/_react["default"].createElement(_Icon["default"].Path, {
     name: iconPaths.fill,
-    className: "uikit-reset ui-kit-Checkbox-Fill",
+    className: "tapestry-react-reset tapestry-react-Checkbox-Fill",
     fill: checked || indeterminate ? 'primary' : 'surfaceTertiary',
     stroke: checked || indeterminate ? 'primary' : 'separatorSecondary'
   }), /*#__PURE__*/_react["default"].createElement(_Icon["default"].Path, {
     name: iconPaths.minus,
-    className: "uikit-reset ui-kit-Checkbox-Minus"
+    className: "tapestry-react-reset tapestry-react-Checkbox-Minus"
   }), /*#__PURE__*/_react["default"].createElement(_Icon["default"].Path, {
     name: iconPaths.checked,
-    className: "uikit-reset ui-kit-Checkbox-Checked"
+    className: "tapestry-react-reset tapestry-react-Checkbox-Checked"
   }));
 }
 

package/dist/cjs/DataTable/components/Icon.js

@@ -45,7 +45,7 @@ function Icon(_ref) {
     width: iconSize,
     height: iconSize,
     fill: themeColor,
-    className: "uikit-reset",
+    className: "tapestry-react-reset",
     children: childrenToRender
   }, props));
 }

package/dist/cjs/NumberField/NumberField.js

@@ -139,12 +139,25 @@ var NumberField = /*#__PURE__*/function (_Component) {
           maxValue = _this$getParsedValues5.maxValue;
 
       if (_this.props.pad) {
-        var targetValue = event.target.value === '' ? event.target.value : parseFloat(event.target.value);
+        var deleteKeyPressed = event.target.value === '';
+        var targetValue = deleteKeyPressed ? event.target.value : parseFloat(event.target.value);
 
-        if (targetValue !== '') {
-          var nextValue = _this.clampValue(targetValue);
+        if (deleteKeyPressed) {
+          var nextValue = ("" + _this.props.value).slice(0, -1);
 
-          if (_this.props.moveFocusOnMax && nextValue / maxValue > 0.1) {
+          _this.props.onChange((0, _utils.padNumber)(nextValue, _this.props.pad));
+        } else {
+          var _nextValue = _this.clampValue(targetValue);
+
+          var paddedValue = parseFloat("" + _this.props.value + targetValue);
+
+          if (!_this.firstTouch && !isNaN(targetValue) && _this.isValueValid(paddedValue)) {
+            _nextValue = paddedValue;
+          }
+
+          _this.firstTouch = false;
+
+          if (_this.props.moveFocusOnMax && _nextValue / maxValue > 0.1) {
             var _getTabbableSiblings = (0, _utils.getTabbableSiblings)(event.target),
                 next = _getTabbableSiblings.next;
 
@@ -155,11 +168,7 @@ var NumberField = /*#__PURE__*/function (_Component) {
             }
           }
 
-          _this.firstTouch = false;
-
-          _this.changeIfValid(nextValue);
-        } else {
-          _this.props.onChange('');
+          _this.changeIfValid(_nextValue);
         }
       } else {
         _this.props.onChange(event.target.value);
@@ -222,7 +231,7 @@ var NumberField = /*#__PURE__*/function (_Component) {
       textOverflow: undefined,
       autoComplete: 'off',
       value: numberValue,
-      highlightOnInteraction: highlightOnInteraction,
+      highlightOnInteraction: highlightOnInteraction || pad,
       onBlur: this.handleBlur,
       onInput: this.handleInput,
       onKeyDown: this.handleKeyDown

package/dist/cjs/Page/PageActions.js

@@ -13,7 +13,12 @@ var _StackView = _interopRequireDefault(require("../StackView"));
 
 function PageActions(props) {
   return /*#__PURE__*/_react["default"].createElement(_StackView["default"], (0, _extends2["default"])({
+    alignment: "center",
+    alignSelf: "end",
     axis: "horizontal",
+    distribution: "end",
+    flex: "1",
+    paddingBottom: 2,
     spacing: 1
   }, props));
 }

package/dist/cjs/Page/PageHeader.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -11,37 +9,35 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _system = require("../system");
 
 var _StackView = _interopRequireDefault(require("../StackView"));
 
-var _PageTabList = require("./PageTabList");
-
 function PageHeader(_ref) {
   var children = _ref.children,
       toolbar = _ref.toolbar,
       restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["children", "toolbar"]);
   var themeProps = (0, _system.useThemeValue)('pageHeader');
-  var tabsPresent = toolbar ? _react.Children.toArray(toolbar.props.children).some(function (child) {
-    return child && child.type.displayName === _PageTabList.PAGE_TABLIST_DISPLAY_NAME;
-  }) : false;
-  var childrenToRender = toolbar ? children ? _react.Children.toArray([/*#__PURE__*/_react["default"].createElement(_StackView["default"], {
-    axis: "horizontal",
-    alignment: "center",
-    width: "100%"
-  }, children), toolbar]) : toolbar : children;
   return /*#__PURE__*/_react["default"].createElement(_StackView["default"], (0, _extends2["default"])({
     as: "header",
-    axis: children && toolbar ? 'vertical' : 'horizontal',
-    alignment: children && toolbar ? 'start' : 'center',
-    paddingHorizontal: 3,
-    paddingTop: 1.5,
-    paddingBottom: tabsPresent ? null : 1.5,
-    spacing: 1.5,
-    backgroundColor: "primary-light"
-  }, themeProps, restProps), childrenToRender);
+    axis: "vertical",
+    backgroundColor: "primary-light",
+    paddingHorizontal: 2,
+    minHeight: 8,
+    mediaQueries: {
+      sm: {
+        paddingHorizontal: 3
+      }
+    },
+    spacing: 0
+  }, themeProps, restProps), children && /*#__PURE__*/_react["default"].createElement(_StackView["default"], {
+    alignment: "center",
+    axis: "horizontal",
+    paddingTop: 2,
+    width: "100%"
+  }, children), toolbar);
 }
 
 var _default = PageHeader;

package/dist/cjs/Page/PageTab.js

@@ -11,10 +11,19 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Tab = _interopRequireDefault(require("../Tab"));
 
+var _system = require("../system");
+
 function PageTab(props) {
-  return /*#__PURE__*/_react["default"].createElement(_Tab["default"], (0, _extends2["default"])({}, props, {
+  var themeProps = (0, _system.useThemeValue)('pageTab');
+  return /*#__PURE__*/_react["default"].createElement(_Tab["default"], (0, _extends2["default"])({
+    mediaQueries: {
+      sm: {
+        paddingHorizontal: 3
+      }
+    },
+    paddingHorizontal: 1.5,
     size: "lg"
-  }));
+  }, themeProps, props));
 }
 
 var _default = PageTab;

package/dist/cjs/Page/PageTabList.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports["default"] = exports.PAGE_TABLIST_DISPLAY_NAME = void 0;
+exports["default"] = PageTabList;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -11,16 +11,11 @@ var _react = _interopRequireDefault(require("react"));
 
 var _StackView = _interopRequireDefault(require("../StackView"));
 
-var PAGE_TABLIST_DISPLAY_NAME = 'PageTabList';
-exports.PAGE_TABLIST_DISPLAY_NAME = PAGE_TABLIST_DISPLAY_NAME;
-
 function PageTabList(props) {
   return /*#__PURE__*/_react["default"].createElement(_StackView["default"], (0, _extends2["default"])({
     axis: "horizontal",
-    spacing: 0.5
+    paddingTop: 2,
+    spacing: 0.5,
+    alignSelf: "end"
   }, props));
-}
-
-PageTabList.displayName = PAGE_TABLIST_DISPLAY_NAME;
-var _default = PageTabList;
-exports["default"] = _default;
+}

package/dist/cjs/Page/PageTitle.js

@@ -16,8 +16,9 @@ var _Heading = _interopRequireDefault(require("../Heading"));
 function PageTitle(props) {
   var themeProps = (0, _system.useThemeValue)('pageTitle');
   return /*#__PURE__*/_react["default"].createElement(_Heading["default"], (0, _extends2["default"])({
-    level: 2,
-    color: "white"
+    color: "white",
+    fontSize: "25px",
+    level: 2
   }, themeProps, props));
 }
 

package/dist/cjs/Page/PageToolbar.js

@@ -5,18 +5,42 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _StackView = _interopRequireDefault(require("../StackView"));
 
+var _system = require("../system");
+
 function PageToolbar(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/_react["default"].createElement(_StackView["default"], {
-    grow: 1,
+  var _mediaQueries;
+
+  var stackBelow = _ref.stackBelow,
+      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["stackBelow"]);
+  var themeBreakpoints = (0, _system.useThemeValue)('breakpoints');
+  var breakpoint = Object.keys(themeBreakpoints).includes(stackBelow) ? stackBelow : 'sm';
+  var stackProps = stackBelow ? {
+    axis: 'vertical',
+    alignment: 'stretch',
+    spacing: 2,
+    mediaQueries: (_mediaQueries = {}, _mediaQueries[breakpoint] = {
+      axis: 'horizontal',
+      alignment: 'center',
+      paddingBottom: 0,
+      spacing: 0
+    }, _mediaQueries)
+  } : null;
+  return /*#__PURE__*/_react["default"].createElement(_StackView["default"], (0, _extends2["default"])({
+    alignment: "center",
     axis: "horizontal",
-    alignment: "start",
-    distribution: "space-between"
-  }, children);
+    distribution: "space-between",
+    flex: 1,
+    spacing: 2,
+    width: "100%"
+  }, stackProps, restProps));
 }
 
 var _default = PageToolbar;

package/dist/cjs/Radio/Radio.js

@@ -109,7 +109,7 @@ function Radio(_ref) {
     zIndex: 0,
     opacity: 0
   }), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
-    className: "ui-kit-Radio-Icon",
+    className: "tapestry-react-Radio-Icon",
     size: size
   }, /*#__PURE__*/_react["default"].createElement(_Icon["default"].Path, {
     name: iconPaths.fill,

package/dist/cjs/ThemeProvider/ThemeProvider.js

@@ -35,9 +35,9 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var STORAGE_KEY = 'ui-kit-theme';
+var STORAGE_KEY = 'tapestry-react-theme';
 var cache = (0, _cache["default"])({
-  key: 'uikit',
+  key: 'tapestry-react',
   prefix: function prefix(key) {
     switch (key) {
       case 'appearance':

package/dist/cjs/ThemeProvider/styles.js

@@ -15,7 +15,7 @@ var getRootStyles = function getRootStyles(styles) {
 };
 
 var setRootStyles = function setRootStyles(styles) {
-  var styleElement = document.getElementById('uikit-style');
+  var styleElement = document.getElementById('tapestry-react-style');
   var sheet = styleElement.sheet;
   var styleString = getRootStyles(styles);
   sheet.deleteRule(0);
@@ -25,16 +25,16 @@ var setRootStyles = function setRootStyles(styles) {
 exports.setRootStyles = setRootStyles;
 var defaultColorProperties = (0, _utils.objectToCSSProperties)('colors', (0, _system.flattenPalette)(_system.defaultTheme.colors));
 exports.defaultColorProperties = defaultColorProperties;
-var styleReset = ("\n" + getRootStyles(defaultColorProperties) + "\n\n.uikit-reset {\n  appearance: none;\n  box-sizing: border-box;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';\n  font-weight: 400;\n  text-decoration: none;\n  flex: 0 0 auto;\n  min-width: 0px;\n  min-height: 0px;\n  padding: 0px;\n  margin: 0px;\n  border: 0px solid transparent;\n  background-color: transparent;\n  color: inherit;\n}\n\n.uikit-reset::-moz-focus-inner {\n  padding: 0px;\n  border: 0px;\n}\n\n.uikit-reset:focus:not(.focus-visible) {\n  outline: 0px;\n}\n" // minify string
+var styleReset = ("\n" + getRootStyles(defaultColorProperties) + "\n\n.tapestry-react-reset {\n  appearance: none;\n  box-sizing: border-box;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';\n  font-weight: 400;\n  text-decoration: none;\n  flex: 0 0 auto;\n  min-width: 0px;\n  min-height: 0px;\n  padding: 0px;\n  margin: 0px;\n  border: 0px solid transparent;\n  background-color: transparent;\n  color: inherit;\n}\n\n.tapestry-react-reset::-moz-focus-inner {\n  padding: 0px;\n  border: 0px;\n}\n\n.tapestry-react-reset:focus:not(.focus-visible) {\n  outline: 0px;\n}\n" // minify string
 ).replace(/\n/g, '').replace(/\s\s+/g, ' '); // we use our own global style implementation in place of Emotion Global
 // so we can have more control over when styles are injected since multiple
 // Providers can be used on a page
 
 exports.styleReset = styleReset;
 
-if (typeof window !== 'undefined' && !document.getElementById('uikit-style')) {
+if (typeof window !== 'undefined' && !document.getElementById('tapestry-react-style')) {
   var styleElement = document.createElement('style');
-  styleElement.id = 'uikit-style';
+  styleElement.id = 'tapestry-react-style';
   styleElement.innerHTML = styleReset;
   document.head.insertAdjacentElement('afterbegin', styleElement);
 }

package/dist/cjs/server.js

@@ -10,7 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _ThemeProvider = _interopRequireDefault(require("./ThemeProvider"));
 
 var styleElement = /*#__PURE__*/_react["default"].createElement("style", {
-  id: "uikit-style",
+  id: "tapestry-react-style",
   dangerouslySetInnerHTML: {
     __html: _ThemeProvider["default"].styleReset
   }

package/dist/cjs/system/split-styles.js

@@ -46,7 +46,7 @@ function _default(_ref) {
   }
 
   return _objectSpread(_objectSpread({}, restProps), {}, {
-    className: className ? "uikit-reset " + className : "uikit-reset",
+    className: className ? "tapestry-react-reset " + className : "tapestry-react-reset",
     css: function css(theme) {
       var propStyles = {};
 

package/dist/esm/ActionsDropdown/ActionsDropdown.js

@@ -12,9 +12,9 @@ import Text from '../Text';
 import { cloneChildren } from '../utils';
 
 var _ref2 = /*#__PURE__*/React.createElement(Icon, {
-  name: "exclamation-triangle-filled",
-  color: "#e8833a",
-  marginTop: "3px"
+  color: "#E6A714",
+  marginTop: "3px",
+  name: "exclamation-triangle-filled"
 });
 
 var _ref3 = /*#__PURE__*/React.createElement(Divider, null);
@@ -52,13 +52,13 @@ export function ActionsDropdown(_ref) {
       duplicates = _ref.duplicates,
       _ref$duplicatesButton = _ref.duplicatesButtonProps,
       duplicatesButtonProps = _ref$duplicatesButton === void 0 ? {
-    color: 'white',
-    backgroundColor: 'hsl(25deg 79% 57%)',
+    backgroundColor: 'hsl(42deg 87% 94%)',
+    color: 'hsl(0deg 0% 24%)',
     hover: {
-      backgroundColor: 'hsl(25deg 80% 54%)'
+      backgroundColor: 'hsl(42deg 87% 90%)'
     },
     active: {
-      backgroundColor: 'hsl(25deg 82% 51%)'
+      backgroundColor: 'hsl(42deg 87% 87%)'
     }
   } : _ref$duplicatesButton,
       inactive = _ref.inactive,
@@ -75,8 +75,9 @@ export function ActionsDropdown(_ref) {
   return /*#__PURE__*/React.createElement(Dropdown, _extends({
     title: "Actions",
     iconLeft: hasDuplicates || hasInactiveDate ? {
+      color: hasDuplicates ? '#E6A714' : 'white',
       name: hasDuplicates ? 'exclamation-triangle-filled' : 'inactive',
-      size: 'lg'
+      size: 'md'
     } : undefined,
     fontSize: "14px",
     fontWeight: 400,

package/dist/esm/Button/Button.js

@@ -19,13 +19,13 @@ import Input from './Input';
 
 var _ref2 = /*#__PURE__*/React.createElement(Link, {
   external: true,
-  to: "https://ministrycentered.github.io/ui-kit/button#tooltip",
+  to: "https://ministrycentered.github.io/tapestry-react/button#tooltip",
   weight: 700
 }, "tooltip");
 
 var _ref3 = /*#__PURE__*/React.createElement(Link, {
   external: true,
-  to: "https://ministrycentered.github.io/ui-kit/button#title",
+  to: "https://ministrycentered.github.io/tapestry-react/button#title",
   weight: 700
 }, "title");
 
@@ -224,7 +224,7 @@ export function Button(_ref) {
 
   if (process.env.NODE_ENV !== 'production') {
     if (icon && !(title || tooltip && tooltip.title)) {
-      var _useAccessibilityViol = useAccessibilityViolation( /*#__PURE__*/React.createElement(React.Fragment, null, "Icon only buttons must define either a", ' ', _ref2, ' ', "or", ' ', _ref3, ' ', "prop."), "UIKit: <Button/> icon only buttons must define either a \"tooltip\" or \"title\" prop for proper accessibility."),
+      var _useAccessibilityViol = useAccessibilityViolation( /*#__PURE__*/React.createElement(React.Fragment, null, "Icon only buttons must define either a", ' ', _ref2, ' ', "or", ' ', _ref3, ' ', "prop."), "Tapestry-React: <Button/> icon only buttons must define either a \"tooltip\" or \"title\" prop for proper accessibility."),
           tooltipProps = _useAccessibilityViol.tooltipProps,
           wrapperProps = _useAccessibilityViol.wrapperProps;
 
@@ -233,7 +233,7 @@ export function Button(_ref) {
     }
 
     if (restProps['type'] === 'submit') {
-      throw Error("UIKit: <Button/> does not support type=\"submit\" please add an explicit onClick handler.");
+      throw Error("Tapestry-React: <Button/> does not support type=\"submit\" please add an explicit onClick handler.");
     }
   }
 

package/dist/esm/Checkbox/Checkbox.js

@@ -20,7 +20,7 @@ var iconPaths = {
 
 var _ref2 = /*#__PURE__*/React.createElement(Link, {
   external: true,
-  to: "https://ministrycentered.github.io/ui-kit/checkbox#label",
+  to: "https://ministrycentered.github.io/tapestry-react/checkbox#label",
   weight: 700
 }, "label");
 
@@ -60,7 +60,7 @@ function Checkbox(_ref) {
         needsParentLabel = _useState3[0],
         setNeedsParentLabel = _useState3[1];
 
-    var _useAccessibilityViol = useAccessibilityViolation( /*#__PURE__*/React.createElement(React.Fragment, null, "Checkbox must define a", ' ', _ref2, ' ', "through props or a parent element that is a label."), "UIKit: <Checkbox/> must define a \"label\" prop or have a parent that renders a label for proper accessibility."),
+    var _useAccessibilityViol = useAccessibilityViolation( /*#__PURE__*/React.createElement(React.Fragment, null, "Checkbox must define a", ' ', _ref2, ' ', "through props or a parent element that is a label."), "Tapestry-React: <Checkbox/> must define a \"label\" prop or have a parent that renders a label for proper accessibility."),
         tooltipProps = _useAccessibilityViol.tooltipProps,
         wrapperProps = _useAccessibilityViol.wrapperProps;