@hazelcast/ui 4.0.1-canary.9 → 4.0.2

package/lib/components/Overlay.module.css

@@ -0,0 +1,112 @@
+.overlayed {
+  overflow: hidden;
+}
+
+.portal {
+  width: 100vw;
+  height: 100vh;
+  position: fixed;
+  z-index: var(--hive-z-index-1000);
+  pointer-events: none;
+}
+
+.modal {
+  background: rgb(from var(--hive-color-overlay-background) r g b / calc(alpha - 0.1));
+  width: 100vw;
+  height: 100vh;
+  z-index: var(--hive-z-index-1000);
+  padding: calc(var(--hive-grid) * 5);
+  box-sizing: border-box;
+  pointer-events: all;
+  animation: fadeIn 500ms;
+
+  /* Since Overlay is full screen, we don't have to show an outline */
+  &:focus {
+    outline: transparent;
+  }
+
+  .wrapper {
+    width: 100%;
+    margin-left: auto;
+    margin-right: auto;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    max-height: 100%;
+
+    &.normal {
+      max-width: var(--hive-overlay-content-max-width);
+    }
+
+    .fullscreen {
+      max-width: 100%;
+    }
+
+    .header {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      overflow: hidden;
+      flex-shrink: 0;
+      margin-bottom: calc(var(--hive-grid) * 9);
+      padding: 0 calc(var(--hive-grid) * 21); /* close button width */
+
+      @media only screen and (width <= 640px) {
+        padding: 0 calc(var(--hive-grid) * 9);
+
+        .closeText {
+          position: absolute;
+          width: 1px;
+          height: 1px;
+          padding: 0;
+          margin: -1px;
+          clip: rect(0 0 0 0);
+          overflow: hidden;
+          border: 0;
+          white-space: nowrap;
+          top: 1px;
+          left: 1px;
+        }
+      }
+
+      .close {
+        position: absolute;
+        right: calc(var(--hive-grid) * 5);
+        top: calc(var(--hive-grid) * 5);
+        padding: 0;
+
+        .closeIcon {
+          width: calc(var(--hive-grid) * 9);
+          height: calc(var(--hive-grid) * 9);
+          color: var(--hive-color-text);
+        }
+      }
+
+      .icon {
+        margin-right: calc(var(--hive-grid) * 2.5);
+      }
+
+      .title {
+        margin: 0;
+        overflow: hidden;
+        word-break: break-word;
+      }
+    }
+
+    .content {
+      flex: 1 1 auto;
+      overflow: auto;
+    }
+  }
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}

package/lib/components/Pagination.js

@@ -8,7 +8,7 @@ import { IconButton } from './IconButton';
 import { useDimensions } from '../hooks/useDimensions';
 import { SelectField } from './Select';
 import { Link } from './Link';
-import styles from './Pagination.module.scss';
+import styles from './Pagination.module.css';
 import { NumberField } from './NumberField';
 export const getShownItemsRange = ({ currentPage, pageSize, numberOfItems }) => {
     /**

package/lib/components/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../src/components/Pagination.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../src/components/Pagination.tsx"],"names":[],"mappings":"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"}

package/lib/components/Pagination.module.css

@@ -0,0 +1,118 @@
+.container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  > *:not(:last-child) {
+    margin-right: calc(var(--hive-grid) * 4.5);
+  }
+
+  .rows {
+    display: flex;
+    align-items: flex-end;
+
+    > *:first-child {
+      margin-right: calc(var(--hive-grid) * 5);
+    }
+  }
+
+  .shownItems {
+    font-family: var(--hive-font-family-text);
+    font-size: var(--hive-font-size-body-small);
+    letter-spacing: var(--hive-letter-spacing-body-small);
+    line-height: var(--hive-line-height-body-small);
+    font-weight: var(--hive-font-weight-text-regular);
+    color: var(--hive-color-text-secondary);
+  }
+
+  .buttons {
+    display: flex;
+    align-items: center;
+
+    > *:not(:last-child) {
+      margin-right: calc(var(--hive-grid) * 2);
+    }
+
+    /* Override Button styles */
+    .button {
+      color: var(--hive-color-text-secondary);
+      background-color: var(--hive-color-neutral-lighter);
+      border: 1px solid;
+      border-color: var(--hive-color-neutral-light);
+      height: var(--hive-input-height-small);
+      border-radius: var(--hive-border-radius);
+      font-family: var(--hive-font-family-text);
+      font-size: var(--hive-font-size-body-small);
+      letter-spacing: var(--hive-letter-spacing-body-small);
+      line-height: var(--hive-line-height-body-small);
+      font-weight: var(--hive-font-weight-text-regular);
+
+      .outline {
+        display: none;
+      }
+
+      .body {
+        padding: 0 calc(var(--hive-grid) * 2.5);
+      }
+
+      &:hover,
+      &:active,
+      &.selected {
+        color: var(--hive-color-text);
+        border-color: var(--hive-color-primary);
+      }
+
+      &:focus-visible {
+        color: var(--hive-color-text);
+        border-color: var(--hive-color-accessibility-outline);
+      }
+    }
+  }
+
+  /* Override IconButton styles */
+  .iconButton {
+    display: flex;
+    align-items: center;
+    background-color: var(--hive-color-neutral-lighter);
+    border: 1px solid;
+    border-color: var(--hive-color-neutral-light);
+    height: var(--hive-input-height-small);
+    padding: 0 calc(var(--hive-grid) * 2);
+
+    &:hover,
+    &:active,
+    &.selected {
+      border-color: var(--hive-color-primary);
+    }
+
+    &:focus,
+    &:focus-visible {
+      box-shadow: none;
+    }
+  }
+
+  .pageJumpForm {
+    display: flex;
+    align-items: center;
+
+    .inputContainer {
+      /* Comfortable to use with up to 4-digit numbers and small enough to not take much space */
+      width: calc(var(--hive-grid) * 14);
+    }
+  }
+
+  .rowsPerPage {
+    display: flex;
+    align-items: center;
+
+    .label {
+      margin-right: calc(var(--hive-grid) * 2);
+      margin-bottom: 0;
+    }
+  }
+}
+
+.container .rowsPerPage :global .hz-select-field__control {
+  /* Comfortable to use with up to 4-digit numbers and small enough to not take much space */
+  width: calc(var(--hive-grid) * 22);
+}

package/lib/components/PasswordField.js

@@ -3,7 +3,7 @@ import { Eye, EyeOff, Lock } from 'react-feather';
 import cls from 'classnames';
 import { TextField } from './TextField';
 import { IconButton } from './IconButton';
-import styles from './PasswordField.module.scss';
+import styles from './PasswordField.module.css';
 export const PasswordField = ({ showIconLabel = 'Show password', hideIconLabel = 'Hide password', inputClassName, withIcon, disabled, initiallyVisible = false, hideToggle = false, 'data-test': dataTest = 'password-field', ...props }) => {
     const [visible, setVisible] = useState(initiallyVisible);
     const overlay = useMemo(() => {
@@ -19,8 +19,8 @@ export const PasswordField = ({ showIconLabel = 'Show password', hideIconLabel =
                 disabledTooltipVisible: false,
             };
         }
-        return (React.createElement(IconButton, { size: "small", icon: visible ? EyeOff : Eye, ariaLabel: visible ? hideIconLabel : showIconLabel, className: styles.toggle, onClick: () => setVisible((prev) => !prev), variant: "ghost", "data-test": `${dataTest}-toggle`, type: "button", ...disabledProps }));
+        return (React.createElement(IconButton, { icon: visible ? EyeOff : Eye, ariaLabel: visible ? hideIconLabel : showIconLabel, className: styles.toggle, onClick: () => setVisible((prev) => !prev), variant: "ghost", "data-test": `${dataTest}-toggle`, type: "button", ...disabledProps }));
     }, [visible, dataTest, hideToggle, hideIconLabel, showIconLabel, disabled]);
-    return (React.createElement(TextField, { ...props, size: "small", "data-test": dataTest, type: visible ? 'text' : 'password', inputContainerChild: overlay, inputContainerClassName: cls(styles.inputContainer, { [styles.withoutToggle]: hideToggle }), inputClassName: inputClassName, inputIcon: withIcon ? Lock : undefined, disabled: disabled }));
+    return (React.createElement(TextField, { ...props, "data-test": dataTest, type: visible ? 'text' : 'password', inputContainerChild: overlay, inputContainerClassName: cls(styles.inputContainer, { [styles.withoutToggle]: hideToggle }), inputClassName: inputClassName, inputIcon: withIcon ? Lock : undefined, disabled: disabled }));
 };
 //# sourceMappingURL=PasswordField.js.map

package/lib/components/PasswordField.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordField.js","sourceRoot":"","sources":["../../src/components/PasswordField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClG,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,GAAG,MAAM,YAAY,CAAA;AAG5B,OAAO,EAAE,SAAS,EAAoB,MAAM,aAAa,CAAA;AACzD,OAAO,EAAE,UAAU,EAAuD,MAAM,cAAc,CAAA;AAG9F,OAAO,MAAM,MAAM,6BAA6B,CAAA;AA0BhD,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EACpD,aAAa,GAAG,eAAe,EAC/B,aAAa,GAAG,eAAe,EAC/B,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,gBAAgB,GAAG,KAAK,EACxB,UAAU,GAAG,KAAK,EAClB,WAAW,EAAE,QAAQ,GAAG,gBAAgB,EACxC,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAA;IAExD,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,IAAI,UAAU,EAAE,CAAC;YACf,OAAO,SAAS,CAAA;QAClB,CAAC;QAED,IAAI,aAAa,GAAyD,EAAE,CAAA;QAC5E,IAAI,QAAQ,EAAE,CAAC;YACb,4FAA4F;YAC5F,aAAa,GAAG;gBACd,QAAQ,EAAE,IAAI;gBACd,eAAe,EAAE,EAAE;gBACnB,sBAAsB,EAAE,KAAK;aAC9B,CAAA;QACH,CAAC;QAED,OAAO,CACL,oBAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,EAC5B,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,EAClD,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAC1C,OAAO,EAAC,OAAO,eACJ,GAAG,QAAQ,SAAS,EAC/B,IAAI,EAAC,QAAQ,KACT,aAAa,GACjB,CACH,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE3E,OAAO,CACL,oBAAC,SAAS,OACJ,KAAK,EACT,IAAI,EAAC,OAAO,eACD,QAAQ,EACnB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACnC,mBAAmB,EAAE,OAAO,EAC5B,uBAAuB,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,UAAU,EAAE,CAAC,EAC3F,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACtC,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"PasswordField.js","sourceRoot":"","sources":["../../src/components/PasswordField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClG,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,GAAG,MAAM,YAAY,CAAA;AAG5B,OAAO,EAAE,SAAS,EAAoB,MAAM,aAAa,CAAA;AACzD,OAAO,EAAE,UAAU,EAAuD,MAAM,cAAc,CAAA;AAG9F,OAAO,MAAM,MAAM,4BAA4B,CAAA;AA0B/C,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EACpD,aAAa,GAAG,eAAe,EAC/B,aAAa,GAAG,eAAe,EAC/B,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,gBAAgB,GAAG,KAAK,EACxB,UAAU,GAAG,KAAK,EAClB,WAAW,EAAE,QAAQ,GAAG,gBAAgB,EACxC,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAA;IAExD,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,IAAI,UAAU,EAAE,CAAC;YACf,OAAO,SAAS,CAAA;QAClB,CAAC;QAED,IAAI,aAAa,GAAyD,EAAE,CAAA;QAC5E,IAAI,QAAQ,EAAE,CAAC;YACb,4FAA4F;YAC5F,aAAa,GAAG;gBACd,QAAQ,EAAE,IAAI;gBACd,eAAe,EAAE,EAAE;gBACnB,sBAAsB,EAAE,KAAK;aAC9B,CAAA;QACH,CAAC;QAED,OAAO,CACL,oBAAC,UAAU,IACT,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,EAC5B,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,EAClD,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAC1C,OAAO,EAAC,OAAO,eACJ,GAAG,QAAQ,SAAS,EAC/B,IAAI,EAAC,QAAQ,KACT,aAAa,GACjB,CACH,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE3E,OAAO,CACL,oBAAC,SAAS,OACJ,KAAK,eACE,QAAQ,EACnB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACnC,mBAAmB,EAAE,OAAO,EAC5B,uBAAuB,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,UAAU,EAAE,CAAC,EAC3F,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACtC,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAA;AACH,CAAC,CAAA"}

package/lib/components/{PasswordField.module.scss → PasswordField.module.css}

@@ -1,21 +1,16 @@
-@use '../../styles/constants' as c;
-
-$buttonMargin: c.$grid * 2;
-$inputMargin: c.$iconSizeSmall + $buttonMargin * 2;
-
 .inputContainer {
   position: relative;
 
   > input {
     padding-right: 0;
-    margin-right: $inputMargin;
+    margin-right: calc(var(--hive-icon-size-small) + var(--hive-grid) * 4);
   }
 
   .toggle {
     --button-size: calc(var(--hive-grid) * 6);
 
     position: absolute;
-    right: $buttonMargin;
+    right: calc(var(--hive-grid) * 2);
     top: 50%;
     transform: translateY(-50%);
     border-radius: var(--hive-border-radius-pill);

package/lib/components/Popover.js

@@ -5,7 +5,7 @@ import cls from 'classnames';
 import { autoPlacement as autoPlacementMiddleware } from '@floating-ui/react';
 import { getPortalContainer } from '../utils/portal';
 import { useOnClickOutside, useRefValue } from '../hooks';
-import styles from './Popover.module.scss';
+import styles from './Popover.module.css';
 export const Popover = (props) => {
     const { open, children, anchorElement, placement = 'bottom-end', className, offset: offsetOptions, onClose, 'data-test': dataTest, matchReferenceSize = false, container = `body`, autoPlacement = false, } = props;
     const getOnClose = useRefValue(onClose);

package/lib/components/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../src/components/Popover.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../src/components/Popover.tsx"],"names":[],"mappings":"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"}

package/lib/components/Popover.module.css

@@ -0,0 +1,8 @@
+.root {
+  display: flex;
+  flex-direction: column;
+  background: var(--hive-color-neutral-white);
+  border-bottom-left-radius: 3px;
+  border-bottom-right-radius: 3px;
+  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 17%);
+}

package/lib/components/Radio.js

@@ -3,7 +3,7 @@ import classNames from 'classnames';
 import { useUID } from 'react-uid';
 import { Help, helpTooltipId } from './Help';
 import { RadioGroupContext } from './RadioGroupContext';
-import styles from './Radio.module.scss';
+import styles from './Radio.module.css';
 import { TruncatedText } from './TruncatedText';
 /**
  * ### Purpose

package/lib/components/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../src/components/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA2C,UAAU,EAAE,MAAM,OAAO,CAAA;AAClF,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAGlC,OAAO,EAAE,IAAI,EAAa,aAAa,EAAE,MAAM,QAAQ,CAAA;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,OAAO,MAAM,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAmB/C;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EACpC,MAAM,EACN,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,WAAW,EAAE,QAAQ,GAAG,aAAa,EACrC,eAAe,GAChB,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;IACnB,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IACjE,MAAM,UAAU,GAAG,OAAO;QACxB,CAAC,CAAC;YACE,cAAc,EAAE,IAAI;YACpB,mBAAmB,EAAE,OAAO;SAC7B;QACH,CAAC,CAAC,EAAE,CAAA;IAEN,OAAO,CACL,+BACE,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,OAAO,EACd;YACE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;YAC3B,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO;SAC1B,EACD,SAAS,CACV,eACU,QAAQ,EACnB,OAAO,EAAE,EAAE;QAMV,KAAK,KAAK,SAAS,IAAI,CACtB,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI,eAAa,GAAG,QAAQ,QAAQ;YACzD,oBAAC,aAAa,IAAC,IAAI,EAAE,KAAK,GAAI,CAC1B,CACP;QACD,+BACE,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,sBACA,UAAU,IAAI,aAAa,CAAC,EAAE,CAAC,KAC7C,UAAU,GACd;QACD,eAAe,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,8BAAM,SAAS,EAAE,MAAM,CAAC,SAAS,GAAI;QAC3E,UAAU,IAAI,oBAAC,IAAI,iBAAY,GAAG,QAAQ,cAAc,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,CAAC,UAAU,GAAI,CAC3H,CACT,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../src/components/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA2C,UAAU,EAAE,MAAM,OAAO,CAAA;AAClF,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAGlC,OAAO,EAAE,IAAI,EAAa,aAAa,EAAE,MAAM,QAAQ,CAAA;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,OAAO,MAAM,MAAM,oBAAoB,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAmB/C;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EACpC,MAAM,EACN,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,WAAW,EAAE,QAAQ,GAAG,aAAa,EACrC,eAAe,GAChB,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;IACnB,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IACjE,MAAM,UAAU,GAAG,OAAO;QACxB,CAAC,CAAC;YACE,cAAc,EAAE,IAAI;YACpB,mBAAmB,EAAE,OAAO;SAC7B;QACH,CAAC,CAAC,EAAE,CAAA;IAEN,OAAO,CACL,+BACE,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,OAAO,EACd;YACE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;YAC3B,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO;SAC1B,EACD,SAAS,CACV,eACU,QAAQ,EACnB,OAAO,EAAE,EAAE;QAMV,KAAK,KAAK,SAAS,IAAI,CACtB,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI,eAAa,GAAG,QAAQ,QAAQ;YACzD,oBAAC,aAAa,IAAC,IAAI,EAAE,KAAK,GAAI,CAC1B,CACP;QACD,+BACE,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,sBACA,UAAU,IAAI,aAAa,CAAC,EAAE,CAAC,KAC7C,UAAU,GACd;QACD,eAAe,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,8BAAM,SAAS,EAAE,MAAM,CAAC,SAAS,GAAI;QAC3E,UAAU,IAAI,oBAAC,IAAI,iBAAY,GAAG,QAAQ,cAAc,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,CAAC,UAAU,GAAI,CAC3H,CACT,CAAA;AACH,CAAC,CAAA"}

package/lib/components/Radio.module.css

@@ -0,0 +1,122 @@
+.wrapper {
+  display: inline-flex;
+
+  /* inline-flex changes vertical align compared to display: flex
+   * setting vertical-align allows us to easily use radio button
+   * inline e.g. next to the text
+   * Most common use case will be still the usage in a form where parent
+   * wrapper controls this. */
+  vertical-align: bottom;
+  align-items: center;
+  cursor: pointer;
+  font-family: var(--hive-font-family-text);
+  font-size: var(--hive-font-size-body-small);
+  letter-spacing: var(--hive-letter-spacing-body-small);
+  line-height: var(--hive-line-height-body-small);
+  font-weight: var(--hive-font-weight-text-regular);
+
+  /* hide native checkbox */
+  input {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    clip: rect(0 0 0 0);
+    overflow: hidden;
+    border: 0;
+    white-space: nowrap;
+    top: 1px;
+    left: 1px;
+  }
+
+  .helperText {
+    margin-left: calc(var(--hive-grid) * 0.5);
+  }
+
+  /* default visible checkmark */
+  .checkmark {
+    /* using min-{size} because the circle can be broken in a flex wrapper */
+    min-width: var(--hive-icon-size-small);
+    min-height: var(--hive-icon-size-small);
+    border: var(--hive-border-width) solid var(--hive-color-neutral-light);
+    border-radius: 50%;
+
+    /* because of ~ and + selectors used below, we need to keep the current order in DOM and
+     * fix it visually with order property */
+    order: -1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  &.inline {
+    .checkmark {
+      /* in case we have inline mode, we should have a padding like native radio button has */
+      margin-left: var(--hive-grid);
+    }
+  }
+
+  & > input:checked ~ .checkmark {
+    background-color: var(--hive-color-success);
+    border-color: var(--hive-color-success);
+  }
+
+  /* Hover */
+  &:hover,
+  &.hover {
+    input ~ .checkmark {
+      border-color: var(--hive-color-primary);
+    }
+  }
+
+  /* Style the indicator (dot/circle) */
+  .checkmark::after {
+    content: '';
+    width: calc(1.5 * var(--hive-grid));
+    height: calc(1.5 * var(--hive-grid));
+    border-radius: 50%;
+    background: transparent;
+  }
+
+  input:checked ~ .checkmark::after {
+    background: var(--hive-color-neutral-white);
+  }
+
+  .name {
+    overflow: hidden;
+    padding-left: calc(var(--hive-grid) * 1.25);
+    padding-right: calc(var(--hive-grid) * 1.25);
+  }
+
+  &.disabled {
+    cursor: not-allowed;
+    color: var(--hive-color-neutral-light);
+
+    input ~ .checkmark {
+      border-color: var(--hive-color-neutral-light);
+    }
+
+    input:checked ~ .checkmark {
+      background-color: var(--hive-color-neutral);
+    }
+  }
+
+  /* Error state */
+  &.error input:checked ~ .checkmark {
+    border-color: var(--hive-color-error);
+  }
+
+  /* :checked, :not(:checked) is added here to make the specificity more important than the error's state
+   * where we make the radio as error if and only if it's checked */
+  &.focus > input:not(:checked),
+  &.focus > input:checked,
+  input:focus:not(:checked),
+  input:focus:checked {
+    ~ .checkmark {
+      border-color: var(--hive-color-accessibility-outline);
+      box-shadow: inset 0 0 0 calc(var(--hive-outline-width) - var(--hive-border-width)) var(--hive-color-accessibility-outline);
+      outline: transparent solid var(--hive-outline-width);
+    }
+  }
+}

package/lib/components/RadioGroup.js

@@ -3,7 +3,7 @@ import { useUID } from 'react-uid';
 import classNames from 'classnames';
 import { Error, errorId } from './Error';
 import { RadioGroupContext } from './RadioGroupContext';
-import styles from './RadioGroup.module.scss';
+import styles from './RadioGroup.module.css';
 /**
  * ### Purpose
  * Forms require input from users. If you need information that can be represented as a choice of multiple values, use input with type 'radio'.

package/lib/components/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../src/components/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiC,OAAO,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,UAAU,MAAM,YAAY,CAAA;AAGnC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAGvD,OAAO,MAAM,MAAM,0BAA0B,CAAA;AAiB7C;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,KAAK,EAAE,EAAE;IACvD,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,KAAK,EAAE,WAAW,EAAE,QAAQ,GAAG,aAAa,EAAE,GAAG,KAAK,CAAA;IACxI,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;IACnB,MAAM,aAAa,GAAuB,KAAK,IAAI,OAAO,CAAC,EAAE,CAAC,CAAA;IAE9D,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAA;IAElH,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,OAAO,IAAI,KAAK,EAAE,CAAC,eAAa,GAAG,QAAQ,UAAU;QAC/G,6BACE,IAAI,EAAC,YAAY,eACN,QAAQ,EACnB,SAAS,EAAE,UAAU,CACnB;gBACE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM;aACxB,EACD,MAAM,CAAC,UAAU,EACjB,mBAAmB,CACpB,kBACa,CAAC,CAAC,KAAK,uBACF,aAAa;YAEhC,oBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,IAAG,QAAQ,CAA8B,CACrF;QACN,oBAAC,KAAK,IAAC,SAAS,QAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,cAAc,EAAE,OAAO,EAAE,EAAE,GAAI,CAC5E,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../src/components/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiC,OAAO,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,UAAU,MAAM,YAAY,CAAA;AAGnC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAGvD,OAAO,MAAM,MAAM,yBAAyB,CAAA;AAiB5C;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,KAAK,EAAE,EAAE;IACvD,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,KAAK,EAAE,WAAW,EAAE,QAAQ,GAAG,aAAa,EAAE,GAAG,KAAK,CAAA;IACxI,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;IACnB,MAAM,aAAa,GAAuB,KAAK,IAAI,OAAO,CAAC,EAAE,CAAC,CAAA;IAE9D,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAA;IAElH,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,OAAO,IAAI,KAAK,EAAE,CAAC,eAAa,GAAG,QAAQ,UAAU;QAC/G,6BACE,IAAI,EAAC,YAAY,eACN,QAAQ,EACnB,SAAS,EAAE,UAAU,CACnB;gBACE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM;aACxB,EACD,MAAM,CAAC,UAAU,EACjB,mBAAmB,CACpB,kBACa,CAAC,CAAC,KAAK,uBACF,aAAa;YAEhC,oBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,IAAG,QAAQ,CAA8B,CACrF;QACN,oBAAC,KAAK,IAAC,SAAS,QAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,cAAc,EAAE,OAAO,EAAE,EAAE,GAAI,CAC5E,CACP,CAAA;AACH,CAAC,CAAA"}

package/lib/components/RadioGroup.module.css

@@ -0,0 +1,31 @@
+.withError {
+  position: relative;
+  padding-bottom: calc(var(--hive-error-height) + var(--hive-grid));
+
+  .errorContainer {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    overflow: hidden;
+    height: var(--hive-error-height);
+    width: 100%;
+  }
+}
+
+.radioGroup {
+  display: flex;
+  flex-direction: column;
+
+  &:not(.inline) > *:not(:last-child) {
+    /* we need to provide spacing between radios if they're in a vertical column */
+    margin-bottom: var(--hive-grid);
+  }
+
+  &.inline {
+    flex-direction: row;
+
+    > *:not(:first-child) {
+      margin-left: var(--hive-grid);
+    }
+  }
+}

package/lib/components/SegmentedControl.d.ts

@@ -4,15 +4,13 @@ export type SegmentedControlOption<V> = {
     value: V;
     label: string;
 };
-export type SegmentedControlSize = 'medium' | 'small';
 export type SegmentedControlProps<V> = {
     value: V;
     onChange: (value: V) => void;
     label?: string;
     options: SegmentedControlOption<V>[];
-    size?: SegmentedControlSize;
     className?: string;
     optionClassName?: string;
     labelClassName?: string;
 } & DataTestProp;
-export declare const SegmentedControl: <V extends string = string>({ label, value, onChange, options, size, className, optionClassName, labelClassName, "data-test": dataTest, }: SegmentedControlProps<V>) => React.JSX.Element;
+export declare const SegmentedControl: <V extends string = string>({ label, value, onChange, options, className, optionClassName, labelClassName, "data-test": dataTest, }: SegmentedControlProps<V>) => React.JSX.Element;

package/lib/components/SegmentedControl.js

@@ -1,9 +1,11 @@
 import React from 'react';
 import cn from 'classnames';
 import { RadioGroup } from '@headlessui/react';
-import styles from './SegmentedControl.module.scss';
-export const SegmentedControl = ({ label, value, onChange, options, size = 'medium', className, optionClassName, labelClassName, 'data-test': dataTest = 'segmented', }) => (React.createElement(RadioGroup, { "data-test": dataTest, className: cn(styles.group, { [styles.small]: size === 'small' }, className), value: value, onChange: onChange },
-    label && (React.createElement(RadioGroup.Label, { "data-test": `${dataTest}-label`, className: styles.groupLabel }, label)),
-    options.map((option) => (React.createElement(RadioGroup.Option, { "data-test": `${dataTest}-${option.value}`, key: option.value, value: option.value, className: ({ checked }) => cn(styles.option, { [styles.checked]: checked }, optionClassName) },
-        React.createElement(RadioGroup.Label, { "data-test": `${dataTest}-${option.value}-label`, className: cn(styles.label, labelClassName) }, option.label))))));
+import styles from './SegmentedControl.module.css';
+export const SegmentedControl = ({ label, value, onChange, options, className, optionClassName, labelClassName, 'data-test': dataTest = 'segmented', }) => {
+    return (React.createElement(RadioGroup, { "data-test": dataTest, className: cn(styles.group, styles.small, className), value: value, onChange: onChange },
+        label && (React.createElement(RadioGroup.Label, { "data-test": `${dataTest}-label`, className: styles.groupLabel }, label)),
+        options.map((option) => (React.createElement(RadioGroup.Option, { "data-test": `${dataTest}-${option.value}`, key: option.value, value: option.value, className: ({ checked }) => cn(styles.option, { [styles.checked]: checked }, optionClassName) },
+            React.createElement(RadioGroup.Label, { "data-test": `${dataTest}-${option.value}-label`, className: cn(styles.label, labelClassName) }, option.label))))));
+};
 //# sourceMappingURL=SegmentedControl.js.map

package/lib/components/SegmentedControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../src/components/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAI9C,OAAO,MAAM,MAAM,gCAAgC,CAAA;AAoBnD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAA4B,EAC1D,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,eAAe,EACf,cAAc,EACd,WAAW,EAAE,QAAQ,GAAG,WAAW,GACV,EAAE,EAAE,CAAC,CAC9B,oBAAC,UAAU,iBACE,QAAQ,EACnB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO,EAAE,EAAE,SAAS,CAAC,EAC5E,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ;IAEjB,KAAK,IAAI,CACR,oBAAC,UAAU,CAAC,KAAK,iBAAY,GAAG,QAAQ,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,UAAU,IAC3E,KAAK,CACW,CACpB;IACA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,oBAAC,UAAU,CAAC,MAAM,iBACL,GAAG,QAAQ,IAAI,MAAM,CAAC,KAAK,EAAE,EACxC,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,EAAE,eAAe,CAAC;QAE7F,oBAAC,UAAU,CAAC,KAAK,iBAAY,GAAG,QAAQ,IAAI,MAAM,CAAC,KAAK,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,IAC1G,MAAM,CAAC,KAAK,CACI,CACD,CACrB,CAAC,CACS,CACd,CAAA"}
+{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../src/components/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAI9C,OAAO,MAAM,MAAM,+BAA+B,CAAA;AAiBlD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAA4B,EAC1D,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,EACT,eAAe,EACf,cAAc,EACd,WAAW,EAAE,QAAQ,GAAG,WAAW,GACV,EAAE,EAAE;IAC7B,OAAO,CACL,oBAAC,UAAU,iBAAY,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ;QACpH,KAAK,IAAI,CACR,oBAAC,UAAU,CAAC,KAAK,iBAAY,GAAG,QAAQ,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,UAAU,IAC3E,KAAK,CACW,CACpB;QACA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,oBAAC,UAAU,CAAC,MAAM,iBACL,GAAG,QAAQ,IAAI,MAAM,CAAC,KAAK,EAAE,EACxC,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,EAAE,eAAe,CAAC;YAE7F,oBAAC,UAAU,CAAC,KAAK,iBAAY,GAAG,QAAQ,IAAI,MAAM,CAAC,KAAK,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,IAC1G,MAAM,CAAC,KAAK,CACI,CACD,CACrB,CAAC,CACS,CACd,CAAA;AACH,CAAC,CAAA"}