@workday/canvas-kit-react 8.0.0-alpha.116-next.1 → 8.0.0-alpha.123-next.3

package/dist/commonjs/icon/lib/SystemIconCircle.js

@@ -44,12 +44,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SystemIconCircleSize = void 0;
+exports.SystemIconCircle = exports.SystemIconCircleSize = void 0;
 var React = __importStar(require("react"));
 var styled_1 = __importDefault(require("@emotion/styled"));
 var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var SystemIcon_1 = __importDefault(require("./SystemIcon"));
+var SystemIcon_1 = require("./SystemIcon");
 var common_1 = require("@workday/canvas-kit-react/common");
 var SystemIconCircleSize;
 (function (SystemIconCircleSize) {
@@ -87,14 +87,13 @@ var Container = styled_1.default('div', {
         height: size,
     });
 });
-var SystemIconCircle = common_1.createComponent('span')({
+exports.SystemIconCircle = common_1.createComponent('span')({
     displayName: 'SystemIconCircle',
     Component: function (_a, ref, Element) {
         var _b = _a.background, background = _b === void 0 ? tokens_1.colors.soap200 : _b, _c = _a.size, size = _c === void 0 ? SystemIconCircleSize.l : _c, icon = _a.icon, shouldMirror = _a.shouldMirror, elemProps = __rest(_a, ["background", "size", "icon", "shouldMirror"]);
         var iconColor = common_1.pickForegroundColor(background, 'rgba(0,0,0,0.65)', tokens_1.colors.frenchVanilla100);
         var iconSize = size * 0.625;
         return (React.createElement(Container, __assign({ background: background, size: size }, elemProps),
-            React.createElement(SystemIcon_1.default, { icon: icon, color: iconColor, colorHover: iconColor, as: Element, size: iconSize, ref: ref, shouldMirror: shouldMirror })));
+            React.createElement(SystemIcon_1.SystemIcon, { icon: icon, color: iconColor, colorHover: iconColor, as: Element, size: iconSize, ref: ref, shouldMirror: shouldMirror })));
     },
 });
-exports.default = SystemIconCircle;

package/dist/commonjs/layout/index.d.ts

@@ -1,5 +1,5 @@
-import Layout from './lib/Layout';
-import Column from './lib/Column';
+import { Layout } from './lib/Layout';
+import { Column } from './lib/Column';
 export { Layout, Column };
 export * from './lib/Box';
 export * from './lib/utils/border';

package/dist/commonjs/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,MAAM,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAC,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAC;AACpC,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAC,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/commonjs/layout/index.js

@@ -9,15 +9,12 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Column = exports.Layout = void 0;
-var Layout_1 = __importDefault(require("./lib/Layout"));
-exports.Layout = Layout_1.default;
-var Column_1 = __importDefault(require("./lib/Column"));
-exports.Column = Column_1.default;
+var Layout_1 = require("./lib/Layout");
+Object.defineProperty(exports, "Layout", { enumerable: true, get: function () { return Layout_1.Layout; } });
+var Column_1 = require("./lib/Column");
+Object.defineProperty(exports, "Column", { enumerable: true, get: function () { return Column_1.Column; } });
 __exportStar(require("./lib/Box"), exports);
 __exportStar(require("./lib/utils/border"), exports);
 __exportStar(require("./lib/utils/color"), exports);

package/dist/commonjs/layout/lib/Column.d.ts

@@ -18,7 +18,7 @@ export interface ColumnProps {
      */
     width?: number | string;
 }
-export default class Column extends React.Component<ColumnProps> {
+export declare class Column extends React.Component<ColumnProps> {
     render(): JSX.Element;
 }
 //# sourceMappingURL=Column.d.ts.map

package/dist/commonjs/layout/lib/Column.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Column.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Column.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC3D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAsCD,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACvD,MAAM;CASd"}
+{"version":3,"file":"Column.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Column.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC3D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAsCD,qBAAa,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IAC/C,MAAM;CASd"}

package/dist/commonjs/layout/lib/Column.js

@@ -57,6 +57,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Column = void 0;
 var React = __importStar(require("react"));
 var styled_1 = __importDefault(require("@emotion/styled"));
 var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
@@ -102,4 +103,4 @@ var Column = /** @class */ (function (_super) {
     };
     return Column;
 }(React.Component));
-exports.default = Column;
+exports.Column = Column;

package/dist/commonjs/layout/lib/Layout.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import Column, { ColumnProps } from './Column';
+import { Column, ColumnProps } from './Column';
 export interface LayoutProps {
     /**
      * The children of the Layout (cannot be empty).
@@ -20,10 +20,9 @@ export interface LayoutProps {
      */
     capWidth?: boolean;
 }
-declare class Layout extends React.Component<LayoutProps> {
+export declare class Layout extends React.Component<LayoutProps> {
     static Column: typeof Column;
     private renderChild;
     render(): JSX.Element;
 }
-export default Layout;
 //# sourceMappingURL=Layout.d.ts.map

package/dist/commonjs/layout/lib/Layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,MAAM,EAAE,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAI7C,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IAC9D;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAkCD,cAAM,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IAC/C,OAAc,MAAM,gBAAU;IAE9B,OAAO,CAAC,WAAW,CAgBjB;IAEK,MAAM;CAed;AAID,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,MAAM,EAAE,WAAW,EAAC,MAAM,UAAU,CAAC;AAI7C,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IAC9D;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAkCD,qBAAa,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACtD,OAAc,MAAM,gBAAU;IAE9B,OAAO,CAAC,WAAW,CAgBjB;IAEK,MAAM;CAed"}

package/dist/commonjs/layout/lib/Layout.js

@@ -57,10 +57,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Layout = void 0;
 var React = __importStar(require("react"));
 var styled_1 = __importDefault(require("@emotion/styled"));
-var Column_1 = __importDefault(require("./Column"));
-var tokens_1 = __importStar(require("@workday/canvas-kit-react/tokens"));
+var Column_1 = require("./Column");
+var tokens_1 = require("@workday/canvas-kit-react/tokens");
 var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
 var LayoutStyles = {
     classname: 'layout',
@@ -96,7 +97,7 @@ var Layout = /** @class */ (function (_super) {
             if (!React.isValidElement(child)) {
                 return;
             }
-            if (child.type === Column_1.default) {
+            if (child.type === Column_1.Column) {
                 var childProps = child.props;
                 if (childProps.spacing || childProps.spacing === 0) {
                     return child;
@@ -109,11 +110,11 @@ var Layout = /** @class */ (function (_super) {
     }
     Layout.prototype.render = function () {
         var _this = this;
-        var _a = this.props, _b = _a.gutter, gutter = _b === void 0 ? tokens_1.default.space.xs : _b, _c = _a.spacing, spacing = _c === void 0 ? tokens_1.spaceNumbers.xs : _c, children = _a.children, capWidth = _a.capWidth, elemProps = __rest(_a, ["gutter", "spacing", "children", "capWidth"]);
+        var _a = this.props, _b = _a.gutter, gutter = _b === void 0 ? tokens_1.canvas.space.xs : _b, _c = _a.spacing, spacing = _c === void 0 ? tokens_1.spaceNumbers.xs : _c, children = _a.children, capWidth = _a.capWidth, elemProps = __rest(_a, ["gutter", "spacing", "children", "capWidth"]);
         return (React.createElement(LayoutContainer, __assign({ spacing: spacing, gutter: gutter, capWidth: capWidth }, elemProps), React.Children.map(children, function (child) { return _this.renderChild(child, spacing); })));
     };
-    Layout.Column = Column_1.default;
+    Layout.Column = Column_1.Column;
     return Layout;
 }(React.Component));
-Layout.Column = Column_1.default;
-exports.default = Layout;
+exports.Layout = Layout;
+Layout.Column = Column_1.Column;

package/dist/commonjs/loading-animation/index.d.ts

@@ -1,5 +1,3 @@
-import LoadingDots from './lib/LoadingDots';
-export { LoadingDots as LoadingAnimation, LoadingDots };
-export default LoadingDots;
-export * from './lib/LoadingDots';
+import { LoadingDots } from './lib/LoadingDots';
+export { LoadingDots as LoadingAnimation };
 //# sourceMappingURL=index.d.ts.map

package/dist/commonjs/loading-animation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../loading-animation/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,mBAAmB,CAAC;AAE5C,OAAO,EAAC,WAAW,IAAI,gBAAgB,EAAE,WAAW,EAAC,CAAC;AACtD,eAAe,WAAW,CAAC;AAC3B,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../loading-animation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAE9C,OAAO,EAAC,WAAW,IAAI,gBAAgB,EAAC,CAAC"}

package/dist/commonjs/loading-animation/index.js

@@ -1,21 +1,5 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoadingDots = exports.LoadingAnimation = void 0;
-var LoadingDots_1 = __importDefault(require("./lib/LoadingDots"));
-exports.LoadingAnimation = LoadingDots_1.default;
-exports.LoadingDots = LoadingDots_1.default;
-exports.default = LoadingDots_1.default;
-__exportStar(require("./lib/LoadingDots"), exports);
+exports.LoadingAnimation = void 0;
+var LoadingDots_1 = require("./lib/LoadingDots");
+Object.defineProperty(exports, "LoadingAnimation", { enumerable: true, get: function () { return LoadingDots_1.LoadingDots; } });

package/dist/commonjs/loading-animation/lib/LoadingDots.d.ts

@@ -2,5 +2,5 @@ import * as React from 'react';
 /**
  * A simple component that displays three horizontal dots, to be used when some data is loading.
  */
-export default function LoadingDots(props: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
+export declare function LoadingDots(props: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
 //# sourceMappingURL=LoadingDots.d.ts.map

package/dist/commonjs/loading-animation/lib/LoadingDots.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingDots.d.ts","sourceRoot":"","sources":["../../../../loading-animation/lib/LoadingDots.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2D/B;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,eAU9E"}
+{"version":3,"file":"LoadingDots.d.ts","sourceRoot":"","sources":["../../../../loading-animation/lib/LoadingDots.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2D/B;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,eAUtE"}

package/dist/commonjs/loading-animation/lib/LoadingDots.js

@@ -45,9 +45,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadingDots = void 0;
 var React = __importStar(require("react"));
 var react_1 = require("@emotion/react");
-var tokens_1 = __importStar(require("@workday/canvas-kit-react/tokens"));
+var tokens_1 = require("@workday/canvas-kit-react/tokens");
 var common_1 = require("@workday/canvas-kit-react/common");
 /**
  * Keyframe for the dots loading animation.
@@ -57,14 +58,14 @@ var keyframesLoading = react_1.keyframes(templateObject_1 || (templateObject_1 =
  * The actual loading dot div.
  */
 var LoadingAnimationDot = common_1.styled('div')({
-    backgroundColor: tokens_1.default.colors.soap400,
-    width: tokens_1.default.space.s,
-    height: tokens_1.default.space.s,
+    backgroundColor: tokens_1.canvas.colors.soap400,
+    width: tokens_1.canvas.space.s,
+    height: tokens_1.canvas.space.s,
     fontSize: '0px',
     borderRadius: tokens_1.borderRadius.circle,
     transform: 'scale(0)',
     display: 'inline-block',
-    marginRight: tokens_1.default.space.xxs,
+    marginRight: tokens_1.canvas.space.xxs,
     animationName: keyframesLoading,
     animationDuration: '1400ms',
     animationIterationCount: 'infinite',
@@ -95,5 +96,5 @@ function LoadingDots(props) {
         React.createElement(LoadingAnimationDot, { animationDelay: 160 }),
         React.createElement(LoadingAnimationDot, { animationDelay: 320 })));
 }
-exports.default = LoadingDots;
+exports.LoadingDots = LoadingDots;
 var templateObject_1;

package/dist/commonjs/pagination/lib/Pagination/PageButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageButton.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/PageButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAwCxC,oBAAY,eAAe,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC5E,KAAK,EAAE,eAAe,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,UAAU,2DAMpB,eAAe,gBAoBjB,CAAC"}
+{"version":3,"file":"PageButton.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/PageButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AA6CxC,oBAAY,eAAe,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC5E,KAAK,EAAE,eAAe,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,UAAU,2DAMpB,eAAe,gBAqBjB,CAAC"}

package/dist/commonjs/pagination/lib/Pagination/PageButton.js

@@ -57,22 +57,23 @@ var StyledPageButton = common_1.styled(button_1.BaseButton)({
         fontWeight: toggled ? 700 : 'normal',
     };
 });
-var getPaginationButtonColors = function (toggled) {
+var getPaginationButtonColors = function (toggled, theme) {
+    var themePrimary = theme.canvas.palette.primary;
     return {
         default: {
-            background: toggled ? tokens_1.colors.blueberry400 : 'transparent',
+            background: toggled ? themePrimary.main : 'transparent',
             label: toggled ? tokens_1.colors.frenchVanilla100 : tokens_1.colors.blackPepper400,
         },
         hover: {
-            background: toggled ? tokens_1.colors.blueberry400 : tokens_1.colors.soap300,
+            background: toggled ? themePrimary.main : tokens_1.colors.soap300,
             label: toggled ? tokens_1.colors.frenchVanilla100 : tokens_1.colors.blackPepper400,
         },
         active: {
-            background: toggled ? tokens_1.colors.blueberry400 : 'transparent',
+            background: toggled ? themePrimary.main : 'transparent',
             label: toggled ? tokens_1.colors.frenchVanilla100 : tokens_1.colors.blackPepper400,
         },
         focus: {
-            background: toggled ? tokens_1.colors.blueberry400 : 'transparent',
+            background: toggled ? themePrimary.main : 'transparent',
             label: toggled ? tokens_1.colors.frenchVanilla100 : tokens_1.colors.blackPepper400,
         },
         disabled: {
@@ -83,10 +84,11 @@ var getPaginationButtonColors = function (toggled) {
 var PageButton = function (_a) {
     var model = _a.model, onClick = _a.onClick, pageNumber = _a.pageNumber, children = _a.children, elemProps = __rest(_a, ["model", "onClick", "pageNumber", "children"]);
     var isCurrentPage = pageNumber === model.state.currentPage;
+    var theme = common_1.useTheme();
     var handleClick = function (e) {
         onClick === null || onClick === void 0 ? void 0 : onClick(e);
         model.events.goTo(pageNumber);
     };
-    return (React.createElement(StyledPageButton, __assign({ "aria-current": isCurrentPage ? 'page' : undefined, colors: getPaginationButtonColors(isCurrentPage), "aria-pressed": undefined, onClick: handleClick, toggled: isCurrentPage }, elemProps), children || pageNumber));
+    return (React.createElement(StyledPageButton, __assign({ "aria-current": isCurrentPage ? 'page' : undefined, colors: getPaginationButtonColors(isCurrentPage, theme), "aria-pressed": undefined, onClick: handleClick, toggled: isCurrentPage }, elemProps), children || pageNumber));
 };
 exports.PageButton = PageButton;

package/dist/commonjs/radio/index.d.ts

@@ -1,7 +1,3 @@
-import Radio from './lib/Radio';
-export default Radio;
-export { Radio };
-export { default as RadioGroup } from './lib/RadioGroup';
 export * from './lib/Radio';
 export * from './lib/RadioGroup';
 //# sourceMappingURL=index.d.ts.map

package/dist/commonjs/radio/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,eAAe,KAAK,CAAC;AACrB,OAAO,EAAC,KAAK,EAAC,CAAC;AACf,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,kBAAkB,CAAC;AACvD,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../radio/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}

package/dist/commonjs/radio/index.js

@@ -9,15 +9,6 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioGroup = exports.Radio = void 0;
-var Radio_1 = __importDefault(require("./lib/Radio"));
-exports.Radio = Radio_1.default;
-exports.default = Radio_1.default;
-var RadioGroup_1 = require("./lib/RadioGroup");
-Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return __importDefault(RadioGroup_1).default; } });
 __exportStar(require("./lib/Radio"), exports);
 __exportStar(require("./lib/RadioGroup"), exports);

package/dist/commonjs/radio/lib/Radio.d.ts

@@ -33,7 +33,7 @@ export interface RadioProps extends Themeable {
      * The value of the Radio button.
      */
     value?: string;
+    variant?: 'inverse' | undefined;
 }
 export declare const Radio: import("../../common").ElementComponent<"input", RadioProps>;
-export default Radio;
 //# sourceMappingURL=Radio.d.ts.map

package/dist/commonjs/radio/lib/Radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../radio/lib/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAML,SAAS,EAEV,MAAM,kCAAkC,CAAC;AAQ1C,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAyLD,eAAO,MAAM,KAAK,8DAqChB,CAAC;AAEH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../radio/lib/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAML,SAAS,EAEV,MAAM,kCAAkC,CAAC;AAS1C,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC;AAkPD,eAAO,MAAM,KAAK,8DAgDhB,CAAC"}

package/dist/commonjs/radio/lib/Radio.js

@@ -44,7 +44,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Radio = void 0;
 var React = __importStar(require("react"));
 var common_1 = require("@workday/canvas-kit-react/common");
-var tokens_1 = __importStar(require("@workday/canvas-kit-react/tokens"));
+var tokens_1 = require("@workday/canvas-kit-react/tokens");
 var radioBorderRadius = 9;
 var radioDot = 8;
 var radioHeight = 18;
@@ -77,7 +77,11 @@ var RadioRipple = common_1.styled('span')({
     width: radioWidth,
     position: 'absolute',
     pointerEvents: 'none',
-    zIndex: -1,
+}, function (_a) {
+    var variant = _a.variant;
+    return ({
+        opacity: variant === 'inverse' ? '0.4' : '1',
+    });
 });
 var RadioInput = common_1.styled('input')({
     borderRadius: radioBorderRadius,
@@ -92,7 +96,7 @@ var RadioInput = common_1.styled('input')({
         outline: 'none',
     },
 }, function (_a) {
-    var checked = _a.checked, disabled = _a.disabled, _b = _a.theme.canvas.palette, themePrimary = _b.primary, themeFocusOutline = _b.common.focusOutline;
+    var checked = _a.checked, disabled = _a.disabled, variant = _a.variant, _b = _a.theme.canvas.palette, themePrimary = _b.primary, themeFocusOutline = _b.common.focusOutline;
     return (__assign({ cursor: disabled ? undefined : 'pointer', 
         /**
          * These selectors are targetting various sibling elements (~) here because
@@ -111,25 +115,52 @@ var RadioInput = common_1.styled('input')({
         // input (which is visually hidden)
         '&:hover ~ div:first-of-type': {
             backgroundColor: checked
-                ? themePrimary.main
+                ? variant === 'inverse'
+                    ? tokens_1.colors.frenchVanilla100
+                    : themePrimary.main
                 : disabled
                     ? tokens_1.inputColors.disabled.background
                     : 'white',
             borderColor: checked
-                ? themePrimary.main
+                ? variant === 'inverse'
+                    ? tokens_1.colors.soap300
+                    : themePrimary.main
                 : disabled
                     ? tokens_1.inputColors.disabled.border
-                    : tokens_1.inputColors.hoverBorder,
+                    : variant === 'inverse'
+                        ? tokens_1.colors.soap300
+                        : tokens_1.inputColors.hoverBorder,
             borderWidth: '1px',
         }, '&:focus, &focus:hover': {
-            '& ~ div:first-of-type': {
-                borderColor: checked ? themePrimary.main : themeFocusOutline,
-                borderWidth: '2px',
-            },
-        }, '&:checked:focus ~ div:first-of-type': __assign({}, common_1.focusRing({ separation: 2, outerColor: themeFocusOutline })) }, common_1.mouseFocusBehavior({
-        '&:focus ~ div:first-of-type': __assign(__assign({}, common_1.focusRing({ width: 0, outerColor: themeFocusOutline })), { borderWidth: '1px', borderColor: checked ? themePrimary.main : tokens_1.inputColors.border }),
+            '& ~ div:first-of-type': __assign({ borderWidth: '2px', borderColor: variant === 'inverse' ? tokens_1.colors.blackPepper400 : themeFocusOutline, boxShadow: 'none' }, common_1.focusRing({
+                width: variant === 'inverse' ? 2 : 0,
+                separation: 0,
+                animate: false,
+                innerColor: variant === 'inverse' ? tokens_1.colors.blackPepper400 : undefined,
+                outerColor: variant === 'inverse' ? tokens_1.colors.frenchVanilla100 : undefined,
+            })),
+        }, '&:checked:focus ~ div:first-of-type': __assign(__assign({}, common_1.focusRing({
+            separation: 2,
+            width: 2,
+            innerColor: variant === 'inverse' ? tokens_1.colors.blackPepper400 : undefined,
+            outerColor: variant === 'inverse' ? tokens_1.colors.frenchVanilla100 : themeFocusOutline,
+        })), { borderColor: variant === 'inverse' ? tokens_1.colors.frenchVanilla100 : themePrimary.main, borderWidth: '2px' }) }, common_1.mouseFocusBehavior({
+        '&:focus ~ div:first-of-type': __assign(__assign({}, common_1.focusRing({
+            width: 0,
+            outerColor: variant === 'inverse' ? tokens_1.colors.frenchVanilla100 : themeFocusOutline,
+        })), { borderWidth: '1px', borderColor: checked
+                ? variant === 'inverse'
+                    ? tokens_1.colors.soap300
+                    : themePrimary.main
+                : tokens_1.inputColors.border }),
         '&:focus:hover ~ div:first-of-type, &:focus:active ~ div:first-of-type': {
-            borderColor: checked ? themePrimary.main : tokens_1.inputColors.hoverBorder,
+            borderColor: checked
+                ? variant === 'inverse'
+                    ? tokens_1.colors.soap300
+                    : themePrimary.main
+                : variant === 'inverse'
+                    ? tokens_1.colors.soap300
+                    : tokens_1.inputColors.hoverBorder,
         },
     })));
 });
@@ -149,18 +180,25 @@ var RadioBackground = common_1.styled('div')({
     transition: 'border 200ms ease, background 200ms',
     width: radioWidth,
 }, function (_a) {
-    var checked = _a.checked, disabled = _a.disabled, themePrimary = _a.theme.canvas.palette.primary;
+    var checked = _a.checked, disabled = _a.disabled, variant = _a.variant, themePrimary = _a.theme.canvas.palette.primary;
     return ({
         borderColor: checked
-            ? themePrimary.main
+            ? variant === 'inverse'
+                ? tokens_1.colors.soap300
+                : themePrimary.main
             : disabled
                 ? tokens_1.inputColors.disabled.border
-                : tokens_1.inputColors.border,
+                : variant === 'inverse'
+                    ? tokens_1.colors.soap300
+                    : tokens_1.inputColors.border,
         backgroundColor: checked
-            ? themePrimary.main
+            ? variant === 'inverse'
+                ? tokens_1.colors.frenchVanilla100
+                : themePrimary.main
             : disabled
                 ? tokens_1.inputColors.disabled.background
                 : 'white',
+        opacity: disabled && variant === 'inverse' ? '.4' : '1',
     });
 });
 var RadioCheck = common_1.styled('div')({
@@ -172,9 +210,11 @@ var RadioCheck = common_1.styled('div')({
     transition: 'transform 200ms ease, opacity 200ms ease',
     width: radioDot,
 }, function (_a) {
-    var theme = _a.theme;
+    var theme = _a.theme, variant = _a.variant;
     return ({
-        backgroundColor: theme.canvas.palette.primary.contrast,
+        backgroundColor: variant === 'inverse'
+            ? theme.canvas.palette.primary.main
+            : theme.canvas.palette.primary.contrast,
     });
 }, function (_a) {
     var checked = _a.checked;
@@ -183,22 +223,29 @@ var RadioCheck = common_1.styled('div')({
         transform: checked ? 'scale(1)' : 'scale(0.5)',
     });
 });
-var RadioLabel = common_1.styled('label')(__assign(__assign({}, tokens_1.default.type.levels.subtext.large), { paddingLeft: radioLabelDistance }), function (_a) {
-    var disabled = _a.disabled;
-    return (disabled ? { color: tokens_1.inputColors.disabled.text } : { cursor: 'pointer' });
+var RadioLabel = common_1.styled('label')(__assign(__assign({}, tokens_1.canvas.type.levels.subtext.large), { paddingLeft: radioLabelDistance }), function (_a) {
+    var variant = _a.variant;
+    return (variant === 'inverse' ? { color: tokens_1.colors.frenchVanilla100 } : undefined);
+}, function (_a) {
+    var disabled = _a.disabled, variant = _a.variant;
+    return disabled
+        ? {
+            color: variant === 'inverse' ? tokens_1.colors.frenchVanilla100 : tokens_1.inputColors.disabled.text,
+            opacity: variant === 'inverse' ? '.4' : '1',
+        }
+        : { cursor: 'pointer' };
 });
 exports.Radio = common_1.createComponent('input')({
     displayName: 'Radio',
     Component: function (_a, ref, Element) {
-        var _b = _a.checked, checked = _b === void 0 ? false : _b, id = _a.id, _c = _a.label, label = _c === void 0 ? '' : _c, disabled = _a.disabled, name = _a.name, onChange = _a.onChange, value = _a.value, elemProps = __rest(_a, ["checked", "id", "label", "disabled", "name", "onChange", "value"]);
+        var _b = _a.checked, checked = _b === void 0 ? false : _b, id = _a.id, _c = _a.label, label = _c === void 0 ? '' : _c, disabled = _a.disabled, name = _a.name, onChange = _a.onChange, value = _a.value, variant = _a.variant, elemProps = __rest(_a, ["checked", "id", "label", "disabled", "name", "onChange", "value", "variant"]);
         var inputId = common_1.useUniqueId(id);
         return (React.createElement(RadioContainer, null,
             React.createElement(RadioInputWrapper, { disabled: disabled },
-                React.createElement(RadioInput, __assign({ as: Element, checked: checked, disabled: disabled, id: inputId, ref: ref, name: name, onChange: onChange, type: "radio", value: value, "aria-checked": checked }, elemProps)),
-                React.createElement(RadioRipple, null),
-                React.createElement(RadioBackground, { checked: checked, disabled: disabled },
-                    React.createElement(RadioCheck, { checked: checked }))),
-            label && (React.createElement(RadioLabel, { htmlFor: inputId, disabled: disabled }, label))));
+                React.createElement(RadioInput, __assign({ as: Element, checked: checked, disabled: disabled, id: inputId, ref: ref, name: name, onChange: onChange, type: "radio", value: value, "aria-checked": checked, variant: variant }, elemProps)),
+                React.createElement(RadioRipple, { variant: variant }),
+                React.createElement(RadioBackground, { checked: checked, disabled: disabled, variant: variant },
+                    React.createElement(RadioCheck, { checked: checked, variant: variant }))),
+            label && (React.createElement(RadioLabel, { htmlFor: inputId, disabled: disabled, variant: variant }, label))));
     },
 });
-exports.default = exports.Radio;

package/dist/commonjs/radio/lib/RadioGroup.d.ts

@@ -30,5 +30,5 @@ declare class RadioGroup extends React.Component<RadioGroupProps> {
     private renderChild;
     private onRadioChange;
 }
-export default RadioGroup;
+export { RadioGroup };
 //# sourceMappingURL=RadioGroup.d.ts.map

package/dist/commonjs/radio/lib/RadioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../radio/lib/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAc,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAE1C,OAAO,EACL,SAAS,EACT,cAAc,EAGd,SAAS,EACV,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,cAAc;IAChE;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;IAC3C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC7C;AAgCD,cAAM,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IACvD,MAAM,CAAC,SAAS,mBAAa;IAE7B,MAAM,IAAI,KAAK,CAAC,SAAS;IASzB,OAAO,CAAC,WAAW,CAkBjB;IAEF,OAAO,CAAC,aAAa,CAiBnB;CACH;AAID,eAAe,UAAU,CAAC"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../radio/lib/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,UAAU,EAAC,MAAM,SAAS,CAAC;AAE1C,OAAO,EACL,SAAS,EACT,cAAc,EAGd,SAAS,EACV,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,cAAc;IAChE;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;IAC3C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC7C;AAgCD,cAAM,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IACvD,MAAM,CAAC,SAAS,mBAAa;IAE7B,MAAM,IAAI,KAAK,CAAC,SAAS;IASzB,OAAO,CAAC,WAAW,CAkBjB;IAEF,OAAO,CAAC,aAAa,CAiBnB;CACH;AAID,OAAO,EAAC,UAAU,EAAC,CAAC"}

package/dist/commonjs/radio/lib/RadioGroup.js

@@ -53,12 +53,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioGroup = void 0;
 var React = __importStar(require("react"));
-var Radio_1 = __importDefault(require("./Radio"));
+var Radio_1 = require("./Radio");
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
 var common_1 = require("@workday/canvas-kit-react/common");
 var Container = common_1.styled('div')({
@@ -94,7 +92,7 @@ var RadioGroup = /** @class */ (function (_super) {
     function RadioGroup() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.renderChild = function (child, index, value) {
-            if (typeof child.type === typeof Radio_1.default) {
+            if (typeof child.type === typeof Radio_1.Radio) {
                 var childProps = child.props;
                 var checked = typeof value === 'number' ? index === value : childProps.value === value;
                 var name_1 = _this.props.name ? _this.props.name : childProps.name;
@@ -130,5 +128,5 @@ var RadioGroup = /** @class */ (function (_super) {
     RadioGroup.ErrorType = common_1.ErrorType;
     return RadioGroup;
 }(React.Component));
+exports.RadioGroup = RadioGroup;
 RadioGroup.ErrorType = common_1.ErrorType;
-exports.default = RadioGroup;

package/dist/commonjs/segmented-control/index.d.ts

@@ -1,5 +1,2 @@
-import SegmentedControl from './lib/SegmentedControl';
-export default SegmentedControl;
-export { SegmentedControl };
 export * from './lib/SegmentedControl';
 //# sourceMappingURL=index.d.ts.map

package/dist/commonjs/segmented-control/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../segmented-control/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,wBAAwB,CAAC;AAEtD,eAAe,gBAAgB,CAAC;AAChC,OAAO,EAAC,gBAAgB,EAAC,CAAC;AAC1B,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../segmented-control/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/dist/commonjs/segmented-control/index.js

@@ -9,12 +9,5 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SegmentedControl = void 0;
-var SegmentedControl_1 = __importDefault(require("./lib/SegmentedControl"));
-exports.SegmentedControl = SegmentedControl_1.default;
-exports.default = SegmentedControl_1.default;
 __exportStar(require("./lib/SegmentedControl"), exports);

package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts

@@ -23,5 +23,4 @@ export interface SegmentedControlProps {
 export declare const SegmentedControl: import("../../common").ElementComponent<"div", SegmentedControlProps> & {
     Button: import("../../common").ElementComponent<"button", SegmentedControlButtonProps>;
 };
-export default SegmentedControl;
 //# sourceMappingURL=SegmentedControl.d.ts.map