venice-ui 3.0.4 → 3.0.5

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 (9) hide show
  1. package/dist/cjs/components/Checkbox/Checkbox.js +1 -1
  2. package/dist/cjs/components/Checkbox/Checkbox.styles.js +1 -0
  3. package/dist/cjs/components/Modal/Modal.styles.js +1 -1
  4. package/dist/cjs/components/Pagination/Pagination.styles.js +2 -2
  5. package/dist/esm/components/Checkbox/Checkbox.js +1 -1
  6. package/dist/esm/components/Checkbox/Checkbox.styles.js +1 -0
  7. package/dist/esm/components/Modal/Modal.styles.js +1 -1
  8. package/dist/esm/components/Pagination/Pagination.styles.js +2 -2
  9. package/package.json +1 -1
package/dist/cjs/components/Checkbox/Checkbox.js CHANGED
@@ -27,7 +27,7 @@ const Checkbox = ({ name, value = false, size = 'md', label, labelPosition = 'to
27
27
  }
28
28
  };
29
29
  return (react_1.default.createElement(ComponentRoot_1.ComponentRoot, { labelPosition: labelPosition, size: size, disabled: isDisabled, error: error, readOnly: false, required: required, optional: optional, optionalLabel: optionalLabel, helperText: helperText, themeVariant: themeVariant, theme: resolvedTheme, componentConfig: checkboxConfig, label: label, isActive: value, labelInversed: labelInversed, smallSize: true },
30
- react_1.default.createElement(Checkbox_styles_1.CheckboxRoot, { onClick: onClick, isDisabled: isDisabled },
30
+ react_1.default.createElement(Checkbox_styles_1.CheckboxRoot, { onClick: onClick, isDisabled: isDisabled, id: 'dupa' },
31
31
  react_1.default.createElement(Checkbox_styles_1.CheckboxBox, { theme: resolvedTheme, config: checkboxConfig, size: size, isDisabled: isDisabled, isIntermedian: isIntermedian, isActive: value }, (value || isIntermedian) && (react_1.default.createElement("svg", { width: resolvedSize.iconSize, height: resolvedSize.iconSize, viewBox: '0 0 24 24', preserveAspectRatio: "xMidYMid meet", x: "0", y: "0", name: name },
32
32
  react_1.default.createElement("path", { d: iconName, fill: isDisabled
33
33
  ? checkboxConfig.color.disabled.icon
package/dist/cjs/components/Checkbox/Checkbox.styles.js CHANGED
@@ -15,6 +15,7 @@ exports.CheckboxRoot = styled_components_1.default.div `
15
15
  cursor: ${({ isDisabled }) => (isDisabled ? 'not-allowed' : 'pointer')};
16
16
  `;
17
17
  exports.CheckboxBox = styled_components_1.default.div `
18
+ box-sizing: border-box;
18
19
  display: flex;
19
20
  align-content: center;
20
21
  align-items: center;
package/dist/cjs/components/Modal/Modal.styles.js CHANGED
@@ -66,7 +66,7 @@ exports.ModalOverlayer = styled_components_1.default.div `
66
66
  padding: ${({ config, theme }) => config.size.common.overlayerPadding}px;
67
67
  width: 100%;
68
68
  position: fixed;
69
- z-index: ${({ config, theme }) => config.size.common.zIndex.modalOverlayer};
69
+ z-index: ${({ config, theme }) => config.size.common.zIndex};
70
70
  `;
71
71
  exports.ModalRoot = styled_components_1.default.div `
72
72
  box-sizing: border-box;
package/dist/cjs/components/Pagination/Pagination.styles.js CHANGED
@@ -9,7 +9,7 @@ exports.PaginationRoot = styled_components_1.default.div `
9
9
  display: flex;
10
10
  justify-content: flex-end;
11
11
  align-items: center;
12
- width: 100%;
12
+ width: auto;
13
13
  box-sizing: border-box;
14
14
  height: ${({ theme, config }) => config.size.paginationHeight}px;
15
15
  gap: ${({ theme, config }) => config.size.elementGap}px;
@@ -18,7 +18,7 @@ exports.PaginationItemWrapper = styled_components_1.default.div `
18
18
  display: flex;
19
19
  align-items: center;
20
20
  justify-content: flex-start;
21
- width:100%;
21
+ width:auto;
22
22
  gap: ${({ theme, config }) => config.size.itemGap}px;
23
23
  `;
24
24
  exports.PaginationItem = styled_components_1.default.button `Ś
package/dist/esm/components/Checkbox/Checkbox.js CHANGED
@@ -21,7 +21,7 @@ export const Checkbox = ({ name, value = false, size = 'md', label, labelPositio
21
21
  }
22
22
  };
23
23
  return (React.createElement(ComponentRoot, { labelPosition: labelPosition, size: size, disabled: isDisabled, error: error, readOnly: false, required: required, optional: optional, optionalLabel: optionalLabel, helperText: helperText, themeVariant: themeVariant, theme: resolvedTheme, componentConfig: checkboxConfig, label: label, isActive: value, labelInversed: labelInversed, smallSize: true },
24
- React.createElement(CheckboxRoot, { onClick: onClick, isDisabled: isDisabled },
24
+ React.createElement(CheckboxRoot, { onClick: onClick, isDisabled: isDisabled, id: 'dupa' },
25
25
  React.createElement(CheckboxBox, { theme: resolvedTheme, config: checkboxConfig, size: size, isDisabled: isDisabled, isIntermedian: isIntermedian, isActive: value }, (value || isIntermedian) && (React.createElement("svg", { width: resolvedSize.iconSize, height: resolvedSize.iconSize, viewBox: '0 0 24 24', preserveAspectRatio: "xMidYMid meet", x: "0", y: "0", name: name },
26
26
  React.createElement("path", { d: iconName, fill: isDisabled
27
27
  ? checkboxConfig.color.disabled.icon
package/dist/esm/components/Checkbox/Checkbox.styles.js CHANGED
@@ -9,6 +9,7 @@ export const CheckboxRoot = styled.div `
9
9
  cursor: ${({ isDisabled }) => (isDisabled ? 'not-allowed' : 'pointer')};
10
10
  `;
11
11
  export const CheckboxBox = styled.div `
12
+ box-sizing: border-box;
12
13
  display: flex;
13
14
  align-content: center;
14
15
  align-items: center;
package/dist/esm/components/Modal/Modal.styles.js CHANGED
@@ -30,7 +30,7 @@ export const ModalOverlayer = styled.div `
30
30
  padding: ${({ config, theme }) => config.size.common.overlayerPadding}px;
31
31
  width: 100%;
32
32
  position: fixed;
33
- z-index: ${({ config, theme }) => config.size.common.zIndex.modalOverlayer};
33
+ z-index: ${({ config, theme }) => config.size.common.zIndex};
34
34
  `;
35
35
  export const ModalRoot = styled.div `
36
36
  box-sizing: border-box;
package/dist/esm/components/Pagination/Pagination.styles.js CHANGED
@@ -3,7 +3,7 @@ export const PaginationRoot = styled.div `
3
3
  display: flex;
4
4
  justify-content: flex-end;
5
5
  align-items: center;
6
- width: 100%;
6
+ width: auto;
7
7
  box-sizing: border-box;
8
8
  height: ${({ theme, config }) => config.size.paginationHeight}px;
9
9
  gap: ${({ theme, config }) => config.size.elementGap}px;
@@ -12,7 +12,7 @@ export const PaginationItemWrapper = styled.div `
12
12
  display: flex;
13
13
  align-items: center;
14
14
  justify-content: flex-start;
15
- width:100%;
15
+ width:auto;
16
16
  gap: ${({ theme, config }) => config.size.itemGap}px;
17
17
  `;
18
18
  export const PaginationItem = styled.button `Ś
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "venice-ui",
3
- "version": "3.0.4",
3
+ "version": "3.0.5",
4
4
  "description": "Component library",
5
5
  "main": "index.js",
6
6
  "module": "./dist/esm/index.js",