@20minutes/hela 2.23.0 → 2.23.1

package/dist/components/atoms/RadioButton/RadioButton.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 export interface RadioButtonProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label?: string;
-    variant?: 'warning';
+    variant?: 'warning' | 'green';
 }
 export declare const RadioButton: React.FC<RadioButtonProps>;

package/dist/components/molecules/Tiles/Tiles.d.ts

@@ -1,10 +1,17 @@
 import { default as React } from 'react';
 import { FlexProps, IconProps, TextProps } from '../..';
-import { MarginSystemProps } from '../../../types';
+import { ColorType, MarginSystemProps } from '../../../types';
 export interface TilesProps extends Pick<FlexProps, 'className'>, MarginSystemProps {
-    href: string;
     iconProps: IconProps;
     children: TextProps['children'];
+    href?: string;
     hasDot?: boolean;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement> & {
+        bg?: ColorType;
+        selectedBg?: ColorType;
+        color?: ColorType;
+        selectedColor?: ColorType;
+    };
+    isSquare?: boolean;
 }
 export declare const Tiles: React.FC<TilesProps>;

package/dist/index.es.js

@@ -4490,19 +4490,33 @@ const d1 = j(
     r !== a.length - 1 && /* @__PURE__ */ e(E, { color: "grey-200", my: "l" })
   ] }, l.title)) }),
   /* @__PURE__ */ e(w0, { heading: s.heading, description: s.description })
-] }), W2 = ({ astroSignsList: a }) => /* @__PURE__ */ e(x, { as: "ul", className: "o-inline", mx: { xs: "m", md: "0" }, children: a.map((s) => /* @__PURE__ */ e("li", { className: "o-inline__by-4", children: /* @__PURE__ */ t("a", { href: s.url, className: "c-square-tile o-column bg-ultramarine color-white", children: [
-  /* @__PURE__ */ e(
-    z,
-    {
-      name: (
-        // Accept all names as even if wrong it would just add useless attribute
-        s.isNumerology ? `num-${s.slug}` : `horoscope-${s.slug}`
+] }), W2 = ({ astroSignsList: a }) => /* @__PURE__ */ e(x, { as: "ul", className: "o-inline", mx: { xs: "m", md: "0" }, children: a.map((s) => /* @__PURE__ */ e("li", { className: "o-inline__by-4", children: /* @__PURE__ */ t(
+  m,
+  {
+    as: "a",
+    href: s.url,
+    className: "c-tiles c-tiles--square",
+    direction: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    bg: "ultramarine",
+    color: "white",
+    gap: "xxs",
+    children: [
+      /* @__PURE__ */ e(
+        z,
+        {
+          name: (
+            // Accept all names as even if wrong it would just add useless attribute
+            s.isNumerology ? `num-${s.slug}` : `horoscope-${s.slug}`
+          ),
+          size: 18
+        }
       ),
-      size: 18
-    }
-  ),
-  /* @__PURE__ */ e(A, { isUppercase: !1, children: s.label })
-] }) }, s.slug)) }), Xe = j(
+      /* @__PURE__ */ e(A, { isUppercase: !1, children: s.label })
+    ]
+  }
+) }, s.slug)) }), Xe = j(
   ({ icon: a, title: s, content: c, ...l }, r) => /* @__PURE__ */ t(x, { ...l, ref: r, className: p("c-astro-topic-card", l?.className), children: [
     /* @__PURE__ */ t(m, { alignItems: "center", mb: "s", children: [
       /* @__PURE__ */ e(z, { mr: "xs", name: a, size: 21 }),
@@ -9898,27 +9912,41 @@ const d1 = j(
   iconProps: s,
   children: c,
   hasDot: l = !1,
-  ...r
+  inputProps: r,
+  isSquare: n = !1,
+  ...i
 }) => {
-  const n = /* @__PURE__ */ e(z, { ...s });
+  const o = /* @__PURE__ */ e(z, { ...s }), { bg: d, selectedBg: u, color: h, selectedColor: v, type: w, ...y } = r ?? {};
   return /* @__PURE__ */ t(
     m,
     {
-      ...r,
+      ...i,
+      className: p("c-tiles", i.className, {
+        [`c-tiles--selected-bg-${u}`]: u,
+        [`c-tiles--selected-color-${v}`]: v,
+        "c-tiles--square": n
+      }),
+      ...r && {
+        as: "label",
+        htmlFor: r.id
+      },
+      ...a && {
+        as: C,
+        href: a
+      },
       direction: "column",
       alignItems: "center",
       justifyContent: "center",
       gap: "xxs",
-      as: C,
-      href: a,
       py: "xs",
-      bg: "ultramarine",
-      color: "white",
+      bg: d || "ultramarine",
+      color: h || "white",
       children: [
+        !!r && /* @__PURE__ */ e("input", { className: "u-hidden", type: w ?? "checkbox", ...y }),
         l ? /* @__PURE__ */ t(m, { alignItems: "center", gap: "xxs-2", children: [
           /* @__PURE__ */ e(z, { name: "dot", color: "red", size: 8 }),
-          n
-        ] }) : n,
+          o
+        ] }) : o,
         /* @__PURE__ */ e(g, { as: "span", size: "xxs", weight: "bold", children: c })
       ]
     }