@deque/cauldron-react 1.0.0-canary.d3c0fb49 → 2.0.0-canary.14b73b8d

package/lib/components/IconButton/index.d.ts

@@ -1,10 +1,12 @@
 import React from 'react';
-import { Placement } from '@popperjs/core';
-export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+import { TooltipProps } from '../Tooltip';
+interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     icon: string;
     label: string;
-    tooltipPlacement?: Placement;
-    variant?: 'light' | 'dark' | 'primary' | 'secondary' | 'error';
+    tooltipPlacement?: TooltipProps['placement'];
+    tooltipVariant?: TooltipProps['variant'];
+    tooltipPortal?: TooltipProps['portal'];
+    variant?: 'primary' | 'secondary' | 'error';
 }
 declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export default IconButton;

package/lib/components/Modal/index.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 import { DialogProps } from '../Dialog';
 interface ModalProps extends Omit<DialogProps, 'forceAction'> {
+    variant?: 'info';
 }
-declare const Modal: ({ children, className, ...other }: ModalProps) => JSX.Element;
+declare const Modal: ({ children, className, variant, ...other }: ModalProps) => JSX.Element;
 declare const ModalContent: {
     ({ children, className, ...other }: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
     displayName: string;

package/lib/components/TopBar/TopBar.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 export interface TopBarProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
-    variant?: 'light' | 'dark';
 }
 declare const TopBar: (props: TopBarProps) => JSX.Element;
 export default TopBar;

package/lib/index.js

@@ -472,11 +472,10 @@ var TopBar = /** @class */ (function (_super) {
 }(React__default.Component));
 
 var TopBar$1 = function (props) {
-    var children = props.children, className = props.className, _a = props.variant, variant = _a === void 0 ? 'dark' : _a, other = tslib.__rest(props, ["children", "className", "variant"]);
+    var children = props.children, className = props.className, other = tslib.__rest(props, ["children", "className"]);
     return (React__default.createElement("div", tslib.__assign({ className: classNames(className, {
             // TopBar's default style is dark mode
-            TopBar: true,
-            'TopBar--light': variant === 'light'
+            TopBar: true
         }) }, other), children));
 };
 
@@ -1224,8 +1223,10 @@ var AlertContent = DialogContent;
 var AlertActions = DialogFooter;
 
 var Modal = function (_a) {
-    var children = _a.children, className = _a.className, other = tslib.__rest(_a, ["children", "className"]);
-    return (React__default.createElement(Dialog, tslib.__assign({ className: classNames('Modal', className) }, other, { forceAction: false }), children));
+    var children = _a.children, className = _a.className, variant = _a.variant, other = tslib.__rest(_a, ["children", "className", "variant"]);
+    return (React__default.createElement(Dialog, tslib.__assign({ className: classNames('Modal', className, {
+            'Modal--info': variant === 'info'
+        }) }, other, { forceAction: false }), children));
 };
 var ModalContent = DialogContent;
 var ModalFooter = DialogFooter;
@@ -1249,6 +1250,7 @@ var SkipLink = /** @class */ (function (_super) {
         return (React__default.createElement("nav", tslib.__assign({ className: classNames('SkipLink', currentClass) }, other),
             React__default.createElement("a", { href: target, className: "SkipLink__link", onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur },
                 React__default.createElement("span", { className: "SkipLink__item--first" }, skipText),
+                "\u00A0",
                 React__default.createElement("span", { className: "SkipLink__item--second" }, targetText))));
     };
     SkipLink.prototype.onClick = function () {
@@ -1469,20 +1471,18 @@ var TooltipContent = function (_a) {
 };
 
 var IconButton = React.forwardRef(function (_a, ref) {
-    var icon = _a.icon, label = _a.label, _b = _a.tooltipPlacement, tooltipPlacement = _b === void 0 ? 'auto' : _b, className = _a.className, _c = _a.variant, variant = _c === void 0 ? 'secondary' : _c, disabled = _a.disabled, other = tslib.__rest(_a, ["icon", "label", "tooltipPlacement", "className", "variant", "disabled"]);
+    var icon = _a.icon, label = _a.label, _b = _a.tooltipPlacement, tooltipPlacement = _b === void 0 ? 'auto' : _b, tooltipVariant = _a.tooltipVariant, tooltipPortal = _a.tooltipPortal, className = _a.className, _c = _a.variant, variant = _c === void 0 ? 'secondary' : _c, disabled = _a.disabled, other = tslib.__rest(_a, ["icon", "label", "tooltipPlacement", "tooltipVariant", "tooltipPortal", "className", "variant", "disabled"]);
     var buttonRef = React.useRef();
     React.useImperativeHandle(ref, function () { return buttonRef.current; });
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement("button", tslib.__assign({ type: 'button', className: classNames(className, {
                 IconButton: true,
-                'IconButton--light': variant === 'light',
-                'IconButton--dark': variant === 'dark',
                 'IconButton--primary': variant === 'primary',
                 'IconButton--secondary': variant === 'secondary',
                 'IconButton--error': variant === 'error'
             }), ref: buttonRef, disabled: disabled }, other),
             React__default.createElement(Icon, { type: icon })),
-        !disabled && (React__default.createElement(Tooltip, { target: buttonRef, placement: tooltipPlacement, association: "aria-labelledby", hideElementOnHidden: true }, label))));
+        !disabled && (React__default.createElement(Tooltip, { target: buttonRef, placement: tooltipPlacement, variant: tooltipVariant, portal: tooltipPortal, association: "aria-labelledby", hideElementOnHidden: true }, label))));
 });
 IconButton.propTypes = {
     icon: PropTypes.string.isRequired,
@@ -1490,6 +1490,9 @@ IconButton.propTypes = {
     // @ts-ignore
     tooltipPlacement: PropTypes.string,
     // @ts-ignore
+    tooltipVariant: PropTypes.string,
+    tooltipPortal: PropTypes.any,
+    // @ts-ignore
     variant: PropTypes.string
 };
 IconButton.displayName = 'IconButton';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "1.0.0-canary.d3c0fb49",
+  "version": "2.0.0-canary.14b73b8d",
   "description": "Fully accessible react components library for Deque Cauldron",
   "publishConfig": {
     "access": "public"