@tecsinapse/cortex-core 0.1.5 → 0.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/LICENSE.md +1 -1
  2. package/README.md +80 -0
  3. package/dist/cjs/components/input/input.js +1 -1
  4. package/dist/esm/components/input/input.js +1 -1
  5. package/dist/types/components/select/select.d.ts +16 -16
  6. package/dist/types/components/tag/tag.d.ts +11 -15
  7. package/package.json +19 -7
package/LICENSE.md CHANGED
@@ -1,6 +1,6 @@
1
1
  MIT License
2
2
 
3
- Copyright (c) 2021 TecSinapse
3
+ Copyright (c) 2024 TecSinapse
4
4
 
5
5
  Permission is hereby granted, free of charge, to any person obtaining a copy
6
6
  of this software and associated documentation files (the "Software"), to deal
package/README.md ADDED
@@ -0,0 +1,80 @@
1
+ <div align="center">
2
+
3
+ # TecSinapse Design System
4
+
5
+ [![Stars](https://img.shields.io/github/stars/tecsinapse/design-system?style=social)](https://github.com/tecsinapse/design-system/) [![License](https://img.shields.io/github/license/tecsinapse/design-system)](./LICENSE.md) [![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-2.0-4baaaa.svg)](CODE_OF_CONDUCT.md)![build workflow](https://github.com/tecsinapse/design-system/actions/workflows/ci.yml/badge.svg)
6
+
7
+ [TecSinapse Design System](https://tecsinapse.github.io/design-system) is the hybrid implementation of the [TecSinapse](https://www.tecsinapse.com.br/) Design System.
8
+ Our primary goal is to create a system that can be used to build a wide variety of TecSinapase websites and apps, while providing a consistent and inclusive user experience to our end users.
9
+ In addition, the design system and component library should be easy to use for developers and designers.
10
+
11
+ </div>
12
+
13
+ ## Quick start
14
+
15
+ Here are a few helpful links for getting started:
16
+
17
+ - [Documentation](https://tecsinapse.github.io/design-system) - Learn how to use and view the components in Storybook.
18
+ - [Getting started](https://tecsinapse.github.io/design-system/?path=/docs/introduction-getting-started--page) - Set up a new app with our DS or add it to an existing project.
19
+ - [Design Principles](https://tecsinapse.github.io/design-system/?path=/docs/introduction-design-principles--page) - Discover the guiding principles behind design.
20
+ - [Theming](https://tecsinapse.github.io/design-system/?path=/docs/advanced-theme--page) - Learn about our foundations such as colors, spacing, and typography.
21
+ - [Contribute](https://tecsinapse.github.io/design-system/?path=/docs/introduction-contributing--page) - File a bug report, suggest a change, or open a pull request.
22
+
23
+ ## Packages
24
+
25
+ | Package | Content | Version |
26
+ | --------------------------------------------------------------- | ---------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------ |
27
+ | **[@tecsinapse/react-core](./packages/react-core)** | the core hybrid React component library | [![npm version](https://badge.fury.io/js/%40tecsinapse%2Freact-core.svg)](https://badge.fury.io/js/%40tecsinapse%2Freact-core) |
28
+ | **[@tecsinapse/react-web-kit](./packages/react-web-kit)** | the React component library focused on web | [![npm version](https://badge.fury.io/js/%40tecsinapse%2Freact-web-kit.svg)](https://badge.fury.io/js/%40tecsinapse%2Freact-web-kit) |
29
+ | **[@tecsinapse/react-native-kit](./packages/react-native-kit)** | the React native component library focused on mobile | [![npm version](https://badge.fury.io/js/%40tecsinapse%2Freact-native-kit.svg)](https://badge.fury.io/js/%40tecsinapse%2Freact-native-kit) |
30
+ | **[@tecsinapse/react-charts](./packages/react-charts)** | Charts for React based on SVG | [![npm version](https://badge.fury.io/js/%40tecsinapse%2Freact-charts.svg)](https://badge.fury.io/js/%40tecsinapse%2Freact-charts) |
31
+ | **[@tecsinapse/cortex-core](./packages/cortex-core)** | The core library for tailwindcss based design | [![npm version](https://badge.fury.io/js/%40tecsinapse%2Fcortex-core.svg)](https://badge.fury.io/js/%40tecsinapse%2Fcortex-core) |
32
+
33
+ ## Code of conduct
34
+
35
+ We want to foster an inclusive and friendly community around our Open Source efforts. This project follows the Contributor Covenant Code of Conduct. Please, [read it and follow it](./CODE_OF_CONDUCT.md).
36
+
37
+ If you feel another member of the community violated our code or you are experiencing problems participating in our community because of another individual's behavior, please get in touch with our maintainers.
38
+
39
+ ## How to make local changes available for other projects?
40
+
41
+ At times, it may be necessary to test changes directly in a product, and not in the design system, and for this to work in a less laborious way, we can follow the steps below:
42
+
43
+ 3 terminal tabs should open:
44
+
45
+ - In one run the JS code watch:
46
+
47
+ ```
48
+ yarn build:watch
49
+ ```
50
+
51
+ - In another run the watch of the TS code watch
52
+
53
+ ```
54
+ yarn build:declarations:watch
55
+ ```
56
+
57
+ - On another run yalc push (this script updates linked local projects)
58
+
59
+ ```
60
+ yarn yalc:push
61
+ ```
62
+
63
+ With that, all changes will be in yalc locally.
64
+
65
+ ### Maintainers
66
+
67
+ - [Denner Vidal](mailto:denner.vidal@tecsinapse.com.br)
68
+ - [Gabriel Sanches](mailto:gabriel.sanches@tecsinapse.com.br)
69
+ - [Lucas Ramos](mailto:lucas.ramos@tecsinapse.com.br)
70
+ - [Nilson Antonio](mailto:nilson.antonio@tecsinapse.com.br)
71
+ - [Ryan Correa](mailto:ryan.correa@tecsinapse.com.br)
72
+
73
+ ## Contributing
74
+
75
+ If you have ideas for how we could improve this readme or the project in general, [let us know](https://github.com/tecsinapse/design-system/issues)!
76
+
77
+ ## About TecSinapse
78
+
79
+ [TecSinapse](https://www.tecsinapse.com.br/) is a specialist in the automotive industry for over 15 years.
80
+ We operate with diverse integrated solutions, from client prospecting to after-sales, plus market indicators tools and process improvement for complete management.
package/dist/cjs/components/input/input.js CHANGED
@@ -74,7 +74,7 @@ const label = (props) => {
74
74
  const { placeholder, intent } = props;
75
75
  return labelBaseStyles({
76
76
  intent,
77
- className: clsx.clsx(props.className ?? props.class, {
77
+ className: clsx.clsx(String(props.className) ?? props.class, {
78
78
  "peer-placeholder-shown:hidden": !!placeholder
79
79
  })
80
80
  });
package/dist/esm/components/input/input.js CHANGED
@@ -72,7 +72,7 @@ const label = (props) => {
72
72
  const { placeholder, intent } = props;
73
73
  return labelBaseStyles({
74
74
  intent,
75
- className: clsx(props.className ?? props.class, {
75
+ className: clsx(String(props.className) ?? props.class, {
76
76
  "peer-placeholder-shown:hidden": !!placeholder
77
77
  })
78
78
  });
package/dist/types/components/select/select.d.ts CHANGED
@@ -1,32 +1,32 @@
1
1
  import { ClassProp, type VariantProps } from 'tailwind-variants';
2
2
  export declare const buttonSelect: import("tailwind-variants").TVReturnType<{} | {
3
3
  intent: {
4
- default: import("tailwind-variants").ClassValue | {
5
- base?: import("tailwind-variants").ClassValue;
4
+ default: import("tailwind-merge").ClassNameValue | {
5
+ base?: import("tailwind-merge").ClassNameValue;
6
6
  };
7
- success: import("tailwind-variants").ClassValue | {
8
- base?: import("tailwind-variants").ClassValue;
7
+ success: import("tailwind-merge").ClassNameValue | {
8
+ base?: import("tailwind-merge").ClassNameValue;
9
9
  };
10
- warning: import("tailwind-variants").ClassValue | {
11
- base?: import("tailwind-variants").ClassValue;
10
+ warning: import("tailwind-merge").ClassNameValue | {
11
+ base?: import("tailwind-merge").ClassNameValue;
12
12
  };
13
- error: import("tailwind-variants").ClassValue | {
14
- base?: import("tailwind-variants").ClassValue;
13
+ error: import("tailwind-merge").ClassNameValue | {
14
+ base?: import("tailwind-merge").ClassNameValue;
15
15
  };
16
16
  };
17
17
  }, undefined, "w-full justify-between bg-white gap-[200px]", import("tailwind-variants/dist/config").TVConfig<{} | {
18
18
  intent: {
19
- default: import("tailwind-variants").ClassValue | {
20
- base?: import("tailwind-variants").ClassValue;
19
+ default: import("tailwind-merge").ClassNameValue | {
20
+ base?: import("tailwind-merge").ClassNameValue;
21
21
  };
22
- success: import("tailwind-variants").ClassValue | {
23
- base?: import("tailwind-variants").ClassValue;
22
+ success: import("tailwind-merge").ClassNameValue | {
23
+ base?: import("tailwind-merge").ClassNameValue;
24
24
  };
25
- warning: import("tailwind-variants").ClassValue | {
26
- base?: import("tailwind-variants").ClassValue;
25
+ warning: import("tailwind-merge").ClassNameValue | {
26
+ base?: import("tailwind-merge").ClassNameValue;
27
27
  };
28
- error: import("tailwind-variants").ClassValue | {
29
- base?: import("tailwind-variants").ClassValue;
28
+ error: import("tailwind-merge").ClassNameValue | {
29
+ base?: import("tailwind-merge").ClassNameValue;
30
30
  };
31
31
  };
32
32
  }, {
package/dist/types/components/tag/tag.d.ts CHANGED
@@ -7,13 +7,17 @@ declare const tagStyles: import("tailwind-variants").TVReturnType<{
7
7
  info: string;
8
8
  white: string;
9
9
  };
10
- }, undefined, "rounded-micro px-micro py-nano w-fit font-bold text-label items-center flex", import("tailwind-variants/dist/config").TVConfig<{
11
- intent: {
12
- success: string;
13
- primary: string;
14
- secondary: string;
15
- info: string;
16
- white: string;
10
+ }, undefined, "rounded-micro px-micro py-nano w-fit font-bold text-label items-center flex", {
11
+ responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
12
+ intent?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
13
+ } | undefined;
14
+ } & import("tailwind-variants/dist/config").TWMConfig & {
15
+ twMergeConfig: {
16
+ classGroups: {
17
+ 'font-size': {
18
+ text: string[];
19
+ }[];
20
+ };
17
21
  };
18
22
  }, {
19
23
  intent: {
@@ -23,14 +27,6 @@ declare const tagStyles: import("tailwind-variants").TVReturnType<{
23
27
  info: string;
24
28
  white: string;
25
29
  };
26
- }>, {
27
- intent: {
28
- success: string;
29
- primary: string;
30
- secondary: string;
31
- info: string;
32
- white: string;
33
- };
34
30
  }, undefined, import("tailwind-variants").TVReturnType<{
35
31
  intent: {
36
32
  success: string;
package/package.json CHANGED
@@ -1,7 +1,8 @@
1
1
  {
2
2
  "name": "@tecsinapse/cortex-core",
3
- "version": "0.1.5",
4
- "description": "",
3
+ "version": "0.1.6",
4
+ "license": "MIT",
5
+ "description": "Core library for tailwindcss based design",
5
6
  "main": "dist/esm/index.js",
6
7
  "module": "dist/esm/index.js",
7
8
  "types": "dist/types/index.d.ts",
@@ -13,12 +14,23 @@
13
14
  "build:es": "rollup --config",
14
15
  "build:dts": "tsc --project tsconfig.build.json"
15
16
  },
16
- "author": "ryancarloscorrea",
17
- "license": "ISC",
18
17
  "dependencies": {
19
18
  "class-variance-authority": "^0.7.0",
20
- "tailwind-merge": "^2.0.0",
21
- "tailwind-variants": "^0.1.18"
19
+ "clsx": "*",
20
+ "tailwind-merge": "^2.3.0",
21
+ "tailwind-variants": "^0.2.1"
22
22
  },
23
- "gitHead": "b87da8712b36d9de22a98598c4efa8d785964bc3"
23
+ "repository": {
24
+ "type": "git",
25
+ "directory": "packages/cortex-core",
26
+ "url": "git+ssh://git@github.com/tecsinapse/design-system.git"
27
+ },
28
+ "bugs": {
29
+ "url": "https://github.com/tecsinapse/design-system/issues"
30
+ },
31
+ "homepage": "https://tecsinapse.github.io/design-system/",
32
+ "peerDependencies": {
33
+ "tailwindcss": ">=3.3.0"
34
+ },
35
+ "gitHead": "555f96fdf1bfb87f0b339668a1ccfa6e4dc6611e"
24
36
  }