@selfdecode/sd-component-library 4.0.53 → 4.0.54-test

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@selfdecode/sd-component-library",
-  "version": "4.0.53",
+  "version": "4.0.54-test",
   "private": false,
   "license": "MIT",
   "main": "./lib/index.js",

package/lib/bdafa645632f64b2dd45337fcbbf152a.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.199 14.401">
-  <path id="Forma_1_copy_2" data-name="Forma 1 copy 2" d="M737.961,1685.238a.636.636,0,0,0-.512-.433l-4.482-.65-2-4.031a.667.667,0,0,0-1.146,0l-2.006,4.031-4.469.649a.64.64,0,0,0-.518.433.627.627,0,0,0,.163.65l3.234,3.139-.762,4.432a.634.634,0,0,0,.255.621.642.642,0,0,0,.377.12.651.651,0,0,0,.3-.073l4-2.092,4.008,2.092a.642.642,0,0,0,.674-.049.633.633,0,0,0,.253-.622l-.767-4.432,3.242-3.138A.63.63,0,0,0,737.961,1685.238Z" transform="translate(-722.794 -1679.8)"/>
-</svg>

package/lib/components/animations/up-down-arrow/index.d.ts

@@ -1 +0,0 @@
-export { UpDownArrow } from "./up-down-arrow";

package/lib/components/animations/up-down-arrow/interfaces.d.ts

@@ -1,10 +0,0 @@
-export interface UpDownArrowProps {
-    /**
-     * Is the component currently hovered and should be animating
-     */
-    isHovered: boolean;
-    /**
-     * The color of the component
-     */
-    color?: string;
-}

package/lib/components/animations/up-down-arrow/up-down-arrow.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { UpDownArrowProps } from "./interfaces";
-export declare function UpDownArrow(props: UpDownArrowProps): JSX.Element;

package/lib/components/badges/tertiary-badge/index.d.ts

@@ -1,3 +0,0 @@
-import { TertiaryBadgeProps as Props } from "./interfaces";
-export { TertiaryBadge } from "./tertiary-badge";
-export declare type TertiaryBadgeProps = Props;

package/lib/components/badges/tertiary-badge/interfaces.d.ts

@@ -1,2 +0,0 @@
-import { BadgeProps as Props } from "../badge/interfaces";
-export declare type TertiaryBadgeProps = Pick<Props, "children" | "m" | "mt" | "mr" | "mb" | "ml" | "bg">;

package/lib/components/badges/tertiary-badge/tertiary-badge.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import { TertiaryBadgeProps } from "./interfaces";
-/**
- * The Tertiary badge.
- */
-export declare const TertiaryBadge: React.FunctionComponent<TertiaryBadgeProps>;

package/lib/components/carousels/carousel-section-container/carousel-section-container.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import { CarouselSectionContainerProps as Props } from "./interfaces";
-/**
- * The CarouselSectionContainer component
- * In mobile view, it displays the items in a single row, and allows
- * to move between them using 2 arrows at the top right corner.
- * @param props
- */
-export declare const CarouselSectionContainer: React.FC<Props>;

package/lib/components/carousels/carousel-section-container/index.d.ts

@@ -1 +0,0 @@
-export { CarouselSectionContainer } from "./carousel-section-container";

package/lib/components/carousels/carousel-section-container/interfaces.d.ts

@@ -1,25 +0,0 @@
-import { ReactNode } from "react";
-import { SectionContainerProps } from "../../containers/section-container/interfaces";
-export declare type CarouselSectionContainerProps = SectionContainerProps & {
-    /**
-     * The items of the carousel
-     */
-    carouselItems: ReactNode[];
-    /**
-     * The width in px of each item in the carousel.
-     * This should be the sum of the horizontal
-     * content, margin, padding and border.
-     */
-    itemWidth: number;
-    /**
-     * Amount of space in px between each carouselItem
-     */
-    spacing: number;
-    /**
-     * The component that contains the carouselItems in
-     * desktop and tablet views.
-     */
-    WrapperComponent: React.FC<{
-        children?: ReactNode;
-    }>;
-};

package/lib/components/carousels/index.d.ts

@@ -1 +0,0 @@
-export * from "./carousel-section-container";

package/lib/components/ratings/five-stars-rating/assets/index.d.ts

@@ -1 +0,0 @@
-export { ReactComponent as Star } from "./star.svg";

package/lib/components/ratings/five-stars-rating/assets/star.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.199 14.401">
-  <path id="Forma_1_copy_2" data-name="Forma 1 copy 2" d="M737.961,1685.238a.636.636,0,0,0-.512-.433l-4.482-.65-2-4.031a.667.667,0,0,0-1.146,0l-2.006,4.031-4.469.649a.64.64,0,0,0-.518.433.627.627,0,0,0,.163.65l3.234,3.139-.762,4.432a.634.634,0,0,0,.255.621.642.642,0,0,0,.377.12.651.651,0,0,0,.3-.073l4-2.092,4.008,2.092a.642.642,0,0,0,.674-.049.633.633,0,0,0,.253-.622l-.767-4.432,3.242-3.138A.63.63,0,0,0,737.961,1685.238Z" transform="translate(-722.794 -1679.8)"/>
-</svg>

package/lib/components/ratings/five-stars-rating/five-stars-rating.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { FiveStarsRatingProps } from "./interfaces";
-export declare const FiveStarsRating: (props: FiveStarsRatingProps) => JSX.Element;

package/lib/components/ratings/five-stars-rating/index.d.ts

@@ -1,2 +0,0 @@
-export { FiveStarsRating } from "./five-stars-rating";
-export type { FiveStarsRatingProps } from "./interfaces";

package/lib/components/ratings/five-stars-rating/interfaces.d.ts

@@ -1,15 +0,0 @@
-import { BaseComponentProps } from "../../interfaces";
-export interface FiveStarsRatingProps extends BaseComponentProps {
-    /**
-     * The amount of stars the item receives.
-     */
-    rating: number;
-    /**
-     * The color of the stars.
-     */
-    color?: string;
-    /**
-     * If we want to change the size of the star.
-     */
-    starSize?: number;
-}

package/lib/components/ratings/index.d.ts

@@ -1 +0,0 @@
-export * from "./five-stars-rating";

package/lib/components/ribbons/progress-ribbon/index.d.ts

@@ -1 +0,0 @@
-export { ProgressRibbon } from "./progress-ribbon";

package/lib/components/ribbons/progress-ribbon/interfaces.d.ts

@@ -1,34 +0,0 @@
-export interface ProgressRibbonProps {
-    /**
-     * Current progress to be displayed.
-     */
-    currentProgress: number;
-    /**
-     * Total progress number.
-     */
-    total: number;
-    /**
-     * Label for the ribbon
-     */
-    label: string;
-    /**
-     * Gap between the components.
-     */
-    gap?: string[];
-    /**
-     * Action button label
-     */
-    buttonLabel?: string;
-    /**
-     * Action button callback
-     */
-    handleButtonClick?: () => void;
-    /**
-     * Is the button disabled?
-     */
-    isButtonDisabled?: boolean;
-    /**
-     * Width of the button
-     */
-    buttonWidth?: string[];
-}

package/lib/components/ribbons/progress-ribbon/progress-ribbon.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { ProgressRibbonProps } from "./interfaces";
-export declare const ProgressRibbon: React.FC<ProgressRibbonProps>;

package/lib/components/slider/index.d.ts

@@ -1,2 +0,0 @@
-export { Slider } from "./slider";
-export type { SlideSettings } from "./interfaces";

package/lib/components/slider/interfaces.d.ts

@@ -1,57 +0,0 @@
-/// <reference types="react" />
-import { BaseComponentProps } from "../interfaces";
-export interface SlideSettings {
-    slide: React.ReactNode;
-    maxSteps: number;
-    step: number;
-}
-export interface SliderProps extends BaseComponentProps {
-    /**
-     * The current step
-     */
-    currentStep: number;
-    /**
-     * The maximum number of steps
-     */
-    maxSteps: number;
-    /**
-     * the color of the active step circle
-     */
-    activeStepColor?: string;
-    /**
-     * The active slide
-     */
-    children: React.ReactNode;
-    /**
-     * The padding
-     */
-    p?: Array<string>;
-    /**
-     * The width
-     */
-    width?: Array<string>;
-    /**
-     * The button's height
-     */
-    height?: Array<string>;
-    /**
-     * The border style to apply to the button.
-     */
-    borderStyle?: string;
-    /**
-     * The border width to apply to the button.
-     */
-    borderWidth?: string;
-    /**
-     * The border color to apply to the button.
-     */
-    borderColor?: string;
-    /**
-     * The border radius for the slider.
-     */
-    borderRadius?: Array<string>;
-    /**
-     * The background css property
-     */
-    bg?: string;
-}

package/lib/components/slider/partials/step-circles/index.d.ts

@@ -1 +0,0 @@
-export { StepCircles } from "./step-circles";

package/lib/components/slider/partials/step-circles/interfaces.d.ts

@@ -1,14 +0,0 @@
-export interface StepCirclesProps {
-    /**
-     * The current step
-     */
-    currentStep: number;
-    /**
-     * The maximum number of steps
-     */
-    maxSteps: number;
-    /**
-     * the color of the active step circle
-     */
-    activeStepColor?: string;
-}

package/lib/components/slider/partials/step-circles/step-circles.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { StepCirclesProps } from "./interfaces";
-export declare const StepCircles: (props: StepCirclesProps) => JSX.Element;

package/lib/components/slider/slider.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { SliderProps } from "./interfaces";
-export declare const Slider: (props: SliderProps) => JSX.Element;

package/lib/interfaces.d.ts

@@ -1,28 +0,0 @@
-export type { AccordionProps as BaseAccordionProps } from "./components/accordions/base-accordion";
-export type { SublistAccordionProps as BaseSublistAccordionProps } from "./components/accordions/sublist-accordion";
-export type { BadgeProps as BaseBadgeProps } from "./components/badges/badge";
-export type { BicolorBadgeProps as BaseBicolorBadgeProps } from "./components/bicolor-badge";
-export type { BreadCrumbProps as BaseBreadcrumbProps } from "./components/breadcrumbs/breadcrumb";
-export type { ButtonProps as BaseButtonProps } from "./components/buttons/button";
-export type { CtaButtonProps as BaseCtaButtonProps } from "./components/buttons/cta/cta-button";
-export type { TextCtaButtonProps as BaseTextCtaButtonProps } from "./components/buttons/cta/text-cta-button";
-export type { BaseGridContainerProps as BaseBaseGridContainerProps } from "./components/containers/grid-containers/base-grid-container";
-export type { CustomScrollbarBoxProps as BaseCustomScrollbarBoxProps } from "./components/custom-scrollbar-box";
-export type { InputProps as BaseInputProps } from "./components/inputs/input";
-export type { TextInputProps as BaseTextInputProps } from "./components/inputs/text-input";
-export type { ResponsiveTextProps as BaseResponsiveTextProps } from "./components/texts/responsive-text";
-export type { NumberInputProps as BaseNumberInputProps } from "./components/inputs/number-input";
-export type { LinkProps as BaseLinkProps } from "./components/links/link";
-export type { ListProps as BaseListProps } from "./components/lists/list";
-export type { ModalProps as BaseModalProps } from "./components/modals/modal";
-export type { BaseOutlineMeterProps as BaseBaseOutlineMeterProps } from "./components/meters/base-outline-meter";
-export type { ProgressBarProps as BaseProgressBarProps } from "./components/progress-bars/progress-bar";
-export type { SelectorProps as BaseSelectorProps, SelectorOption as SelectorOptionType, } from "./components/selectors/selector";
-export type { SlideSettings as SlideSettingsType } from "./components/slider";
-export type { TextSwitchProps as BaseTextSwitchProps } from "./components/switches/text-switch";
-export type { CarouselSwitchProps as BaseCarouselSwitchProps, Selection as CarouselSwitchSelectionType, } from "./components/switches/carousel-switch";
-export type { BaseTextProps as BaseTextPropsInterface } from "./components/texts/base-text";
-export type { PaginationBarProps as BasePaginationBarProps } from "./components/pagination-bars/pagination-bar";
-export type { CompactPrimarySelectorProps as BaseCompactSelectorProps } from "./components/selectors/compact-primary-selector";
-export type { BaseDateRangeInputProps } from "./components/inputs/date-inputs/base-date-range-input";
-export type { OutlinedDateRangeInputProps } from "./components/inputs/date-inputs/outlined-date-range-input";