@redseed/redseed-ui-tailwindcss 7.0.0 → 7.0.1

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 (6) hide show
  1. package/colors.css +1 -0
  2. package/components/badge.css +1 -1
  3. package/components/section.css +1 -1
  4. package/package.json +1 -1
  5. package/theme.css +1 -1
  6. package/tokens.css +36 -35
package/colors.css CHANGED
@@ -482,6 +482,7 @@
482
482
  --Colors-Effects-Shadows-shadow-3xl_02: hsla(220, 29%, 5%, 0.04);
483
483
  --Colors-Effects-Shadows-shadow-skeumorphic-inner: hsla(220, 29%, 5%, 0.05);
484
484
  --Colors-Effects-Shadows-shadow-skeumorphic-inner-border: hsla(220, 29%, 5%, 0.18);
485
+
485
486
  --Colors-Background-AI-1: hsla(264, 74%, 93%, 1);
486
487
  --Colors-Background-AI-2: hsla(33, 100%, 96%, 1);
487
488
  }
package/components/badge.css CHANGED
@@ -33,5 +33,5 @@
33
33
  }
34
34
 
35
35
  .rsui-badge--ai {
36
- @apply text-text-ai bg-linear-45 from-background-ai-from to-background-ai-to border border-border-ai;
36
+ @apply text-text-ai bg-linear-to-tr from-background-ai-from to-background-ai-to border border-border-ai;
37
37
  }
package/components/section.css CHANGED
@@ -35,7 +35,7 @@
35
35
  }
36
36
 
37
37
  .rsui-section--ai {
38
- @apply bg-linear-45 from-background-ai-from to-background-ai-to;
38
+ @apply bg-linear-to-tr from-background-ai-from to-background-ai-to;
39
39
  background-size: 160% 160%;
40
40
  background-position: 0% 50%;
41
41
  animation: rsui-section-ai-gradient 3s ease-in-out infinite alternate;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redseed/redseed-ui-tailwindcss",
3
- "version": "7.0.0",
3
+ "version": "7.0.1",
4
4
  "description": "RedSeed UI Tailwindcss",
5
5
  "main": "index.js",
6
6
  "style": "index.css",
package/theme.css CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  @theme inline {
23
23
 
24
- /* RedSeed colors */
24
+ /* Replace default colors with RedSeed colors */
25
25
  --color-*: initial; /* remove default colors */
26
26
 
27
27
  --color-white: var(--Colors-Base-white);
package/tokens.css CHANGED
@@ -1,54 +1,55 @@
1
1
  @theme inline {
2
2
  --color-text-primary: var(--Colors-Grey-900);
3
- --color-text-secondary: var(--Colors-Grey-700);
4
- --color-text-disabled: var(--Colors-Grey-400);
5
- --color-text-brand: var(--Colors-Brand-900);
6
- --color-text-success: var(--Colors-Success-600);
7
- --color-text-warning: var(--Colors-Warning-600);
8
- --color-text-error: var(--Colors-Error-600);
9
- --color-text-info: var(--Colors-Blue-600);
3
+ --color-text-secondary: var(--Colors-Grey-500);
4
+ --color-text-brand: var(--Colors-Brand-500);
5
+ --color-text-disabled: var(--Colors-Grey-300);
6
+ --color-text-success: var(--Colors-RedSeed-Green-500);
7
+ --color-text-warning: var(--Colors-RedSeed-Yellow-500);
8
+ --color-text-error: var(--Colors-RedSeed-Red-500);
9
+ --color-text-info: var(--Colors-RedSeed-Blue-500);
10
10
  --color-text-ai: var(--Colors-RedSeed-Purple-500);
11
11
  --color-text-on-color: var(--Colors-Base-white);
12
12
 
13
13
  --color-background-primary: var(--Colors-Base-white);
14
14
  --color-background-primary-contrast: var(--Colors-Grey-800);
15
- --color-background-primary-invert: var(--Colors-Grey-100);
15
+ --color-background-primary-invert: var(--Colors-Grey-300);
16
16
  --color-background-secondary: var(--Colors-Grey-50);
17
- --color-background-secondary-contrast: var(--Colors-Grey-800);
18
- --color-background-secondary-invert: var(--Colors-Grey-50);
19
- --color-background-tertiary: var(--Colors-Grey-100);
20
- --color-background-tertiary-contrast: var(--Colors-Grey-800);
21
- --color-background-disabled: var(--Colors-Grey-100);
22
- --color-background-disabled-contrast: var(--Colors-Grey-400);
23
- --color-background-disabled-invert: var(--Colors-Grey-100);
24
- --color-background-brand: var(--Colors-Brand-50);
17
+ --color-background-secondary-contrast: var(--Colors-Grey-500);
18
+ --color-background-secondary-invert: var(--Colors-Grey-200);
19
+ --color-background-tertiary: var(--Colors-Grey-25);
20
+ --color-background-tertiary-contrast: var(--Colors-Grey-400);
21
+ --color-background-tertiary-invert: var(--Colors-Grey-100);
22
+ --color-background-brand: var(--Colors-Brand-25);
25
23
  --color-background-brand-contrast: var(--Colors-Brand-500);
26
- --color-background-brand-invert: var(--Colors-Brand-25);
27
- --color-background-success: var(--Colors-Success-50);
28
- --color-background-success-contrast: var(--Colors-Success-500);
29
- --color-background-success-invert: var(--Colors-Success-50);
30
- --color-background-warning: var(--Colors-Warning-50);
31
- --color-background-warning-contrast: var(--Colors-Warning-500);
32
- --color-background-warning-invert: var(--Colors-Warning-50);
33
- --color-background-error: var(--Colors-Error-50);
34
- --color-background-error-contrast: var(--Colors-Error-500);
35
- --color-background-error-invert: var(--Colors-Error-50);
36
- --color-background-info: var(--Colors-Blue-50);
37
- --color-background-info-contrast: var(--Colors-Blue-500);
38
- --color-background-info-invert: var(--Colors-Blue-50);
24
+ --color-background-brand-invert: var(--Colors-Brand-50);
25
+ --color-background-disabled: var(--Colors-Grey-25);
26
+ --color-background-disabled-contrast: var(--Colors-Grey-300);
27
+ --color-background-disabled-invert: var(--Colors-Grey-100);
28
+ --color-background-success: var(--Colors-RedSeed-Green-10);
29
+ --color-background-success-contrast: var(--Colors-RedSeed-Green-500);
30
+ --color-background-success-invert: var(--Colors-RedSeed-Green-20);
31
+ --color-background-warning: var(--Colors-RedSeed-Yellow-10);
32
+ --color-background-warning-contrast: var(--Colors-RedSeed-Yellow-500);
33
+ --color-background-warning-invert: var(--Colors-RedSeed-Yellow-20);
34
+ --color-background-error: var(--Colors-RedSeed-Red-10);
35
+ --color-background-error-contrast: var(--Colors-RedSeed-Red-500);
36
+ --color-background-error-invert: var(--Colors-RedSeed-Red-20);
37
+ --color-background-info: var(--Colors-RedSeed-Blue-10);
38
+ --color-background-info-contrast: var(--Colors-RedSeed-Blue-500);
39
+ --color-background-info-invert: var(--Colors-RedSeed-Blue-20);
39
40
  --color-background-ai-from: var(--Colors-Background-AI-1);
40
41
  --color-background-ai-to: var(--Colors-Background-AI-2);
41
42
  --color-background-ai-contrast: var(--Colors-RedSeed-Purple-500);
42
- --color-background-ai-invert: var(--Colors-RedSeed-Purple-25);
43
+ --color-background-ai-invert: var(--Colors-RedSeed-Purple-20);
43
44
 
44
45
  --color-border-primary: var(--Colors-Grey-400);
45
46
  --color-border-secondary: var(--Colors-Grey-300);
46
- --color-border-disabled: var(--Colors-Grey-300);
47
47
  --color-border-brand: var(--Colors-Brand-200);
48
- --color-border-success: var(--Colors-Success-200);
49
- --color-border-warning: var(--Colors-Warning-200);
50
- --color-border-error: var(--Colors-Error-200);
51
- --color-border-info: var(--Colors-Blue-200);
48
+ --color-border-disabled: var(--Colors-Grey-300);
49
+ --color-border-success: var(--Colors-RedSeed-Green-200);
50
+ --color-border-warning: var(--Colors-RedSeed-Yellow-200);
51
+ --color-border-error: var(--Colors-RedSeed-Red-200);
52
+ --color-border-info: var(--Colors-RedSeed-Blue-200);
52
53
  --color-border-ai: var(--Colors-RedSeed-Purple-200);
53
54
 
54
55
  --color-button-primary: var(--Colors-Brand-600);