@hhgtech/hhg-components 1.28.35 → 1.28.37

package/build/esm/index.styled-36cb24ce.js

@@ -0,0 +1,50 @@
+import{_ as e}from"./tslib.es6-70854b37.js";import t,{useMemo as o}from"react";import{L as n}from"./Subot-2c9e4c09.js";import{CommonGAssets as i}from"./gAssets.js";import{t as a}from"./theme-2bdea2f5.js";import r from"styled-components";import{I as s,i as l}from"./index-a2e81576.js";import{T as c}from"./index-956cdde0.js";const d=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;
+  }
+`,p=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;
+  }
+`,m=[n.Myanmar,n.Taiwan],b=r((n=>{var{icon:r,name:l,className:b,locale:g="en-PH",dataEventCategory:x,dataEventAction:h,dataEventLabel:v,onSelect:u}=n,f=e(n,["icon","name","className","locale","dataEventCategory","dataEventAction","dataEventLabel","onSelect"]);const w=o((()=>null==b?void 0:b.includes("selected-week-pill")),[b]);return t.createElement(p,Object.assign({onClick:u,className:b?"week-pill".concat(" non-pointer-event-child ",b):"week-pill non-pointer-event-child","data-event-category":x,"data-event-action":h,"data-event-label":v},f),t.createElement(d,{size:64,iconSize:40,backgroundColor:a.colors.white},t.createElement(s,{src:r||i.getAssetPath("week_default.png"),alt:`week ${l}`})),w?t.createElement(c,Object.assign({type:"semiBold",size:"n1",color:a.colors.gray800},m.includes(g)&&{style:{fontSize:"10px"}}),l):t.createElement(c,Object.assign({size:"n1",color:a.colors.gray600},m.includes(g)&&{style:{fontSize:"10px"}}),l))}))`
+  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
+`,g=r(l.Slide)`
+  cursor: pointer;
+  > div * {
+    pointer-events: none;
+  }
+`,x=r(l)`
+  .centerred-pill-wrapper {
+    padding: 16px 0;
+  }
+`;export{x as S,g as a,b};

package/build/esm/{index.styled-c22aa342.js → index.styled-46a99590.js}

@@ -1,5 +1,5 @@
-import{_ as t}from"./tslib.es6-caf7391f.js";import e from"react";import i from"styled-components";const p=i((i=>{var{type:p}=i,n=t(i,["type"]);return e.createElement(p,n)}))`
-  color: var(--text-color, ${t=>t.theme.mbColors.dark});
+import{_ as t}from"./tslib.es6-70854b37.js";import e from"react";import{t as i}from"./theme-2bdea2f5.js";import p from"styled-components";const o=p((i=>{var{type:p}=i,o=t(i,["type"]);return e.createElement(p,o)}))`
+  color: var(--text-color, ${i.mbColors.dark});
   font-family: Krub;
   font-weight: 600;
   letter-spacing: -0.2px;
@@ -20,8 +20,8 @@ import{_ as t}from"./tslib.es6-caf7391f.js";import e from"react";import i from"s
     font-size: 18px;
     line-height: 32px;
   }
-`,n=i.p`
-  color: var(--text-color, ${t=>t.theme.mbColors.dark});
+`,n=p.p`
+  color: var(--text-color, ${i.mbColors.dark});
   letter-spacing: -0.2px;
 
   &[data-type='subtitle-1'] {
@@ -66,4 +66,4 @@ import{_ as t}from"./tslib.es6-caf7391f.js";import e from"react";import i from"s
     letter-spacing: -0.1px;
     line-height: 14px;
   }
-`;export{p as S,n as a};
+`;export{o as S,n as a};