@workday/canvas-kit-react 5.3.0 → 5.3.1

package/dist/commonjs/button/lib/TertiaryButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TertiaryButton.d.ts","sourceRoot":"","sources":["../../../../button/lib/TertiaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGL,SAAS,EAGV,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAe,mBAAmB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AAGzE,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B;;;;OAIG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAsGD,eAAO,MAAM,cAAc,wEA4DzB,CAAC"}
+{"version":3,"file":"TertiaryButton.d.ts","sourceRoot":"","sources":["../../../../button/lib/TertiaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGL,SAAS,EAGV,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAI9D,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AA8FD,eAAO,MAAM,cAAc,wEA8DzB,CAAC"}

package/dist/commonjs/button/lib/TertiaryButton.js

@@ -65,8 +65,8 @@ var getTertiaryButtonColors = function (variant, theme) {
             },
             disabled: {
                 background: 'transparent',
-                icon: tokens_1.colors.frenchVanilla100,
-                label: tokens_1.colors.frenchVanilla100,
+                icon: 'rgba(255, 255, 255, 0.5)',
+                label: 'rgba(255, 255, 255, 0.5)',
             },
         };
     }
@@ -92,29 +92,25 @@ var getTertiaryButtonColors = function (variant, theme) {
                 focusRing: common_1.focusRing({}, theme),
             },
             disabled: {
-                icon: themePrimary.main,
-                label: themePrimary.main,
+                background: 'transparent',
+                icon: themePrimary.light,
+                label: themePrimary.light,
             },
         };
     }
 };
-var getPaddingStyles = function (icon, iconPosition) {
-    // if there is an icon on the left, add 4px extra padding to the right for visual balance
-    if (icon && iconPosition === 'left') {
-        return "0 " + tokens_1.space.xs + " 0 " + tokens_1.space.xxs;
-    }
-    // if there is an icon on the right, add 4px extra padding to the left for visual balance
-    if (icon && iconPosition === 'right') {
-        return "0 " + tokens_1.space.xxs + " 0 " + tokens_1.space.xs;
-    }
-    // if there is no icon, return the default padding
-    return "0 " + tokens_1.space.xxs;
-};
-// All disabled buttons are set to 40% opacity.
-// This will eventually live in the ButtonContainer styles, but for now we're scoping it to Primary, Secondary, and Tertiary buttons.
-var disabledButtonOpacity = {
-    '&:disabled, &:disabled:active': {
-        opacity: 0.4,
+var containerStyles = {
+    borderRadius: tokens_1.borderRadius.m,
+    border: '0',
+    padding: "0 " + tokens_1.space.xxs,
+    minWidth: 'auto',
+    '.wdc-text-button-label': {
+        borderBottom: '2px solid transparent',
+        paddingTop: '2px',
+        transition: 'border-color 0.3s',
+    },
+    '&:hover:not([disabled]) .wdc-text-button-label': {
+        borderBottomColor: 'currentColor',
     },
 };
 exports.TertiaryButton = common_1.createComponent('button')({
@@ -127,9 +123,9 @@ exports.TertiaryButton = common_1.createComponent('button')({
         // TODO: Fix useTheme and make it a real hook
         // eslint-disable-next-line react-hooks/rules-of-hooks
         theme = _b === void 0 ? common_1.useTheme() : _b, _c = _a.size, size = _c === void 0 ? 'medium' : _c, _d = _a.iconPosition, iconPosition = _d === void 0 ? 'left' : _d, variant = _a.variant, children = _a.children, icon = _a.icon, _e = _a.shouldMirrorIcon, shouldMirrorIcon = _e === void 0 ? false : _e, allCaps = _a.allCaps, elemProps = __rest(_a, ["theme", "size", "iconPosition", "variant", "children", "icon", "shouldMirrorIcon", "allCaps"]);
-        var allContainerStyles = __assign({ borderRadius: tokens_1.borderRadius.m, border: '0', padding: getPaddingStyles(icon, iconPosition), minWidth: 'auto', textTransform: allCaps ? 'uppercase' : undefined, '.wdc-text-button-label': {
-                textDecoration: 'underline',
-            } }, disabledButtonOpacity);
+        // Note: We don't use ButtonLabel because the label styles differ from other button types
+        var allContainerStyles = allCaps
+            ? __assign(__assign({}, containerStyles), { textTransform: 'uppercase', fontWeight: tokens_1.type.properties.fontWeights.bold, fontSize: size === 'medium' ? tokens_1.type.properties.fontSizes[16] : undefined, letterSpacing: '.5px' }) : __assign(__assign({}, containerStyles), { fontSize: size === 'medium' ? tokens_1.type.properties.fontSizes[14] : undefined });
         return (React.createElement(parts_1.ButtonContainer, __assign({ ref: ref, as: Element, colors: getTertiaryButtonColors(variant, theme), size: size, extraStyles: allContainerStyles }, elemProps),
             icon && iconPosition === 'left' && (React.createElement(parts_1.ButtonLabelIcon, { size: size, iconPosition: iconPosition, icon: icon, shouldMirrorIcon: shouldMirrorIcon })),
             React.createElement(parts_1.ButtonLabel, { className: "wdc-text-button-label" }, children),

package/dist/commonjs/button/lib/parts/ButtonContainer.d.ts

@@ -1,16 +1,14 @@
 import * as React from 'react';
 import { CSSObject } from '@emotion/core';
 import { GrowthBehavior, EmotionCanvasTheme, StyledType } from '@workday/canvas-kit-react/common';
-import { ButtonColors, ButtonSizes } from '../types';
+import { ButtonColors } from '../types';
 export interface ButtonContainerProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, GrowthBehavior {
     colors?: ButtonColors;
     /**
-     * There are four button sizes: `extraSmall`, `small`, `medium`, and `large`.
-     * If no size is provided, it will default to `medium`.
-     *
+     * The size of the Button.
      * @default 'medium'
      */
-    size?: ButtonSizes;
+    size?: 'small' | 'medium' | 'large';
     /**
      * The ref to the button that the styled component renders.
      */

package/dist/commonjs/button/lib/parts/ButtonContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonContainer.d.ts","sourceRoot":"","sources":["../../../../../button/lib/parts/ButtonContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AAExC,OAAO,EACL,cAAc,EAId,kBAAkB,EAClB,UAAU,EACX,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,YAAY,EAAE,WAAW,EAAC,MAAM,UAAU,CAAC;AAGnD,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,cAAc;IAChB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AA8BD,eAAO,MAAM,eAAe,kMAgL3B,CAAC"}
+{"version":3,"file":"ButtonContainer.d.ts","sourceRoot":"","sources":["../../../../../button/lib/parts/ButtonContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AAExC,OAAO,EACL,cAAc,EAId,kBAAkB,EAClB,UAAU,EACX,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,YAAY,EAAC,MAAM,UAAU,CAAC;AAGtC,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,cAAc;IAChB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AA8BD,eAAO,MAAM,eAAe,kMAqK3B,CAAC"}

package/dist/commonjs/button/lib/parts/ButtonContainer.js

@@ -50,9 +50,15 @@ exports.ButtonContainer = common_1.styled('button', {
     var size = _a.size;
     switch (size) {
         case 'large':
-            return __assign(__assign({}, tokens_1.type.levels.body.small), { fontWeight: tokens_1.type.properties.fontWeights.bold, minWidth: '112px', height: '48px', padding: "0 " + tokens_1.space.l, '& > * ': {
-                    margin: "0 " + tokens_1.spaceNumbers.xxs / 2 + "px",
-                } });
+            return {
+                fontSize: tokens_1.type.properties.fontSizes[16],
+                minWidth: '112px',
+                height: '48px',
+                padding: "0 " + tokens_1.space.l,
+                '& > * ': {
+                    margin: "0 " + tokens_1.spaceNumbers.xs / 2 + "px",
+                },
+            };
         case 'medium':
         default:
             return {
@@ -72,10 +78,6 @@ exports.ButtonContainer = common_1.styled('button', {
                     margin: "0 " + tokens_1.spaceNumbers.xxxs / 2 + "px",
                 },
             };
-        case 'extraSmall':
-            return __assign(__assign({}, tokens_1.type.levels.subtext.medium), { fontWeight: tokens_1.type.properties.fontWeights.bold, height: tokens_1.space.m, padding: "0 " + tokens_1.space.xs, '& > * ': {
-                    margin: "0 " + tokens_1.spaceNumbers.xxxs / 2 + "px",
-                } });
     }
 }, function (_a) {
     var grow = _a.grow;

package/dist/commonjs/button/lib/parts/ButtonLabel.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="@emotion/core" />
-export declare const ButtonLabel: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "css" | "style" | "slot" | "title" | "dir" | "children" | "hidden" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, import("../../../common").EmotionCanvasTheme>;
+export declare const ButtonLabel: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css">, import("../../../common").EmotionCanvasTheme>;
 //# sourceMappingURL=ButtonLabel.d.ts.map

package/dist/commonjs/button/lib/parts/ButtonLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonLabel.d.ts","sourceRoot":"","sources":["../../../../../button/lib/parts/ButtonLabel.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,WAAW,oyJAKtB,CAAC"}
+{"version":3,"file":"ButtonLabel.d.ts","sourceRoot":"","sources":["../../../../../button/lib/parts/ButtonLabel.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,WAAW,sxJAKtB,CAAC"}

package/dist/commonjs/button/lib/parts/ButtonLabelIcon.d.ts

@@ -1,23 +1,20 @@
 import { CanvasSystemIcon } from '@workday/design-assets-types';
-import { ButtonSizes, IconPositions } from '../types';
 export interface ButtonLabelIconProps {
     /**
-     * There are four button sizes: `extraSmall`, `small`, `medium`, and `large`.
-     *
+     * The size of the Button.
      * @default 'medium'
      */
-    size?: ButtonSizes;
+    size?: 'small' | 'medium' | 'large';
     /**
      * The icon of the Button.
      * Note: not displayed at `small` size
      */
     icon?: CanvasSystemIcon;
     /**
-     * Button icon positions can either be `left` or `right`.
-     * If no value is provided, it defaults to `left`.
+     * The position of the TertiaryButton icon.
      * @default 'left'
      */
-    iconPosition?: IconPositions;
+    iconPosition?: 'left' | 'right';
     /**
      * If set to `true`, transform the icon's x-axis to mirror the graphic
      * @default false

package/dist/commonjs/button/lib/parts/ButtonLabelIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonLabelIcon.d.ts","sourceRoot":"","sources":["../../../../../button/lib/parts/ButtonLabelIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAM9D,OAAO,EAAC,WAAW,EAAE,aAAa,EAAC,MAAM,UAAU,CAAC;AACpD,MAAM,WAAW,oBAAoB;IACnC;;;;OAIG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;;OAIG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAuCD,eAAO,MAAM,eAAe,4GAkB3B,CAAC"}
+{"version":3,"file":"ButtonLabelIcon.d.ts","sourceRoot":"","sources":["../../../../../button/lib/parts/ButtonLabelIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAM9D,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAqBD,eAAO,MAAM,eAAe,4GAmB3B,CAAC"}

package/dist/commonjs/button/lib/parts/ButtonLabelIcon.js

@@ -37,30 +37,8 @@ var tokens_1 = require("@workday/canvas-kit-react/tokens");
 var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
 var icon_1 = require("@workday/canvas-kit-react/icon");
 var common_1 = require("@workday/canvas-kit-react/common");
-var iconSizes = {
-    extraSmall: 18,
-    small: 20,
-    medium: 20,
-    large: 24,
-};
-var getIconPositionStyles = function (_a) {
-    var iconPosition = _a.iconPosition, size = _a.size;
-    // Adjust margin values for visual balance, large buttons require 8px
-    var balancingMargin = size === 'large' ? tokens_1.space.xxs : tokens_1.space.xxxs;
-    // iconPosition can only be "right", "left", or undefined (defaults to "left")
-    if (iconPosition === 'right') {
-        return {
-            marginLeft: undefined,
-            marginRight: "-" + balancingMargin + " !important",
-        };
-    }
-    else {
-        return {
-            marginLeft: "-" + balancingMargin + " !important",
-            marginRight: undefined,
-        };
-    }
-};
+var ICON_SIZE = 24;
+var SMALL_ICON_SIZE = 20;
 var ButtonLabelIconStyled = common_1.styled('span', {
     shouldForwardProp: function (prop) { return is_prop_valid_1.default(prop) && prop !== 'size'; },
 })({
@@ -68,16 +46,23 @@ var ButtonLabelIconStyled = common_1.styled('span', {
 }, function (_a) {
     var size = _a.size;
     return ({
-        width: size ? iconSizes[size] : iconSizes.medium,
-        height: size ? iconSizes[size] : iconSizes.medium,
+        width: size === 'small' ? SMALL_ICON_SIZE : ICON_SIZE,
+        height: size === 'small' ? SMALL_ICON_SIZE : ICON_SIZE,
+    });
+}, function (_a) {
+    var iconPosition = _a.iconPosition;
+    return ({
+        marginLeft: iconPosition === 'right' ? undefined : "-" + tokens_1.space.xxxs + " !important",
+        marginRight: iconPosition === 'right' ? "-" + tokens_1.space.xxxs + " !important" : undefined,
     });
-}, getIconPositionStyles);
+});
 exports.ButtonLabelIcon = function (_a) {
     var icon = _a.icon, size = _a.size, iconPosition = _a.iconPosition, _b = _a.shouldMirrorIcon, shouldMirrorIcon = _b === void 0 ? false : _b, elemProps = __rest(_a, ["icon", "size", "iconPosition", "shouldMirrorIcon"]);
+    /* istanbul ignore next line for coverage */
     if (icon === undefined) {
         return null;
     }
-    var iconSize = size ? iconSizes[size] : undefined;
+    var iconSize = size === 'small' ? SMALL_ICON_SIZE : undefined;
     return (React.createElement(ButtonLabelIconStyled, __assign({ iconPosition: iconPosition, size: size }, elemProps),
         React.createElement(icon_1.SystemIcon, { size: iconSize, icon: icon, shouldMirror: shouldMirrorIcon })));
 };

package/dist/commonjs/button/lib/types.d.ts

@@ -19,13 +19,4 @@ export interface ButtonColors {
     };
     disabled: ButtonStateColors;
 }
-/**
- * There are four button sizes: `extraSmall`, `small`, `medium`, and `large`.
- * If no size is provided, it will default to `medium`.
- *
- * @default 'medium'
- */
-export declare type ButtonSizes = 'extraSmall' | 'small' | 'medium' | 'large';
-export declare type TertiaryButtonSizes = 'extraSmall' | 'small' | 'medium';
-export declare type IconPositions = 'left' | 'right';
 //# sourceMappingURL=types.d.ts.map

package/dist/commonjs/button/lib/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../button/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AAExC;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,KAAK,EAAE,iBAAiB,CAAC;IACzB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,KAAK,EAAE,iBAAiB,GAAG;QACzB,SAAS,CAAC,EAAE,SAAS,CAAC;KACvB,CAAC;IACF,QAAQ,EAAE,iBAAiB,CAAC;CAC7B;AAED;;;;;GAKG;AACH,oBAAY,WAAW,GAAG,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtE,oBAAY,mBAAmB,GAAG,YAAY,GAAG,OAAO,GAAG,QAAQ,CAAC;AACpE,oBAAY,aAAa,GAAG,MAAM,GAAG,OAAO,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../button/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AAExC;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,KAAK,EAAE,iBAAiB,CAAC;IACzB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,KAAK,EAAE,iBAAiB,GAAG;QACzB,SAAS,CAAC,EAAE,SAAS,CAAC;KACvB,CAAC;IACF,QAAQ,EAAE,iBAAiB,CAAC;CAC7B"}

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

@@ -6,5 +6,4 @@ export * from './lib/styles';
 export * from './lib/utils';
 export * from './lib/CanvasProvider';
 export * from './lib/InputProvider';
-export * from './lib/EllipsisText';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../common/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../common/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC"}

package/dist/commonjs/common/index.js

@@ -10,4 +10,3 @@ __export(require("./lib/styles"));
 __export(require("./lib/utils"));
 __export(require("./lib/CanvasProvider"));
 __export(require("./lib/InputProvider"));
-__export(require("./lib/EllipsisText"));

package/dist/commonjs/common/lib/styles/accessibleHide.d.ts

@@ -1,7 +1,7 @@
-import { CSSProperties } from '@workday/canvas-kit-react/tokens';
+import { CSSObject } from '@emotion/core';
 /**
  * A utility to hide content normal users while still making accessible to screenreaders
  * See https://a11y-101.com/development/skip-link
  */
-export declare const accessibleHide: CSSProperties;
+export declare const accessibleHide: CSSObject;
 //# sourceMappingURL=accessibleHide.d.ts.map

package/dist/commonjs/common/lib/styles/accessibleHide.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accessibleHide.d.ts","sourceRoot":"","sources":["../../../../../common/lib/styles/accessibleHide.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,kCAAkC,CAAC;AAE/D;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,aAW5B,CAAC"}
+{"version":3,"file":"accessibleHide.d.ts","sourceRoot":"","sources":["../../../../../common/lib/styles/accessibleHide.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AAExC;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,SAW5B,CAAC"}

package/dist/commonjs/common/lib/theming/breakpoints.d.ts

@@ -7,297 +7,16 @@ export declare enum BreakpointKey {
 }
 export declare type BreakpointFnParam = BreakpointKey | keyof typeof BreakpointKey;
 export declare type CanvasBreakpoints = {
-    /**
-     * ### Zero Breakpoint
-     *
-     * This breakpoint is useful when you need to set a media query `min-width` below small.
-     *
-     * @example
-     * ```ts
-     * import { useTheme } from '@workday/canvas-kit-react/common';
-     * import { space } from '@workday/canvas-kit-react/tokens';
-     *
-     * const theme = useTheme();
-     * const { values } = theme.canvas.breakpoints;
-     * const styles = {
-     *   [`@media (min-width: ${values.zero}px)`]: {
-     *     padding: space.xxs,
-     *   },
-     * }
-     * ```
-     */
-    zero: 0;
-    /**
-     * ### Small Breakpoint
-     *
-     * The small breakpoint provides the `min-width` for mobile devices, such as phones and tablets.
-     * This size ranges from a min-width of 320px to a max-width of 767px.
-     *
-     * @example
-     * ```ts
-     * import { useTheme } from '@workday/canvas-kit-react/common';
-     * import { space } from '@workday/canvas-kit-react/tokens';
-     *
-     * const theme = useTheme();
-     * const { values } = theme.canvas.breakpoints;
-     * const styles = {
-     *   [`@media (min-width: ${values.s}px)`]: {
-     *     padding: space.xs,
-     *   },
-     * }
-     * ```
-     */
-    s: 320;
-    /**
-     * ### Medium Breakpoint
-     *
-     * The medium breakpoint is the min-width for intended for medium screens, such as laptops.
-     * This size ranges from a min-width of 768px to a max-width of 1023px.
-     *
-     * @example
-     * ```ts
-     * import { useTheme } from '@workday/canvas-kit-react/common';
-     * import { space } from '@workday/canvas-kit-react/tokens';
-     *
-     * const theme = useTheme();
-     * const { values } = theme.canvas.breakpoints;
-     * const styles = {
-     *   [`@media (min-width: ${values.m}px)`]: {
-     *     padding: space.s,
-     *   },
-     * }
-     * ```
-     */
-    m: 768;
-    /**
-     * ### Large Breakpoint
-     *
-     * The large breakpoint is the min-width for intended for large screens, such as desktops.
-     * This size ranges from a min-width of 1024px to a max-width of 1439px.
-     *
-     * @example
-     * ```ts
-     * import { useTheme } from '@workday/canvas-kit-react/common';
-     * import { space } from '@workday/canvas-kit-react/tokens';
-     *
-     * const theme = useTheme();
-     * const { values } = theme.canvas.breakpoints;
-     * const styles = {
-     *   [`@media (min-width: ${values.m}px)`]: {
-     *     padding: space.s,
-     *   },
-     * }
-     * ```
-     */
-    l: 1024;
-    /**
-     * ### Extra-Large Breakpoint
-     *
-     * The large breakpoint is the min-width for intended for extra-large screens, such as wide monitors and TVs.
-     * This size has a min-width of 1440px and no max-width.
-     *
-     * @example
-     * ```ts
-     * import { useTheme } from '@workday/canvas-kit-react/common';
-     * import { space } from '@workday/canvas-kit-react/tokens';
-     *
-     * const theme = useTheme();
-     * const { values } = theme.canvas.breakpoints;
-     * const styles = {
-     *   [`@media (min-width: ${values.m}px)`]: {
-     *     padding: space.s
-     *   },
-     * }
-     * ```
-     */
-    xl: 1440;
+    zero: number;
+    s: number;
+    m: number;
+    l: number;
+    xl: number;
 };
 export declare const breakpointKeys: readonly ["zero", "s", "m", "l", "xl"];
-/**
- * ### Theme Breakpoint Values
- *
- * Breakpoints are used by media queries to conditionally apply or modify styles based on the viewport width.
- * This allows the UI to be responsive to various screen sizes. This object provides five breakpoint values
- * that correspond to the min-widths of our standard screen sizes.
- *
- * - `zero`: 0
- * - `s`: 320
- * - `m`: 768
- * - `l`: 1024
- * - `xl`: 1440
- *
- * And these are our standard screen size ranges:
- *
- * - `small` (320px - 767px) Used for mobile-sized screens
- * - `medium` (768px - 1023px) Used for tablet-sized screens
- * - `large` - (1024px - 1439px) Used for laptop and small desktop screens
- * - `extra-large` (≥1440px) Used for very large screens
- *
- * Note: Some applications may only require a subset of screen sizes and not use all breakpoints.
- *
- */
 export declare const breakpoints: CanvasBreakpoints;
-/**
- * ### Up
- *
- * _Returns a media query above the `min-width` for the range of a given breakpoint_
- *
- * Given a `start` breakpoint key ("zero", "s", "m", "l", "xl"),
- * this function returns a media query (string) using a `min-width`.
- *
- * @example
- * ```ts
- * import { useTheme } from '@workday/canvas-kit-react/common';
- * import { space } from '@workday/canvas-kit-react/tokens';
- *
- * const theme = useTheme();
- * const { up } = theme.canvas.breakpoints;
- * const mediaQuery = up('l'); // Returns '@media (min-width: 1024px)'
- * const styles = {
- *   [mediaQuery]: {
- *     padding: space.m,
- *   }
- * };
- * ```
- */
 export declare function up(key: BreakpointFnParam): string;
-/**
- * ### Down
- *
- * _Returns a media query below the `max-width` for the range of a given breakpoint_
- *
- * Given an `end` breakpoint key ("zero", "s", "m", "l", "xl"),
- * this function returns a media query (string) using a `max-width`.
- *
- * Note: This function subtracts `0.5px` from the next breakpoint value to prevent collisions.
- * For example, `breakpoints.values.s`, has a `min-width` of `320px`, and the `max-width` is `767.5px`).
- *
- * If the `xl` breakpoint is provided, this function returns a media query with only a `min-width` of `0`,
- * as seen in the second example below.
- *
- * @example
- * ```ts
- * import { useTheme } from '@workday/canvas-kit-react/common';
- * import { space } from '@workday/canvas-kit-react/tokens';
- *
- * const theme = useTheme();
- * const { down } = theme.canvas.breakpoints;
- * const mediaQuery = down('m'); // Returns '@media (max-width: 1023.5px)'
- * const styles = {
- *   [mediaQuery]: {
- *     padding: space.m,
- *   }
- * };
- * ```
- *
- * This example uses the `xl` breakpoint and only adds a `min-width` of `0` to the media query.
- * @example
- * ```ts
- * import { useTheme } from '@workday/canvas-kit-react/common';
- * import { space } from '@workday/canvas-kit-react/tokens';
- *
- * const theme = useTheme();
- * const { down } = theme.canvas.breakpoints;
- * const mediaQuery = down('xl'); // Returns '@media (min-width: 0)'
- * const styles = {
- *   [mediaQuery]: {
- *     padding: space.m,
- *   }
- * };
- * ```
- */
-export declare function down(endKey: BreakpointFnParam): string;
-/**
- * ### Between
- *
- * _Returns a media query between two given breakpoints_
- *
- * Given `start` and `end` breakpoint keys ("zero", "s", "m", "l", "xl"),
- * this function returns a media query (string) using a min-width and max-width.
- *
- * Note: This function subtracts `0.5px` from the next breakpoint value to prevent collisions.
- * For example, `breakpoints.values.s`, has a `min-width` of `320px`, and the `max-width` is `767.5px`).
- *
- * If the `xl` breakpoint is provided, this function returns a media query with only a `min-width`,
- * as seen in the second example below.
- *
- * @example
- * ```ts
- * import { useTheme } from '@workday/canvas-kit-react/common';
- * import { space } from '@workday/canvas-kit-react/tokens';
- *
- * const theme = useTheme();
- * const { between } = theme.canvas.breakpoints;
- * // Returns '@media (min-width: 320px) and (max-width: 1023.5px)'
- * const mediaQuery = between('s', 'm');
- * const styles = {
- *   [mediaQuery]: {
- *     padding: space.s,
- *   }
- * };
- * ```
- *
- * This example uses `xl` as the `end` breakpoint and only adds a min-width to the media query.
- * @example
- * ```ts
- * import { useTheme } from '@workday/canvas-kit-react/common';
- * import { space } from '@workday/canvas-kit-react/tokens';
- *
- * const theme = useTheme();
- * const { between } = theme.canvas.breakpoints;
- * const mediaQuery = between('m', 'xl'); // Returns '@media (min-width: 768px)'
- * const styles = {
- *   [mediaQuery]: {
- *     padding: space.s,
- *   }
- * };
- * ```
- */
+export declare function down(key: BreakpointFnParam): string;
 export declare function between(start: BreakpointFnParam, end: BreakpointFnParam): string;
-/**
- * ### Only
- *
- * _Returns a media query with a `min-width` and `max-width` for a given breakpoint_
- *
- * Given a breakpoint key ("zero", "s", "m", "l", "xl"),
- * this function returns a media query (string) using a `min-width` and `max-width`.
- *
- * Note: This function subtracts `0.5px` from the next breakpoint value to prevent collisions.
- * For example, `breakpoints.values.s`, has a `min-width` of `320px`, and the `max-width` is `767.5px`).
- *
- * If the `xl` breakpoint is provided, this function returns a media query with only a `min-width` of `1440px`,
- * as seen in the second example below.
- *
- * @example
- * ```ts
- * import { useTheme } from '@workday/canvas-kit-react/common';
- * import { space } from '@workday/canvas-kit-react/tokens';
- *
- * const theme = useTheme();
- * const { only } = theme.canvas.breakpoints;
- * const mediaQuery = only('s'); // Returns '@media (min-width: 320px) and (max-width: 767.5px)'
- * const styles = {
- *   [mediaQuery]: {
- *     padding: space.s,
- *   }
- * };
- * ```
- *
- * This example uses the `xl` breakpoint and only adds a `min-width` of `1440px` to the media query.
- * @example
- * ```ts
- * import { useTheme } from '@workday/canvas-kit-react/common';
- * import { space } from '@workday/canvas-kit-react/tokens';
- *
- * const theme = useTheme();
- * const { only } = theme.canvas.breakpoints;
- * const mediaQuery = only('xl'); // Returns '@media (min-width: 1440px)'
- * const styles = {
- *   [mediaQuery]: {
- *     padding: space.s,
- *   }
- * };
- * ```
- */
 export declare function only(key: BreakpointFnParam): string;
 //# sourceMappingURL=breakpoints.d.ts.map

package/dist/commonjs/common/lib/theming/breakpoints.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/breakpoints.ts"],"names":[],"mappings":"AAAA,oBAAY,aAAa;IACvB,IAAI,SAAS;IACb,CAAC,MAAM;IACP,CAAC,MAAM;IACP,CAAC,MAAM;IACP,EAAE,OAAO;CACV;AAED,oBAAY,iBAAiB,GAAG,aAAa,GAAG,MAAM,OAAO,aAAa,CAAC;AAE3E,oBAAY,iBAAiB,GAAG;IAC9B;;;;;;;;;;;;;;;;;;OAkBG;IACH,IAAI,EAAE,CAAC,CAAC;IACR;;;;;;;;;;;;;;;;;;;OAmBG;IACH,CAAC,EAAE,GAAG,CAAC;IACP;;;;;;;;;;;;;;;;;;;OAmBG;IACH,CAAC,EAAE,GAAG,CAAC;IACP;;;;;;;;;;;;;;;;;;;OAmBG;IACH,CAAC,EAAE,IAAI,CAAC;IACR;;;;;;;;;;;;;;;;;;;OAmBG;IACH,EAAE,EAAE,IAAI,CAAC;CACV,CAAC;AAEF,eAAO,MAAM,cAAc,wCAAyC,CAAC;AAErE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,WAAW,EAAE,iBAMzB,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,EAAE,CAAC,GAAG,EAAE,iBAAiB,UAGxC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,wBAAgB,IAAI,CAAC,MAAM,EAAE,iBAAiB,UAU7C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,iBAAiB,EAAE,GAAG,EAAE,iBAAiB,UAWvE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,wBAAgB,IAAI,CAAC,GAAG,EAAE,iBAAiB,UAE1C"}
+{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/breakpoints.ts"],"names":[],"mappings":"AAAA,oBAAY,aAAa;IACvB,IAAI,SAAS;IACb,CAAC,MAAM;IACP,CAAC,MAAM;IACP,CAAC,MAAM;IACP,EAAE,OAAO;CACV;AAED,oBAAY,iBAAiB,GAAG,aAAa,GAAG,MAAM,OAAO,aAAa,CAAC;AAE3E,oBAAY,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,eAAO,MAAM,cAAc,wCAAyC,CAAC;AAErE,eAAO,MAAM,WAAW,EAAE,iBAMzB,CAAC;AAIF,wBAAgB,EAAE,CAAC,GAAG,EAAE,iBAAiB,UAGxC;AAED,wBAAgB,IAAI,CAAC,GAAG,EAAE,iBAAiB,UAW1C;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,iBAAiB,EAAE,GAAG,EAAE,iBAAiB,UAWvE;AAED,wBAAgB,IAAI,CAAC,GAAG,EAAE,iBAAiB,UAE1C"}