@rikstv/shared-components 2.0.11 → 2.0.12

package/dist/components/accordion/Accordion.d.ts

@@ -1,5 +1,4 @@
 import { DetailedHTMLProps, FC, HTMLAttributes, ReactNode } from "react";
-import "./accordion.scss";
 interface Props extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
     heading: ReactNode;
     initialOpen?: boolean;

package/dist/components/accordion/Accordion.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/breadcrumb/Breadcrumb.d.ts

@@ -1,5 +1,4 @@
 import { FC, HTMLAttributes, PropsWithChildren, ReactNode } from "react";
-import "./breadcrumb.scss";
 interface Props extends HTMLAttributes<HTMLElement> {
     crumbs: Array<{
         name: string;

package/dist/components/breadcrumb/Breadcrumb.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/button/ArrowButton.d.ts

@@ -1,8 +1,5 @@
 /// <reference types="react" />
 import { DecoratedButtonProps } from "./BaseDecoratedButton";
-import "./button.scss";
-import "./arrow-button.scss";
-import "./button-shared.scss";
 interface ArrowButtonProps extends Omit<DecoratedButtonProps, "arrow"> {
     forwards?: boolean;
 }

package/dist/components/button/ArrowButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/button/BaseLinkButton.d.ts

@@ -1,9 +1,5 @@
 /// <reference types="react" />
 import { ButtonBackgroundStyles } from "./BaseButton";
-import "./button.scss";
-import "./button-shared.scss";
-import "./link-button.scss";
-import "./arrow-button.scss";
 export type LinkButtonVariants = "primary" | "secondary" | "tertiary" | "highlighted";
 interface BaseLinkButtonPropsWithElement<ElementProps> {
     element: (props: ElementProps) => JSX.Element;

package/dist/components/button/Button.d.ts

@@ -1,7 +1,5 @@
 /// <reference types="react" />
 import { ButtonProps } from "./BaseButton";
-import "./button.scss";
-import "./button-shared.scss";
 export declare const PrimaryButton: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export declare const SecondaryButton: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export declare const TertiaryButton: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/button/Button.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/button/DecoratedButton.d.ts

@@ -1,7 +1,5 @@
 /// <reference types="react" />
 import { BaseDecoratedButtonProps } from "./BaseDecoratedButton";
-import "./button.scss";
-import "./button-shared.scss";
 export declare const PrimaryDecoratedButton: import("react").ForwardRefExoticComponent<Omit<BaseDecoratedButtonProps, "buttonType"> & import("react").RefAttributes<HTMLButtonElement>>;
 export declare const SecondaryDecoratedButton: import("react").ForwardRefExoticComponent<Omit<BaseDecoratedButtonProps, "buttonType"> & import("react").RefAttributes<HTMLButtonElement>>;
 export declare const TertiaryDecoratedButton: import("react").ForwardRefExoticComponent<Omit<BaseDecoratedButtonProps, "buttonType"> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/button/IconButton.d.ts

@@ -1,7 +1,5 @@
 /// <reference types="react" />
 import { DecoratedButtonProps } from "./BaseDecoratedButton";
-import "./icon-button.scss";
-import "./button-shared.scss";
 interface IconButtonProps extends Omit<DecoratedButtonProps, "icon"> {
     icon: () => JSX.Element;
 }

package/dist/components/button/IconButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/button/LinkButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/checkbox/Checkbox.d.ts

@@ -1,5 +1,4 @@
 import { DetailedHTMLProps, InputHTMLAttributes } from "react";
-import "./checkbox.scss";
 export interface Props extends Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> {
     className?: string;
     lightBackground?: boolean;

package/dist/components/checkbox/Checkbox.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/core/Core.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/core/RiksTV.d.ts

@@ -1,3 +1,2 @@
 import { FC, PropsWithChildren } from "react";
-import "./rtv.scss";
 export declare const RiksTVProvider: FC<PropsWithChildren>;

package/dist/components/core/Strim.d.ts

@@ -1,3 +1,2 @@
 import { FC, PropsWithChildren } from "react";
-import "./strm.scss";
 export declare const StrimProvider: FC<PropsWithChildren>;

package/dist/components/core/docs/BrandVariables.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+export declare const Roundness: FC;
+export declare const Font: FC;

package/dist/components/core/docs/Colors.d.ts

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const Colors: FC;

package/dist/components/core/docs/Spacing.d.ts

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const Spacing: FC;

package/dist/components/core/docs/Variables.d.ts

@@ -0,0 +1,5 @@
+import { FC } from "react";
+export declare const Breakpoints: FC;
+export declare const Gutters: FC;
+export declare const Widths: FC;
+export declare const Shadow: FC;

package/dist/components/core/docs/componets/BrandColors/BrandColors.d.ts

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const BrandColors: FC;

package/dist/components/core/docs/componets/ColorSwatch/ColorSwatch.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+export declare const ColorSwatch: FC<{
+    color: string;
+}>;

package/dist/components/core/docs/componets/ColorSwatch/ColorSwatchBtn.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from "react";
+interface Props {
+    onClick: () => void;
+    children: ReactNode;
+}
+export declare const ColorSwatchBtn: FC<Props>;
+export {};

package/dist/components/core/docs/componets/ColorSwatch/getColor.d.ts

@@ -0,0 +1 @@
+export declare const getColor: (divElement: HTMLDivElement) => string;

package/dist/components/core/docs/componets/ColorSwatch/useColorSwatchCopy.d.ts

@@ -0,0 +1,6 @@
+export declare const useColorSwatchCopy: () => {
+    ANIMATION_DURATION: number;
+    copied: boolean;
+    lastCopiedString: string;
+    handleCopy: (stringToCopy: string) => Promise<number | void>;
+};

package/dist/components/core/docs/componets/ExampleGrid/ExampleGrid.d.ts

@@ -0,0 +1,4 @@
+import { FC, PropsWithChildren } from "react";
+export declare const ExampleGrid: FC<PropsWithChildren<{
+    title: string;
+}>>;

package/dist/components/core/docs/componets/SpacingBlock/SpacingBlock.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+export declare const SpacingBlock: FC<{
+    size: number;
+}>;

package/dist/components/core/docs/context/ExampleContext.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const ExampleContext: import("react").Context<{
+    isStrim: boolean;
+}>;

package/dist/components/core/docs/hooks/ClickOutside.d.ts

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const ClickOutside: FC;

package/dist/components/core/docs/hooks/Intersection.d.ts

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const Intersection: FC;

package/dist/components/core/docs/hooks/Mutation.d.ts

@@ -0,0 +1 @@
+export declare const Mutation: () => JSX.Element;

package/dist/components/core/docs/hooks/animated.d.ts

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const AnimationExample: FC;

package/dist/components/core/docs/utils/PropertyList.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+export declare const PropertyList: FC<{
+    properties: string[];
+}>;

package/dist/components/core/docs/utils/parseColorsFromScss.d.ts

@@ -0,0 +1 @@
+export declare const parseColorsFromScss: (scssFile: string, brand: "strm" | "rtv") => string[][];

package/dist/components/core/docs/utils/parseScssImport.d.ts

@@ -0,0 +1,3 @@
+export declare const parseScssImport: (scssFile: string, className?: string) => string[];
+export declare const getCustomMediaQueries: (scssContents: string) => string[];
+export declare const getMatchingProperties: (customProperties: string[], matcher: string) => string[];

package/dist/components/core/hooks/useClickOutsideListner.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/core/hooks/useIntersectionObserver.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/core/hooks/useMutationObserver.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/icons/HeartToggle.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+export declare const HeartToggle: FC<{
+    checked: boolean;
+}>;

package/dist/components/icons/Icons.d.ts

@@ -0,0 +1,8 @@
+import { ReactComponent as Play } from "./Play.svg";
+import { ReactComponent as Pause } from "./Pause.svg";
+import { ReactComponent as Heart } from "./HeartFilled.svg";
+import { ReactComponent as HeartUnfilled } from "./HeartUnfilled.svg";
+import { HeartToggle } from "./HeartToggle";
+import { Chevron } from "./Chevron";
+import { Arrow } from "./Arrow";
+export { Arrow, Play, Pause, Chevron, HeartToggle, Heart, HeartUnfilled };

package/dist/components/list/CheckmarkListItem.d.ts

@@ -1,5 +1,4 @@
 import { FC, HTMLAttributes } from "react";
-import "./CheckmarkListItem.scss";
 interface Props extends HTMLAttributes<HTMLLIElement> {
     className?: string;
     color?: "error" | "success";

package/dist/components/list/CrossmarkListItem.d.ts

@@ -1,5 +1,4 @@
 import { FC, HTMLAttributes } from "react";
-import "./CrossmarkListItem.scss";
 interface Props extends Omit<HTMLAttributes<HTMLLIElement>, "color"> {
     className?: string;
     color?: "error" | "success";

package/dist/components/list/List.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-import "./List.scss";
 interface Props extends HTMLAttributes<HTMLUListElement | HTMLOListElement> {
     className?: string;
     ordered?: boolean;

package/dist/components/list/List.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/list/ListItem.d.ts

@@ -1,5 +1,4 @@
 import { FC, HTMLAttributes } from "react";
-import "./ListItem.scss";
 interface Props extends HTMLAttributes<HTMLLIElement> {
     className?: string;
     innerClassName?: string;

package/dist/components/list/OrderedListItem.d.ts

@@ -1,5 +1,4 @@
 import { FC, HTMLAttributes } from "react";
-import "./OrderedListItem.scss";
 interface Props extends HTMLAttributes<HTMLLIElement> {
     className?: string;
     innerClassName?: string;

package/dist/components/list/internal/getMarkColor.d.ts

@@ -1,3 +1,3 @@
 export declare const getMarkColor: (color?: "error" | "success") => {
     "--mark-color": string;
-};
+} | undefined;

package/dist/components/loader/Loader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/loader/RawLoader.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-import "./Loader.scss";
 export interface Props extends HTMLAttributes<HTMLDivElement> {
     className?: string;
     size?: "small" | "large";

package/dist/components/notificationDot/NotificationDot.d.ts

@@ -1,5 +1,4 @@
 import { FC, HTMLAttributes } from "react";
-import "./notificationDot.scss";
 interface Props extends HTMLAttributes<HTMLSpanElement> {
     numberOfNotifications?: number;
     large?: boolean;

package/dist/components/panel/Info.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const Info: () => JSX.Element;

package/dist/components/panel/Panel.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes, ReactNode } from "react";
-import "./panel.scss";
 export interface Props extends HTMLAttributes<HTMLDivElement> {
     className?: string;
     variant?: "info" | "warning" | "warning2" | "error";

package/dist/components/progress/CircularProgress.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-import "./circularProgress.scss";
 interface Props extends HTMLAttributes<HTMLDivElement> {
     progressRatio: number;
     label: string;

package/dist/components/progress/Progress.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-import "./Progress.scss";
 interface Props extends HTMLAttributes<HTMLProgressElement> {
     label: string;
     ratio: number;

package/dist/components/textfield/TextField.d.ts

@@ -1,5 +1,4 @@
 import { DetailedHTMLProps, InputHTMLAttributes } from "react";
-import "./textfield.scss";
 interface Props extends Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> {
     className?: string;
     name: string;

package/dist/components/toggle/RadioToggle.d.ts

@@ -1,7 +1,4 @@
 import { InputHTMLAttributes } from "react";
-import "./radioToggle.scss";
-import "../button/button-shared.scss";
-import "../button/button.scss";
 interface RadioToggleInputProps extends InputHTMLAttributes<HTMLInputElement> {
     label: string;
 }

package/dist/components/toggle/docs/Example.d.ts

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const Example: FC;

package/dist/components/toggleButton/ToggleButton.d.ts

@@ -1,5 +1,4 @@
 import { FC, InputHTMLAttributes } from "react";
-import "./toggleButton.scss";
 interface Props extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
     children: string;
     alwaysShowLabel?: boolean;

package/dist/components/toggleButton/ToggleButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/toggleInlineButton/ToggleInlineButton.d.ts

@@ -1,5 +1,4 @@
 import { InputHTMLAttributes } from "react";
-import "./toggleInlineButton.scss";
 interface Props extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
     lightBackground?: boolean;
     inputClassName?: string;

package/dist/components/toggleInlineButton/ToggleInlineButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/toggleLinkButton/ToggleLinkButton.d.ts

@@ -1,5 +1,4 @@
 import { InputHTMLAttributes } from "react";
-import "./toggleLinkButton.scss";
 interface Props extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
     children: string;
     toggledContentId: string;

package/dist/components/toggleLinkButton/ToggleLinkButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/typography/Typography.d.ts

@@ -1,5 +1,4 @@
 import { ForwardRefExoticComponent, HTMLAttributes } from "react";
-import "./typography.scss";
 type HeadingLevels = 1 | 2 | 3 | 4;
 type AcceptedHTMLElements = HTMLSpanElement | HTMLHeadingElement | HTMLParagraphElement;
 interface Props<T extends AcceptedHTMLElements> extends HTMLAttributes<T> {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rikstv/shared-components",
-  "version": "2.0.11",
+  "version": "2.0.12",
   "publishConfig": {
     "access": "public"
   },
@@ -17,7 +17,7 @@
   "browser": "./dist/shared-components.mjs",
   "scripts": {
     "dev": "vite",
-    "build": "tsc src/*.ts* && vite build && tsc src/components/index.ts --declaration --emitDeclarationOnly --jsx react-jsx --esModuleInterop --outDir dist",
+    "build": "npm run typecheck && vite build",
     "serve": "vite preview",
     "test": "cypress run --component",
     "test:open": "cypress open --component",
@@ -33,4 +33,4 @@
     "@types/react-dom": "^16.8.6 || ^17 || ^18",
     "react": "^16.8.0 || ^17 || ^18"
   }
-}
+}

package/dist/utils/generateId.d.ts

@@ -1 +0,0 @@
-export declare const generateId: (id?: string | undefined) => string;