@nulogy/components 11.1.0 → 11.3.0

package/dist/src/{theme.type.d.ts → theme/theme.type.d.ts}

@@ -1,4 +1,4 @@
-import { RecursivePartial } from "./utils/ts/recursivePartial";
+import { RecursivePartial } from "../utils/ts/recursivePartial";
 interface Colors {
     black: string;
     blackBlue: string;
@@ -28,6 +28,7 @@ interface FontSizes {
     smaller: string;
     small: string;
     medium: string;
+    base: string;
     large: string;
     larger: string;
     largest: string;
@@ -35,6 +36,13 @@ interface FontSizes {
     heading2: string;
     heading3: string;
     heading4: string;
+    xxs: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
 }
 interface LineHeights {
     base: string;
@@ -96,7 +104,7 @@ interface Radii {
     medium: string;
     large: string;
     circle: string;
-    rounded: string;
+    pill: string;
 }
 export interface Breakpoints {
     extraSmall: string;
@@ -104,6 +112,12 @@ export interface Breakpoints {
     medium: string;
     large: string;
     extraLarge: string;
+    phonePortrait: string;
+    phoneLandscape: string;
+    tabletPortrait: string;
+    tabletLandscape: string;
+    laptop: string;
+    desktop: string;
 }
 interface ZIndices {
     content: number;

package/dist/src/theme/useNDSTheme.d.ts

@@ -0,0 +1,19 @@
+import { ComponentVariant } from "../NDSProvider/ComponentVariantContext";
+import { FeatureFlags } from "../NDSProvider/FeatureFlagsContext";
+import { Breakpoints, DefaultNDSThemeType, ThemeType } from "./theme.type";
+export declare const buildBreakPoints: (breakpointsConfig: Readonly<Breakpoints>) => {
+    map: <T>(fn: (value: string) => T) => T[];
+    extraSmall: string;
+    small: string;
+    medium: string;
+    large: string;
+    extraLarge: string;
+    phonePortrait: string;
+    phoneLandscape: string;
+    tabletPortrait: string;
+    tabletLandscape: string;
+    laptop: string;
+    desktop: string;
+};
+export declare const getThemeByVariant: (variant: ComponentVariant, isTabletSize: boolean, featureFlags: FeatureFlags) => DefaultNDSThemeType;
+export declare function useNDSTheme(variant?: ComponentVariant, customTheme?: ThemeType): DefaultNDSThemeType;

package/dist/src/utils/story/dashed.d.ts

@@ -1,6 +1,6 @@
 import { StyledComponent } from "styled-components";
 import { ComponentType } from "react";
-import { DefaultNDSThemeType } from "../../theme.type";
+import { DefaultNDSThemeType } from "../../theme";
 /**
  * A styled utility that adds a dashed border around a component
  * to highlight its boundaries. To be used in Storybook exclusively.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "11.1.0",
+  "version": "11.3.0",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {
@@ -9,14 +9,15 @@
   "scripts": {
     "ci": "yarn && yarn build && yarn test && yarn run check",
     "new": "plop",
-    "generate:theme": "npx tsx src/scripts/generateTheme.ts && prettier -w src/theme.ts",
+    "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",
     "clean:storybook": "rm -rf node_modules/.cache/storybook && rm -rf ./storybook-static",
     "build": "rollup -c",
     "build:storybook": "build-storybook",
-    "check": "yarn check:types && yarn check:lint && yarn check:format",
+    "warn:prepush": "echo \"Make sure you also run all the other CI steps before pushing by running 'yarn ci'\"",
+    "check": "yarn warn:prepush && yarn check:types && yarn check:lint && yarn check:format",
     "check:types": "tsc && cd cypress && tsc --noEmit",
     "check:lint": "eslint --config ./.eslintrc .'*/**/*.{js,ts,tsx}'",
     "check:format": "prettier -c .",
@@ -68,7 +69,7 @@
     "@babel/preset-env": "7.3.1",
     "@babel/preset-typescript": "^7.10.4",
     "@nulogy/eslint-config-nulogy": "^1.0.0",
-    "@nulogy/icons": "4.34.1",
+    "@nulogy/icons": "^4.37.2",
     "@rollup/plugin-babel": "^5.0.0",
     "@rollup/plugin-node-resolve": "^7.1.3",
     "@semantic-release/changelog": "^6.0.2",
@@ -82,7 +83,8 @@
     "@storybook/addon-docs": "6.1.9",
     "@storybook/addon-knobs": "^6.1.9",
     "@storybook/addon-storysource": "^6.1.9",
-    "@storybook/addon-viewport": "^7.6.6",
+    "@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",
@@ -172,7 +174,7 @@
   },
   "husky": {
     "hooks": {
-      "pre-push": "yarn run ci"
+      "pre-push": "yarn run check"
     }
   },
   "jest": {

package/dist/src/NDSProvider/useNDSTheme.d.ts

@@ -1,12 +0,0 @@
-import { ThemeType, DefaultNDSThemeType, Breakpoints } from "../theme.type";
-import { ComponentVariant } from "./ComponentVariantContext";
-export declare const buildBreakPoints: (breakpointsConfig: Readonly<Breakpoints>) => {
-    map: <T>(fn: (value: string) => T) => T[];
-    extraSmall: string;
-    small: string;
-    medium: string;
-    large: string;
-    extraLarge: string;
-};
-export declare const getThemeByVariant: (variant: ComponentVariant, isTabletSize: boolean) => DefaultNDSThemeType;
-export declare function useNDSTheme(variant?: ComponentVariant, customTheme?: ThemeType): DefaultNDSThemeType;

package/dist/src/VisualTests/KitchenSink.story.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export declare const KitchenSink: () => React.JSX.Element;
-declare const _default: {
-    title: string;
-};
-export default _default;

package/dist/src/theme.d.ts

@@ -1,5 +0,0 @@
-import { DefaultNDSThemeType } from "./theme.type";
-type ThemeKey = "desktop" | "tablet" | "phone";
-export declare const themes: Record<ThemeKey, DefaultNDSThemeType>;
-export declare const desktop: DefaultNDSThemeType, tablet: DefaultNDSThemeType, phone: DefaultNDSThemeType;
-export {};