@hhgtech/hhg-components 1.23.84 → 1.23.85

package/build/esm/index-3e5124f4.js

@@ -0,0 +1 @@
+import{a as n,d as e,_ as r}from"./tslib.es6-311b0e1d.js";import o from"react";import{t as i}from"./theme-62332c00.js";import t from"styled-components";import{u as a}from"./useTranslations-321b13dc.js";import{I as d}from"./index-125edd8a.js";import{I as s}from"./index-342a3b21.js";import{M as p}from"./index-fbf844b8.js";import{T as c}from"./index-2d47e5df.js";import{h as l}from"./animation-e731c134.js";var b,f,u=t.div(b||(b=n(["\n  min-width: 212px;\n  width: ",";\n  background-color: #ffffff;\n  border-radius: 6px;\n  overflow: hidden;\n  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  ul {\n    list-style: none;\n  }\n"],["\n  min-width: 212px;\n  width: ",";\n  background-color: #ffffff;\n  border-radius: 6px;\n  overflow: hidden;\n  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  ul {\n    list-style: none;\n  }\n"])),(function(n){return n.width+"px"})),x=t.li(f||(f=n(["\n  background-color: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: left;\n  gap: 10px;\n  padding: 10px 16px;\n  cursor: pointer;\n  transition: background-color 200ms ease-in-out;\n  &:hover {\n    background-color: ",";\n  }\n  .icon {\n    width: 16px;\n    height: 16px;\n  }\n"],["\n  background-color: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: left;\n  gap: 10px;\n  padding: 10px 16px;\n  cursor: pointer;\n  transition: background-color 200ms ease-in-out;\n  &:hover {\n    background-color: ",";\n  }\n  .icon {\n    width: 16px;\n    height: 16px;\n  }\n"])),i.colors.neutral50),m=function(n){var i=n.children,t=n.width,a=void 0===t?300:t,d=e(n,["children","width"]);return o.createElement(u,r({},d,{width:a}),o.createElement("ul",null,i))};m.Item=function(n){var i=n.icon,t=n.children,a=e(n,["icon","children"]);return o.createElement(x,r({},a),i&&o.createElement("div",{className:"icon"},i),t)};var h,g="300ms",w=t.div(h||(h=n(["\n  background: ",";\n  border-radius: 6px;\n  padding: 16px 20px;\n  .title {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0;\n    padding-bottom: 16px;\n    border-bottom: none;\n  }\n\n  &[data-is-mb='true'] {\n    background: #ffffff;\n    border: 1px solid #e0e9fb;\n    border-radius: 16px;\n    input {\n      border-radius: 16px;\n    }\n  }\n\n  &[data-isActive='true'] {\n    border: 1px solid #2661ad;\n  }\n\n  &[data-is-mb='false'] .radio {\n    cursor: pointer;\n    position: relative;\n    min-width: 22px;\n    width: 22px;\n    height: 22px;\n    background: #ffffff;\n    border: 2px solid ",";\n    border-radius: 50%;\n    transition: all "," ease-in-out;\n    &.active {\n      border-color: ",";\n      &::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        background-color: ",";\n        background-clip: content-box;\n        padding: 5px;\n        border-radius: 50%;\n        animation: "," "," ease-in-out forwards;\n      }\n    }\n  }\n\n  &[data-is-mb='true'] .radio {\n    cursor: pointer;\n    position: relative;\n    min-width: 22px;\n    width: 22px;\n    height: 22px;\n    background: #ffffff;\n    border: 1.3px solid #9495a0;\n    border-radius: 10px;\n    transition: all "," ease-in-out;\n    &.active {\n      border: none;\n      &::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        padding: 0;\n        border-radius: 10px;\n        animation: "," "," ease-in-out forwards;\n      }\n    }\n  }\n"],["\n  background: ",";\n  border-radius: 6px;\n  padding: 16px 20px;\n  .title {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0;\n    padding-bottom: 16px;\n    border-bottom: none;\n  }\n\n  &[data-is-mb='true'] {\n    background: #ffffff;\n    border: 1px solid #e0e9fb;\n    border-radius: 16px;\n    input {\n      border-radius: 16px;\n    }\n  }\n\n  &[data-isActive='true'] {\n    border: 1px solid #2661ad;\n  }\n\n  &[data-is-mb='false'] .radio {\n    cursor: pointer;\n    position: relative;\n    min-width: 22px;\n    width: 22px;\n    height: 22px;\n    background: #ffffff;\n    border: 2px solid ",";\n    border-radius: 50%;\n    transition: all "," ease-in-out;\n    &.active {\n      border-color: ",";\n      &::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        background-color: ",";\n        background-clip: content-box;\n        padding: 5px;\n        border-radius: 50%;\n        animation: "," "," ease-in-out forwards;\n      }\n    }\n  }\n\n  &[data-is-mb='true'] .radio {\n    cursor: pointer;\n    position: relative;\n    min-width: 22px;\n    width: 22px;\n    height: 22px;\n    background: #ffffff;\n    border: 1.3px solid #9495a0;\n    border-radius: 10px;\n    transition: all "," ease-in-out;\n    &.active {\n      border: none;\n      &::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        padding: 0;\n        border-radius: 10px;\n        animation: "," "," ease-in-out forwards;\n      }\n    }\n  }\n"])),i.colors.gray50,i.colors.gray600,g,i.colors.primaryBase,i.colors.primaryBase,l,g,g,l,g),v=function(n){var e=n.isActive,r=n.onChange,t=n.value,l=void 0===t?"":t,b=n.onInputChange,f=n.siteType,u=a().t,x="marryBaby"===f;return o.createElement(w,{onClick:function(){return r("new")},"data-is-mb":x,"data-isActive":x&&e},"marryBaby"===f?o.createElement("div",{className:"title"},o.createElement(p,{type:"bodytext-1",color:i.colors.gray800},u("chooseBaby.new")),o.createElement("div",{className:e?"radio active":"radio"},e&&o.createElement(d.CheckActiveMB,{size:26}))):o.createElement("div",{className:"title"},o.createElement(c,{size:"p2",color:i.colors.gray800},u("chooseBaby.new")),o.createElement("div",{className:e?"radio active":"radio"})),o.createElement(s,{name:"name",value:l,size:"md",placeholder:u("chooseBaby.placeholder"),type:"text",onChange:b}))};export{m as M,v as N};