@ndla/primitives 1.0.76-alpha.0 → 1.0.77-alpha.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 (6) hide show
  1. package/dist/panda.buildinfo.json +4 -0
  2. package/dist/styles.css +16 -0
  3. package/es/Hero.js +20 -0
  4. package/lib/Hero.d.ts +21 -1
  5. package/lib/Hero.js +20 -0
  6. package/package.json +2 -2
package/dist/panda.buildinfo.json CHANGED
@@ -393,8 +393,12 @@
393
393
  "background]___[value:primary",
394
394
  "background]___[value:surface.brand.2.bold",
395
395
  "background]___[value:surface.brand.2",
396
+ "background]___[value:surface.brand.2.moderate",
396
397
  "background]___[value:surface.brand.1",
397
398
  "background]___[value:surface.brand.1.moderate",
399
+ "background]___[value:surface.brand.3.moderate",
400
+ "background]___[value:surface.brand.4.moderate",
401
+ "background]___[value:surface.brand.5.moderate",
398
402
  "background]___[value:surface.infoSubtle",
399
403
  "flexWrap]___[value:wrap",
400
404
  "alignItems]___[value:flex-end",
package/dist/styles.css CHANGED
@@ -657,6 +657,10 @@
657
657
  background: var(--colors-surface-brand-2);
658
658
  }
659
659
 
660
+ .bg_surface\.brand\.2\.moderate {
661
+ background: var(--colors-surface-brand-2-moderate);
662
+ }
663
+
660
664
  .bg_surface\.brand\.1 {
661
665
  background: var(--colors-surface-brand-1);
662
666
  }
@@ -665,6 +669,18 @@
665
669
  background: var(--colors-surface-brand-1-moderate);
666
670
  }
667
671
 
672
+ .bg_surface\.brand\.3\.moderate {
673
+ background: var(--colors-surface-brand-3-moderate);
674
+ }
675
+
676
+ .bg_surface\.brand\.4\.moderate {
677
+ background: var(--colors-surface-brand-4-moderate);
678
+ }
679
+
680
+ .bg_surface\.brand\.5\.moderate {
681
+ background: var(--colors-surface-brand-5-moderate);
682
+ }
683
+
668
684
  .bg_surface\.infoSubtle {
669
685
  background: var(--colors-surface-info-subtle);
670
686
  }
package/es/Hero.js CHANGED
@@ -67,6 +67,11 @@ const heroRecipe = sva({
67
67
  background: "surface.brand.2"
68
68
  }
69
69
  },
70
+ brand2Moderate: {
71
+ background: {
72
+ background: "surface.brand.2.moderate"
73
+ }
74
+ },
70
75
  brand1: {
71
76
  background: {
72
77
  background: "surface.brand.1"
@@ -77,6 +82,21 @@ const heroRecipe = sva({
77
82
  background: "surface.brand.1.moderate"
78
83
  }
79
84
  },
85
+ brand3Moderate: {
86
+ background: {
87
+ background: "surface.brand.3.moderate"
88
+ }
89
+ },
90
+ brand4Moderate: {
91
+ background: {
92
+ background: "surface.brand.4.moderate"
93
+ }
94
+ },
95
+ brand5Moderate: {
96
+ background: {
97
+ background: "surface.brand.5.moderate"
98
+ }
99
+ },
80
100
  neutral: {
81
101
  background: {
82
102
  background: "surface.infoSubtle"
package/lib/Hero.d.ts CHANGED
@@ -38,6 +38,11 @@ declare const heroRecipe: import("@ndla/styled-system/types").SlotRecipeRuntimeF
38
38
  background: "surface.brand.2";
39
39
  };
40
40
  };
41
+ brand2Moderate: {
42
+ background: {
43
+ background: "surface.brand.2.moderate";
44
+ };
45
+ };
41
46
  brand1: {
42
47
  background: {
43
48
  background: "surface.brand.1";
@@ -48,6 +53,21 @@ declare const heroRecipe: import("@ndla/styled-system/types").SlotRecipeRuntimeF
48
53
  background: "surface.brand.1.moderate";
49
54
  };
50
55
  };
56
+ brand3Moderate: {
57
+ background: {
58
+ background: "surface.brand.3.moderate";
59
+ };
60
+ };
61
+ brand4Moderate: {
62
+ background: {
63
+ background: "surface.brand.4.moderate";
64
+ };
65
+ };
66
+ brand5Moderate: {
67
+ background: {
68
+ background: "surface.brand.5.moderate";
69
+ };
70
+ };
51
71
  neutral: {
52
72
  background: {
53
73
  background: "surface.infoSubtle";
@@ -62,7 +82,7 @@ export declare const Hero: import("react").ForwardRefExoticComponent<Omit<import
62
82
  consumeCss?: boolean;
63
83
  } & import("@ndla/styled-system/types").WithCss & {
64
84
  absolute?: boolean | undefined;
65
- variant?: "primary" | "neutral" | "brand1" | "brand2" | "brand2Bold" | "brand1Moderate" | undefined;
85
+ variant?: "primary" | "neutral" | "brand1" | "brand2" | "brand2Bold" | "brand2Moderate" | "brand1Moderate" | "brand3Moderate" | "brand4Moderate" | "brand5Moderate" | undefined;
66
86
  } & import("react").RefAttributes<HTMLDivElement>>;
67
87
  export type HeroBackgroundProps = HTMLArkProps<"div"> & JsxStyleProps;
68
88
  export declare const HeroBackground: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react").PolymorphicProps & {
package/lib/Hero.js CHANGED
@@ -73,6 +73,11 @@ const heroRecipe = (0, _css.sva)({
73
73
  background: "surface.brand.2"
74
74
  }
75
75
  },
76
+ brand2Moderate: {
77
+ background: {
78
+ background: "surface.brand.2.moderate"
79
+ }
80
+ },
76
81
  brand1: {
77
82
  background: {
78
83
  background: "surface.brand.1"
@@ -83,6 +88,21 @@ const heroRecipe = (0, _css.sva)({
83
88
  background: "surface.brand.1.moderate"
84
89
  }
85
90
  },
91
+ brand3Moderate: {
92
+ background: {
93
+ background: "surface.brand.3.moderate"
94
+ }
95
+ },
96
+ brand4Moderate: {
97
+ background: {
98
+ background: "surface.brand.4.moderate"
99
+ }
100
+ },
101
+ brand5Moderate: {
102
+ background: {
103
+ background: "surface.brand.5.moderate"
104
+ }
105
+ },
86
106
  neutral: {
87
107
  background: {
88
108
  background: "surface.infoSubtle"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ndla/primitives",
3
- "version": "1.0.76-alpha.0",
3
+ "version": "1.0.77-alpha.0",
4
4
  "description": "Primitive components for NDLA",
5
5
  "license": "GPL-3.0",
6
6
  "main": "lib/index.js",
@@ -43,5 +43,5 @@
43
43
  "publishConfig": {
44
44
  "access": "public"
45
45
  },
46
- "gitHead": "b6ad678fe00b488394ed503b9bd24911989863a4"
46
+ "gitHead": "92f71023b331f3f232edaae136e54c4147365137"
47
47
  }