@kaizen/components 1.67.13 → 1.67.14

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 (7) hide show
  1. package/dist/cjs/Pagination/Pagination.cjs +1 -1
  2. package/dist/esm/Pagination/Pagination.mjs +1 -1
  3. package/dist/styles.css +30 -30
  4. package/package.json +1 -1
  5. package/src/Pagination/Pagination.tsx +1 -1
  6. package/src/Pagination/subcomponents/PaginationLink/PaginationLink.module.scss +1 -1
  7. package/src/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.module.css +1 -1
package/dist/cjs/Pagination/Pagination.cjs CHANGED
@@ -110,7 +110,7 @@ var Pagination = function (_a) {
110
110
  }
111
111
  }), React__default.default.createElement("div", {
112
112
  className: Pagination_module.pagesIndicatorWrapper
113
- }, pagination(1, queries.isSmall ? 0 : 1)), React__default.default.createElement(DirectionalLink.DirectionalLink, {
113
+ }, pagination(queries.isMediumOrSmaller ? 0 : 1, queries.isSmall ? 0 : 1)), React__default.default.createElement(DirectionalLink.DirectionalLink, {
114
114
  label: ariaLabelNextPage,
115
115
  direction: "next",
116
116
  disabled: nextPageDisabled,
package/dist/esm/Pagination/Pagination.mjs CHANGED
@@ -101,7 +101,7 @@ var Pagination = function (_a) {
101
101
  }
102
102
  }), /*#__PURE__*/React.createElement("div", {
103
103
  className: styles.pagesIndicatorWrapper
104
- }, pagination(1, queries.isSmall ? 0 : 1)), /*#__PURE__*/React.createElement(DirectionalLink, {
104
+ }, pagination(queries.isMediumOrSmaller ? 0 : 1, queries.isSmall ? 0 : 1)), /*#__PURE__*/React.createElement(DirectionalLink, {
105
105
  label: ariaLabelNextPage,
106
106
  direction: "next",
107
107
  disabled: nextPageDisabled,
package/dist/styles.css CHANGED
@@ -72,34 +72,6 @@
72
72
  opacity: 0.3;
73
73
  }
74
74
 
75
- /** THIS IS AN AUTOGENERATED FILE **/
76
- /** THIS IS AN AUTOGENERATED FILE **/
77
- .OverlayArrow-module_overlayArrow__hoDyK {
78
- display: flex;
79
- padding: 8px;
80
- }
81
- .OverlayArrow-module_overlayArrow__hoDyK[data-placement=top], .OverlayArrow-module_overlayArrow__hoDyK[data-placement=bottom] {
82
- padding: 0 8px;
83
- }
84
- .OverlayArrow-module_overlayArrow__hoDyK[data-placement=left], .OverlayArrow-module_overlayArrow__hoDyK[data-placement=right] {
85
- padding: 8px 0;
86
- }
87
- .OverlayArrow-module_overlayArrow__hoDyK path {
88
- fill: var(--color-purple-800, #2f2438);
89
- box-shadow: var(--shadow-small-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.06));
90
- }
91
- .OverlayArrow-module_overlayArrow__hoDyK[data-placement=right] svg {
92
- transform: rotate(90deg);
93
- }
94
- .OverlayArrow-module_overlayArrow__hoDyK[data-placement=bottom] svg {
95
- transform: rotate(180deg);
96
- }
97
- .OverlayArrow-module_overlayArrow__hoDyK[data-placement=left] svg {
98
- transform: rotate(270deg);
99
- }
100
- .OverlayArrow-module_overlayArrow__hoDyK.OverlayArrow-module_reversed__-WGcR path {
101
- fill: var(--color-white, #ffffff);
102
- }
103
75
  .Button-module_button__QOSYH {
104
76
  --button-min-height-width: var(--spacing-48);
105
77
  --button-padding-x: calc(
@@ -247,6 +219,34 @@
247
219
  opacity: 1;
248
220
  }
249
221
  }
222
+ /** THIS IS AN AUTOGENERATED FILE **/
223
+ /** THIS IS AN AUTOGENERATED FILE **/
224
+ .OverlayArrow-module_overlayArrow__hoDyK {
225
+ display: flex;
226
+ padding: 8px;
227
+ }
228
+ .OverlayArrow-module_overlayArrow__hoDyK[data-placement=top], .OverlayArrow-module_overlayArrow__hoDyK[data-placement=bottom] {
229
+ padding: 0 8px;
230
+ }
231
+ .OverlayArrow-module_overlayArrow__hoDyK[data-placement=left], .OverlayArrow-module_overlayArrow__hoDyK[data-placement=right] {
232
+ padding: 8px 0;
233
+ }
234
+ .OverlayArrow-module_overlayArrow__hoDyK path {
235
+ fill: var(--color-purple-800, #2f2438);
236
+ box-shadow: var(--shadow-small-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.06));
237
+ }
238
+ .OverlayArrow-module_overlayArrow__hoDyK[data-placement=right] svg {
239
+ transform: rotate(90deg);
240
+ }
241
+ .OverlayArrow-module_overlayArrow__hoDyK[data-placement=bottom] svg {
242
+ transform: rotate(180deg);
243
+ }
244
+ .OverlayArrow-module_overlayArrow__hoDyK[data-placement=left] svg {
245
+ transform: rotate(270deg);
246
+ }
247
+ .OverlayArrow-module_overlayArrow__hoDyK.OverlayArrow-module_reversed__-WGcR path {
248
+ fill: var(--color-white, #ffffff);
249
+ }
250
250
  /*
251
251
  * This is taken from the Material Symbols CDN
252
252
  * font-weight & font-size removed as overridden in .icon
@@ -1442,7 +1442,7 @@
1442
1442
  width: 40px;
1443
1443
  height: 40px;
1444
1444
  min-height: auto;
1445
- margin: 0 var(--spacing-2);
1445
+ margin: 0 var(--spacing-4);
1446
1446
  border-radius: 50%;
1447
1447
  }
1448
1448
  .GenericButton-module_circleButton__Ovqs1:not(:disabled):focus-visible::after {
@@ -7582,7 +7582,7 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
7582
7582
  width: 36px;
7583
7583
  background-color: transparent;
7584
7584
  color: rgba(var(color-purple-800-rgb), 0.7);
7585
- margin: 0 var(--spacing-2);
7585
+ margin: 0 var(--spacing-4);
7586
7586
  }
7587
7587
 
7588
7588
  /** THIS IS AN AUTOGENERATED FILE **/
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kaizen/components",
3
- "version": "1.67.13",
3
+ "version": "1.67.14",
4
4
  "description": "Kaizen component library",
5
5
  "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
6
6
  "homepage": "https://cultureamp.design",
package/src/Pagination/Pagination.tsx CHANGED
@@ -154,7 +154,7 @@ export const Pagination = ({
154
154
  />
155
155
 
156
156
  <div className={styles.pagesIndicatorWrapper}>
157
- {pagination(1, queries.isSmall ? 0 : 1)}
157
+ {pagination(queries.isMediumOrSmaller ? 0 : 1, queries.isSmall ? 0 : 1)}
158
158
  </div>
159
159
 
160
160
  <DirectionalLink
package/src/Pagination/subcomponents/PaginationLink/PaginationLink.module.scss CHANGED
@@ -9,7 +9,7 @@
9
9
  width: 40px;
10
10
  height: 40px;
11
11
  min-height: auto;
12
- margin: 0 var(--spacing-2);
12
+ margin: 0 var(--spacing-4);
13
13
  border-radius: 50%;
14
14
 
15
15
  &:not(:disabled) {
package/src/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.module.css CHANGED
@@ -5,5 +5,5 @@
5
5
  width: 36px;
6
6
  background-color: transparent;
7
7
  color: rgba(var(color-purple-800-rgb), 0.7);
8
- margin: 0 var(--spacing-2);
8
+ margin: 0 var(--spacing-4);
9
9
  }