@alfalab/core-components-vars 9.20.2 → 9.22.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 (21) hide show
  1. package/colors-promo-dark.css +2 -0
  2. package/colors-promo.css +5 -0
  3. package/colors-promo.module.d.ts +5 -0
  4. package/colors-promo.module.js +5 -0
  5. package/cssm/colors-promo-dark.css +2 -0
  6. package/cssm/colors-promo.css +5 -0
  7. package/cssm/colors-promo.module.d.ts +5 -0
  8. package/cssm/colors-promo.module.js +5 -0
  9. package/esm/colors-promo.module.d.ts +5 -0
  10. package/esm/colors-promo.module.js +5 -0
  11. package/mixins.css +8 -0
  12. package/modern/colors-promo.module.d.ts +5 -0
  13. package/modern/colors-promo.module.js +5 -0
  14. package/moderncssm/colors-promo-dark.css +2 -0
  15. package/moderncssm/colors-promo.css +5 -0
  16. package/moderncssm/colors-promo.module.d.ts +5 -0
  17. package/moderncssm/colors-promo.module.js +5 -0
  18. package/package.json +1 -1
  19. package/src/colors-promo-dark.css +2 -0
  20. package/src/colors-promo.css +5 -0
  21. package/src/mixins.css +8 -0
package/colors-promo-dark.css CHANGED
@@ -1,4 +1,6 @@
1
1
  :root {
2
+ --color-light-promo-classic: var(--color-dark-promo-classic);
3
+ --color-light-promo-muted-gravel: var(--color-dark-promo-muted-gravel);
2
4
  --color-light-promo-muted-menthol: var(--color-dark-promo-muted-menthol);
3
5
  --color-light-promo-muted-sonata: var(--color-dark-promo-muted-sonata);
4
6
  --color-light-promo-muted-tomato: var(--color-dark-promo-muted-tomato);
package/colors-promo.css CHANGED
@@ -1,10 +1,15 @@
1
1
  :root {
2
+ --color-dark-promo-classic: #2a2c2f;
3
+ --color-dark-promo-muted-gravel: #353539;
2
4
  --color-dark-promo-muted-menthol: #1b2816;
3
5
  --color-dark-promo-muted-sonata: #222a3e;
4
6
  --color-dark-promo-muted-tomato: #3e2321;
7
+ --color-light-promo-classic: #000;
8
+ --color-light-promo-muted-gravel: #2a2c2f;
5
9
  --color-light-promo-muted-menthol: #eafae2;
6
10
  --color-light-promo-muted-sonata: #e9f6fd;
7
11
  --color-light-promo-muted-tomato: #fdf1f1;
12
+ --color-static-promo-classic: #000;
8
13
  --color-static-promo-chardonnay: #ffcf99;
9
14
  --color-static-promo-conclave: #b3ccff;
10
15
  --color-static-promo-gravel: #2a2c2f;
package/colors-promo.module.d.ts CHANGED
@@ -1,9 +1,14 @@
1
+ export const colorDarkPromoClassic: "#2a2c2f";
2
+ export const colorDarkPromoMutedGravel: "#353539";
1
3
  export const colorDarkPromoMutedMenthol: "#1b2816";
2
4
  export const colorDarkPromoMutedSonata: "#222a3e";
3
5
  export const colorDarkPromoMutedTomato: "#3e2321";
6
+ export const colorLightPromoClassic: "#000";
7
+ export const colorLightPromoMutedGravel: "#2a2c2f";
4
8
  export const colorLightPromoMutedMenthol: "#eafae2";
5
9
  export const colorLightPromoMutedSonata: "#e9f6fd";
6
10
  export const colorLightPromoMutedTomato: "#fdf1f1";
11
+ export const colorStaticPromoClassic: "#000";
7
12
  export const colorStaticPromoChardonnay: "#ffcf99";
8
13
  export const colorStaticPromoConclave: "#b3ccff";
9
14
  export const colorStaticPromoGravel: "#2a2c2f";
package/colors-promo.module.js CHANGED
@@ -1,9 +1,14 @@
1
+ module.exports.colorDarkPromoClassic = "#2a2c2f";
2
+ module.exports.colorDarkPromoMutedGravel = "#353539";
1
3
  module.exports.colorDarkPromoMutedMenthol = "#1b2816";
2
4
  module.exports.colorDarkPromoMutedSonata = "#222a3e";
3
5
  module.exports.colorDarkPromoMutedTomato = "#3e2321";
6
+ module.exports.colorLightPromoClassic = "#000";
7
+ module.exports.colorLightPromoMutedGravel = "#2a2c2f";
4
8
  module.exports.colorLightPromoMutedMenthol = "#eafae2";
5
9
  module.exports.colorLightPromoMutedSonata = "#e9f6fd";
6
10
  module.exports.colorLightPromoMutedTomato = "#fdf1f1";
11
+ module.exports.colorStaticPromoClassic = "#000";
7
12
  module.exports.colorStaticPromoChardonnay = "#ffcf99";
8
13
  module.exports.colorStaticPromoConclave = "#b3ccff";
9
14
  module.exports.colorStaticPromoGravel = "#2a2c2f";
package/cssm/colors-promo-dark.css CHANGED
@@ -1,4 +1,6 @@
1
1
  :root {
2
+ --color-light-promo-classic: var(--color-dark-promo-classic);
3
+ --color-light-promo-muted-gravel: var(--color-dark-promo-muted-gravel);
2
4
  --color-light-promo-muted-menthol: var(--color-dark-promo-muted-menthol);
3
5
  --color-light-promo-muted-sonata: var(--color-dark-promo-muted-sonata);
4
6
  --color-light-promo-muted-tomato: var(--color-dark-promo-muted-tomato);
package/cssm/colors-promo.css CHANGED
@@ -1,10 +1,15 @@
1
1
  :root {
2
+ --color-dark-promo-classic: #2a2c2f;
3
+ --color-dark-promo-muted-gravel: #353539;
2
4
  --color-dark-promo-muted-menthol: #1b2816;
3
5
  --color-dark-promo-muted-sonata: #222a3e;
4
6
  --color-dark-promo-muted-tomato: #3e2321;
7
+ --color-light-promo-classic: #000;
8
+ --color-light-promo-muted-gravel: #2a2c2f;
5
9
  --color-light-promo-muted-menthol: #eafae2;
6
10
  --color-light-promo-muted-sonata: #e9f6fd;
7
11
  --color-light-promo-muted-tomato: #fdf1f1;
12
+ --color-static-promo-classic: #000;
8
13
  --color-static-promo-chardonnay: #ffcf99;
9
14
  --color-static-promo-conclave: #b3ccff;
10
15
  --color-static-promo-gravel: #2a2c2f;
package/cssm/colors-promo.module.d.ts CHANGED
@@ -1,9 +1,14 @@
1
+ export const colorDarkPromoClassic: "#2a2c2f";
2
+ export const colorDarkPromoMutedGravel: "#353539";
1
3
  export const colorDarkPromoMutedMenthol: "#1b2816";
2
4
  export const colorDarkPromoMutedSonata: "#222a3e";
3
5
  export const colorDarkPromoMutedTomato: "#3e2321";
6
+ export const colorLightPromoClassic: "#000";
7
+ export const colorLightPromoMutedGravel: "#2a2c2f";
4
8
  export const colorLightPromoMutedMenthol: "#eafae2";
5
9
  export const colorLightPromoMutedSonata: "#e9f6fd";
6
10
  export const colorLightPromoMutedTomato: "#fdf1f1";
11
+ export const colorStaticPromoClassic: "#000";
7
12
  export const colorStaticPromoChardonnay: "#ffcf99";
8
13
  export const colorStaticPromoConclave: "#b3ccff";
9
14
  export const colorStaticPromoGravel: "#2a2c2f";
package/cssm/colors-promo.module.js CHANGED
@@ -1,9 +1,14 @@
1
+ module.exports.colorDarkPromoClassic = "#2a2c2f";
2
+ module.exports.colorDarkPromoMutedGravel = "#353539";
1
3
  module.exports.colorDarkPromoMutedMenthol = "#1b2816";
2
4
  module.exports.colorDarkPromoMutedSonata = "#222a3e";
3
5
  module.exports.colorDarkPromoMutedTomato = "#3e2321";
6
+ module.exports.colorLightPromoClassic = "#000";
7
+ module.exports.colorLightPromoMutedGravel = "#2a2c2f";
4
8
  module.exports.colorLightPromoMutedMenthol = "#eafae2";
5
9
  module.exports.colorLightPromoMutedSonata = "#e9f6fd";
6
10
  module.exports.colorLightPromoMutedTomato = "#fdf1f1";
11
+ module.exports.colorStaticPromoClassic = "#000";
7
12
  module.exports.colorStaticPromoChardonnay = "#ffcf99";
8
13
  module.exports.colorStaticPromoConclave = "#b3ccff";
9
14
  module.exports.colorStaticPromoGravel = "#2a2c2f";
package/esm/colors-promo.module.d.ts CHANGED
@@ -1,9 +1,14 @@
1
+ export const colorDarkPromoClassic: "#2a2c2f";
2
+ export const colorDarkPromoMutedGravel: "#353539";
1
3
  export const colorDarkPromoMutedMenthol: "#1b2816";
2
4
  export const colorDarkPromoMutedSonata: "#222a3e";
3
5
  export const colorDarkPromoMutedTomato: "#3e2321";
6
+ export const colorLightPromoClassic: "#000";
7
+ export const colorLightPromoMutedGravel: "#2a2c2f";
4
8
  export const colorLightPromoMutedMenthol: "#eafae2";
5
9
  export const colorLightPromoMutedSonata: "#e9f6fd";
6
10
  export const colorLightPromoMutedTomato: "#fdf1f1";
11
+ export const colorStaticPromoClassic: "#000";
7
12
  export const colorStaticPromoChardonnay: "#ffcf99";
8
13
  export const colorStaticPromoConclave: "#b3ccff";
9
14
  export const colorStaticPromoGravel: "#2a2c2f";
package/esm/colors-promo.module.js CHANGED
@@ -1,9 +1,14 @@
1
+ export const colorDarkPromoClassic = "#2a2c2f";
2
+ export const colorDarkPromoMutedGravel = "#353539";
1
3
  export const colorDarkPromoMutedMenthol = "#1b2816";
2
4
  export const colorDarkPromoMutedSonata = "#222a3e";
3
5
  export const colorDarkPromoMutedTomato = "#3e2321";
6
+ export const colorLightPromoClassic = "#000";
7
+ export const colorLightPromoMutedGravel = "#2a2c2f";
4
8
  export const colorLightPromoMutedMenthol = "#eafae2";
5
9
  export const colorLightPromoMutedSonata = "#e9f6fd";
6
10
  export const colorLightPromoMutedTomato = "#fdf1f1";
11
+ export const colorStaticPromoClassic = "#000";
7
12
  export const colorStaticPromoChardonnay = "#ffcf99";
8
13
  export const colorStaticPromoConclave = "#b3ccff";
9
14
  export const colorStaticPromoGravel = "#2a2c2f";
package/mixins.css CHANGED
@@ -3,6 +3,14 @@
3
3
  outline-offset: 2px;
4
4
  }
5
5
 
6
+ @define-mixin hover {
7
+ @media (hover: hover) {
8
+ &:hover {
9
+ @mixin-content;
10
+ }
11
+ }
12
+ }
13
+
6
14
  @define-mixin custom-scrollbar {
7
15
  overflow: auto;
8
16
  cursor: auto;
package/modern/colors-promo.module.d.ts CHANGED
@@ -1,9 +1,14 @@
1
+ export const colorDarkPromoClassic: "#2a2c2f";
2
+ export const colorDarkPromoMutedGravel: "#353539";
1
3
  export const colorDarkPromoMutedMenthol: "#1b2816";
2
4
  export const colorDarkPromoMutedSonata: "#222a3e";
3
5
  export const colorDarkPromoMutedTomato: "#3e2321";
6
+ export const colorLightPromoClassic: "#000";
7
+ export const colorLightPromoMutedGravel: "#2a2c2f";
4
8
  export const colorLightPromoMutedMenthol: "#eafae2";
5
9
  export const colorLightPromoMutedSonata: "#e9f6fd";
6
10
  export const colorLightPromoMutedTomato: "#fdf1f1";
11
+ export const colorStaticPromoClassic: "#000";
7
12
  export const colorStaticPromoChardonnay: "#ffcf99";
8
13
  export const colorStaticPromoConclave: "#b3ccff";
9
14
  export const colorStaticPromoGravel: "#2a2c2f";
package/modern/colors-promo.module.js CHANGED
@@ -1,9 +1,14 @@
1
+ export const colorDarkPromoClassic = "#2a2c2f";
2
+ export const colorDarkPromoMutedGravel = "#353539";
1
3
  export const colorDarkPromoMutedMenthol = "#1b2816";
2
4
  export const colorDarkPromoMutedSonata = "#222a3e";
3
5
  export const colorDarkPromoMutedTomato = "#3e2321";
6
+ export const colorLightPromoClassic = "#000";
7
+ export const colorLightPromoMutedGravel = "#2a2c2f";
4
8
  export const colorLightPromoMutedMenthol = "#eafae2";
5
9
  export const colorLightPromoMutedSonata = "#e9f6fd";
6
10
  export const colorLightPromoMutedTomato = "#fdf1f1";
11
+ export const colorStaticPromoClassic = "#000";
7
12
  export const colorStaticPromoChardonnay = "#ffcf99";
8
13
  export const colorStaticPromoConclave = "#b3ccff";
9
14
  export const colorStaticPromoGravel = "#2a2c2f";
package/moderncssm/colors-promo-dark.css CHANGED
@@ -1,4 +1,6 @@
1
1
  :root {
2
+ --color-light-promo-classic: var(--color-dark-promo-classic);
3
+ --color-light-promo-muted-gravel: var(--color-dark-promo-muted-gravel);
2
4
  --color-light-promo-muted-menthol: var(--color-dark-promo-muted-menthol);
3
5
  --color-light-promo-muted-sonata: var(--color-dark-promo-muted-sonata);
4
6
  --color-light-promo-muted-tomato: var(--color-dark-promo-muted-tomato);
package/moderncssm/colors-promo.css CHANGED
@@ -1,10 +1,15 @@
1
1
  :root {
2
+ --color-dark-promo-classic: #2a2c2f;
3
+ --color-dark-promo-muted-gravel: #353539;
2
4
  --color-dark-promo-muted-menthol: #1b2816;
3
5
  --color-dark-promo-muted-sonata: #222a3e;
4
6
  --color-dark-promo-muted-tomato: #3e2321;
7
+ --color-light-promo-classic: #000;
8
+ --color-light-promo-muted-gravel: #2a2c2f;
5
9
  --color-light-promo-muted-menthol: #eafae2;
6
10
  --color-light-promo-muted-sonata: #e9f6fd;
7
11
  --color-light-promo-muted-tomato: #fdf1f1;
12
+ --color-static-promo-classic: #000;
8
13
  --color-static-promo-chardonnay: #ffcf99;
9
14
  --color-static-promo-conclave: #b3ccff;
10
15
  --color-static-promo-gravel: #2a2c2f;
package/moderncssm/colors-promo.module.d.ts CHANGED
@@ -1,9 +1,14 @@
1
+ export const colorDarkPromoClassic: "#2a2c2f";
2
+ export const colorDarkPromoMutedGravel: "#353539";
1
3
  export const colorDarkPromoMutedMenthol: "#1b2816";
2
4
  export const colorDarkPromoMutedSonata: "#222a3e";
3
5
  export const colorDarkPromoMutedTomato: "#3e2321";
6
+ export const colorLightPromoClassic: "#000";
7
+ export const colorLightPromoMutedGravel: "#2a2c2f";
4
8
  export const colorLightPromoMutedMenthol: "#eafae2";
5
9
  export const colorLightPromoMutedSonata: "#e9f6fd";
6
10
  export const colorLightPromoMutedTomato: "#fdf1f1";
11
+ export const colorStaticPromoClassic: "#000";
7
12
  export const colorStaticPromoChardonnay: "#ffcf99";
8
13
  export const colorStaticPromoConclave: "#b3ccff";
9
14
  export const colorStaticPromoGravel: "#2a2c2f";
package/moderncssm/colors-promo.module.js CHANGED
@@ -1,9 +1,14 @@
1
+ module.exports.colorDarkPromoClassic = "#2a2c2f";
2
+ module.exports.colorDarkPromoMutedGravel = "#353539";
1
3
  module.exports.colorDarkPromoMutedMenthol = "#1b2816";
2
4
  module.exports.colorDarkPromoMutedSonata = "#222a3e";
3
5
  module.exports.colorDarkPromoMutedTomato = "#3e2321";
6
+ module.exports.colorLightPromoClassic = "#000";
7
+ module.exports.colorLightPromoMutedGravel = "#2a2c2f";
4
8
  module.exports.colorLightPromoMutedMenthol = "#eafae2";
5
9
  module.exports.colorLightPromoMutedSonata = "#e9f6fd";
6
10
  module.exports.colorLightPromoMutedTomato = "#fdf1f1";
11
+ module.exports.colorStaticPromoClassic = "#000";
7
12
  module.exports.colorStaticPromoChardonnay = "#ffcf99";
8
13
  module.exports.colorStaticPromoConclave = "#b3ccff";
9
14
  module.exports.colorStaticPromoGravel = "#2a2c2f";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-vars",
3
- "version": "9.20.2",
3
+ "version": "9.22.0",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
package/src/colors-promo-dark.css CHANGED
@@ -1,4 +1,6 @@
1
1
  :root {
2
+ --color-light-promo-classic: var(--color-dark-promo-classic);
3
+ --color-light-promo-muted-gravel: var(--color-dark-promo-muted-gravel);
2
4
  --color-light-promo-muted-menthol: var(--color-dark-promo-muted-menthol);
3
5
  --color-light-promo-muted-sonata: var(--color-dark-promo-muted-sonata);
4
6
  --color-light-promo-muted-tomato: var(--color-dark-promo-muted-tomato);
package/src/colors-promo.css CHANGED
@@ -1,10 +1,15 @@
1
1
  :root {
2
+ --color-dark-promo-classic: #2a2c2f;
3
+ --color-dark-promo-muted-gravel: #353539;
2
4
  --color-dark-promo-muted-menthol: #1b2816;
3
5
  --color-dark-promo-muted-sonata: #222a3e;
4
6
  --color-dark-promo-muted-tomato: #3e2321;
7
+ --color-light-promo-classic: #000;
8
+ --color-light-promo-muted-gravel: #2a2c2f;
5
9
  --color-light-promo-muted-menthol: #eafae2;
6
10
  --color-light-promo-muted-sonata: #e9f6fd;
7
11
  --color-light-promo-muted-tomato: #fdf1f1;
12
+ --color-static-promo-classic: #000;
8
13
  --color-static-promo-chardonnay: #ffcf99;
9
14
  --color-static-promo-conclave: #b3ccff;
10
15
  --color-static-promo-gravel: #2a2c2f;
package/src/mixins.css CHANGED
@@ -3,6 +3,14 @@
3
3
  outline-offset: 2px;
4
4
  }
5
5
 
6
+ @define-mixin hover {
7
+ @media (hover: hover) {
8
+ &:hover {
9
+ @mixin-content;
10
+ }
11
+ }
12
+ }
13
+
6
14
  @define-mixin custom-scrollbar {
7
15
  overflow: auto;
8
16
  cursor: auto;