@alfalab/core-components-vars 9.18.0 → 9.19.0

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 (13) hide show
  1. package/colors-brand.css +10 -0
  2. package/colors-promo-dark.css +5 -0
  3. package/colors-promo.css +40 -0
  4. package/cssm/colors-brand.css +10 -0
  5. package/cssm/colors-promo-dark.css +5 -0
  6. package/cssm/colors-promo.css +40 -0
  7. package/moderncssm/colors-brand.css +10 -0
  8. package/moderncssm/colors-promo-dark.css +5 -0
  9. package/moderncssm/colors-promo.css +40 -0
  10. package/package.json +1 -1
  11. package/src/colors-brand.css +10 -0
  12. package/src/colors-promo-dark.css +5 -0
  13. package/src/colors-promo.css +40 -0
package/colors-brand.css ADDED
@@ -0,0 +1,10 @@
1
+ :root {
2
+ --color-static-brand-black: #000;
3
+ --color-static-brand-blue: #0056ff;
4
+ --color-static-brand-bright-blue: #00e8f0;
5
+ --color-static-brand-green: #31e300;
6
+ --color-static-brand-red: #ef3124;
7
+ --color-static-brand-violet: #6a4dff;
8
+ --color-static-brand-warm-green: #a8f000;
9
+ --color-static-brand-white: #fff;
10
+ }
package/colors-promo-dark.css ADDED
@@ -0,0 +1,5 @@
1
+ :root {
2
+ --color-light-promo-muted-menthol: var(--color-dark-promo-muted-menthol);
3
+ --color-light-promo-muted-sonata: var(--color-dark-promo-muted-sonata);
4
+ --color-light-promo-muted-tomato: var(--color-dark-promo-muted-tomato);
5
+ }
package/colors-promo.css ADDED
@@ -0,0 +1,40 @@
1
+ :root {
2
+ --color-dark-promo-muted-menthol: #1b2816;
3
+ --color-dark-promo-muted-sonata: #222a3e;
4
+ --color-dark-promo-muted-tomato: #3e2321;
5
+ --color-light-promo-muted-menthol: #eafae2;
6
+ --color-light-promo-muted-sonata: #e9f6fd;
7
+ --color-light-promo-muted-tomato: #fdf1f1;
8
+ --color-static-promo-chardonnay: #ffcf99;
9
+ --color-static-promo-conclave: #b3ccff;
10
+ --color-static-promo-gravel: #2a2c2f;
11
+ --color-static-promo-lagoon: #9df2f5;
12
+ --color-static-promo-menthol: #bff0a8;
13
+ --color-static-promo-oasis: #dfbfff;
14
+ --color-static-promo-pale-chardonnay: #ffe5c7;
15
+ --color-static-promo-pale-conclave: #d6e6ff;
16
+ --color-static-promo-pale-lagoon: #c5f8fa;
17
+ --color-static-promo-pale-oasis: #ebd6ff;
18
+ --color-static-promo-pale-pearl: #f1f4f4;
19
+ --color-static-promo-pale-primrose: #eaffb3;
20
+ --color-static-promo-pale-seafoam: #d6ffe7;
21
+ --color-static-promo-pale-tomato: #ffdbd8;
22
+ --color-static-promo-peach: #ffcbb3;
23
+ --color-static-promo-pearl: #eaeeee;
24
+ --color-static-promo-prelude: #c7bfff;
25
+ --color-static-promo-primrose: #d6f09a;
26
+ --color-static-promo-seafoam: #a0fac6;
27
+ --color-static-promo-sonata: #9edfff;
28
+ --color-static-promo-tomato: #ffcac7;
29
+ --color-static-promo-vibrant-chardonnay: #fa9319;
30
+ --color-static-promo-vibrant-conclave: #266fff;
31
+ --color-static-promo-vibrant-lagoon: #00e8f0;
32
+ --color-static-promo-vibrant-menthol: #31e300;
33
+ --color-static-promo-vibrant-oasis: #93f;
34
+ --color-static-promo-vibrant-peach: #ff681c;
35
+ --color-static-promo-vibrant-prelude: #6a4dff;
36
+ --color-static-promo-vibrant-primrose: #a8f000;
37
+ --color-static-promo-vibrant-seafoam: #00f064;
38
+ --color-static-promo-vibrant-sonata: #17a0e5;
39
+ --color-static-promo-vibrant-tomato: #ef3124;
40
+ }
package/cssm/colors-brand.css ADDED
@@ -0,0 +1,10 @@
1
+ :root {
2
+ --color-static-brand-black: #000;
3
+ --color-static-brand-blue: #0056ff;
4
+ --color-static-brand-bright-blue: #00e8f0;
5
+ --color-static-brand-green: #31e300;
6
+ --color-static-brand-red: #ef3124;
7
+ --color-static-brand-violet: #6a4dff;
8
+ --color-static-brand-warm-green: #a8f000;
9
+ --color-static-brand-white: #fff;
10
+ }
package/cssm/colors-promo-dark.css ADDED
@@ -0,0 +1,5 @@
1
+ :root {
2
+ --color-light-promo-muted-menthol: var(--color-dark-promo-muted-menthol);
3
+ --color-light-promo-muted-sonata: var(--color-dark-promo-muted-sonata);
4
+ --color-light-promo-muted-tomato: var(--color-dark-promo-muted-tomato);
5
+ }
package/cssm/colors-promo.css ADDED
@@ -0,0 +1,40 @@
1
+ :root {
2
+ --color-dark-promo-muted-menthol: #1b2816;
3
+ --color-dark-promo-muted-sonata: #222a3e;
4
+ --color-dark-promo-muted-tomato: #3e2321;
5
+ --color-light-promo-muted-menthol: #eafae2;
6
+ --color-light-promo-muted-sonata: #e9f6fd;
7
+ --color-light-promo-muted-tomato: #fdf1f1;
8
+ --color-static-promo-chardonnay: #ffcf99;
9
+ --color-static-promo-conclave: #b3ccff;
10
+ --color-static-promo-gravel: #2a2c2f;
11
+ --color-static-promo-lagoon: #9df2f5;
12
+ --color-static-promo-menthol: #bff0a8;
13
+ --color-static-promo-oasis: #dfbfff;
14
+ --color-static-promo-pale-chardonnay: #ffe5c7;
15
+ --color-static-promo-pale-conclave: #d6e6ff;
16
+ --color-static-promo-pale-lagoon: #c5f8fa;
17
+ --color-static-promo-pale-oasis: #ebd6ff;
18
+ --color-static-promo-pale-pearl: #f1f4f4;
19
+ --color-static-promo-pale-primrose: #eaffb3;
20
+ --color-static-promo-pale-seafoam: #d6ffe7;
21
+ --color-static-promo-pale-tomato: #ffdbd8;
22
+ --color-static-promo-peach: #ffcbb3;
23
+ --color-static-promo-pearl: #eaeeee;
24
+ --color-static-promo-prelude: #c7bfff;
25
+ --color-static-promo-primrose: #d6f09a;
26
+ --color-static-promo-seafoam: #a0fac6;
27
+ --color-static-promo-sonata: #9edfff;
28
+ --color-static-promo-tomato: #ffcac7;
29
+ --color-static-promo-vibrant-chardonnay: #fa9319;
30
+ --color-static-promo-vibrant-conclave: #266fff;
31
+ --color-static-promo-vibrant-lagoon: #00e8f0;
32
+ --color-static-promo-vibrant-menthol: #31e300;
33
+ --color-static-promo-vibrant-oasis: #93f;
34
+ --color-static-promo-vibrant-peach: #ff681c;
35
+ --color-static-promo-vibrant-prelude: #6a4dff;
36
+ --color-static-promo-vibrant-primrose: #a8f000;
37
+ --color-static-promo-vibrant-seafoam: #00f064;
38
+ --color-static-promo-vibrant-sonata: #17a0e5;
39
+ --color-static-promo-vibrant-tomato: #ef3124;
40
+ }
package/moderncssm/colors-brand.css ADDED
@@ -0,0 +1,10 @@
1
+ :root {
2
+ --color-static-brand-black: #000;
3
+ --color-static-brand-blue: #0056ff;
4
+ --color-static-brand-bright-blue: #00e8f0;
5
+ --color-static-brand-green: #31e300;
6
+ --color-static-brand-red: #ef3124;
7
+ --color-static-brand-violet: #6a4dff;
8
+ --color-static-brand-warm-green: #a8f000;
9
+ --color-static-brand-white: #fff;
10
+ }
package/moderncssm/colors-promo-dark.css ADDED
@@ -0,0 +1,5 @@
1
+ :root {
2
+ --color-light-promo-muted-menthol: var(--color-dark-promo-muted-menthol);
3
+ --color-light-promo-muted-sonata: var(--color-dark-promo-muted-sonata);
4
+ --color-light-promo-muted-tomato: var(--color-dark-promo-muted-tomato);
5
+ }
package/moderncssm/colors-promo.css ADDED
@@ -0,0 +1,40 @@
1
+ :root {
2
+ --color-dark-promo-muted-menthol: #1b2816;
3
+ --color-dark-promo-muted-sonata: #222a3e;
4
+ --color-dark-promo-muted-tomato: #3e2321;
5
+ --color-light-promo-muted-menthol: #eafae2;
6
+ --color-light-promo-muted-sonata: #e9f6fd;
7
+ --color-light-promo-muted-tomato: #fdf1f1;
8
+ --color-static-promo-chardonnay: #ffcf99;
9
+ --color-static-promo-conclave: #b3ccff;
10
+ --color-static-promo-gravel: #2a2c2f;
11
+ --color-static-promo-lagoon: #9df2f5;
12
+ --color-static-promo-menthol: #bff0a8;
13
+ --color-static-promo-oasis: #dfbfff;
14
+ --color-static-promo-pale-chardonnay: #ffe5c7;
15
+ --color-static-promo-pale-conclave: #d6e6ff;
16
+ --color-static-promo-pale-lagoon: #c5f8fa;
17
+ --color-static-promo-pale-oasis: #ebd6ff;
18
+ --color-static-promo-pale-pearl: #f1f4f4;
19
+ --color-static-promo-pale-primrose: #eaffb3;
20
+ --color-static-promo-pale-seafoam: #d6ffe7;
21
+ --color-static-promo-pale-tomato: #ffdbd8;
22
+ --color-static-promo-peach: #ffcbb3;
23
+ --color-static-promo-pearl: #eaeeee;
24
+ --color-static-promo-prelude: #c7bfff;
25
+ --color-static-promo-primrose: #d6f09a;
26
+ --color-static-promo-seafoam: #a0fac6;
27
+ --color-static-promo-sonata: #9edfff;
28
+ --color-static-promo-tomato: #ffcac7;
29
+ --color-static-promo-vibrant-chardonnay: #fa9319;
30
+ --color-static-promo-vibrant-conclave: #266fff;
31
+ --color-static-promo-vibrant-lagoon: #00e8f0;
32
+ --color-static-promo-vibrant-menthol: #31e300;
33
+ --color-static-promo-vibrant-oasis: #93f;
34
+ --color-static-promo-vibrant-peach: #ff681c;
35
+ --color-static-promo-vibrant-prelude: #6a4dff;
36
+ --color-static-promo-vibrant-primrose: #a8f000;
37
+ --color-static-promo-vibrant-seafoam: #00f064;
38
+ --color-static-promo-vibrant-sonata: #17a0e5;
39
+ --color-static-promo-vibrant-tomato: #ef3124;
40
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-vars",
3
- "version": "9.18.0",
3
+ "version": "9.19.0",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
package/src/colors-brand.css ADDED
@@ -0,0 +1,10 @@
1
+ :root {
2
+ --color-static-brand-black: #000;
3
+ --color-static-brand-blue: #0056ff;
4
+ --color-static-brand-bright-blue: #00e8f0;
5
+ --color-static-brand-green: #31e300;
6
+ --color-static-brand-red: #ef3124;
7
+ --color-static-brand-violet: #6a4dff;
8
+ --color-static-brand-warm-green: #a8f000;
9
+ --color-static-brand-white: #fff;
10
+ }
package/src/colors-promo-dark.css ADDED
@@ -0,0 +1,5 @@
1
+ :root {
2
+ --color-light-promo-muted-menthol: var(--color-dark-promo-muted-menthol);
3
+ --color-light-promo-muted-sonata: var(--color-dark-promo-muted-sonata);
4
+ --color-light-promo-muted-tomato: var(--color-dark-promo-muted-tomato);
5
+ }
package/src/colors-promo.css ADDED
@@ -0,0 +1,40 @@
1
+ :root {
2
+ --color-dark-promo-muted-menthol: #1b2816;
3
+ --color-dark-promo-muted-sonata: #222a3e;
4
+ --color-dark-promo-muted-tomato: #3e2321;
5
+ --color-light-promo-muted-menthol: #eafae2;
6
+ --color-light-promo-muted-sonata: #e9f6fd;
7
+ --color-light-promo-muted-tomato: #fdf1f1;
8
+ --color-static-promo-chardonnay: #ffcf99;
9
+ --color-static-promo-conclave: #b3ccff;
10
+ --color-static-promo-gravel: #2a2c2f;
11
+ --color-static-promo-lagoon: #9df2f5;
12
+ --color-static-promo-menthol: #bff0a8;
13
+ --color-static-promo-oasis: #dfbfff;
14
+ --color-static-promo-pale-chardonnay: #ffe5c7;
15
+ --color-static-promo-pale-conclave: #d6e6ff;
16
+ --color-static-promo-pale-lagoon: #c5f8fa;
17
+ --color-static-promo-pale-oasis: #ebd6ff;
18
+ --color-static-promo-pale-pearl: #f1f4f4;
19
+ --color-static-promo-pale-primrose: #eaffb3;
20
+ --color-static-promo-pale-seafoam: #d6ffe7;
21
+ --color-static-promo-pale-tomato: #ffdbd8;
22
+ --color-static-promo-peach: #ffcbb3;
23
+ --color-static-promo-pearl: #eaeeee;
24
+ --color-static-promo-prelude: #c7bfff;
25
+ --color-static-promo-primrose: #d6f09a;
26
+ --color-static-promo-seafoam: #a0fac6;
27
+ --color-static-promo-sonata: #9edfff;
28
+ --color-static-promo-tomato: #ffcac7;
29
+ --color-static-promo-vibrant-chardonnay: #fa9319;
30
+ --color-static-promo-vibrant-conclave: #266fff;
31
+ --color-static-promo-vibrant-lagoon: #00e8f0;
32
+ --color-static-promo-vibrant-menthol: #31e300;
33
+ --color-static-promo-vibrant-oasis: #93f;
34
+ --color-static-promo-vibrant-peach: #ff681c;
35
+ --color-static-promo-vibrant-prelude: #6a4dff;
36
+ --color-static-promo-vibrant-primrose: #a8f000;
37
+ --color-static-promo-vibrant-seafoam: #00f064;
38
+ --color-static-promo-vibrant-sonata: #17a0e5;
39
+ --color-static-promo-vibrant-tomato: #ef3124;
40
+ }