@tecsinapse/cortex-core 0.3.0-beta.4 → 0.3.0-beta.7

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 (4) hide show
  1. package/dist/cjs/components/input/input.js +4 -4
  2. package/dist/esm/components/input/input.js +4 -4
  3. package/dist/types/components/input/input.d.ts +4 -4
  4. package/package.json +2 -2
package/dist/cjs/components/input/input.js CHANGED
@@ -4,7 +4,7 @@ var tailwindVariants = require('tailwind-variants');
4
4
  var clsx = require('clsx');
5
5
 
6
6
  const inputBaseStyles = tailwindVariants.tv({
7
- base: "relative min-h-[44px] h-auto flex px-centi py-1.5 bg-white focus-within:outline focus-within:outline-1 text-base font-bold items-center border rounded-mili has-[:disabled]:bg-transparent",
7
+ base: "relative min-h-[44px] h-auto flex px-centi py-1.5 focus-within:outline focus-within:outline-1 text-base font-bold items-center bg-transparent border rounded-mili",
8
8
  variants: {
9
9
  intent: {
10
10
  default: [
@@ -38,13 +38,13 @@ const inputBaseStyles = tailwindVariants.tv({
38
38
  }
39
39
  });
40
40
  const labelBaseStyles = tailwindVariants.tv({
41
- base: "absolute duration-300 -translate-y-2 scale-[0.72] top-2.5 z-10 origin-[0] peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-0 peer-focus:scale-[0.72] peer-focus:-translate-y-2 peer-focus:top-2.5 font-bold text-base peer-disabled:text-secondary-light select-none",
41
+ base: "absolute duration-300 -translate-y-2 scale-[0.72] top-2.5 z-10 origin-[0] peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-0 peer-focus:scale-[0.72] peer-focus:-translate-y-2 peer-focus:top-2.5 font-bold text-base peer-disabled:text-secondary-light select-none w-max",
42
42
  variants: {
43
43
  intent: {
44
44
  default: [
45
45
  "text-secondary-medium",
46
46
  "peer-focus:text-secondary-medium",
47
- "peer-placeholder-shown:text-secondary-medium"
47
+ "peer-placeholder-shown:text-secondary-xdark"
48
48
  ],
49
49
  success: ["text-success-medium"],
50
50
  warning: ["text-warning-medium"],
@@ -63,7 +63,7 @@ const labelStyle = ({ intent, placeholder, className }) => labelBaseStyles({
63
63
  });
64
64
  const inputBox = (placeholder, label2, className) => clsx.clsx(
65
65
  className,
66
- "peer relative outline-none placeholder:text-base placeholder:text-secondary-medium placeholder-shown:top-0 disabled:placeholder:text-secondary-light disabled:text-secondary-light bg-transparent",
66
+ "peer relative outline-none placeholder:text-base placeholder:text-secondary-xdark placeholder-shown:top-0 disabled:bg-opacity-0 disabled:placeholder:text-secondary-light bg-transparent",
67
67
  {
68
68
  "focus:top-1.5": !placeholder && !!label2,
69
69
  "top-1.5": !!label2
package/dist/esm/components/input/input.js CHANGED
@@ -2,7 +2,7 @@ import { tv } from 'tailwind-variants';
2
2
  import { clsx } from 'clsx';
3
3
 
4
4
  const inputBaseStyles = tv({
5
- base: "relative min-h-[44px] h-auto flex px-centi py-1.5 bg-white focus-within:outline focus-within:outline-1 text-base font-bold items-center border rounded-mili has-[:disabled]:bg-transparent",
5
+ base: "relative min-h-[44px] h-auto flex px-centi py-1.5 focus-within:outline focus-within:outline-1 text-base font-bold items-center bg-transparent border rounded-mili",
6
6
  variants: {
7
7
  intent: {
8
8
  default: [
@@ -36,13 +36,13 @@ const inputBaseStyles = tv({
36
36
  }
37
37
  });
38
38
  const labelBaseStyles = tv({
39
- base: "absolute duration-300 -translate-y-2 scale-[0.72] top-2.5 z-10 origin-[0] peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-0 peer-focus:scale-[0.72] peer-focus:-translate-y-2 peer-focus:top-2.5 font-bold text-base peer-disabled:text-secondary-light select-none",
39
+ base: "absolute duration-300 -translate-y-2 scale-[0.72] top-2.5 z-10 origin-[0] peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-0 peer-focus:scale-[0.72] peer-focus:-translate-y-2 peer-focus:top-2.5 font-bold text-base peer-disabled:text-secondary-light select-none w-max",
40
40
  variants: {
41
41
  intent: {
42
42
  default: [
43
43
  "text-secondary-medium",
44
44
  "peer-focus:text-secondary-medium",
45
- "peer-placeholder-shown:text-secondary-medium"
45
+ "peer-placeholder-shown:text-secondary-xdark"
46
46
  ],
47
47
  success: ["text-success-medium"],
48
48
  warning: ["text-warning-medium"],
@@ -61,7 +61,7 @@ const labelStyle = ({ intent, placeholder, className }) => labelBaseStyles({
61
61
  });
62
62
  const inputBox = (placeholder, label2, className) => clsx(
63
63
  className,
64
- "peer relative outline-none placeholder:text-base placeholder:text-secondary-medium placeholder-shown:top-0 disabled:placeholder:text-secondary-light disabled:text-secondary-light bg-transparent",
64
+ "peer relative outline-none placeholder:text-base placeholder:text-secondary-xdark placeholder-shown:top-0 disabled:bg-opacity-0 disabled:placeholder:text-secondary-light bg-transparent",
65
65
  {
66
66
  "focus:top-1.5": !placeholder && !!label2,
67
67
  "top-1.5": !!label2
package/dist/types/components/input/input.d.ts CHANGED
@@ -6,7 +6,7 @@ export declare const inputBaseStyles: import("tailwind-variants").TVReturnType<{
6
6
  warning: string[];
7
7
  error: string[];
8
8
  };
9
- }, undefined, "relative min-h-[44px] h-auto flex px-centi py-1.5 bg-white focus-within:outline focus-within:outline-1 text-base font-bold items-center border rounded-mili has-[:disabled]:bg-transparent", import("tailwind-variants/dist/config").TVConfig<{
9
+ }, undefined, "relative min-h-[44px] h-auto flex px-centi py-1.5 focus-within:outline focus-within:outline-1 text-base font-bold items-center bg-transparent border rounded-mili", import("tailwind-variants/dist/config").TVConfig<{
10
10
  intent: {
11
11
  default: string[];
12
12
  success: string[];
@@ -34,7 +34,7 @@ export declare const inputBaseStyles: import("tailwind-variants").TVReturnType<{
34
34
  warning: string[];
35
35
  error: string[];
36
36
  };
37
- }, undefined, "relative min-h-[44px] h-auto flex px-centi py-1.5 bg-white focus-within:outline focus-within:outline-1 text-base font-bold items-center border rounded-mili has-[:disabled]:bg-transparent", import("tailwind-variants/dist/config").TVConfig<{
37
+ }, undefined, "relative min-h-[44px] h-auto flex px-centi py-1.5 focus-within:outline focus-within:outline-1 text-base font-bold items-center bg-transparent border rounded-mili", import("tailwind-variants/dist/config").TVConfig<{
38
38
  intent: {
39
39
  default: string[];
40
40
  success: string[];
@@ -56,7 +56,7 @@ declare const labelBaseStyles: import("tailwind-variants").TVReturnType<{
56
56
  warning: string[];
57
57
  error: string[];
58
58
  };
59
- }, undefined, "absolute duration-300 -translate-y-2 scale-[0.72] top-2.5 z-10 origin-[0] peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-0 peer-focus:scale-[0.72] peer-focus:-translate-y-2 peer-focus:top-2.5 font-bold text-base peer-disabled:text-secondary-light select-none", import("tailwind-variants/dist/config").TVConfig<{
59
+ }, undefined, "absolute duration-300 -translate-y-2 scale-[0.72] top-2.5 z-10 origin-[0] peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-0 peer-focus:scale-[0.72] peer-focus:-translate-y-2 peer-focus:top-2.5 font-bold text-base peer-disabled:text-secondary-light select-none w-max", import("tailwind-variants/dist/config").TVConfig<{
60
60
  intent: {
61
61
  default: string[];
62
62
  success: string[];
@@ -84,7 +84,7 @@ declare const labelBaseStyles: import("tailwind-variants").TVReturnType<{
84
84
  warning: string[];
85
85
  error: string[];
86
86
  };
87
- }, undefined, "absolute duration-300 -translate-y-2 scale-[0.72] top-2.5 z-10 origin-[0] peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-0 peer-focus:scale-[0.72] peer-focus:-translate-y-2 peer-focus:top-2.5 font-bold text-base peer-disabled:text-secondary-light select-none", import("tailwind-variants/dist/config").TVConfig<{
87
+ }, undefined, "absolute duration-300 -translate-y-2 scale-[0.72] top-2.5 z-10 origin-[0] peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-0 peer-focus:scale-[0.72] peer-focus:-translate-y-2 peer-focus:top-2.5 font-bold text-base peer-disabled:text-secondary-light select-none w-max", import("tailwind-variants/dist/config").TVConfig<{
88
88
  intent: {
89
89
  default: string[];
90
90
  success: string[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tecsinapse/cortex-core",
3
- "version": "0.3.0-beta.4",
3
+ "version": "0.3.0-beta.7",
4
4
  "license": "MIT",
5
5
  "description": "Core library for tailwindcss based design",
6
6
  "main": "dist/esm/index.js",
@@ -31,5 +31,5 @@
31
31
  "peerDependencies": {
32
32
  "tailwindcss": ">=3.3.0"
33
33
  },
34
- "gitHead": "1474ff5567adf5659cc49acefa0a4b90956dccb9"
34
+ "gitHead": "61d923bfc8f23ec1d0347cdf889f3841c468ff5c"
35
35
  }