@hhgtech/hhg-components 1.26.82 → 1.26.84

package/build/esm/index.styled-d7f5b715.js

@@ -1,50 +0,0 @@
-import{_ as e}from"./tslib.es6-3a90055c.js";import t,{useMemo as o}from"react";import{L as n}from"./Onboarding-ebd8b490.js";import{CommonGAssets as i}from"./gAssets.js";import{t as a}from"./theme-54112b39.js";import r from"styled-components";import{T as s}from"./index-ad97e197.js";import{a as l}from"./index-008eb0e0.js";const c=r.div`
-  display: inline-flex;
-  overflow: hidden;
-  width: ${e=>e.size}px;
-  height: ${e=>e.size}px;
-  box-sizing: border-box;
-  align-items: center;
-  justify-content: center;
-
-  border: 1px solid #e4e8ec;
-  background-color: ${e=>e.backgroundColor||a.colors.white};
-  border-radius: ${e=>e.borderRadius||"50%"};
-  & > * {
-    width: ${e=>e.iconSize}px;
-    height: ${e=>e.iconSize}px;
-  }
-`,d=r.div`
-  display: inline-block;
-  height: 108px;
-  background-color: ${e=>e.theme.colors.white};
-  border-radius: 60px;
-  cursor: pointer;
-  &.selected-week-pill {
-    background-color: ${e=>e.theme.colors.pink100};
-  }
-
-  & > div:first-child {
-    margin: 4px 4px 0;
-  }
-
-  & > p {
-    margin-top: 8px;
-    text-align: center;
-  }
-
-  & > * {
-    pointer-events: none;
-  }
-`,p=[n.Myanmar,n.Taiwan],m=r((n=>{var{icon:r,name:l,className:m,locale:b="en-PH",dataEventCategory:g,dataEventAction:x,dataEventLabel:h,onSelect:v}=n,u=e(n,["icon","name","className","locale","dataEventCategory","dataEventAction","dataEventLabel","onSelect"]);const f=o((()=>null==m?void 0:m.includes("selected-week-pill")),[m]);return t.createElement(d,Object.assign({onClick:v,className:m?"week-pill".concat(" non-pointer-event-child ",m):"week-pill non-pointer-event-child","data-event-category":g,"data-event-action":x,"data-event-label":h},u),t.createElement(c,{size:64,iconSize:40,backgroundColor:a.colors.white},t.createElement("img",{src:r||i.getAssetPath("week_default.png"),alt:""})),f?t.createElement(s,Object.assign({type:"semiBold",size:"n1",color:a.colors.gray800},p.includes(b)&&{style:{fontSize:"10px"}}),l):t.createElement(s,Object.assign({size:"n1",color:a.colors.gray600},p.includes(b)&&{style:{fontSize:"10px"}}),l))}))`
-  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
-`,b=r(l.Slide)`
-  cursor: pointer;
-  > div * {
-    pointer-events: none;
-  }
-`,g=r(l)`
-  .centerred-pill-wrapper {
-    padding: 16px 0;
-  }
-`;export{g as S,b as a,m as b};