@wireapp/react-ui-kit 9.26.0 → 9.26.2

package/lib/Form/Button.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../src/Form/Button.styles.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAC,WAAW,EAAgB,MAAM,UAAU,CAAC;AAKpD,OAAO,EAAC,KAAK,EAAC,MAAM,gBAAgB,CAAC;AAmLrC,eAAO,MAAM,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,SAgErE,CAAC"}
+{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../src/Form/Button.styles.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAC,WAAW,EAAgB,MAAM,UAAU,CAAC;AAKpD,OAAO,EAAC,KAAK,EAAC,MAAM,gBAAgB,CAAC;AAmLrC,eAAO,MAAM,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,SA6DrE,CAAC"}

package/lib/Form/Button.styles.js

@@ -176,13 +176,12 @@ const buttonSendStyles = ({ backgroundColor, disabled, isActive }) => {
         }),
     };
 };
-const buttonStyle = (theme, { variant = Button_1.ButtonVariant.PRIMARY, backgroundColor, block = false, disabled = false, noCapital = false, bold = true, center = true, color = Identity_1.COLOR.WHITE, fontSize = theme.fontSizes.base, noWrap = true, textTransform = 'none', truncate = true, ...props }) => {
+const buttonStyle = (theme, { variant = Button_1.ButtonVariant.PRIMARY, block = false, noCapital = false, bold = true, center = true, color = Identity_1.COLOR.WHITE, fontSize = theme.fontSizes.base, noWrap = true, textTransform = 'none', truncate = true, ...props }) => {
     return {
         ...(0, Text_1.textStyle)(theme, {
             block,
             bold,
             center,
-            disabled,
             fontSize,
             noWrap,
             textTransform,
@@ -190,7 +189,7 @@ const buttonStyle = (theme, { variant = Button_1.ButtonVariant.PRIMARY, backgrou
             ...props,
         }),
         border: 0,
-        cursor: disabled ? 'default' : 'pointer',
+        cursor: props.disabled ? 'not-allowed' : 'pointer',
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',

package/lib/Form/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Form/Tooltip.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAA0B,SAAS,EAAmB,MAAM,OAAO,CAAC;AAoJrF,UAAU,YAAY,CAAC,CAAC,GAAG,cAAc,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IAC7D,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAID,eAAO,MAAM,OAAO,2BAA0B,YAAY,qDAmCzD,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Form/Tooltip.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAA0B,SAAS,EAAmB,MAAM,OAAO,CAAC;AAqJrF,UAAU,YAAY,CAAC,CAAC,GAAG,cAAc,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IAC7D,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAID,eAAO,MAAM,OAAO,2BAA0B,YAAY,qDAmCzD,CAAC"}

package/lib/Form/Tooltip.js

@@ -53,6 +53,7 @@ const tooltipStyle = theme => ({
         fontWeight: 400,
         padding: `${paddingDistance}px 8px`,
         textAlign: 'center',
+        overflowWrap: 'break-word',
     },
     '.tooltip-arrow': {
         width: 0,

package/lib/Layout/headerMenu/MenuLink.js

@@ -31,7 +31,7 @@ const menuLinkStyle = (theme, { bold = true, color = theme.general.color, fontSi
         fontWeight: 400,
         maxWidth: '480px',
         padding: '8px 24px',
-        textTransform: 'none !important',
+        textTransform: 'none',
     },
     border: button ? '1px solid rgb(219, 226, 231)' : undefined,
     borderRadius: button ? '4px' : undefined,

package/lib/Layout/headerMenu/MenuSubLink.js

@@ -32,7 +32,7 @@ const menuSubLinkStyle = (theme, props) => ({
         fontWeight: '400 !important',
         maxWidth: '480px',
         padding: '8px 24px',
-        textTransform: 'none !important',
+        textTransform: 'none',
     },
 });
 exports.menuSubLinkStyle = menuSubLinkStyle;

package/lib/Layout/sizes.d.ts

@@ -3,6 +3,7 @@ export declare const WIDTH: {
     MOBILE: number;
     MOBILE_MAX: number;
     TABLET_MIN: number;
+    TABLET_SM_MAX: number;
     TABLET_MAX: number;
     DESKTOP_MIN: number;
     DESKTOP_MAX: number;

package/lib/Layout/sizes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sizes.d.ts","sourceRoot":"","sources":["../../src/Layout/sizes.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,KAAK;;;;;;;;;;CAUjB,CAAC;AAEF,eAAO,MAAM,IAAI,IAAI,CAAC;AACtB,eAAO,MAAM,MAAM,QAAc,CAAC"}
+{"version":3,"file":"sizes.d.ts","sourceRoot":"","sources":["../../src/Layout/sizes.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,KAAK;;;;;;;;;;;CAWjB,CAAC;AAEF,eAAO,MAAM,IAAI,IAAI,CAAC;AACtB,eAAO,MAAM,MAAM,QAAc,CAAC"}

package/lib/Layout/sizes.js

@@ -24,6 +24,7 @@ exports.WIDTH = {
     MOBILE: 480,
     MOBILE_MAX: 639,
     TABLET_MIN: 640,
+    TABLET_SM_MAX: 720,
     TABLET_MAX: 919,
     DESKTOP_MIN: 920,
     DESKTOP_MAX: 1199,

package/lib/mediaQueries.d.ts

@@ -6,9 +6,10 @@ export declare enum QueryKeys {
     MOBILE_UP = "mobileUp",
     TABLET = "tablet",
     TABLET_DOWN = "tabletDown",
+    TABLET_SM_DOWN = "tabletSMDown",
     TABLET_UP = "tabletUp"
 }
 export type QueryMap = Record<QueryKeys, string>;
 export declare const QUERY: QueryMap;
-export declare const media: {} | QueryMap;
+export declare const media: QueryMap;
 //# sourceMappingURL=mediaQueries.d.ts.map

package/lib/mediaQueries.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mediaQueries.d.ts","sourceRoot":"","sources":["../src/mediaQueries.ts"],"names":[],"mappings":"AAqBA,oBAAY,SAAS;IACnB,OAAO,YAAY;IACnB,UAAU,cAAc;IACxB,MAAM,WAAW;IACjB,WAAW,eAAe;IAC1B,SAAS,aAAa;IACtB,MAAM,WAAW;IACjB,WAAW,eAAe;IAC1B,SAAS,aAAa;CACvB;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;AAEjD,eAAO,MAAM,KAAK,EAAE,QASnB,CAAC;AAEF,eAAO,MAAM,KAAK,eAGjB,CAAC"}
+{"version":3,"file":"mediaQueries.d.ts","sourceRoot":"","sources":["../src/mediaQueries.ts"],"names":[],"mappings":"AAqBA,oBAAY,SAAS;IACnB,OAAO,YAAY;IACnB,UAAU,cAAc;IACxB,MAAM,WAAW;IACjB,WAAW,eAAe;IAC1B,SAAS,aAAa;IACtB,MAAM,WAAW;IACjB,WAAW,eAAe;IAC1B,cAAc,iBAAiB;IAC/B,SAAS,aAAa;CACvB;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;AAEjD,eAAO,MAAM,KAAK,EAAE,QAUnB,CAAC;AAEF,eAAO,MAAM,KAAK,UAGjB,CAAC"}

package/lib/mediaQueries.js

@@ -29,6 +29,7 @@ var QueryKeys;
     QueryKeys["MOBILE_UP"] = "mobileUp";
     QueryKeys["TABLET"] = "tablet";
     QueryKeys["TABLET_DOWN"] = "tabletDown";
+    QueryKeys["TABLET_SM_DOWN"] = "tabletSMDown";
     QueryKeys["TABLET_UP"] = "tabletUp";
 })(QueryKeys || (exports.QueryKeys = QueryKeys = {}));
 exports.QUERY = {
@@ -39,6 +40,7 @@ exports.QUERY = {
     [QueryKeys.MOBILE_UP]: `min-width: ${sizes_1.WIDTH.MOBILE}px`,
     [QueryKeys.TABLET]: `min-width: ${sizes_1.WIDTH.TABLET_MIN}px) and (max-width: ${sizes_1.WIDTH.TABLET_MAX}px`,
     [QueryKeys.TABLET_DOWN]: `max-width: ${sizes_1.WIDTH.TABLET_MAX}px`,
+    [QueryKeys.TABLET_SM_DOWN]: `max-width: ${sizes_1.WIDTH.TABLET_SM_MAX}px`,
     [QueryKeys.TABLET_UP]: `min-width: ${sizes_1.WIDTH.TABLET_MIN}px`,
 };
 exports.media = Object.entries(exports.QUERY).reduce((accumulator, [key, value]) => ({ ...accumulator, [key]: `@media (${value})` }), {});

package/package.json

@@ -26,7 +26,7 @@
     "@hot-loader/react-dom": "17.0.2",
     "@swc/core": "^1.3.10",
     "@swc/jest": "^0.2.23",
-    "@testing-library/jest-dom": "6.6.2",
+    "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.0.1",
     "@testing-library/user-event": "14.5.2",
     "@types/jest": "^29.2.0",
@@ -69,6 +69,6 @@
     "test:watch": "jest --watch",
     "test:update": "jest --updateSnapshot"
   },
-  "version": "9.26.0",
-  "gitHead": "be12ce0d5da23453fd16a48a6069c3257f30d684"
+  "version": "9.26.2",
+  "gitHead": "36fed40b807dc9712d02d4f90d4cf6aeacdb6b3f"
 }