@deque/cauldron-react 5.7.0 → 5.7.1-canary.37a98eb4

package/lib/clock.js

@@ -0,0 +1,24 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var React = require('react');
+var React__default = _interopDefault(React);
+
+var _path;
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const SvgClock = props => /*#__PURE__*/React.createElement("svg", _extends({
+  overflow: "visible",
+  preserveAspectRatio: "none",
+  viewBox: "0 0 72 72",
+  height: 24,
+  width: 24
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  d: "M65.25 36c0 16.154-13.096 29.25-29.25 29.25S6.75 52.154 6.75 36 19.846 6.75 36 6.75 65.25 19.846 65.25 36zM0 36c0 19.882 16.118 36 36 36s36-16.118 36-36S55.882 0 36 0 0 16.118 0 36zm32.625-19.125V36a3.39 3.39 0 0 0 1.505 2.813l13.5 9a3.367 3.367 0 0 0 4.682-.943 3.364 3.364 0 0 0-.942-4.682L39.375 34.2V16.875A3.367 3.367 0 0 0 36 13.5a3.367 3.367 0 0 0-3.375 3.375z",
+  fill: "currentColor",
+  vectorEffect: "non-scaling-stroke"
+})));
+
+exports.default = SvgClock;

package/lib/components/Icon/types.d.ts

@@ -2,6 +2,6 @@
  * GENERATED CODE. DO NOT EDIT DIRECTLY!
  */
 /** IconType represents each valid icon type. */
-export declare type IconType = 'add-user' | 'arrow-circle-up' | 'arrow-circle-down' | 'arrow-circle-left' | 'arrow-circle-right' | 'arrow-up' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrows-alt' | 'bolt' | 'caution' | 'check-circle' | 'check-shield' | 'check-solid' | 'check' | 'checkbox-checked' | 'checkbox-unchecked' | 'chevron-double-up' | 'chevron-double-down' | 'chevron-double-left' | 'chevron-double-right' | 'chevron-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'clipboard' | 'close' | 'code' | 'copy' | 'download' | 'dropper' | 'exchange' | 'export-solid' | 'external-link' | 'eye' | 'filter-solid' | 'filter' | 'flag' | 'gears' | 'github' | 'grid' | 'hamburger-menu' | 'hashtag' | 'highlight' | 'info-circle-alt' | 'info-circle' | 'info-square' | 'kabob' | 'link' | 'linkedin' | 'list' | 'lock' | 'magnifying-glass' | 'menu' | 'minus' | 'new-releases' | 'new' | 'no' | 'pencil' | 'person-running' | 'play' | 'plus' | 'question-circle-alt' | 'question-circle' | 'radio-checked' | 'radio-unchecked' | 'recycle-square' | 'recycle' | 'resend' | 'robot' | 'run-again' | 'save' | 'share-nodes' | 'share' | 'sort-triangle' | 'sort' | 'star' | 'sun' | 'table-sort-ascending' | 'table-sort-descending' | 'tag' | 'target' | 'trash' | 'triangle-up' | 'triangle-down' | 'triangle-left' | 'triangle-right' | 'twitter' | 'upload';
+export declare type IconType = 'add-user' | 'arrow-circle-up' | 'arrow-circle-down' | 'arrow-circle-left' | 'arrow-circle-right' | 'arrow-up' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrows-alt' | 'bolt' | 'caution' | 'check-circle' | 'check-shield' | 'check-solid' | 'check' | 'checkbox-checked' | 'checkbox-unchecked' | 'chevron-double-up' | 'chevron-double-down' | 'chevron-double-left' | 'chevron-double-right' | 'chevron-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'clipboard' | 'clock' | 'close' | 'code' | 'copy' | 'download' | 'dropper' | 'exchange' | 'export-solid' | 'external-link' | 'eye' | 'filter-solid' | 'filter' | 'flag' | 'gears' | 'github' | 'grid' | 'hamburger-menu' | 'hashtag' | 'highlight' | 'info-circle-alt' | 'info-circle' | 'info-square' | 'kabob' | 'link' | 'linkedin' | 'list' | 'lock' | 'magnifying-glass' | 'menu' | 'minus' | 'new-releases' | 'new' | 'no' | 'pencil' | 'person-running' | 'play' | 'plus' | 'question-circle-alt' | 'question-circle' | 'radio-checked' | 'radio-unchecked' | 'recycle-square' | 'recycle' | 'resend' | 'robot' | 'run-again' | 'save' | 'share-nodes' | 'share' | 'sort-triangle' | 'sort' | 'star' | 'sun' | 'table-sort-ascending' | 'table-sort-descending' | 'tag' | 'target' | 'trash' | 'triangle-up' | 'triangle-down' | 'triangle-left' | 'triangle-right' | 'twitter' | 'upload';
 /** iconTypes holds each valid icon type. */
 export declare const iconTypes: string[];

package/lib/components/Pagination/Pagination.d.ts

@@ -5,7 +5,7 @@ interface Props extends React.HTMLAttributes<HTMLDivElement> {
     totalItems: number;
     itemsPerPage?: number;
     currentPage?: number;
-    statusLabel?: React.ReactNode;
+    statusLabel?: ContentNode;
     firstPageLabel?: ContentNode;
     previousPageLabel?: ContentNode;
     nextPageLabel?: ContentNode;

package/lib/contexts/theme.d.ts

@@ -1,11 +1,18 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+declare type Theme = 'light' | 'dark';
 interface ProviderProps {
     children: React.ReactNode;
     context?: HTMLElement;
-    initialTheme?: string;
+    initialTheme?: Theme;
 }
-declare const ThemeContext: React.Context<{}>;
+interface State {
+    theme: Theme;
+}
+interface Methods {
+    toggleTheme: () => void;
+}
+declare const ThemeContext: React.Context<State & Methods>;
 declare const ThemeProvider: {
     ({ children, context, initialTheme }: ProviderProps): JSX.Element;
     propTypes: {
@@ -13,5 +20,5 @@ declare const ThemeProvider: {
         initialTheme: PropTypes.Requireable<string>;
     };
 };
-declare function useThemeContext(): {};
+declare function useThemeContext(): State & Methods;
 export { ThemeContext, ThemeProvider, useThemeContext };

package/lib/index.js

@@ -149,6 +149,7 @@ var iconTypes = [
     'chevron-left',
     'chevron-right',
     'clipboard',
+    'clock',
     'close',
     'code',
     'copy',
@@ -231,6 +232,7 @@ function __variableDynamicImportRuntime0__(path) {
     case './icons/chevron-double.svg': return Promise.resolve().then(function () { return require('./chevron-double.js'); });
     case './icons/chevron.svg': return Promise.resolve().then(function () { return require('./chevron.js'); });
     case './icons/clipboard.svg': return Promise.resolve().then(function () { return require('./clipboard.js'); });
+    case './icons/clock.svg': return Promise.resolve().then(function () { return require('./clock.js'); });
     case './icons/close.svg': return Promise.resolve().then(function () { return require('./close.js'); });
     case './icons/code.svg': return Promise.resolve().then(function () { return require('./code.js'); });
     case './icons/copy.svg': return Promise.resolve().then(function () { return require('./copy.js'); });
@@ -2660,7 +2662,7 @@ var RadioGroup = React.forwardRef(function (_a, ref) {
                         handleChange(radioValue);
                         onChange(radio, (_a = inputs.current) === null || _a === void 0 ? void 0 : _a[index]);
                     }, disabled: disabled, checked: isChecked, "aria-describedby": labelDescription ? "".concat(id, "Desc") : undefined }, other)),
-                React__default.createElement("label", { htmlFor: id, className: classNames('Radio__label', {
+                React__default.createElement("label", { htmlFor: id, className: classNames('Field__label Radio__label', {
                         'Field__label--disabled': disabled
                     }) }, label),
                 React__default.createElement(Icon, { className: classNames('Radio__overlay', {
@@ -2859,7 +2861,7 @@ var Checkbox = React.forwardRef(function (_a, ref) {
                         onChange(e);
                     }
                 } }, other)),
-            React__default.createElement("label", { className: classNames('Checkbox__label', {
+            React__default.createElement("label", { className: classNames('Field__label Checkbox__label', {
                     'Field__label--disabled': disabled
                 }), htmlFor: id }, label),
             React__default.createElement(Icon, { className: classNames('Checkbox__overlay', {
@@ -8959,9 +8961,17 @@ var TwoColumnPanel = React.forwardRef(function (_a, ref) {
     var columnRightRef = React.useRef(null);
     var columnLeft = React__default.Children.toArray(children).find(function (child) { return child.type === ColumnLeft; });
     var togglePanel = function () {
+        var prefersReducedMotion = 'matchMedia' in window &&
+            typeof matchMedia === 'function' &&
+            matchMedia('(prefers-reduced-motion: reduce)').matches;
         if (isCollapsed) {
             setShowPanel(true);
         }
+        else if (prefersReducedMotion) {
+            // Immediately collapse the panel as we do not need to wait for css
+            // transitions to complete
+            setShowPanel(false);
+        }
         // Set collapsed state on next tick so css transitions can be applied
         requestAnimationFrame(function () {
             var _a, _b;
@@ -9154,7 +9164,12 @@ Notice.propTypes = {
 
 var LIGHT_THEME_CLASS = 'cauldron--theme-light';
 var DARK_THEME_CLASS = 'cauldron--theme-dark';
-var ThemeContext = React.createContext({});
+var ThemeContext = React.createContext({
+    theme: 'light',
+    toggleTheme: function () {
+        throw new Error('ThemeContext not initialized');
+    }
+});
 var ThemeProvider = function (_a) {
     var children = _a.children, _b = _a.context, context = _b === void 0 ? document.body : _b, _c = _a.initialTheme, initialTheme = _c === void 0 ? 'light' : _c;
     var _d = tslib.__read(React.useState(initialTheme), 2), theme = _d[0], setTheme = _d[1];

package/lib/table-sort-ascending.js

@@ -11,7 +11,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 const SvgTableSortAscending = props => /*#__PURE__*/React.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 320 512",
+  viewBox: "0 -100 320 720",
   height: 24,
   width: 24
 }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {

package/lib/table-sort-descending.js

@@ -11,7 +11,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 const SvgTableSortDescending = props => /*#__PURE__*/React.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 320 512",
+  viewBox: "0 -100 320 720",
   height: 24,
   width: 24
 }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "5.7.0",
+  "version": "5.7.1-canary.37a98eb4",
   "description": "Fully accessible react components library for Deque Cauldron",
   "homepage": "https://cauldron.dequelabs.com/",
   "publishConfig": {
@@ -122,4 +122,4 @@
       "\\.svg$": "<rootDir>/__tests__/svgMock.js"
     }
   }
-}
+}