@hazelcast/ui 1.3.2-next.70 → 1.3.2-next.71

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/lib/Carousel.js +2 -2
  2. package/lib/Carousel.js.map +1 -1
  3. package/lib/Carousel.module.scss +19 -2
  4. package/package.json +2 -2
  5. package/styles/constants/_colors.scss +1 -1
package/lib/Carousel.js CHANGED
@@ -1,13 +1,13 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
- import * as NukaCarousel from 'nuka-carousel';
3
+ import NukaCarousel from 'nuka-carousel';
4
4
  import { ChevronLeft, ChevronRight } from 'react-feather';
5
5
  import styleConsts from '../styles/constants/export.module.scss';
6
6
  import styles from './Carousel.module.scss';
7
7
  export const Carousel = ({ children, color = styleConsts.colorPrimary, wrapperClassName, cellSpacing = 15, slidesToShow = 1, defaultControlsConfig, 'data-test': dataTest = 'carousel', ...props }) => {
8
8
  var _a, _b, _c, _d, _e;
9
9
  return (React.createElement("div", { "data-test": dataTest, className: cn(wrapperClassName, styles.wrapper) },
10
- React.createElement(NukaCarousel.default, { slidesToShow: slidesToShow, defaultControlsConfig: {
10
+ React.createElement(NukaCarousel, { slidesToShow: slidesToShow, defaultControlsConfig: {
11
11
  nextButtonText: (_a = defaultControlsConfig === null || defaultControlsConfig === void 0 ? void 0 : defaultControlsConfig.nextButtonContent) !== null && _a !== void 0 ? _a : React.createElement(ChevronRight, { size: 40, strokeWidth: "0.9", color: color }),
12
12
  prevButtonText: (_b = defaultControlsConfig === null || defaultControlsConfig === void 0 ? void 0 : defaultControlsConfig.prevButtonContent) !== null && _b !== void 0 ? _b : React.createElement(ChevronLeft, { size: 40, strokeWidth: "0.9", color: color }),
13
13
  nextButtonClassName: cn(defaultControlsConfig === null || defaultControlsConfig === void 0 ? void 0 : defaultControlsConfig.nextButtonClassName, styles.nextButtonClassName),
package/lib/Carousel.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../src/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAA;AACzE,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,KAAK,YAAY,MAAM,eAAe,CAAA;AAE7C,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAGzD,OAAO,WAAW,MAAM,wCAAwC,CAAA;AAChE,OAAO,MAAM,MAAM,wBAAwB,CAAA;AA0B3C,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAC1C,QAAQ,EACR,KAAK,GAAG,WAAW,CAAC,YAAY,EAChC,gBAAgB,EAChB,WAAW,GAAG,EAAE,EAChB,YAAY,GAAG,CAAC,EAChB,qBAAqB,EACrB,WAAW,EAAE,QAAQ,GAAG,UAAU,EAClC,GAAG,KAAK,EACT,EAAE,EAAE;;IACH,OAAO,CACL,0CAAgB,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC;QACvE,oBAAC,YAAY,CAAC,OAAO,IACnB,YAAY,EAAE,YAAY,EAC1B,qBAAqB,EAAE;gBACrB,cAAc,EAAE,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,iBAAiB,mCAAI,oBAAC,YAAY,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAC,KAAK,EAAC,KAAK,EAAE,KAAK,GAAI;gBACtH,cAAc,EAAE,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,iBAAiB,mCAAI,oBAAC,WAAW,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAC,KAAK,EAAC,KAAK,EAAE,KAAK,GAAI;gBACrH,mBAAmB,EAAE,EAAE,CAAC,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,mBAAmB,EAAE,MAAM,CAAC,mBAAmB,CAAC;gBAC/F,mBAAmB,EAAE,EAAE,CAAC,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,mBAAmB,EAAE,MAAM,CAAC,mBAAmB,CAAC;gBAC/F,eAAe,EAAE,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,eAAe,mCAAI,EAAE,UAAU,EAAE,MAAM,EAAE;gBACjF,eAAe,EAAE,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,eAAe,mCAAI,EAAE,UAAU,EAAE,MAAM,EAAE;gBACjF,mBAAmB,EAAE,EAAE,CAAC,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,mBAAmB,EAAE,MAAM,CAAC,mBAAmB,CAAC;gBAC/F,eAAe,EAAE,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,eAAe,mCAAI;oBACzD,IAAI,EAAE,KAAK;iBACZ;gBACD,kBAAkB,EAAE,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,kBAAkB;gBAC7D,iBAAiB,EAAE,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,iBAAiB;gBAC3D,4BAA4B,EAAE,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,4BAA4B;gBACjF,iBAAiB,EAAE,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,iBAAiB;gBAC3D,iBAAiB,EAAE,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,iBAAiB;aAC5D,EACD,WAAW,EAAE,WAAW,KACpB,KAAK,IAER,QAAQ,CACY,CACnB,CACP,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../src/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAA;AACzE,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,YAAoD,MAAM,eAAe,CAAA;AAChF,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEzD,OAAO,WAAW,MAAM,wCAAwC,CAAA;AAChE,OAAO,MAAM,MAAM,wBAAwB,CAAA;AA0B3C,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAC1C,QAAQ,EACR,KAAK,GAAG,WAAW,CAAC,YAAY,EAChC,gBAAgB,EAChB,WAAW,GAAG,EAAE,EAChB,YAAY,GAAG,CAAC,EAChB,qBAAqB,EACrB,WAAW,EAAE,QAAQ,GAAG,UAAU,EAClC,GAAG,KAAK,EACT,EAAE,EAAE;;IACH,OAAO,CACL,0CAAgB,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC;QACvE,oBAAC,YAAY,IACX,YAAY,EAAE,YAAY,EAC1B,qBAAqB,EAAE;gBACrB,cAAc,EAAE,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,iBAAiB,mCAAI,oBAAC,YAAY,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAC,KAAK,EAAC,KAAK,EAAE,KAAK,GAAI;gBACtH,cAAc,EAAE,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,iBAAiB,mCAAI,oBAAC,WAAW,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAC,KAAK,EAAC,KAAK,EAAE,KAAK,GAAI;gBACrH,mBAAmB,EAAE,EAAE,CAAC,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,mBAAmB,EAAE,MAAM,CAAC,mBAAmB,CAAC;gBAC/F,mBAAmB,EAAE,EAAE,CAAC,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,mBAAmB,EAAE,MAAM,CAAC,mBAAmB,CAAC;gBAC/F,eAAe,EAAE,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,eAAe,mCAAI,EAAE,UAAU,EAAE,MAAM,EAAE;gBACjF,eAAe,EAAE,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,eAAe,mCAAI,EAAE,UAAU,EAAE,MAAM,EAAE;gBACjF,mBAAmB,EAAE,EAAE,CAAC,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,mBAAmB,EAAE,MAAM,CAAC,mBAAmB,CAAC;gBAC/F,eAAe,EAAE,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,eAAe,mCAAI;oBACzD,IAAI,EAAE,KAAK;iBACZ;gBACD,kBAAkB,EAAE,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,kBAAkB;gBAC7D,iBAAiB,EAAE,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,iBAAiB;gBAC3D,4BAA4B,EAAE,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,4BAA4B;gBACjF,iBAAiB,EAAE,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,iBAAiB;gBAC3D,iBAAiB,EAAE,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,iBAAiB;aAC5D,EACD,WAAW,EAAE,WAAW,KACpB,KAAK,IAER,QAAQ,CACI,CACX,CACP,CAAA;AACH,CAAC,CAAA"}
package/lib/Carousel.module.scss CHANGED
@@ -9,18 +9,35 @@
9
9
  }
10
10
 
11
11
  .nextButtonClassName {
12
- position: relative;
13
12
  left: c.$grid * 12;
14
13
  }
15
14
 
16
15
  .prevButtonClassName {
17
- position: relative;
18
16
  right: c.$grid * 12;
19
17
  }
20
18
 
19
+ .nextButtonClassName,
20
+ .prevButtonClassName {
21
+ padding: 0 !important;
22
+ position: relative;
23
+ height: 40px;
24
+
25
+ &:focus {
26
+ @include h.outlineAround;
27
+ }
28
+ }
29
+
21
30
  .pagingDotsClassName {
22
31
  position: relative;
23
32
  top: c.$grid * 7;
24
33
  margin-left: c.$grid * 0.5;
25
34
  margin-right: c.$grid * 0.5;
35
+ display: flex;
36
+ justify-content: center;
37
+ align-items: center;
38
+ padding: c.$grid * 1.5;
39
+
40
+ &:focus {
41
+ @include h.outlineAround;
42
+ }
26
43
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hazelcast/ui",
3
- "version": "1.3.2-next.70+56ecb71",
3
+ "version": "1.3.2-next.71+6b5093e",
4
4
  "description": "Hazelcast design system components",
5
5
  "author": "",
6
6
  "homepage": "https://github.com/hazelcast/frontend-shared#readme",
@@ -117,5 +117,5 @@
117
117
  "react": "^17 || ^18",
118
118
  "react-dom": "^17 || ^18"
119
119
  },
120
- "gitHead": "56ecb71b7736640571bdd3d1da8e346ef0ba53a1"
120
+ "gitHead": "6b5093e1754b7f27bff6dfcc9c68ca15f02e7609"
121
121
  }
package/styles/constants/_colors.scss CHANGED
@@ -22,7 +22,7 @@ $colorText: #061827 !default;
22
22
  $colorTextSecondary: #707482 !default;
23
23
  $colorTextSubdued: #69707d !default;
24
24
  $colorOverlayBackground: #f0f6ff !default;
25
- $colorAccessibilityOutline: #9648bd !default;
25
+ $colorAccessibilityOutline: #74f !default;
26
26
  $colorBrand: #00bac6 !default;
27
27
  $colorShadow: rgb(53 61 73 / 20%) !default;
28
28
  $colorMenuDark: #333 !default;