@wireapp/react-ui-kit 9.72.0 → 9.73.0

package/lib/Identity/Theme/Theme.d.ts

@@ -87,6 +87,12 @@ export interface Theme extends ETheme {
         optionHoverBg: string;
         selectedActiveBg: string;
     };
+    Switch: {
+        activatedColor: string;
+        deactivatedColor: string;
+        disabledColor?: string;
+    };
+    themeId: THEME_ID;
 }
 export declare const themes: {
     [themeId in THEME_ID]: Theme;

package/lib/Identity/Theme/Theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/Identity/Theme/Theme.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/Identity/Theme/Theme.tsx"],"names":[],"mappings":"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"}

package/lib/Identity/Theme/Theme.js

@@ -14,6 +14,7 @@ var THEME_ID;
 })(THEME_ID || (exports.THEME_ID = THEME_ID = {}));
 exports.themes = {
     [THEME_ID.DEFAULT]: {
+        themeId: THEME_ID.DEFAULT,
         fontSizes: Sizes_1.fontSizes,
         Button: {
             primaryBg: 'var(--accent-color)',
@@ -88,8 +89,14 @@ exports.themes = {
             contrastColor: 'var(--text-input-background)',
             focusColor: 'var(--accent-color-focus)',
         },
+        Switch: {
+            activatedColor: colors_1.COLOR.BLUE,
+            deactivatedColor: '#d2d2d2',
+            disabledColor: colors_1.COLOR.GRAY_LIGHTEN_88,
+        },
     },
     [THEME_ID.LIGHT]: {
+        themeId: THEME_ID.LIGHT,
         fontSizes: Sizes_1.fontSizes,
         Button: {
             primaryBg: 'var(--accent-color)',
@@ -164,8 +171,14 @@ exports.themes = {
             contrastColor: 'var(--text-input-background)',
             focusColor: 'var(--accent-color-focus)',
         },
+        Switch: {
+            activatedColor: colors_v2_1.BASE_LIGHT_COLOR.BLUE,
+            deactivatedColor: colors_v2_1.COLOR_V2.GRAY_70,
+            disabledColor: colors_v2_1.COLOR_V2.GRAY_70,
+        },
     },
     [THEME_ID.DARK]: {
+        themeId: THEME_ID.DARK,
         fontSizes: Sizes_1.fontSizes,
         Button: {
             primaryBg: 'var(--accent-color)',
@@ -240,6 +253,11 @@ exports.themes = {
             contrastColor: 'var(--text-input-background)',
             focusColor: 'var(--accent-color-focus)',
         },
+        Switch: {
+            activatedColor: colors_v2_1.BASE_DARK_COLOR.BLUE,
+            deactivatedColor: colors_v2_1.COLOR_V2.GRAY_60,
+            disabledColor: colors_v2_1.COLOR_V2.GRAY_60,
+        },
     },
 };
 const ThemeProvider = (props) => (0, jsx_runtime_1.jsx)(react_1.ThemeProvider, { ...props, theme: props.theme });

package/lib/Inputs/Switch/Switch.d.ts

@@ -1,10 +1,13 @@
 import { InputProps } from '../Input';
 export interface SwitchProps<T = HTMLInputElement> extends InputProps<T> {
     activatedColor?: string;
+    activatedColorDark?: string;
     checked: boolean;
     deactivatedColor?: string;
+    deactivatedColorDark?: string;
     disabled?: boolean;
     disabledColor?: string;
+    disabledColorDark?: string;
     id?: string;
     loadingColor?: string;
     name?: string;

package/lib/Inputs/Switch/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/Inputs/Switch/Switch.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AAEpC,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,gBAAgB,CAAE,SAAQ,UAAU,CAAC,CAAC,CAAC;IACtE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,MAAM,yIAmDlB,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/Inputs/Switch/Switch.tsx"],"names":[],"mappings":"AA2BA,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AAEpC,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,gBAAgB,CAAE,SAAQ,UAAU,CAAC,CAAC,CAAC;IACtE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,MAAM,yIAyElB,CAAC"}

package/lib/Inputs/Switch/Switch.js

@@ -21,18 +21,32 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
  *
  */
 const react_1 = require("react");
+const react_2 = require("@emotion/react");
 const Switch_styles_1 = require("./Switch.styles");
 const DataDisplay_1 = require("../../DataDisplay");
 const Identity_1 = require("../../Identity");
-exports.Switch = (0, react_1.forwardRef)(({ id = Math.random().toString(), checked, onToggle = () => { }, showLoading, disabled, loadingColor = Identity_1.COLOR.BLUE, activatedColor = Identity_1.COLOR.BLUE, deactivatedColor = '#d2d2d2', name, dataUieName, }, ref) => ((0, jsx_runtime_1.jsxs)("div", { css: Switch_styles_1.wrapperStyles, children: [(0, jsx_runtime_1.jsx)("input", { ref: ref, id: id, checked: checked, disabled: disabled, name: name, onChange: event => onToggle(event.target.checked), onKeyDown: event => {
-                if (event.key == 'Enter') {
-                    onToggle(!event.target.checked);
-                }
-            }, type: "checkbox", css: Switch_styles_1.inputStyles, "data-uie-name": dataUieName }), (0, jsx_runtime_1.jsxs)("label", { htmlFor: id, css: (0, Switch_styles_1.labelStyles)(disabled, showLoading), children: [(0, jsx_runtime_1.jsx)("span", { css: (0, Switch_styles_1.switchStyles)({
-                        disabled,
-                        showLoading,
-                        checked,
-                        activatedColor,
-                        deactivatedColor,
-                    }) }), showLoading ? ((0, jsx_runtime_1.jsx)(DataDisplay_1.Loading, { size: 21, color: loadingColor, css: Switch_styles_1.loadingStyles })) : ((0, jsx_runtime_1.jsx)("span", { css: (0, Switch_styles_1.switchDotStyles)(disabled, checked) }))] })] })));
+exports.Switch = (0, react_1.forwardRef)(({ id = Math.random().toString(), checked, onToggle = () => { }, showLoading, disabled, loadingColor = Identity_1.COLOR.BLUE, activatedColor, activatedColorDark, deactivatedColor, deactivatedColorDark, disabledColor, disabledColorDark, name, dataUieName, }, ref) => {
+    const theme = (0, react_2.useTheme)();
+    const isDarkTheme = theme?.themeId === Identity_1.THEME_ID.DARK;
+    const switchTheme = theme?.Switch;
+    const resolvedActivatedColor = (isDarkTheme ? activatedColorDark ?? activatedColor : activatedColor) ??
+        switchTheme?.activatedColor ??
+        Identity_1.COLOR.BLUE;
+    const resolvedDeactivatedColor = (isDarkTheme ? deactivatedColorDark ?? deactivatedColor : deactivatedColor) ??
+        switchTheme?.deactivatedColor ??
+        '#d2d2d2';
+    const resolvedDisabledColor = (isDarkTheme ? disabledColorDark ?? disabledColor : disabledColor) ?? switchTheme?.disabledColor;
+    return ((0, jsx_runtime_1.jsxs)("div", { css: Switch_styles_1.wrapperStyles, children: [(0, jsx_runtime_1.jsx)("input", { ref: ref, id: id, checked: checked, disabled: disabled, name: name, onChange: event => onToggle(event.target.checked), onKeyDown: event => {
+                    if (event.key === 'Enter') {
+                        onToggle(!event.target.checked);
+                    }
+                }, type: "checkbox", css: Switch_styles_1.inputStyles, "data-uie-name": dataUieName }), (0, jsx_runtime_1.jsxs)("label", { htmlFor: id, css: (0, Switch_styles_1.labelStyles)(disabled, showLoading), children: [(0, jsx_runtime_1.jsx)("span", { css: (0, Switch_styles_1.switchStyles)({
+                            disabled,
+                            showLoading,
+                            checked,
+                            activatedColor: resolvedActivatedColor,
+                            deactivatedColor: resolvedDeactivatedColor,
+                            disabledColor: resolvedDisabledColor,
+                        }) }), showLoading ? ((0, jsx_runtime_1.jsx)(DataDisplay_1.Loading, { size: 21, color: loadingColor, css: Switch_styles_1.loadingStyles })) : ((0, jsx_runtime_1.jsx)("span", { css: (0, Switch_styles_1.switchDotStyles)(disabled, checked) }))] })] }));
+});
 exports.Switch.displayName = 'Switch';

package/lib/Inputs/Switch/Switch.styles.d.ts

@@ -8,8 +8,9 @@ type SwitchStylesProps = {
     checked: boolean;
     activatedColor: string;
     deactivatedColor: string;
+    disabledColor?: string;
 };
-export declare const switchStyles: ({ disabled, showLoading, checked, activatedColor, deactivatedColor, }: SwitchStylesProps) => CSSObject;
+export declare const switchStyles: ({ disabled, showLoading, checked, activatedColor, deactivatedColor, disabledColor, }: SwitchStylesProps) => CSSObject;
 export declare const loadingStyles: CSSObject;
 export declare const switchDotStyles: (disabled: boolean, checked: boolean) => CSSObject;
 export {};

package/lib/Inputs/Switch/Switch.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.styles.d.ts","sourceRoot":"","sources":["../../../src/Inputs/Switch/Switch.styles.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,eAAO,MAAM,aAAa,EAAE,SAO3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,SAOzB,CAAC;AAEF,eAAO,MAAM,WAAW,aAAc,OAAO,eAAe,OAAO,KAAG,SAMpE,CAAC;AAEH,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,YAAY,0EAMtB,iBAAiB,KAAG,SA6BrB,CAAC;AAEH,eAAO,MAAM,aAAa,EAAE,SAI3B,CAAC;AAEF,eAAO,MAAM,eAAe,aAAc,OAAO,WAAW,OAAO,KAAG,SAcpE,CAAC"}
+{"version":3,"file":"Switch.styles.d.ts","sourceRoot":"","sources":["../../../src/Inputs/Switch/Switch.styles.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,eAAO,MAAM,aAAa,EAAE,SAO3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,SAOzB,CAAC;AAEF,eAAO,MAAM,WAAW,aAAc,OAAO,eAAe,OAAO,KAAG,SAMpE,CAAC;AAEH,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,YAAY,yFAOtB,iBAAiB,KAAG,SA6BrB,CAAC;AAEH,eAAO,MAAM,aAAa,EAAE,SAI3B,CAAC;AAEF,eAAO,MAAM,eAAe,aAAc,OAAO,WAAW,OAAO,KAAG,SAcpE,CAAC"}

package/lib/Inputs/Switch/Switch.styles.js

@@ -44,7 +44,7 @@ const labelStyles = (disabled, showLoading) => ({
     overflow: 'hidden',
 });
 exports.labelStyles = labelStyles;
-const switchStyles = ({ disabled, showLoading, checked, activatedColor, deactivatedColor, }) => ({
+const switchStyles = ({ disabled, showLoading, checked, activatedColor, deactivatedColor, disabledColor, }) => ({
     '&:after': {
         content: '" "',
         paddingRight: '10px',
@@ -56,7 +56,7 @@ const switchStyles = ({ disabled, showLoading, checked, activatedColor, deactiva
     },
     '&:before, &:after': {
         backgroundColor: disabled || showLoading
-            ? Identity_1.COLOR.tint(checked ? activatedColor : deactivatedColor, 0.4)
+            ? disabledColor ?? Identity_1.COLOR.tint(checked ? activatedColor : deactivatedColor, 0.4)
             : checked
                 ? activatedColor
                 : deactivatedColor,

package/package.json

@@ -38,7 +38,7 @@
     "@swc/core": "^1.3.10",
     "@swc/jest": "^0.2.23",
     "@testing-library/jest-dom": "6.9.1",
-    "@testing-library/react": "16.3.0",
+    "@testing-library/react": "16.3.1",
     "@testing-library/user-event": "14.6.1",
     "@types/jest": "^29.2.0",
     "@types/node": "^22.0.0",
@@ -79,6 +79,6 @@
     "test:watch": "jest --watch",
     "test:update": "jest --updateSnapshot"
   },
-  "version": "9.72.0",
-  "gitHead": "5685fa9926da53ba8e0b61cdd31095ee72d59ee5"
+  "version": "9.73.0",
+  "gitHead": "5b92bc1d16481d1aea4d08981c2d351c49a29e2e"
 }