@redneckz/wildless-cms-uni-blocks 0.2.89 → 0.2.93

package/src/ui-kit/Icon/IconProps.ts

@@ -4,29 +4,45 @@
 export enum IconMap {
   'ActualBalanceIcon',
   'AppleIcon',
+  'CalendarCircleIcon',
   'CalendarIcon',
+  'CardIcon',
+  'CardPosIcon',
+  'CardTickIcon',
   'ClockIcon',
   'ComfortableCompIcon',
   'DiscountShape',
   'DocIcon',
   'DocumentText',
   'DollarIcon',
+  'EmptyWalletChangeIcon',
   'EmptyWalletIcon',
   'EuroIcon',
   'GlassIcon',
   'GridIcon',
+  'JCBIcon',
   'LoupeIcon',
+  'MasterCardIcon',
   'MinusIcon',
+  'MirIcon',
+  'MoneyIcon',
+  'MonitorMobileIcon',
   'NewDocIcon',
   'OkIcon',
   'PassSendIcon',
   'PercentageSquareIcon',
   'PlayMarketIcon',
   'PlusIcon',
+  'Profile2UserIcon',
   'ProfileIcon',
+  'ShieldTickIcon',
   'SignDocsIcon',
   'TelegramIcon',
+  'UnionPayIcon',
+  'UserIcon',
+  'VisaIcon',
   'VKIcon',
+  'WalletIcon',
 }
 
 /**
@@ -34,29 +50,45 @@ export enum IconMap {
  * @enumNames [
  *    "Деньги",
  *    "Лого «Apple»",
+ *    "Скруглённый календарь",
  *    "Календарь",
+ *    "Кред. карта",
+ *    "Кред. карта под наклоном",
+ *    "Кред. карта с галочкой",
  *    "Часы",
  *    "Кресло",
  *    "Скидка",
  *    "Документ",
  *    "Документ с текстом",
  *    "Доллар",
- *    "Кошелек",
+ *    "Пустой кошелёк с возвратом",
+ *    "Пустой кошелёк",
  *    "Евро",
  *    "Зеркало",
  *    "Сетка",
+ *    "JCB",
  *    "Лупа",
+ *    "MasterCard",
  *    "Минус",
+ *    "МИР",
+ *    "Деньги",
+ *    "Монитор и мобильный",
  *    "Новый документ",
  *    "Лого «Одноклассники»",
  *    "Бизнес",
  *    "Проценты",
  *    "Лого «PlayMarket»",
  *    "Плюс",
+ *    "Профиль, 2 персоны",
  *    "Профиль",
+ *    "Безопасность",
  *    "Подписанные документы",
  *    "Лого «Telegram»",
- *    "Лого «VK»"
+ *    "UnionPay",
+ *    "Пользователь",
+ *    "Visa",
+ *    "Лого «VK»",
+ *    "Кошелёк",
  *  ]
  */
 export type IconName = keyof typeof IconMap;

package/src/ui-kit/InputRange/InputRange.tsx

@@ -24,7 +24,7 @@ export const InputRange = JSX<InputRangeProps>(
 
     return (
       <div className={className}>
-        <div className="relative">
+        <label className="block relative">
           {title ? (
             <span className="absolute text-xs text-secondary-text top-1 mt-0.5 pl-4 ml-0.5">
               {title}
@@ -50,7 +50,7 @@ export const InputRange = JSX<InputRangeProps>(
               style={inputStyle}
             />
           </div>
-        </div>
+        </label>
         <div className="flex justify-between mt-3 mb-4">
           {items.map((item, i) => (
             <span key={String(i)} className="text-xs text-secondary-text pl-4">

package/src/ui-kit/SearchBar.tsx

@@ -4,6 +4,7 @@ import { Icon } from './Icon/Icon';
 
 export const SearchBar = JSX<UniBlockProps>(({ className, context }) => {
   const { term, setTerm } = context.useSearch();
+  const [inputHasFocus, setInputHasFocus] = context.useState<boolean>(false);
   return (
     <form className={`relative ${className || ''}`}>
       <div className="absolute rounded h-full flex items-center justify-center pl-4 max-w-[170px] gap-3.5 pointer-events-none">
@@ -11,22 +12,31 @@ export const SearchBar = JSX<UniBlockProps>(({ className, context }) => {
           <Icon name="LoupeIcon" width="24" height="24" />
         </div>
         {!term && (
-          <span className="font-sans font-normal text-base text-secondary-text">
+          <label
+            htmlFor="search-bar-input"
+            className="font-sans font-normal text-base text-secondary-text"
+          >
             Поиск по сайту
-          </span>
+          </label>
         )}
       </div>
       <input
-        className="pl-12 w-full font-sans font-normal text-base text-black border border-solid border-main-divider rounded h-full box-border outline-none pr-[6%]"
+        id="search-bar-input"
+        className={`${
+          inputHasFocus ? 'border-primary-text' : ''
+        } pr-32 h-12 pl-12 w-full font-sans font-normal text-base text-black border border-solid border-main-divider rounded h-full box-border outline-none pr-[6%]`}
         value={term}
         onChange={(e) => setTerm(e.target.value)}
+        onFocus={(e) => setInputHasFocus(true)}
+        onBlur={(e) => setInputHasFocus(false)}
         type="text"
-        name="s"
+        name="search-bar-input"
       />
-      {term && (
+      {inputHasFocus && (
         <button
           type="submit"
-          className="absolute font-sans font-normal text-sm cursor-pointer bg-transparent hover:bg-primary-hover active:bg-primary-active text-primary-main hover:text-white border-none px-5 py-2 rounded top-1 right-1 outline-none"
+          version="primary"
+          className="absolute font-sans font-normal cursor-pointer text-sm hover:bg-primary-hover active:bg-primary-active border-none px-9 py-[9px] rounded top-1 right-1 outline-none text-secondary-text text-white bg-primary-main"
           onClick={(e) => {
             e.preventDefault();
             console.log('click');