@aivenio/aquarium 1.31.0 → 1.33.0

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 (13) hide show
  1. package/dist/_variables.scss +1 -1
  2. package/dist/_variables_timescale.scss +1 -1
  3. package/dist/src/molecules/Breadcrumbs/Breadcrumbs.js +1 -1
  4. package/dist/src/molecules/Pagination/Pagination.js +3 -3
  5. package/dist/src/utils/form/Label/Label.d.ts +5 -1
  6. package/dist/src/utils/form/Label/Label.js +16 -13
  7. package/dist/styles.css +592 -672
  8. package/dist/styles_timescaledb.css +592 -672
  9. package/dist/system.cjs +16 -6
  10. package/dist/system.mjs +16 -6
  11. package/dist/tsconfig.module.tsbuildinfo +1 -1
  12. package/dist/types/tailwindGenerated.d.ts +1 -1
  13. package/package.json +1 -1
package/dist/system.cjs CHANGED
@@ -7839,7 +7839,7 @@ var asCrumb = (Component, displayName, options = { isActive: false }) => {
7839
7839
  }), /* @__PURE__ */ import_react28.default.createElement("span", {
7840
7840
  className: (0, import_classnames3.default)(
7841
7841
  tw("flex flex-row flex-nowrap items-center gap-x-3 whitespace-nowrap", {
7842
- "text-primary-80 hover:text-primary-70 underline hover:no-underline": !options.isActive,
7842
+ "text-primary-80 hover:text-primary-70 no-underline hover:underline": !options.isActive,
7843
7843
  "text-grey-90": options.isActive
7844
7844
  })
7845
7845
  )
@@ -8786,10 +8786,13 @@ var LabelText = ({
8786
8786
  labelText,
8787
8787
  required,
8788
8788
  helpTooltip,
8789
- helpTooltipPlacement
8789
+ helpTooltipPlacement,
8790
+ description
8790
8791
  }) => {
8791
8792
  return /* @__PURE__ */ import_react46.default.createElement("span", {
8792
- className: tw("inline-flex items-center mb-2 typography-small-strong", {
8793
+ className: tw("block mb-2")
8794
+ }, /* @__PURE__ */ import_react46.default.createElement("span", {
8795
+ className: tw("inline-flex items-center typography-small-strong", {
8793
8796
  "text-grey-60": variant === "default",
8794
8797
  "text-error-50": variant === "error",
8795
8798
  "text-grey-40": variant === "disabled"
@@ -8805,7 +8808,9 @@ var LabelText = ({
8805
8808
  }, /* @__PURE__ */ import_react46.default.createElement(InlineIcon, {
8806
8809
  icon: import_questionMark2.default,
8807
8810
  "data-testid": "icon-info"
8808
- }))));
8811
+ })))), description && /* @__PURE__ */ import_react46.default.createElement("span", {
8812
+ className: tw("block text-grey-50 typography-caption mt-1")
8813
+ }, description));
8809
8814
  };
8810
8815
  var Label = (props) => {
8811
8816
  const _a = props, { id, htmlFor, labelText, labelProps: _b = {} } = _a, labelProps = __objRest(_b, []), { "data-testid": dataTestid, children } = _a;
@@ -8883,6 +8888,7 @@ var getLabelControlProps = (_a) => {
8883
8888
  } = _b, labelProps = __objRest(_c, []), {
8884
8889
  helpTooltip,
8885
8890
  helpTooltipPlacement,
8891
+ description,
8886
8892
  maxLength,
8887
8893
  error: error2,
8888
8894
  helperText,
@@ -8897,6 +8903,7 @@ var getLabelControlProps = (_a) => {
8897
8903
  labelProps,
8898
8904
  helpTooltip,
8899
8905
  helpTooltipPlacement,
8906
+ description,
8900
8907
  error: error2,
8901
8908
  helperText,
8902
8909
  maxLength,
@@ -10033,7 +10040,10 @@ var Pagination = ({
10033
10040
  setValue(currentPage);
10034
10041
  }, [currentPage]);
10035
10042
  return /* @__PURE__ */ import_react59.default.createElement(Box, {
10036
- className: classNames("Aquarium-Pagination", tw("grid grid-cols-[200px_1fr_200px]")),
10043
+ className: classNames(
10044
+ "Aquarium-Pagination",
10045
+ tw({ "grid grid-cols-[200px_1fr_200px]": !!pageSizes, "flex flex-nowrap justify-center": !pageSizes })
10046
+ ),
10037
10047
  backgroundColor: "grey-0",
10038
10048
  padding: "4"
10039
10049
  }, pageSizes && onPageSizeChange && typeof pageSize === "number" ? /* @__PURE__ */ import_react59.default.createElement(Box, {
@@ -10105,7 +10115,7 @@ var Pagination = ({
10105
10115
  onClick: () => onPageChange(totalPages),
10106
10116
  icon: import_chevronForward2.default,
10107
10117
  disabled: !hasNextPage
10108
- })), /* @__PURE__ */ import_react59.default.createElement("div", null));
10118
+ })), pageSizes && /* @__PURE__ */ import_react59.default.createElement("div", null));
10109
10119
  };
10110
10120
 
10111
10121
  // src/molecules/Pagination/usePagination.tsx
package/dist/system.mjs CHANGED
@@ -7696,7 +7696,7 @@ var asCrumb = (Component, displayName, options = { isActive: false }) => {
7696
7696
  }), /* @__PURE__ */ React24.createElement("span", {
7697
7697
  className: classNames3(
7698
7698
  tw("flex flex-row flex-nowrap items-center gap-x-3 whitespace-nowrap", {
7699
- "text-primary-80 hover:text-primary-70 underline hover:no-underline": !options.isActive,
7699
+ "text-primary-80 hover:text-primary-70 no-underline hover:underline": !options.isActive,
7700
7700
  "text-grey-90": options.isActive
7701
7701
  })
7702
7702
  )
@@ -8643,10 +8643,13 @@ var LabelText = ({
8643
8643
  labelText,
8644
8644
  required,
8645
8645
  helpTooltip,
8646
- helpTooltipPlacement
8646
+ helpTooltipPlacement,
8647
+ description
8647
8648
  }) => {
8648
8649
  return /* @__PURE__ */ React41.createElement("span", {
8649
- className: tw("inline-flex items-center mb-2 typography-small-strong", {
8650
+ className: tw("block mb-2")
8651
+ }, /* @__PURE__ */ React41.createElement("span", {
8652
+ className: tw("inline-flex items-center typography-small-strong", {
8650
8653
  "text-grey-60": variant === "default",
8651
8654
  "text-error-50": variant === "error",
8652
8655
  "text-grey-40": variant === "disabled"
@@ -8662,7 +8665,9 @@ var LabelText = ({
8662
8665
  }, /* @__PURE__ */ React41.createElement(InlineIcon, {
8663
8666
  icon: import_questionMark2.default,
8664
8667
  "data-testid": "icon-info"
8665
- }))));
8668
+ })))), description && /* @__PURE__ */ React41.createElement("span", {
8669
+ className: tw("block text-grey-50 typography-caption mt-1")
8670
+ }, description));
8666
8671
  };
8667
8672
  var Label = (props) => {
8668
8673
  const _a = props, { id, htmlFor, labelText, labelProps: _b = {} } = _a, labelProps = __objRest(_b, []), { "data-testid": dataTestid, children } = _a;
@@ -8740,6 +8745,7 @@ var getLabelControlProps = (_a) => {
8740
8745
  } = _b, labelProps = __objRest(_c, []), {
8741
8746
  helpTooltip,
8742
8747
  helpTooltipPlacement,
8748
+ description,
8743
8749
  maxLength,
8744
8750
  error: error2,
8745
8751
  helperText,
@@ -8754,6 +8760,7 @@ var getLabelControlProps = (_a) => {
8754
8760
  labelProps,
8755
8761
  helpTooltip,
8756
8762
  helpTooltipPlacement,
8763
+ description,
8757
8764
  error: error2,
8758
8765
  helperText,
8759
8766
  maxLength,
@@ -9890,7 +9897,10 @@ var Pagination = ({
9890
9897
  setValue(currentPage);
9891
9898
  }, [currentPage]);
9892
9899
  return /* @__PURE__ */ React54.createElement(Box, {
9893
- className: classNames("Aquarium-Pagination", tw("grid grid-cols-[200px_1fr_200px]")),
9900
+ className: classNames(
9901
+ "Aquarium-Pagination",
9902
+ tw({ "grid grid-cols-[200px_1fr_200px]": !!pageSizes, "flex flex-nowrap justify-center": !pageSizes })
9903
+ ),
9894
9904
  backgroundColor: "grey-0",
9895
9905
  padding: "4"
9896
9906
  }, pageSizes && onPageSizeChange && typeof pageSize === "number" ? /* @__PURE__ */ React54.createElement(Box, {
@@ -9962,7 +9972,7 @@ var Pagination = ({
9962
9972
  onClick: () => onPageChange(totalPages),
9963
9973
  icon: import_chevronForward2.default,
9964
9974
  disabled: !hasNextPage
9965
- })), /* @__PURE__ */ React54.createElement("div", null));
9975
+ })), pageSizes && /* @__PURE__ */ React54.createElement("div", null));
9966
9976
  };
9967
9977
 
9968
9978
  // src/molecules/Pagination/usePagination.tsx