@pagopa/io-app-design-system 4.5.0 → 4.5.2

package/lib/module/components/pictograms/svg/originals/PictogramCompleted.svg

@@ -1,14 +0,0 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120">
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M.452 60.01C.452 27.2 27.147.507 59.957.507s59.504 26.695 59.504 59.505-26.695 59.504-59.504 59.504C27.147 119.515.452 92.82.452 60.01Zm5.946 0c0 29.534 24.025 53.559 53.559 53.559 29.533 0 53.558-24.025 53.558-53.559 0-29.533-24.025-53.558-53.558-53.558-29.534 0-53.559 24.025-53.559 53.559Z"
-    fill="#000"
-  />
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="m75.536 45.523-22.811 22.69L44.4 59.84a2.98 2.98 0 0 0-4.198-.025c-1.165 1.14-1.165 3.034-.025 4.199L50.59 74.498a2.956 2.956 0 0 0 4.199 0L79.71 49.721a2.98 2.98 0 0 0 .025-4.198 2.959 2.959 0 0 0-4.199 0Z"
-    fill="#000"
-  />
-</svg>

package/lib/typescript/components/layout/BlockButtons.d.ts

@@ -1,54 +0,0 @@
-import * as React from "react";
-import { ButtonSolid } from "../buttons";
-type CommonProps = Readonly<{
-    primary: BlockButtonProps;
-    accessible?: boolean;
-}>;
-export type BlockButtonProps = {
-    type: "Solid" | "Outline";
-    buttonProps: Omit<React.ComponentProps<typeof ButtonSolid>, "fullWidth">;
-};
-/**
- * | single button |
- */
-export interface SingleButton extends CommonProps {
-    type: "SingleButton";
-}
-/**
- * | left | right |
- */
-export interface TwoButtonsInlineHalf extends CommonProps {
-    type: "TwoButtonsInlineHalf";
-    secondary: BlockButtonProps;
-}
-/**
- * | left  |       right        |
- */
-interface TwoButtonsInlineThird extends CommonProps {
-    type: "TwoButtonsInlineThird";
-    secondary: BlockButtonProps;
-}
-/**
- * |      left       |  right  |
- */
-interface TwoButtonsInlineThirdInverted extends CommonProps {
-    type: "TwoButtonsInlineThirdInverted";
-    secondary: BlockButtonProps;
-}
-/**
- * |  left |  mid  | right |
- */
-interface ThreeButtonsInLine extends CommonProps {
-    type: "ThreeButtonsInLine";
-    secondary: BlockButtonProps;
-    third: BlockButtonProps;
-}
-type Props = SingleButton | TwoButtonsInlineHalf | TwoButtonsInlineThird | TwoButtonsInlineThirdInverted | ThreeButtonsInLine;
-export type BlockButtonsProps = Props;
-/**
- * Implements a component that show buttons on a line on 1, 2 or 3 buttons
- * @deprecated This component is deprecated. Use `FooterActionsInline` instead.
- */
-export declare const BlockButtons: (props: Props) => React.JSX.Element;
-export {};
-//# sourceMappingURL=BlockButtons.d.ts.map

package/lib/typescript/components/layout/BlockButtons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/BlockButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAiB,WAAW,EAAE,MAAM,YAAY,CAAC;AAexD,KAAK,WAAW,GAAG,QAAQ,CAAC;IAC1B,OAAO,EAAE,gBAAgB,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EAAE,WAAW,CAAC,CAAC;CAC1E,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,WAAW;IAC/C,IAAI,EAAE,cAAc,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,IAAI,EAAE,sBAAsB,CAAC;IAC7B,SAAS,EAAE,gBAAgB,CAAC;CAC7B;AAED;;GAEG;AACH,UAAU,qBAAsB,SAAQ,WAAW;IACjD,IAAI,EAAE,uBAAuB,CAAC;IAC9B,SAAS,EAAE,gBAAgB,CAAC;CAC7B;AAED;;GAEG;AACH,UAAU,6BAA8B,SAAQ,WAAW;IACzD,IAAI,EAAE,+BAA+B,CAAC;IACtC,SAAS,EAAE,gBAAgB,CAAC;CAC7B;AAED;;GAEG;AACH,UAAU,kBAAmB,SAAQ,WAAW;IAC9C,IAAI,EAAE,oBAAoB,CAAC;IAC3B,SAAS,EAAE,gBAAgB,CAAC;IAC5B,KAAK,EAAE,gBAAgB,CAAC;CACzB;AAED,KAAK,KAAK,GACN,YAAY,GACZ,oBAAoB,GACpB,qBAAqB,GACrB,6BAA6B,GAC7B,kBAAkB,CAAC;AAEvB,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC;AAEtC;;;GAGG;AACH,eAAO,MAAM,YAAY,UAAW,KAAK,sBA6DxC,CAAC"}

package/lib/typescript/components/pictograms/svg/PictogramCompleted.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-import { SVGPictogramProps } from "../types";
-declare const PictogramCompleted: ({ size, color, ...props }: SVGPictogramProps) => React.JSX.Element;
-export default PictogramCompleted;
-//# sourceMappingURL=PictogramCompleted.d.ts.map

package/lib/typescript/components/pictograms/svg/PictogramCompleted.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PictogramCompleted.d.ts","sourceRoot":"","sources":["../../../../../src/components/pictograms/svg/PictogramCompleted.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,QAAA,MAAM,kBAAkB,8BAA+B,iBAAiB,sBAevE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/typescript/components/pictograms/svg/PictogramProcessing.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-import { SVGPictogramProps } from "../types";
-declare const PictogramProcessing: ({ size, color, ...props }: SVGPictogramProps) => React.JSX.Element;
-export default PictogramProcessing;
-//# sourceMappingURL=PictogramProcessing.d.ts.map

package/lib/typescript/components/pictograms/svg/PictogramProcessing.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PictogramProcessing.d.ts","sourceRoot":"","sources":["../../../../../src/components/pictograms/svg/PictogramProcessing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,QAAA,MAAM,mBAAmB,8BAA+B,iBAAiB,sBAexE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/src/components/layout/BlockButtons.tsx

@@ -1,143 +0,0 @@
-import * as React from "react";
-import { View, StyleSheet } from "react-native";
-import { HSpacer } from "../spacer/Spacer";
-import { ButtonOutline, ButtonSolid } from "../buttons";
-import { IOStyles } from "../../core";
-
-const styles = StyleSheet.create({
-  button: {
-    alignContent: "center",
-    justifyContent: "center",
-    flex: 1
-  },
-  buttonTwoThirds: {
-    alignContent: "center",
-    flex: 2
-  }
-});
-
-type CommonProps = Readonly<{
-  primary: BlockButtonProps;
-  accessible?: boolean;
-}>;
-
-export type BlockButtonProps = {
-  type: "Solid" | "Outline";
-  buttonProps: Omit<React.ComponentProps<typeof ButtonSolid>, "fullWidth">;
-};
-
-/**
- * | single button |
- */
-export interface SingleButton extends CommonProps {
-  type: "SingleButton";
-}
-
-/**
- * | left | right |
- */
-export interface TwoButtonsInlineHalf extends CommonProps {
-  type: "TwoButtonsInlineHalf";
-  secondary: BlockButtonProps;
-}
-
-/**
- * | left  |       right        |
- */
-interface TwoButtonsInlineThird extends CommonProps {
-  type: "TwoButtonsInlineThird";
-  secondary: BlockButtonProps;
-}
-
-/**
- * |      left       |  right  |
- */
-interface TwoButtonsInlineThirdInverted extends CommonProps {
-  type: "TwoButtonsInlineThirdInverted";
-  secondary: BlockButtonProps;
-}
-
-/**
- * |  left |  mid  | right |
- */
-interface ThreeButtonsInLine extends CommonProps {
-  type: "ThreeButtonsInLine";
-  secondary: BlockButtonProps;
-  third: BlockButtonProps;
-}
-
-type Props =
-  | SingleButton
-  | TwoButtonsInlineHalf
-  | TwoButtonsInlineThird
-  | TwoButtonsInlineThirdInverted
-  | ThreeButtonsInLine;
-
-export type BlockButtonsProps = Props;
-
-/**
- * Implements a component that show buttons on a line on 1, 2 or 3 buttons
- * @deprecated This component is deprecated. Use `FooterActionsInline` instead.
- */
-export const BlockButtons = (props: Props) => {
-  const renderRightButton = () => {
-    if (props.type === "SingleButton") {
-      return null;
-    }
-
-    const secondaryButtonStyle =
-      props.type === "TwoButtonsInlineThird"
-        ? styles.buttonTwoThirds
-        : styles.button;
-
-    return (
-      <React.Fragment>
-        <HSpacer size={16} />
-        {renderButton(props.secondary, secondaryButtonStyle)}
-      </React.Fragment>
-    );
-  };
-
-  const renderMidButton = () => {
-    if (props.type !== "ThreeButtonsInLine") {
-      return null;
-    }
-
-    return (
-      <React.Fragment>
-        <HSpacer size={16} />
-        {renderButton(props.third, styles.button)}
-      </React.Fragment>
-    );
-  };
-
-  const renderLeftButton = () => {
-    const primaryButtonStyle =
-      props.type === "TwoButtonsInlineThirdInverted"
-        ? styles.buttonTwoThirds
-        : styles.button;
-
-    return renderButton(props.primary, primaryButtonStyle);
-  };
-
-  const renderButton = (
-    props: BlockButtonProps,
-    style: React.ComponentProps<typeof View>["style"]
-  ) => (
-    <View style={style}>
-      {props.type === "Solid" ? (
-        <ButtonSolid fullWidth {...props.buttonProps} />
-      ) : (
-        <ButtonOutline fullWidth {...props.buttonProps} />
-      )}
-    </View>
-  );
-
-  return (
-    <View style={IOStyles.row}>
-      {renderLeftButton()}
-      {renderMidButton()}
-      {renderRightButton()}
-    </View>
-  );
-};

package/src/components/pictograms/svg/PictogramCompleted.tsx

@@ -1,22 +0,0 @@
-import React from "react";
-import { Svg, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../types";
-
-const PictogramCompleted = ({ size, color, ...props }: SVGPictogramProps) => (
-  <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>
-    <Path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M.452 60.01C.452 27.2 27.147.507 59.957.507s59.504 26.695 59.504 59.505-26.695 59.504-59.504 59.504C27.147 119.515.452 92.82.452 60.01Zm5.946 0c0 29.534 24.025 53.559 53.559 53.559 29.533 0 53.558-24.025 53.558-53.559 0-29.533-24.025-53.558-53.558-53.558-29.534 0-53.559 24.025-53.559 53.559Z"
-      fill={color}
-    />
-    <Path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="m75.536 45.523-22.811 22.69L44.4 59.84a2.98 2.98 0 0 0-4.198-.025c-1.165 1.14-1.165 3.034-.025 4.199L50.59 74.498a2.956 2.956 0 0 0 4.199 0L79.71 49.721a2.98 2.98 0 0 0 .025-4.198 2.959 2.959 0 0 0-4.199 0Z"
-      fill={color}
-    />
-  </Svg>
-);
-
-export default PictogramCompleted;

package/src/components/pictograms/svg/PictogramProcessing.tsx

@@ -1,22 +0,0 @@
-import React from "react";
-import { Svg, Path } from "react-native-svg";
-import { SVGPictogramProps } from "../types";
-
-const PictogramProcessing = ({ size, color, ...props }: SVGPictogramProps) => (
-  <Svg fill="none" width={size} height={size} viewBox="0 0 120 120" {...props}>
-    <Path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M107.776 85.653h-1.996V81.67c0-.913-.623-1.71-1.511-1.931l-2.906-.726a5.953 5.953 0 0 1-4.443-4.736l-2.851-22.52a1.98 1.98 0 0 0 1.522-1.063l3.992-7.967c.31-.618.276-1.351-.088-1.938a1.997 1.997 0 0 0-1.699-.945h-9.979a5.987 5.987 0 0 0-5.62 3.984h-.367c0-3.3-2.68-5.976-5.988-5.976H55.884V19.927h1.995c.737 0 1.413-.403 1.76-1.052a1.984 1.984 0 0 0-.099-2.044l-3.257-4.87h5.588V7.976h-6.186c-1.02-5.013-5.682-8.44-10.783-7.926-5.101.514-8.982 4.801-8.977 9.918v45.809a9.907 9.907 0 0 0 2.815 6.904 5.956 5.956 0 0 0-2.815 5.046v1.992h-3.991V2.002h-4.367a8.929 8.929 0 0 0-3.964.934 4.833 4.833 0 0 1-3.714.263L16.6 2.104a1.999 1.999 0 0 0-2.628 1.89v11.95c0 .858.55 1.619 1.365 1.89l3.291 1.095a8.907 8.907 0 0 0 2.81.459 8.84 8.84 0 0 0 3.95-.938 4.9 4.9 0 0 1 2.18-.514h.375v20.283a5.94 5.94 0 0 0-1.996-.367H5.988C2.68 37.852 0 40.529 0 43.828v19.917c.007.318.09.629.246.906-.157.438-.24.9-.246 1.364a4.285 4.285 0 0 0 3.098 4.103l10.873 3.095v4.474H3.99a1.994 1.994 0 0 0-1.995 1.991v10.487A19.627 19.627 0 0 0 0 98.83v4.748c0 1.1.894 1.991 1.996 1.991h7.983c0 7.701 6.256 13.942 13.971 13.942 7.716 0 13.971-6.241 13.971-13.942h2.573a12.488 12.488 0 0 0 11.644 7.967h21.464a12.488 12.488 0 0 0 11.643-7.967h4.568a13.944 13.944 0 0 0 8.833 12.997 13.991 13.991 0 0 0 15.351-3.451 13.92 13.92 0 0 0 2.395-15.52h1.363a1.994 1.994 0 0 0 1.996-1.992c-.006-6.597-5.364-11.944-11.975-11.95Zm7.731 9.959h-6.734a17.1 17.1 0 0 0-10.178 3.386 12.952 12.952 0 0 1-6.752 2.499l-.451.044a4.89 4.89 0 0 1-.581.046h-.998v-1.992c.007-5.496 4.471-9.951 9.98-9.958h7.983a7.997 7.997 0 0 1 7.731 5.975Zm-11.723 11.95a1.994 1.994 0 0 0 1.996-1.992c0-1.1-.894-1.991-1.996-1.991a1.993 1.993 0 0 0-1.996 1.991c0 1.1.894 1.992 1.996 1.992ZM92.572 47.811h-4.755a1.939 1.939 0 0 1-.998-.306 1.923 1.923 0 0 0 0-3.37c.3-.192.644-.298.998-.307h6.75l-1.995 3.983Zm-7.425 3.33a5.981 5.981 0 0 1-2.954-3.33h-1.92a5.962 5.962 0 0 1-4.431 1.992H55.884v3.983h14.304a8.837 8.837 0 0 1 7.279 3.828 8.794 8.794 0 0 1 .956 8.154L70.59 86.084a9.947 9.947 0 0 1 6.702 6.45l6.477-11.308-1.94-21.285a11.774 11.774 0 0 1 3.317-8.8Zm-30.261 42.48c-3.858 0-6.986-3.122-6.986-6.972 0-3.849 3.129-6.97 6.986-6.97h.998c2.072 0 5.987-1.666 5.987-7.968v-3.983a5.892 5.892 0 0 0-.366-1.992h3.592l-7.115 21.28c0 .03 0 .062-.019.091-.017.03-.02.034-.023.055L56.32 93.62h-1.435Zm-14.97-39.835h11.976v-3.983h-3.309a7.978 7.978 0 0 1-7.745-6.035l-.921-3.127v13.145Zm30.272 3.983c1.597 0 3.092.784 3.996 2.098a4.823 4.823 0 0 1 .523 4.476l-8.22 21.31h-3.843l7.11-21.28c.202-.606.1-1.274-.276-1.793a1.997 1.997 0 0 0-1.62-.827H45.905a5.997 5.997 0 0 1-5.645-3.983h29.929Zm-2.33 31.868h-6.423l-.998 3.983h13.068a5.999 5.999 0 0 0-5.646-3.983Zm9.98-45.81c0 1.1-.894 1.992-1.996 1.992h-1.996v-3.983h1.996c1.102 0 1.996.892 1.996 1.992ZM48.583 45.82h21.272v-3.983H51.892a1.996 1.996 0 0 1-1.914-1.422l-3.076-10.283a2.868 2.868 0 0 0-2.781-2.237 2.837 2.837 0 0 0-2.759 3.527l3.327 11.304a4.014 4.014 0 0 0 3.894 3.094Zm3.309-12.946-1.137-3.803a6.91 6.91 0 0 0-.423-1.176h1.56v4.98Zm2.258-16.93-1.923-2.885v.008a2.01 2.01 0 0 1-.335-1.106H39.917v11.95h11.975v-5.974c0-1.1.894-1.992 1.996-1.992h.262Zm-8.246-11.95a5.988 5.988 0 0 1 5.621 3.984h-11.24a5.987 5.987 0 0 1 5.62-3.983Zm-3.991 61.743a1.994 1.994 0 0 0-1.996 1.992v1.992h17.962v-1.992c0-1.1-.893-1.992-1.995-1.992H41.913ZM3.992 61.753v-11.95h23.95v11.95H3.992Zm19.611-46.866a8.928 8.928 0 0 1 3.964-.935h.375V5.985h-.375a4.9 4.9 0 0 0-2.18.515 8.83 8.83 0 0 1-6.76.48l-.664-.222v7.75l1.926.641a4.85 4.85 0 0 0 3.714-.262ZM5.988 41.836h19.958c1.102 0 1.996.892 1.996 1.992v1.991H3.992v-1.991c0-1.1.893-1.992 1.996-1.992Zm-1.717 23.9a.28.28 0 0 0-.08.548l12.056 3.436h11.695v-3.984H4.272ZM5.988 81.67h3.01a28.695 28.695 0 0 0-3.01 2.765V81.67Zm7.983 23.9c.007 5.498 4.471 9.953 9.98 9.959 5.508-.006 9.972-4.461 9.978-9.959h-3.991a5.98 5.98 0 0 1-5.988 5.975c-3.306 0-5.987-2.674-5.987-5.975H13.97Zm11.975 0c0 1.1-.894 1.992-1.996 1.992a1.994 1.994 0 0 1-1.996-1.992h3.992Zm26.192 3.984h21.464a8.538 8.538 0 0 0 7.23-3.984H44.907a8.54 8.54 0 0 0 7.23 3.984Zm33.683-9.959v1.992H3.991v-2.756c0-10.638 10.461-16.209 12.423-17.161h21.507v-3.984H17.963v-3.983h39.695c-.472 1.793-1.552 1.976-1.774 1.992h-.998c-6.063 0-10.977 4.904-10.977 10.954 0 6.05 4.914 10.954 10.977 10.954h20.956c.215-.006.428-.05.63-.127a5.954 5.954 0 0 0 4.249-2.883l6.833-11.927c.208-.355.3-.766.263-1.175l-1.996-21.73a7.199 7.199 0 0 1 4.316-7.287l2.835 22.38a9.966 9.966 0 0 0 7.419 8.023l1.397.349v2.427h-1.996c-7.711.01-13.962 6.246-13.97 13.942Zm17.963 15.934c5.512 0 9.979-4.458 9.979-9.959a9.898 9.898 0 0 0-2.011-5.975h-2.979c-.992.015-1.978.143-2.941.383a5.973 5.973 0 0 1 3.777 7 5.988 5.988 0 0 1-6.535 4.548 5.98 5.98 0 0 1-5.278-5.956 5.92 5.92 0 0 1 .26-1.665c-.3.148-.593.28-.898.399-.23.092-.463.171-.698.252l-.06.02a20.21 20.21 0 0 1-1.385.399l-.16.039c-.206.051-.412.102-.62.144-.07.013-.138.031-.206.048-.074.019-.148.038-.224.052v.312c0 5.501 4.468 9.959 9.979 9.959Z"
-      fill={color}
-    />
-    <Path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M25.946 85.653h11.975v3.984H25.946v-3.984ZM25.946 93.62h11.975v3.984H25.946V93.62Z"
-      fill={color}
-    />
-  </Svg>
-);
-
-export default PictogramProcessing;

package/src/components/pictograms/svg/originals/PictogramCompleted.svg

@@ -1,14 +0,0 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120">
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M.452 60.01C.452 27.2 27.147.507 59.957.507s59.504 26.695 59.504 59.505-26.695 59.504-59.504 59.504C27.147 119.515.452 92.82.452 60.01Zm5.946 0c0 29.534 24.025 53.559 53.559 53.559 29.533 0 53.558-24.025 53.558-53.559 0-29.533-24.025-53.558-53.558-53.558-29.534 0-53.559 24.025-53.559 53.559Z"
-    fill="#000"
-  />
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="m75.536 45.523-22.811 22.69L44.4 59.84a2.98 2.98 0 0 0-4.198-.025c-1.165 1.14-1.165 3.034-.025 4.199L50.59 74.498a2.956 2.956 0 0 0 4.199 0L79.71 49.721a2.98 2.98 0 0 0 .025-4.198 2.959 2.959 0 0 0-4.199 0Z"
-    fill="#000"
-  />
-</svg>