visits-style 1.2.1 → 1.4.0

package/dist/styles/normalize.d.ts

@@ -1,3 +1,3 @@
-/*! based on normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
-declare const normalized: any;
-export default normalized;
+/*! based on normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
+declare const normalized: any;
+export default normalized;

package/dist/theme.d.ts

@@ -1,3 +1,3 @@
-import { ThemeType } from './types';
-declare const theme: ThemeType;
-export default theme;
+import { ThemeType } from './types';
+declare const theme: ThemeType;
+export default theme;

package/dist/types.d.ts

@@ -1,36 +1,36 @@
-export declare type ColorType = 'light' | 'primary' | 'info' | 'link' | 'success' | 'warning' | 'danger' | 'dark' | 'text' | string;
-export declare type SizeType = 'small' | 'medium' | 'large';
-export declare type ColSizeType = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-export declare type AlignType = 'left' | 'right' | 'center';
-export interface ThemeType {
-    fontSize: string;
-    fontFamily: string;
-    gutter: number;
-    smallGutter: number;
-    media: {
-        mobile: string;
-        tablet: string;
-        desktop: string;
-        fullhd: string;
-    };
-    radius: string;
-    primary: string;
-    link: string;
-    info: string;
-    success: string;
-    warning: string;
-    danger: string;
-    dark: string;
-    black: string;
-    white: string;
-    text: string;
-    textDark: string;
-    textLight: string;
-    textStrong: string;
-    background: string;
-    border: string;
-    borderHover: string;
-    borderActive: string;
-    responsive: boolean;
-    [key: string]: string | number | boolean | any;
-}
+export type ColorType = 'light' | 'primary' | 'info' | 'link' | 'success' | 'warning' | 'danger' | 'dark' | 'text' | string;
+export type SizeType = 'small' | 'medium' | 'large';
+export type ColSizeType = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export type AlignType = 'left' | 'right' | 'center';
+export interface ThemeType {
+    fontSize: string;
+    fontFamily: string;
+    gutter: number;
+    smallGutter: number;
+    media: {
+        mobile: string;
+        tablet: string;
+        desktop: string;
+        fullhd: string;
+    };
+    radius: string;
+    primary: string;
+    link: string;
+    info: string;
+    success: string;
+    warning: string;
+    danger: string;
+    dark: string;
+    black: string;
+    white: string;
+    text: string;
+    textDark: string;
+    textLight: string;
+    textStrong: string;
+    background: string;
+    border: string;
+    borderHover: string;
+    borderActive: string;
+    responsive: boolean;
+    [key: string]: string | number | boolean | any;
+}

package/dist/utils/arrow.d.ts

@@ -1 +1 @@
-export default function Arrow(color: string): import("styled-components").FlattenSimpleInterpolation;
+export default function Arrow(color: string): import("styled-components").FlattenSimpleInterpolation;

package/dist/utils/boxShadow.d.ts

@@ -1 +1 @@
-export default function boxShadow(size: string, color: string, amount?: number): import("styled-components").FlattenSimpleInterpolation;
+export default function boxShadow(size: string, color: string, amount?: number): import("styled-components").FlattenSimpleInterpolation;

package/dist/utils/disabledColor.d.ts

@@ -1,2 +1,2 @@
-import { ThemeType } from '../types';
-export default function disabledColor(theme: ThemeType): import("styled-components").FlattenSimpleInterpolation;
+import { ThemeType } from '../types';
+export default function disabledColor(theme: ThemeType): import("styled-components").FlattenSimpleInterpolation;

package/dist/utils/findColorInvert.d.ts

@@ -1,2 +1,2 @@
-import { ThemeType } from '../types';
-export default function findColorInvert({ black, white }: ThemeType, color: string): string;
+import { ThemeType } from '../types';
+export default function findColorInvert({ black, white }: ThemeType, color: string): string;

package/dist/utils/hambuger.d.ts

@@ -1 +1 @@
-export default function hamburger(size: string): import("styled-components").FlattenSimpleInterpolation;
+export default function hamburger(size: string): import("styled-components").FlattenSimpleInterpolation;

package/dist/utils/index.d.ts

@@ -1,6 +1,6 @@
-export { default as findColorInvert } from './findColorInvert';
-export { default as hambuger } from './hambuger';
-export { default as boxShadow } from './boxShadow';
-export { default as arrow } from './arrow';
-export { default as setSize } from './setSize';
-export * from './media';
+export { default as findColorInvert } from './findColorInvert';
+export { default as hambuger } from './hambuger';
+export { default as boxShadow } from './boxShadow';
+export { default as arrow } from './arrow';
+export { default as setSize } from './setSize';
+export * from './media';

package/dist/utils/isClient.d.ts

@@ -1,2 +1,2 @@
-declare const _default: boolean;
-export default _default;
+declare const _default: boolean;
+export default _default;

package/dist/utils/media.d.ts

@@ -1,10 +1,10 @@
-import { ThemeType } from '../types';
-interface Props {
-    theme: ThemeType;
-}
-export declare function mediaMobile({ theme }: Props): string;
-export declare function mediaTablet({ theme }: Props): string;
-export declare function mediaDesktop({ theme }: Props): string;
-export declare function mediaFullHD({ theme }: Props): string;
-export declare function mediaUntilFullHD({ theme }: Props): string;
-export {};
+import { ThemeType } from '../types';
+interface Props {
+    theme: ThemeType;
+}
+export declare function mediaMobile({ theme }: Props): string;
+export declare function mediaTablet({ theme }: Props): string;
+export declare function mediaDesktop({ theme }: Props): string;
+export declare function mediaFullHD({ theme }: Props): string;
+export declare function mediaUntilFullHD({ theme }: Props): string;
+export {};

package/dist/utils/setAlign.d.ts

@@ -1,3 +1,3 @@
-export default function setAlign({ align }: {
-    align?: 'left' | 'right' | 'center';
-}): "center" | "flex-start" | "flex-end" | "space-evenly";
+export default function setAlign({ align }: {
+    align?: 'left' | 'right' | 'center';
+}): "center" | "flex-start" | "flex-end" | "space-evenly";

package/dist/utils/setSize.d.ts

@@ -1,4 +1,4 @@
-import { SizeType } from '../types';
-declare type SizePropsNameType = 'font-size' | 'height';
-export default function setSize(name: SizePropsNameType, size?: SizeType): string;
-export {};
+import { SizeType } from '../types';
+type SizePropsNameType = 'font-size' | 'height';
+export default function setSize(name: SizePropsNameType, size?: SizeType): string;
+export {};

package/dist/utils/wrapEvent.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export default function wrapEvent(child: React.ReactElement, handlerName: string, ourHandler: React.EventHandler<any>): (event: any) => void;
+import React from 'react';
+export default function wrapEvent(child: React.ReactElement, handlerName: string, ourHandler: React.EventHandler<any>): (event: any) => void;

package/package.json

@@ -2,75 +2,32 @@
   "name": "visits-style",
   "repository": "https://github.com/visits-works/visits-style",
   "homepage": "https://github.com/visits-works/visits-style",
-  "version": "1.2.1",
-  "main": "dist/index.js",
-  "module": "dist/visits-style.esm.js",
-  "jsnext:main": "dist/visits-style.esm.js",
-  "typings": "dist/index.d.ts",
+  "version": "1.4.0",
+  "type": "module",
+  "main": "./dist/index.cjs.js",
+  "module": "./dist/index.es.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js"
+    }
+  },
   "license": "Apache-2.0",
   "sideEffects": false,
   "files": [
     "dist"
   ],
+  "engines": {
+    "node": ">=16"
+  },
   "peerDependencies": {
-    "react": ">=16.8.6",
-    "react-dom": ">=16.8.6",
-    "styled-components": ">=4.2.0"
+    "react": ">=18.2.0",
+    "react-dom": ">=18.2.0",
+    "styled-components": ">=5.0.0"
   },
   "dependencies": {
-    "polished": "^4.1.3",
-    "@popperjs/core": "^2.9.2",
-    "react-transition-group": "^4.4.2"
-  },
-  "scripts": {
-    "build": "NODE_ENV=production tsdx build",
-    "lint": "tsdx lint src",
-    "test": "tsdx test",
-    "test:ci": "CI=true tsdx test --coverage"
-  },
-  "devDependencies": {
-    "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^11.2.7",
-    "@types/jest": "^24.0.17",
-    "@types/react": "^17.0.11",
-    "@types/react-dom": "^17.0.8",
-    "@types/react-transition-group": "^4.4.1",
-    "@types/styled-components": "^5.1.10",
-    "@typescript-eslint/eslint-plugin": "^4.28.0",
-    "@typescript-eslint/parser": "^4.28.0",
-    "babel-jest": "^27.0.5",
-    "babel-plugin-polished": "^1.1.0",
-    "babel-plugin-styled-components": "^1.12.0",
-    "babel-preset-react-app": "^10.0.0",
-    "eslint-config-airbnb": "18.2.1",
-    "eslint-config-airbnb-base": "14.2.1",
-    "eslint-config-react-app": "^6.0.0",
-    "eslint-plugin-import": "^2.23.4",
-    "eslint-plugin-react": "^7.24.0",
-    "faker": "^4.1.0",
-    "tsdx": "^0.14.1",
-    "typescript": "^4.3.4"
-  },
-  "jest": {
-    "testURL": "http://localhost",
-    "testMatch": [
-      "<rootDir>/**/*.test.{ts,tsx}"
-    ],
-    "transform": {
-      "^.+\\.(js|ts|tsx)?$": "babel-jest"
-    },
-    "setupFilesAfterEnv": [
-      "<rootDir>/src/setupTest.ts"
-    ],
-    "rootDir": ".",
-    "collectCoverageFrom": [
-      "src/**/**.{ts,tsx}",
-      "!src/**/**.story.tsx",
-      "!src/styles/*.ts",
-      "!src/index.ts",
-      "!src/elements/index.ts",
-      "!src/forms/index.ts",
-      "!src/components/index.ts"
-    ]
+    "@floating-ui/react": "^0.24.3",
+    "polished": "^4.2.2"
   }
-}
+}

package/dist/hooks/usePopper.d.ts

@@ -1,12 +0,0 @@
-import { MutableRefObject } from 'react';
-import { VirtualElement, Placement, PositioningStrategy } from '@popperjs/core';
-interface Options {
-    placement?: Placement;
-    strategy?: PositioningStrategy;
-    offset?: {
-        x: number;
-        y: number;
-    };
-}
-export default function usePopper(referenceElement: Element | MutableRefObject<Element | null> | VirtualElement | null, popperElement: HTMLElement | MutableRefObject<HTMLElement | null> | null, options?: Partial<Options>): (() => void)[];
-export {};

package/dist/index.js

@@ -1,8 +0,0 @@
-
-'use strict'
-
-if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./visits-style.cjs.production.min.js')
-} else {
-  module.exports = require('./visits-style.cjs.development.js')
-}

package/dist/utils/__test__/findColorInvert.test.d.ts

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