@sipesistemas/polaris 1.2.0

package/build/esnext/components/Autocomplete/components/MappedOption/MappedOption.out.css

@@ -0,0 +1,23 @@
+.Polaris-Autocomplete-MappedOption__Content_xd1mk{
+  display:flex;
+  flex:1 1;
+  word-wrap:break-word;
+  word-break:break-word;
+  overflow-wrap:break-word;
+}
+
+.Polaris-Autocomplete-MappedOption__Media_2t8qq{
+  padding:0 var(--p-space-200);
+}
+
+.Polaris-Autocomplete-MappedOption__Media_2t8qq svg{
+    fill:var(--p-color-icon);
+  }
+
+.Polaris-Autocomplete-MappedOption--singleSelectionMedia_1872h{
+  padding:0 var(--p-space-200) 0 0;
+}
+
+.Polaris-Autocomplete-MappedOption--disabledMedia_wfh7h svg{
+  fill:var(--p-color-icon-disabled);
+}

package/build/esnext/components/Avatar/Avatar.css.esnext

@@ -0,0 +1,26 @@
+import './Avatar.out.css';
+
+var styles = {
+  "Avatar": "Polaris-Avatar_z763p",
+  "imageHasLoaded": "Polaris-Avatar--imageHasLoaded_1bsq5",
+  "Text": "Polaris-Avatar__Text_yj3uv",
+  "long": "Polaris-Avatar--long_yix3t",
+  "hidden": "Polaris-Avatar--hidden_riqie",
+  "sizeXs": "Polaris-Avatar--sizeXs_z1uf6",
+  "sizeSm": "Polaris-Avatar--sizeSm_nwbw2",
+  "sizeMd": "Polaris-Avatar--sizeMd_ja64a",
+  "sizeLg": "Polaris-Avatar--sizeLg_mhyn6",
+  "sizeXl": "Polaris-Avatar--sizeXl_odady",
+  "styleOne": "Polaris-Avatar--styleOne_jtsnj",
+  "styleTwo": "Polaris-Avatar--styleTwo_15kyd",
+  "styleThree": "Polaris-Avatar--styleThree_1sohp",
+  "styleFour": "Polaris-Avatar--styleFour_16hgi",
+  "styleFive": "Polaris-Avatar--styleFive_dypl0",
+  "styleSix": "Polaris-Avatar--styleSix_4ljbo",
+  "styleSeven": "Polaris-Avatar--styleSeven_1abxj",
+  "Image": "Polaris-Avatar__Image_2qgms",
+  "Initials": "Polaris-Avatar__Initials_5s4f1",
+  "Svg": "Polaris-Avatar__Svg_375hu"
+};
+
+export { styles as default };

package/build/esnext/components/Avatar/Avatar.esnext

@@ -0,0 +1,130 @@
+import { useState, useEffect, useCallback } from 'react';
+import { classNames, variationName } from '../../utilities/css.esnext';
+import { useIsAfterInitialMount } from '../../utilities/use-is-after-initial-mount.esnext';
+import styles from './Avatar.css.esnext';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useI18n } from '../../utilities/i18n/hooks.esnext';
+import { Image } from '../Image/Image.esnext';
+
+var Status = /*#__PURE__*/function (Status) {
+  Status["Pending"] = "PENDING";
+  Status["Loaded"] = "LOADED";
+  Status["Errored"] = "ERRORED";
+  return Status;
+}(Status || {});
+const STYLE_CLASSES = ['one', 'two', 'three', 'four', 'five', 'six', 'seven'];
+const avatarStrokeWidth = {
+  xs: '3',
+  sm: '2.5',
+  md: '2.5',
+  lg: '2.5',
+  xl: '2'
+};
+
+/**
+ * Computes a rudimentary hash from a string by xoring the character codes
+ * of all characters
+ */
+function xorHash(str) {
+  let hash = 0;
+  for (const char of str) {
+    hash ^= char.charCodeAt(0);
+  }
+  return hash;
+}
+function styleClass(name) {
+  return name ? STYLE_CLASSES[xorHash(name) % STYLE_CLASSES.length] : STYLE_CLASSES[0];
+}
+function Avatar({
+  name,
+  source,
+  onError,
+  initials,
+  customer,
+  size = 'md',
+  accessibilityLabel
+}) {
+  const i18n = useI18n();
+  const isAfterInitialMount = useIsAfterInitialMount();
+  const [status, setStatus] = useState(Status.Pending);
+
+  // If the source changes, set the status back to pending
+  useEffect(() => {
+    setStatus(Status.Pending);
+  }, [source]);
+  const handleError = useCallback(() => {
+    setStatus(Status.Errored);
+    if (onError) {
+      onError();
+    }
+  }, [onError]);
+  const handleLoad = useCallback(() => {
+    setStatus(Status.Loaded);
+  }, []);
+  const hasImage = source && status !== Status.Errored;
+  const nameString = name || initials;
+  let label;
+  if (accessibilityLabel) {
+    label = accessibilityLabel;
+  } else if (name) {
+    label = name;
+  } else if (initials) {
+    const splitInitials = initials.split('').join(' ');
+    label = i18n.translate('Polaris.Avatar.labelWithInitials', {
+      initials: splitInitials
+    });
+  }
+  const className = classNames(styles.Avatar, size && styles[variationName('size', size)], hasImage && status === Status.Loaded && styles.imageHasLoaded, !customer && !hasImage && styles[variationName('style', styleClass(nameString))]);
+  const textClassName = classNames(styles.Text, (initials?.length || 0) > 2 && styles.long);
+  const imageClassName = classNames(styles.Image, status !== Status.Loaded && styles.hidden);
+  const imageMarkUp = source && isAfterInitialMount && status !== Status.Errored ? /*#__PURE__*/jsx(Image, {
+    className: imageClassName,
+    source: source,
+    alt: "",
+    role: "presentation",
+    onLoad: handleLoad,
+    onError: handleError
+  }) : null;
+  // Use `dominant-baseline: central` instead of `dy` when Edge supports it.
+  const verticalOffset = '0.35em';
+  const avatarPath = /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("path", {
+      fill: "none",
+      d: "M25.5 13.5C25.5 16.5376 23.0376 19 20 19C16.9624 19 14.5 16.5376 14.5 13.5C14.5 10.4624 16.9624 8 20 8C23.0376 8 25.5 10.4624 25.5 13.5Z",
+      stroke: "currentColor",
+      strokeWidth: avatarStrokeWidth[size]
+    }), /*#__PURE__*/jsx("path", {
+      fill: "none",
+      d: "M10.3433 29.682L9.47 31.254C9.03481 32.0373 9.60125 33 10.4974 33H29.5026C30.3988 33 30.9652 32.0373 30.53 31.254L29.6567 29.682C27.7084 26.175 24.0119 24 20 24C15.9882 24 12.2916 26.175 10.3433 29.682Z",
+      stroke: "currentColor",
+      strokeWidth: avatarStrokeWidth[size],
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+  const avatarBody = customer || !initials ? avatarPath : /*#__PURE__*/jsx("text", {
+    className: textClassName,
+    x: "50%",
+    y: "50%",
+    dy: verticalOffset,
+    fill: "currentColor",
+    textAnchor: "middle",
+    children: initials
+  });
+  const svgMarkup = hasImage ? null : /*#__PURE__*/jsx("span", {
+    className: styles.Initials,
+    children: /*#__PURE__*/jsx("svg", {
+      className: styles.Svg,
+      viewBox: "0 0 40 40",
+      children: avatarBody
+    })
+  });
+  return /*#__PURE__*/jsxs("span", {
+    "aria-label": label,
+    role: label ? 'img' : 'presentation',
+    className: className,
+    children: [svgMarkup, imageMarkUp]
+  });
+}
+
+export { Avatar, STYLE_CLASSES };

package/build/esnext/components/Avatar/Avatar.out.css

@@ -0,0 +1,172 @@
+.Polaris-Avatar_z763p{
+  --pc-avatar-xs-size:1.25rem;
+  --pc-avatar-sm-size:1.5rem;
+  --pc-avatar-md-size:1.75rem;
+  --pc-avatar-lg-size:2rem;
+  --pc-avatar-xl-size:2.5rem;
+  position:relative;
+  display:block;
+  overflow:hidden;
+  min-width:var(--pc-avatar-xs-size);
+  max-width:100%;
+  background:var(--p-color-avatar-bg-fill);
+  color:var(--p-color-avatar-text-on-bg-fill);
+  -webkit-user-select:none;
+          user-select:none;
+}
+
+.Polaris-Avatar_z763p.Polaris-Avatar--imageHasLoaded_1bsq5{
+    background:transparent;
+  }
+
+@media (forced-colors: active){
+
+.Polaris-Avatar_z763p{
+    border:var(--p-border-width-025) solid transparent;
+}
+  }
+
+.Polaris-Avatar_z763p::after{
+    content:'';
+    display:block;
+    padding-bottom:100%;
+  }
+
+.Polaris-Avatar__Text_yj3uv{
+  font-size:var(--p-font-size-400);
+  font-weight:var(--p-font-weight-regular);
+}
+
+.Polaris-Avatar__Text_yj3uv.Polaris-Avatar--long_yix3t{
+    font-size:var(--p-font-size-300);
+  }
+
+.Polaris-Avatar--hidden_riqie{
+  visibility:hidden;
+}
+
+.Polaris-Avatar--sizeXs_z1uf6{
+  width:var(--pc-avatar-xs-size);
+  border-radius:0.25rem;
+}
+
+.Polaris-Avatar--sizeSm_nwbw2{
+  width:var(--pc-avatar-sm-size);
+  border-radius:0.375rem;
+}
+
+.Polaris-Avatar--sizeMd_ja64a{
+  width:var(--pc-avatar-md-size);
+  border-radius:0.375rem;
+}
+
+.Polaris-Avatar--sizeLg_mhyn6{
+  width:var(--pc-avatar-lg-size);
+  border-radius:0.5rem;
+}
+
+.Polaris-Avatar--sizeXl_odady{
+  width:var(--pc-avatar-xl-size);
+  border-radius:0.5rem;
+}
+
+.Polaris-Avatar--styleOne_jtsnj{
+  background:var(--p-color-avatar-one-bg-fill);
+  color:var(--p-color-avatar-one-text-on-bg-fill);
+}
+
+.Polaris-Avatar--styleOne_jtsnj svg,
+  .Polaris-Avatar--styleOne_jtsnj text{
+    color:var(--p-color-avatar-one-text-on-bg-fill);
+  }
+
+.Polaris-Avatar--styleTwo_15kyd{
+  background:var(--p-color-avatar-two-bg-fill);
+  color:var(--p-color-avatar-two-text-on-bg-fill);
+}
+
+.Polaris-Avatar--styleTwo_15kyd svg,
+  .Polaris-Avatar--styleTwo_15kyd text{
+    color:var(--p-color-avatar-two-text-on-bg-fill);
+  }
+
+.Polaris-Avatar--styleThree_1sohp{
+  background:var(--p-color-avatar-three-bg-fill);
+  color:var(--p-color-avatar-three-text-on-bg-fill);
+}
+
+.Polaris-Avatar--styleThree_1sohp svg,
+  .Polaris-Avatar--styleThree_1sohp text{
+    color:var(--p-color-avatar-three-text-on-bg-fill);
+  }
+
+.Polaris-Avatar--styleFour_16hgi{
+  background:var(--p-color-avatar-four-bg-fill);
+  color:var(--p-color-avatar-four-text-on-bg-fill);
+}
+
+.Polaris-Avatar--styleFour_16hgi svg,
+  .Polaris-Avatar--styleFour_16hgi text{
+    color:var(--p-color-avatar-four-text-on-bg-fill);
+  }
+
+.Polaris-Avatar--styleFive_dypl0{
+  background:var(--p-color-avatar-five-bg-fill);
+  color:var(--p-color-avatar-five-text-on-bg-fill);
+}
+
+.Polaris-Avatar--styleFive_dypl0 svg,
+  .Polaris-Avatar--styleFive_dypl0 text{
+    color:var(--p-color-avatar-five-text-on-bg-fill);
+  }
+
+.Polaris-Avatar--styleSix_4ljbo{
+  background:var(--p-color-avatar-six-bg-fill);
+  color:var(--p-color-avatar-six-text-on-bg-fill);
+}
+
+.Polaris-Avatar--styleSix_4ljbo svg,
+  .Polaris-Avatar--styleSix_4ljbo text{
+    color:var(--p-color-avatar-six-text-on-bg-fill);
+  }
+
+.Polaris-Avatar--styleSeven_1abxj{
+  background:var(--p-color-avatar-seven-bg-fill);
+  color:var(--p-color-avatar-seven-text-on-bg-fill);
+}
+
+.Polaris-Avatar--styleSeven_1abxj svg,
+  .Polaris-Avatar--styleSeven_1abxj text{
+    color:var(--p-color-avatar-seven-text-on-bg-fill);
+  }
+
+.Polaris-Avatar--imageHasLoaded_1bsq5{
+  background:transparent;
+}
+
+.Polaris-Avatar__Image_2qgms{
+  position:absolute;
+  top:50%;
+  left:50%;
+  width:100%;
+  height:100%;
+  border-radius:inherit;
+  transform:translate(-50%, -50%);
+  object-fit:cover;
+}
+
+.Polaris-Avatar__Initials_5s4f1{
+  position:absolute;
+  top:0;
+  right:0;
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  width:100%;
+  height:100%;
+}
+
+.Polaris-Avatar__Svg_375hu{
+  width:100%;
+  height:100%;
+}

package/build/esnext/components/Backdrop/Backdrop.css.esnext

@@ -0,0 +1,9 @@
+import './Backdrop.out.css';
+
+var styles = {
+  "Backdrop": "Polaris-Backdrop_1x2i2",
+  "transparent": "Polaris-Backdrop--transparent_19sk8",
+  "belowNavigation": "Polaris-Backdrop--belowNavigation_1y5t0"
+};
+
+export { styles as default };

package/build/esnext/components/Backdrop/Backdrop.esnext

@@ -0,0 +1,38 @@
+import { classNames } from '../../utilities/css.esnext';
+import styles from './Backdrop.css.esnext';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { ScrollLock } from '../ScrollLock/ScrollLock.esnext';
+
+function Backdrop(props) {
+  const {
+    onClick,
+    onTouchStart,
+    belowNavigation,
+    transparent,
+    setClosing
+  } = props;
+  const className = classNames(styles.Backdrop, belowNavigation && styles.belowNavigation, transparent && styles.transparent);
+  const handleMouseDown = () => {
+    if (setClosing) {
+      setClosing(true);
+    }
+  };
+  const handleClick = () => {
+    if (setClosing) {
+      setClosing(false);
+    }
+    if (onClick) {
+      onClick();
+    }
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(ScrollLock, {}), /*#__PURE__*/jsx("div", {
+      className: className,
+      onClick: handleClick,
+      onTouchStart: onTouchStart,
+      onMouseDown: handleMouseDown
+    })]
+  });
+}
+
+export { Backdrop };

package/build/esnext/components/Backdrop/Backdrop.out.css

@@ -0,0 +1,23 @@
+.Polaris-Backdrop_1x2i2{
+  position:fixed;
+  z-index:var(--p-z-index-10);
+  top:0;
+  right:0;
+  bottom:0;
+  left:0;
+  display:block;
+  background-color:rgba(0, 0, 0, 0.5);
+  animation:var(--p-motion-keyframes-fade-in) var(--p-motion-duration-200) 1 forwards;
+  opacity:0;
+  -webkit-backface-visibility:hidden;
+          backface-visibility:hidden;
+  will-change:opacity;
+}
+
+.Polaris-Backdrop--transparent_19sk8{
+  background-color:transparent;
+}
+
+.Polaris-Backdrop--belowNavigation_1y5t0{
+  z-index:var(--p-z-index-7);
+}

package/build/esnext/components/Badge/Badge.css.esnext

@@ -0,0 +1,25 @@
+import './Badge.out.css';
+
+var styles = {
+  "Badge": "Polaris-Badge_2qgie",
+  "toneSuccess": "Polaris-Badge--toneSuccess_15hst",
+  "toneSuccess-strong": "Polaris-Badge__toneSuccess--strong_dlrte",
+  "toneInfo": "Polaris-Badge--toneInfo_888w9",
+  "toneInfo-strong": "Polaris-Badge__toneInfo--strong_qq6hg",
+  "toneAttention": "Polaris-Badge--toneAttention_ff4zk",
+  "toneAttention-strong": "Polaris-Badge__toneAttention--strong_1lwee",
+  "toneWarning": "Polaris-Badge--toneWarning_1phxg",
+  "toneWarning-strong": "Polaris-Badge__toneWarning--strong_qjx5t",
+  "toneCritical": "Polaris-Badge--toneCritical_jv6uf",
+  "toneCritical-strong": "Polaris-Badge__toneCritical--strong_1ovge",
+  "toneNew": "Polaris-Badge--toneNew_vwxid",
+  "toneMagic": "Polaris-Badge--toneMagic_tqodm",
+  "toneRead-only": "Polaris-Badge__toneRead--only_cbkof",
+  "toneEnabled": "Polaris-Badge--toneEnabled_lm455",
+  "sizeLarge": "Polaris-Badge--sizeLarge_61dxo",
+  "withinFilter": "Polaris-Badge--withinFilter_11dcy",
+  "Icon": "Polaris-Badge__Icon_yj27d",
+  "PipContainer": "Polaris-Badge__PipContainer_dsjox"
+};
+
+export { styles as default };

package/build/esnext/components/Badge/Badge.esnext

@@ -0,0 +1,78 @@
+import { useContext } from 'react';
+import { classNames, variationName } from '../../utilities/css.esnext';
+import { WithinFilterContext } from '../../utilities/within-filter-context.esnext';
+import styles from './Badge.css.esnext';
+import { getDefaultAccessibilityLabel } from './utils.esnext';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Pip } from './components/Pip/Pip.esnext';
+import { useI18n } from '../../utilities/i18n/hooks.esnext';
+import { Icon } from '../Icon/Icon.esnext';
+import { Text } from '../Text/Text.esnext';
+
+const DEFAULT_SIZE = 'medium';
+const progressIconMap = {
+  complete: () => /*#__PURE__*/jsx("svg", {
+    viewBox: "0 0 20 20",
+    children: /*#__PURE__*/jsx("path", {
+      d: "M6 10c0-.93 0-1.395.102-1.776a3 3 0 0 1 2.121-2.122C8.605 6 9.07 6 10 6c.93 0 1.395 0 1.776.102a3 3 0 0 1 2.122 2.122C14 8.605 14 9.07 14 10s0 1.395-.102 1.777a3 3 0 0 1-2.122 2.12C11.395 14 10.93 14 10 14s-1.395 0-1.777-.102a3 3 0 0 1-2.12-2.121C6 11.395 6 10.93 6 10Z"
+    })
+  }),
+  partiallyComplete: () => /*#__PURE__*/jsx("svg", {
+    viewBox: "0 0 20 20",
+    children: /*#__PURE__*/jsx("path", {
+      fillRule: "evenodd",
+      d: "m8.888 6.014-.017-.018-.02.02c-.253.013-.45.038-.628.086a3 3 0 0 0-2.12 2.122C6 8.605 6 9.07 6 10s0 1.395.102 1.777a3 3 0 0 0 2.121 2.12C8.605 14 9.07 14 10 14c.93 0 1.395 0 1.776-.102a3 3 0 0 0 2.122-2.121C14 11.395 14 10.93 14 10c0-.93 0-1.395-.102-1.776a3 3 0 0 0-2.122-2.122C11.395 6 10.93 6 10 6c-.475 0-.829 0-1.112.014ZM8.446 7.34a1.75 1.75 0 0 0-1.041.94l4.314 4.315c.443-.2.786-.576.941-1.042L8.446 7.34Zm4.304 2.536L10.124 7.25c.908.001 1.154.013 1.329.06a1.75 1.75 0 0 1 1.237 1.237c.047.175.059.42.06 1.329ZM8.547 12.69c.182.05.442.06 1.453.06h.106L7.25 9.894V10c0 1.01.01 1.27.06 1.453a1.75 1.75 0 0 0 1.237 1.237Z"
+    })
+  }),
+  incomplete: () => /*#__PURE__*/jsx("svg", {
+    viewBox: "0 0 20 20",
+    children: /*#__PURE__*/jsx("path", {
+      fillRule: "evenodd",
+      d: "M8.547 12.69c.183.05.443.06 1.453.06s1.27-.01 1.453-.06a1.75 1.75 0 0 0 1.237-1.237c.05-.182.06-.443.06-1.453s-.01-1.27-.06-1.453a1.75 1.75 0 0 0-1.237-1.237c-.182-.05-.443-.06-1.453-.06s-1.27.01-1.453.06A1.75 1.75 0 0 0 7.31 8.547c-.05.183-.06.443-.06 1.453s.01 1.27.06 1.453a1.75 1.75 0 0 0 1.237 1.237ZM6.102 8.224C6 8.605 6 9.07 6 10s0 1.395.102 1.777a3 3 0 0 0 2.122 2.12C8.605 14 9.07 14 10 14s1.395 0 1.777-.102a3 3 0 0 0 2.12-2.121C14 11.395 14 10.93 14 10c0-.93 0-1.395-.102-1.776a3 3 0 0 0-2.121-2.122C11.395 6 10.93 6 10 6c-.93 0-1.395 0-1.776.102a3 3 0 0 0-2.122 2.122Z"
+    })
+  })
+};
+function Badge({
+  children,
+  tone,
+  progress,
+  icon,
+  size = DEFAULT_SIZE,
+  toneAndProgressLabelOverride
+}) {
+  const i18n = useI18n();
+  const withinFilter = useContext(WithinFilterContext);
+  const className = classNames(styles.Badge, tone && styles[variationName('tone', tone)], size && size !== DEFAULT_SIZE && styles[variationName('size', size)], withinFilter && styles.withinFilter);
+  const accessibilityLabel = toneAndProgressLabelOverride ? toneAndProgressLabelOverride : getDefaultAccessibilityLabel(i18n, progress, tone);
+  let accessibilityMarkup = Boolean(accessibilityLabel) && /*#__PURE__*/jsx(Text, {
+    as: "span",
+    visuallyHidden: true,
+    children: accessibilityLabel
+  });
+  if (progress && !icon) {
+    accessibilityMarkup = /*#__PURE__*/jsx("span", {
+      className: styles.Icon,
+      children: /*#__PURE__*/jsx(Icon, {
+        accessibilityLabel: accessibilityLabel,
+        source: progressIconMap[progress]
+      })
+    });
+  }
+  return /*#__PURE__*/jsxs("span", {
+    className: className,
+    children: [accessibilityMarkup, icon && /*#__PURE__*/jsx("span", {
+      className: styles.Icon,
+      children: /*#__PURE__*/jsx(Icon, {
+        source: icon
+      })
+    }), children && /*#__PURE__*/jsx(Text, {
+      as: "span",
+      variant: "bodySm",
+      fontWeight: tone === 'new' ? 'medium' : undefined,
+      children: children
+    })]
+  });
+}
+Badge.Pip = Pip;
+
+export { Badge };