@redseed/redseed-ui-tailwindcss 7.0.0 → 7.0.2

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/colors.css +1 -0
  2. package/components/badge.css +1 -1
  3. package/components/breadcrumbs.css +1 -1
  4. package/components/section.css +1 -1
  5. package/package.json +1 -1
  6. package/theme.css +1 -1
  7. 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/breadcrumbs.css CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  .rsui-breadcrumbs__item {
6
6
  @apply relative select-none pr-4 last:pr-0 last:after:hidden;
7
- @apply text-sm text-text-disabled leading-6;
7
+ @apply text-sm text-text-secondary leading-6;
8
8
  @apply after:absolute after:right-0.5 after:content-['\007C'];
9
9
  @apply after:w-0.5 after:h-full after:text-text-disabled;
10
10
  }
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.2",
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);