@nulogy/components 14.1.3 → 14.2.0

package/dist/src/AppTag/AppTag.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { AppName } from "./constants";
+import { AppTagType } from "./types";
+type AppTagProps = {
+    app: AppName;
+    type?: AppTagType;
+    hideTooltip?: boolean;
+};
+export default function AppTag({ app, type, hideTooltip }: AppTagProps): React.JSX.Element;
+export {};

package/dist/src/AppTag/components/LogoWrapper.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { AppTagType } from "../types";
+export declare const LogoWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $type?: AppTagType;
+}>> & string;

package/dist/src/AppTag/components/NulogyLogo.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export default function NulogyLogo({ width, height, ...props }: React.SVGProps<SVGSVGElement>): React.JSX.Element;

package/dist/src/AppTag/components/Tooltip.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactNode } from "react";
+type TooltipProps = {
+    children: ReactNode;
+    content: ReactNode;
+    hideTooltip?: boolean;
+};
+export declare function Tooltip({ children, content, hideTooltip }: TooltipProps): React.JSX.Element;
+export {};

package/dist/src/AppTag/constants.d.ts

@@ -0,0 +1,8 @@
+import { AppTagType, ColorName } from "./types";
+export type AppName = "production-scheduling" | "supplier-collaboration" | "digital-quality-inspection" | "shop-floor" | "smart-factory";
+export declare const APP_ABBREVIATIONS: Record<AppName, string>;
+export declare const APP_DISPLAY_NAMES: Record<AppName, string>;
+export declare const appTagColors: Record<AppTagType, {
+    primary: ColorName;
+    secondary: ColorName;
+}>;

package/dist/src/AppTag/index.d.ts

@@ -0,0 +1 @@
+export { default as AppTag } from "./AppTag";

package/dist/src/AppTag/stories/AppTag.story.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { AppTag } from "..";
+declare const _default: {
+    title: string;
+    component: typeof AppTag;
+};
+export default _default;
+export declare const Default: () => React.JSX.Element;
+export declare const WithoutATooltip: {
+    (): React.JSX.Element;
+    storyName: string;
+};

package/dist/src/AppTag/stories/AppTag.usecases.story.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import { AppTag } from "..";
+declare const _default: {
+    title: string;
+    component: typeof AppTag;
+};
+export default _default;
+export declare const WithALink: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+export declare const WithText: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+export declare const WithMessages: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+export declare const WithTooltip: {
+    (): React.JSX.Element;
+    storyName: string;
+};

package/dist/src/AppTag/types.d.ts

@@ -0,0 +1,3 @@
+import { DefaultNDSThemeType } from "../theme/theme.type";
+export type AppTagType = "active" | "inactive" | "interactive";
+export type ColorName = keyof DefaultNDSThemeType["colors"];

package/dist/src/Flex/Flex.d.ts

@@ -6,4 +6,6 @@ export type FlexProps = BoxProps & {
     columnGap?: CSSProperties["columnGap"];
 };
 declare const Flex: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, FlexProps>> & string;
+declare const InlineFlex: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, FlexProps>> & string;
 export default Flex;
+export { InlineFlex };

package/dist/src/Flex/index.d.ts

@@ -1 +1,2 @@
 export { default as Flex } from "./Flex";
+export { InlineFlex } from "./Flex";

package/dist/src/Link/Link.d.ts

@@ -1,12 +1,14 @@
 import React from "react";
 import { StyledProps } from "../StyledProps";
 import { ComponentVariant } from "../NDSProvider/ComponentVariantContext";
-export type LinkProps = React.ComponentPropsWithRef<"a"> & Partial<StyledProps> & {
+import { AppName } from "../AppTag/constants";
+export interface LinkProps extends React.ComponentPropsWithRef<"a">, Partial<StyledProps> {
     underline?: boolean;
     hover?: string;
     variant?: ComponentVariant;
     to?: string;
     as?: React.ElementType | string;
-};
-declare const Link: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, LinkProps>> & string;
-export default Link;
+    forApp?: AppName;
+    openInNewTab?: boolean;
+}
+export default function Link({ children, forApp, openInNewTab, ...props }: LinkProps): React.JSX.Element;

package/dist/src/Link/Link.story.d.ts

@@ -40,3 +40,16 @@ export declare const _ReactRouterLink: {
         name: string;
     };
 };
+export declare const WithAppTag: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const OpenInNewTab: () => React.JSX.Element;
+export declare const OpenInNewTabWithAppTag: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/src/index.d.ts

@@ -20,7 +20,7 @@ export type { DescriptionListProps } from "./DescriptionList";
 export { Divider } from "./Divider";
 export { DropdownButton, DropdownItem, DropdownLink, DropdownMenu, DropdownText } from "./DropdownMenu";
 export { FieldLabel, HelpText, RequirementText } from "./FieldLabel";
-export { Flex } from "./Flex";
+export { Flex, InlineFlex } from "./Flex";
 export { Field, Fieldset, Form, FormSection } from "./Form";
 export { default as useMediaQuery } from "./hooks/useMediaQuery";
 export { Icon, InlineIcon } from "./Icon";
@@ -64,3 +64,4 @@ export type { TextProps } from "./Type";
 export { useWindowDimensions } from "./utils";
 export { InlineValidation } from "./Validation";
 export { VerticalDivider } from "./VerticalDivider";
+export { AppTag } from "./AppTag";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "14.1.3",
+  "version": "14.2.0",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {
@@ -9,7 +9,6 @@
   "scripts": {
     "ci": "yarn && yarn build && yarn test && yarn run check",
     "new": "plop",
-    "generate:theme": "npx tsx src/scripts/generateTheme.ts && prettier -w src/theme/theme.ts",
     "start": "concurrently \"yarn build:watch\" \"yarn start:storybook\"",
     "start:cypress": "yarn concurrently --kill-others \"yarn start --ci\" \"yarn wait-on http://localhost:9999 && cypress open\"",
     "start:storybook": "start-storybook -p 9999",
@@ -80,7 +79,6 @@
     "@semantic-release/github": "^8.0.7",
     "@semantic-release/npm": "^9.0.0",
     "@semantic-release/release-notes-generator": "^10.0.3",
-    "@storybook/react": "6.3.12",
     "@storybook/addon-a11y": "^6.1.9",
     "@storybook/addon-actions": "^6.1.9",
     "@storybook/addon-docs": "6.1.9",
@@ -89,6 +87,7 @@
     "@storybook/addon-toolbars": "^6.1.9",
     "@storybook/addon-viewport": "^6.1.9",
     "@storybook/codemod": "^6.1.9",
+    "@storybook/react": "6.3.12",
     "@storybook/theming": "^6.1.9",
     "@testing-library/jest-dom": "5.11.5",
     "@testing-library/react": "^12.1.5",
@@ -153,7 +152,8 @@
   "dependencies": {
     "@babel/runtime": "^7.9.6",
     "@emotion/is-prop-valid": "^1.3.1",
-    "@nulogy/tokens": "^5.4.0",
+    "@nulogy/tokens": "^6.1.1",
+    "@radix-ui/react-tooltip": "1.0.7",
     "@reach/dialog": "0.17.0",
     "@styled-system/prop-types": "^5.1.4",
     "@styled-system/theme-get": "^5.1.2",

package/dist/src/scripts/generateTheme.d.ts

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