@alfalab/core-components-pure-cell 4.6.1 → 4.7.1

package/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: b5qi9 */
+/* hash: 1pnw5 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -20,21 +20,21 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .pure-cell__component_9rya7 {
+} .pure-cell__component_a0jto {
     text-align: unset;
     box-sizing: border-box;
-} .pure-cell__horizontal_9rya7 {
+} .pure-cell__horizontal_a0jto {
     display: flex;
     width: 100%
-} .pure-cell__horizontal_9rya7 > section:not(:last-child) {
+} .pure-cell__horizontal_a0jto > section:not(:last-child) {
         margin-right: var(--gap-m);
-    } .pure-cell__vertical_9rya7 {
+    } .pure-cell__vertical_a0jto {
     display: flex;
     align-items: center;
     flex-direction: column
-} .pure-cell__vertical_9rya7 > section:not(:last-child) {
+} .pure-cell__vertical_a0jto > section:not(:last-child) {
         margin-bottom: var(--gap-s);
-    } .pure-cell__button_9rya7 {
+    } .pure-cell__button_a0jto {
     font-family: inherit;
     background: none;
     border: 0;
@@ -42,37 +42,37 @@
     cursor: pointer;
     transition: opacity 0.15s ease-in-out;
     padding: 0
-} .pure-cell__button_9rya7:hover {
+} .pure-cell__button_a0jto:hover {
         opacity: 0.8;
-    } .pure-cell__button_9rya7:active {
+    } .pure-cell__button_a0jto:active {
         opacity: 0.6;
-    } .pure-cell__link_9rya7 {
+    } .pure-cell__link_a0jto {
     text-decoration: none;
     color: inherit;
     cursor: pointer;
     transition: opacity 0.15s ease-in-out
-} .pure-cell__link_9rya7:hover {
+} .pure-cell__link_a0jto:hover {
         opacity: 0.8;
-    } .pure-cell__link_9rya7:active {
+    } .pure-cell__link_a0jto:active {
         opacity: 0.6;
-    } .pure-cell__none_9rya7 {
+    } .pure-cell__none_a0jto {
     padding: 0;
-} .pure-cell__airy_9rya7 {
+} .pure-cell__airy_a0jto {
     padding: var(--gap-m) 0;
-} .pure-cell__defaultPadding_9rya7 {
+} .pure-cell__defaultPadding_a0jto {
     padding: var(--gap-s) 0;
-} .pure-cell__compact_9rya7 {
+} .pure-cell__compact_a0jto {
     padding: var(--gap-xs) 0;
-} .pure-cell__tiny_9rya7 {
+} .pure-cell__tiny_a0jto {
     padding: var(--gap-2xs) 0;
-} .pure-cell__left_9rya7 {
+} .pure-cell__left_a0jto {
     padding-left: var(--gap-m);
-} .pure-cell__right_9rya7 {
+} .pure-cell__right_a0jto {
     padding-right: var(--gap-m);
-} .pure-cell__both_9rya7 {
+} .pure-cell__both_a0jto {
     padding-right: var(--gap-m);
     padding-left: var(--gap-m);
-} .pure-cell__focused_9rya7 {
+} .pure-cell__focused_a0jto {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/modern/index.d.ts

@@ -1 +1,2 @@
-export { PureCell } from "./component-fd7196d2";
+export { PureCell } from "./component-9cd60393";
+export type { PureCellProps } from "./component-9cd60393";

package/modern/index.js

@@ -1 +1 @@
-export { P as PureCell } from './component-d22a8098.js';
+export { P as PureCell } from './component-d1c071aa.js';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-pure-cell",
-    "version": "4.6.1",
+    "version": "4.7.1",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -15,13 +15,13 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-amount": "^3.3.1",
-        "@alfalab/core-components-button": "^11.3.0",
+        "@alfalab/core-components-amount": "^3.4.0",
+        "@alfalab/core-components-button": "^11.4.0",
         "@alfalab/core-components-typography": "^4.5.0",
         "@alfalab/core-components-comment": "^2.3.3",
         "@alfalab/core-components-shared": "^0.9.1",
         "@alfalab/hooks": "^1.13.0",
-        "@alfalab/data": "^1.6.0",
+        "@alfalab/data": "^1.7.0",
         "classnames": "^2.3.1",
         "react-merge-refs": "1.1.0",
         "tslib": "^2.4.0"

package/src/component.tsx

@@ -39,7 +39,7 @@ export type PureCellContext = {
 // eslint-disable-next-line @typescript-eslint/no-redeclare
 export const PureCellContext = React.createContext<PureCellContext>({});
 
-export type PureCellProps = {
+type BasePureCellProps = {
     /**
      * Направление
      */
@@ -79,12 +79,14 @@ export type PureCellProps = {
      */
     dataTestId?: string;
 };
-type AnchorPureCellProps = PureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;
-type ButtonPureCellProps = PureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;
-type ElementPureCellProps = PureCellProps & HTMLAttributes<HTMLElement>;
-type PureProps = Partial<AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps>;
-
-const PureCellComponent = forwardRef<HTMLElement, PureProps>(
+type AnchorPureCellProps = BasePureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;
+type ButtonPureCellProps = BasePureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;
+type ElementPureCellProps = BasePureCellProps & HTMLAttributes<HTMLElement>;
+export type PureCellProps = Partial<
+    AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps
+>;
+
+const PureCellComponent = forwardRef<HTMLElement, PureCellProps>(
     (
         {
             className,

package/src/components/types.ts

@@ -10,18 +10,20 @@ import { Graphics } from './graphics';
 import { Text } from './text';
 
 type TextElement = ReactElement<typeof Text>;
-export type GraphicsElement = ReactElement<typeof Graphics>;
+export type GraphicsElement = ReactElement<typeof Graphics> | boolean | null;
 type AmountElement = ReactElement<typeof Amount>;
 type AmountTitleElement = ReactElement<typeof AmountTitle>;
 export type CommentElement = ReactElement<typeof Comment>;
 type FooterButtonElement = ReactElement<typeof FooterButton>;
 type FooterTitleElement = ReactElement<typeof FooterText>;
 export type FooterElement =
-    | Array<ReactElement<FooterButtonElement> | FooterTitleElement>
-    | CommentElement;
+    | Array<ReactElement<FooterButtonElement> | FooterTitleElement | boolean | null>
+    | CommentElement
+    | boolean
+    | null;
 export type MainElement =
-    | Array<undefined | '' | TextElement | AmountElement | AmountTitleElement>
-    | (TextElement | AmountElement | AmountTitleElement);
+    | Array<undefined | '' | boolean | null | TextElement | AmountElement | AmountTitleElement>
+    | (TextElement | AmountElement | AmountTitleElement | boolean | null);
 export type ContentElement = Array<MainElement | AddonElement | FooterElement> | MainElement;
 export type AddonElement = Array<TextElement | ReactNode> | TextElement | ReactNode;
 export type PureCellElement = Array<GraphicsElement | ContentElement> | ContentElement;

package/src/index.ts

@@ -1 +1,2 @@
 export { PureCell } from './component';
+export type { PureCellProps } from './component';