@alixpartners/ui-components 1.21.0 → 1.21.2

package/dist/esm/components/ApToggleSwitch/styles.js

@@ -1,9 +1,18 @@
 "use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledToggleInput = exports.StyledToggleSwitch = void 0;
+exports.StyledToggleInput = exports.StyledToggleSwitch = exports.StyledToggleWrapper = void 0;
 var styled_components_1 = require("styled-components");
 var theme_1 = require("../../utils/theme");
+exports.StyledToggleWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  width: 44px;\n  height: 32px;\n  justify-content: center;\n  align-items: center;\n  background-color: transparent;\n  border-radius: 16px;\n  ", "\n"], ["\n  display: flex;\n  width: 44px;\n  height: 32px;\n  justify-content: center;\n  align-items: center;\n  background-color: transparent;\n  border-radius: 16px;\n  ",
+    "\n"])), function (_a) {
+    var disabled = _a.disabled;
+    return !disabled && styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        &:hover {\n          background-color: ", ";\n        }\n        &:focus {\n          background-color: ", ";\n        }\n        &:active {\n          background-color: ", ";\n        }\n      "], ["\n        &:hover {\n          background-color: ", ";\n        }\n        &:focus {\n          background-color: ", ";\n        }\n        &:active {\n          background-color: ", ";\n        }\n      "])), theme_1.colors.green50, theme_1.colors.green50, theme_1.colors.green100);
+});
 exports.StyledToggleSwitch = styled_components_1.default.span({
     ':after': {
         borderColor: "" + theme_1.colors.transparent,
@@ -19,52 +28,55 @@ exports.StyledToggleSwitch = styled_components_1.default.span({
         width: "calc(100% + 6px)",
     },
     ':before': {
-        backgroundColor: theme_1.colors.grey3,
+        backgroundColor: theme_1.colors.grey400,
         borderRadius: '50%',
         bottom: '2px',
         content: "''",
-        height: '10px',
-        left: '3px',
+        height: '12px',
+        left: '2px',
         position: 'absolute',
         transition: 'transform .1s linear, background-color .2s linear',
-        width: '10px',
+        width: '12px',
     },
     backgroundColor: theme_1.colors.transparent,
-    borderColor: theme_1.colors.grey3,
+    borderColor: theme_1.colors.grey500,
     borderRadius: '32px',
     borderStyle: 'solid',
     borderWidth: '2px',
     boxSizing: 'border-box',
     display: 'inline-block',
-    height: '18px',
+    height: '20px',
     outline: 'none',
     position: 'relative',
-    right: '0px',
     transition: 'all .1s linear',
     width: '32px',
 });
 exports.StyledToggleInput = styled_components_1.default.input((_a = {},
     _a[":checked + " + exports.StyledToggleSwitch] = {
         ':before': {
-            backgroundColor: theme_1.colors.green1,
+            backgroundColor: theme_1.colors.grey700,
             transform: 'translateX(12px)',
         },
-        borderColor: theme_1.colors.green1,
+        borderColor: theme_1.colors.grey700,
     },
     _a[":hover:enabled + " + exports.StyledToggleSwitch] = {
-        ':before': { backgroundColor: theme_1.colors.green2 },
+        ':before': { backgroundColor: theme_1.colors.grey700 },
     },
     _a[":disabled + " + exports.StyledToggleSwitch] = {
-        borderColor: theme_1.colors.grey2,
+        borderColor: theme_1.colors.grey300,
         cursor: 'not-allowed',
+        ':before': {
+            backgroundColor: theme_1.colors.grey300,
+        },
     },
     _a[":checked:disabled + " + exports.StyledToggleSwitch] = {
-        borderColor: theme_1.colors.grey2,
+        borderColor: theme_1.colors.grey400,
         cursor: 'not-allowed',
         ':before': {
-            backgroundColor: theme_1.colors.grey3,
+            backgroundColor: theme_1.colors.grey400,
         },
     },
     _a.display = 'none',
     _a));
+var templateObject_1, templateObject_2;
 //# sourceMappingURL=styles.js.map

package/dist/esm/components/ApToggleSwitch/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/ApToggleSwitch/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEtC,2CAA0C;AAE7B,QAAA,kBAAkB,GAAG,2BAAM,CAAC,IAAI,CAAC;IAC5C,QAAQ,EAAE;QACR,WAAW,EAAE,KAAG,cAAM,CAAC,WAAa;QACpC,YAAY,EAAE,MAAM;QACpB,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,KAAK;QAClB,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,kBAAkB;QAC1B,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,MAAM;QACX,UAAU,EAAE,gBAAgB;QAC5B,KAAK,EAAE,kBAAkB;KAC1B;IACD,SAAS,EAAE;QACT,eAAe,EAAE,cAAM,CAAC,KAAK;QAC7B,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,KAAK;QACb,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,KAAK;QACX,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,mDAAmD;QAC/D,KAAK,EAAE,MAAM;KACd;IACD,eAAe,EAAE,cAAM,CAAC,WAAW;IACnC,WAAW,EAAE,cAAM,CAAC,KAAK;IACzB,YAAY,EAAE,MAAM;IACpB,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,KAAK;IAClB,SAAS,EAAE,YAAY;IACvB,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,KAAK;IACZ,UAAU,EAAE,gBAAgB;IAC5B,KAAK,EAAE,MAAM;CACd,CAAC,CAAA;AAEW,QAAA,iBAAiB,GAAG,2BAAM,CAAC,KAAK;IAC3C,GAAC,gBAAc,0BAAoB,IAAG;QACpC,SAAS,EAAE;YACT,eAAe,EAAE,cAAM,CAAC,MAAM;YAC9B,SAAS,EAAE,kBAAkB;SAC9B;QACD,WAAW,EAAE,cAAM,CAAC,MAAM;KAC3B;IAED,GAAC,sBAAoB,0BAAoB,IAAG;QAC1C,SAAS,EAAE,EAAE,eAAe,EAAE,cAAM,CAAC,MAAM,EAAE;KAC9C;IAED,GAAC,iBAAe,0BAAoB,IAAG;QACrC,WAAW,EAAE,cAAM,CAAC,KAAK;QACzB,MAAM,EAAE,aAAa;KACtB;IAED,GAAC,yBAAuB,0BAAoB,IAAG;QAC7C,WAAW,EAAE,cAAM,CAAC,KAAK;QACzB,MAAM,EAAE,aAAa;QACrB,SAAS,EAAE;YACT,eAAe,EAAE,cAAM,CAAC,KAAK;SAC9B;KACF;IAED,UAAO,GAAE,MAAM;QACf,CAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/ApToggleSwitch/styles.ts"],"names":[],"mappings":";;;;;;;;AAAA,uDAA+C;AAE/C,2CAA0C;AAE7B,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,gPAAwB,uKAQjE;IAaF,IACD,KAdG,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,CAAC,QAAQ,IACT,uBAAG,iRAAA,mDAEuB,EAAc,+DAGd,EAAc,gEAGd,EAAe,sBAEtC,KARuB,cAAM,CAAC,OAAO,EAGd,cAAM,CAAC,OAAO,EAGd,cAAM,CAAC,QAAQ,CAEtC;AAXH,CAWG,EAEL;AAEW,QAAA,kBAAkB,GAAG,2BAAM,CAAC,IAAI,CAAC;IAC5C,QAAQ,EAAE;QACR,WAAW,EAAE,KAAG,cAAM,CAAC,WAAa;QACpC,YAAY,EAAE,MAAM;QACpB,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,KAAK;QAClB,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,kBAAkB;QAC1B,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,MAAM;QACX,UAAU,EAAE,gBAAgB;QAC5B,KAAK,EAAE,kBAAkB;KAC1B;IACD,SAAS,EAAE;QACT,eAAe,EAAE,cAAM,CAAC,OAAO;QAC/B,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,KAAK;QACb,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,KAAK;QACX,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,mDAAmD;QAC/D,KAAK,EAAE,MAAM;KACd;IACD,eAAe,EAAE,cAAM,CAAC,WAAW;IACnC,WAAW,EAAE,cAAM,CAAC,OAAO;IAC3B,YAAY,EAAE,MAAM;IACpB,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,KAAK;IAClB,SAAS,EAAE,YAAY;IACvB,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,gBAAgB;IAC5B,KAAK,EAAE,MAAM;CACd,CAAC,CAAA;AAEW,QAAA,iBAAiB,GAAG,2BAAM,CAAC,KAAK;IAC3C,GAAC,gBAAc,0BAAoB,IAAG;QACpC,SAAS,EAAE;YACT,eAAe,EAAE,cAAM,CAAC,OAAO;YAC/B,SAAS,EAAE,kBAAkB;SAC9B;QACD,WAAW,EAAE,cAAM,CAAC,OAAO;KAC5B;IAED,GAAC,sBAAoB,0BAAoB,IAAG;QAC1C,SAAS,EAAE,EAAE,eAAe,EAAE,cAAM,CAAC,OAAO,EAAE;KAC/C;IAED,GAAC,iBAAe,0BAAoB,IAAG;QACrC,WAAW,EAAE,cAAM,CAAC,OAAO;QAC3B,MAAM,EAAE,aAAa;QACrB,SAAS,EAAE;YACT,eAAe,EAAE,cAAM,CAAC,OAAO;SAChC;KACF;IAED,GAAC,yBAAuB,0BAAoB,IAAG;QAC7C,WAAW,EAAE,cAAM,CAAC,OAAO;QAC3B,MAAM,EAAE,aAAa;QACrB,SAAS,EAAE;YACT,eAAe,EAAE,cAAM,CAAC,OAAO;SAChC;KACF;IAED,UAAO,GAAE,MAAM;QACf,CAAA"}

package/dist/esm/internal/ApCheckLabel.js

@@ -13,10 +13,9 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledCheckLabel = exports.StyledCheckChild = void 0;
 var styled_components_1 = require("styled-components");
-var common_1 = require("../common/common");
 var theme_1 = require("../utils/theme");
 exports.StyledCheckChild = styled_components_1.default.span({
-    color: theme_1.colors.grey7,
+    color: theme_1.colors.grey700,
     transition: 'all .1s linear',
     userSelect: 'none'
 });
@@ -42,10 +41,6 @@ var getStyles = function (flexDirection) {
 };
 exports.StyledCheckLabel = styled_components_1.default.label(__assign({ WebkitTapHighlightColor: theme_1.colors.transparent, alignItems: 'center', cursor: 'pointer', display: 'flex', outline: 'none', position: 'relative' }, theme_1.font), function (_a) {
     var flexDirection = _a.flexDirection, justifyContent = _a.justifyContent, theme = _a.theme;
-    return (__assign(__assign({ ':focus': {
-            '.ap-checkbox': __assign({}, common_1.getFocusCss(theme)),
-            '.ap-radio': __assign({}, common_1.getFocusCss(theme)),
-            '.ap-toggle-switch': __assign({}, common_1.getFocusCss(theme)),
-        } }, getStyles(flexDirection)), { justifyContent: justifyContent }));
+    return (__assign(__assign({}, getStyles(flexDirection)), { justifyContent: justifyContent }));
 });
 //# sourceMappingURL=ApCheckLabel.js.map

package/dist/esm/internal/ApCheckLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApCheckLabel.js","sourceRoot":"","sources":["../../../src/internal/ApCheckLabel.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,uDAAsC;AAEtC,2CAA8C;AAC9C,wCAA0D;AAe7C,QAAA,gBAAgB,GAAG,2BAAM,CAAC,IAAI,CAAC;IAC1C,KAAK,EAAE,cAAM,CAAC,KAAK;IACnB,UAAU,EAAE,gBAAgB;IAC5B,UAAU,EAAE,MAAM;CACnB,CAAC,CAAA;AAEF,IAAM,SAAS,GAAG,UAAC,aAAkB;;IACnC,IAAM,MAAM;QACV,GAAC,aAAa;gBACZ,aAAa,eAAA;;YACb,GAAC,KAAG,wBAAkB,IAAG;gBACvB,YAAY,EAAE,mBAAW,CAAC,EAAE;aAC7B;eACF;QACD,GAAC,SAAS;gBACR,aAAa,eAAA;;YACb,GAAC,KAAG,wBAAkB,IAAG;gBACvB,WAAW,EAAE,mBAAW,CAAC,EAAE;aAC5B;eACF;WACF,CAAA;IAED,OAAO,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAA;AACvE,CAAC,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,KAAK,YAExC,uBAAuB,EAAE,cAAM,CAAC,WAAW,EAC3C,UAAU,EAAE,QAAQ,EACpB,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,UAAU,IAChB,YAAY,GAElB,UAAC,EAAwC;QAAtC,aAAa,mBAAA,EAAE,cAAc,oBAAA,EAAE,KAAK,WAAA;IAAO,OAAA,qBAC5C,QAAQ,EAAE;YACR,cAAc,eACT,oBAAW,CAAC,KAAK,CAAC,CACtB;YACD,WAAW,eACN,oBAAW,CAAC,KAAK,CAAC,CACtB;YACD,mBAAmB,eACd,oBAAW,CAAC,KAAK,CAAC,CACtB;SACF,IACE,SAAS,CAAC,aAAa,CAAC,KAC3B,cAAc,gBAAA,IACd;AAd4C,CAc5C,CACH,CAAA"}
+{"version":3,"file":"ApCheckLabel.js","sourceRoot":"","sources":["../../../src/internal/ApCheckLabel.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,uDAAsC;AAEtC,wCAA0D;AAe7C,QAAA,gBAAgB,GAAG,2BAAM,CAAC,IAAI,CAAC;IAC1C,KAAK,EAAE,cAAM,CAAC,OAAO;IACrB,UAAU,EAAE,gBAAgB;IAC5B,UAAU,EAAE,MAAM;CACnB,CAAC,CAAA;AAEF,IAAM,SAAS,GAAG,UAAC,aAAkB;;IACnC,IAAM,MAAM;QACV,GAAC,aAAa;gBACZ,aAAa,eAAA;;YACb,GAAC,KAAG,wBAAkB,IAAG;gBACvB,YAAY,EAAE,mBAAW,CAAC,EAAE;aAC7B;eACF;QACD,GAAC,SAAS;gBACR,aAAa,eAAA;;YACb,GAAC,KAAG,wBAAkB,IAAG;gBACvB,WAAW,EAAE,mBAAW,CAAC,EAAE;aAC5B;eACF;WACF,CAAA;IAED,OAAO,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAA;AACvE,CAAC,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,KAAK,YAExC,uBAAuB,EAAE,cAAM,CAAC,WAAW,EAC3C,UAAU,EAAE,QAAQ,EACpB,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,UAAU,IAChB,YAAY,GAElB,UAAC,EAAwC;QAAtC,aAAa,mBAAA,EAAE,cAAc,oBAAA,EAAE,KAAK,WAAA;IAAO,OAAA,uBACzC,SAAS,CAAC,aAAa,CAAC,KAC3B,cAAc,gBAAA,IACd;AAH4C,CAG5C,CACH,CAAA"}

package/dist/types/components/ApButtons/ApButtons.d.ts

@@ -29,6 +29,7 @@ export interface IButtonIconProps extends IButtonProps {
     hoverColor?: string;
     /** props to modify icon */
     iconProps?: IIconProps;
+    small?: boolean;
 }
 export interface IButtonTabProps extends IButtonProps {
     /** Sets styles for when Tab is selected */

package/dist/types/components/ApButtons/styles.d.ts

@@ -12,11 +12,11 @@ export declare const getButtonDangerStyles: (disabled: boolean, theme: IThemePro
 export declare const StyledButtonLink: import("styled-components").StyledComponent<"a", any, IButtonProps, never>;
 export declare const StyledButtonText: import("styled-components").StyledComponent<"a", any, IButtonProps, never>;
 export declare const ButtonIconStyles: import("styled-components").StyledComponent<"button", any, {
-    size?: number | undefined;
+    small?: boolean | undefined;
     theme?: string | undefined;
 }, never>;
 export declare const StyledButtonIcon: import("styled-components").StyledComponent<"button", any, {
-    size?: number | undefined;
+    small?: boolean | undefined;
     theme?: string | undefined;
 } & IButtonIconProps, never>;
 export declare const getButtonTabStyles: (disabled: boolean, theme: IThemeProps, isSelected: boolean) => any;
@@ -25,17 +25,17 @@ export declare const StyledButtonFilter: import("styled-components").StyledCompo
 export declare const getSmallDimension: (small?: boolean | undefined, iconName?: string | undefined) => {
     height: string;
     padding: string;
-    paddingLeft: string;
     lineHeight: string;
     fontSize: string;
+    paddingLeft: string;
     '.ap-icon': {
         marginRight: string;
         width: string;
     };
 } | {
+    paddingLeft: string;
     height?: undefined;
     padding?: undefined;
-    paddingLeft?: undefined;
     lineHeight?: undefined;
     fontSize?: undefined;
     '.ap-icon'?: undefined;

package/dist/types/components/ApCheckbox/ApCheckbox.d.ts

@@ -8,6 +8,7 @@ interface ICheckboxProps extends IDefaultProps, IThemeProps, React.HTMLProps<HTM
     id: string;
     /** Function that takes an event and returns nothing */
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    indeterminate?: boolean;
 }
 export declare const ApCheckbox: React.SFC<ICheckboxProps>;
 export {};

package/dist/types/components/ApCheckbox/styles.d.ts

@@ -1,2 +1,6 @@
+export declare const StyledCheckWrapper: import("styled-components").StyledComponent<"div", any, {
+    disabled?: boolean | undefined;
+}, never>;
 export declare const StyledCheckIcon: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledIndeterminateIcon: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const StyledCheckInput: import("styled-components").StyledComponent<"input", any, {}, never>;

package/dist/types/components/ApIcon/paths.d.ts

@@ -610,4 +610,13 @@ export declare const paths: {
     bug_report: {
         path: string;
     }[];
+    checkbox: {
+        path: string;
+    }[];
+    indeterminate: {
+        path: string;
+    }[];
+    minus: {
+        path: string;
+    }[];
 };

package/dist/types/components/ApRadio/styles.d.ts

@@ -1,2 +1,5 @@
+export declare const StyledRadioWrapper: import("styled-components").StyledComponent<"div", any, {
+    disabled?: boolean | undefined;
+}, never>;
 export declare const StyledRadioIconWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const StyledRadioInput: import("styled-components").StyledComponent<"input", any, {}, never>;

package/dist/types/components/ApToggleSwitch/styles.d.ts

@@ -1,2 +1,5 @@
+export declare const StyledToggleWrapper: import("styled-components").StyledComponent<"div", any, {
+    disabled?: boolean | undefined;
+}, never>;
 export declare const StyledToggleSwitch: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const StyledToggleInput: import("styled-components").StyledComponent<"input", any, {}, never>;