@ndla/primitives 1.0.75-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 (8) 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/es/RadioGroup.js +4 -0
  5. package/lib/Hero.d.ts +21 -1
  6. package/lib/Hero.js +20 -0
  7. package/lib/RadioGroup.js +4 -0
  8. 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/es/RadioGroup.js CHANGED
@@ -132,6 +132,8 @@ export const RadioGroupLabel = /*#__PURE__*/forwardRef((_ref2, ref) => {
132
132
  textStyle = "label.large",
133
133
  fontWeight = "bold",
134
134
  children,
135
+ asChild,
136
+ consumeCss,
135
137
  ...props
136
138
  } = _ref2;
137
139
  return /*#__PURE__*/_jsx(InternalRadioGroupLabel, {
@@ -141,6 +143,8 @@ export const RadioGroupLabel = /*#__PURE__*/forwardRef((_ref2, ref) => {
141
143
  children: /*#__PURE__*/_jsx(Text, {
142
144
  textStyle: textStyle,
143
145
  fontWeight: fontWeight,
146
+ asChild: asChild,
147
+ consumeCss: consumeCss,
144
148
  children: children
145
149
  })
146
150
  });
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/lib/RadioGroup.js CHANGED
@@ -139,6 +139,8 @@ const RadioGroupLabel = exports.RadioGroupLabel = /*#__PURE__*/(0, _react.forwar
139
139
  textStyle = "label.large",
140
140
  fontWeight = "bold",
141
141
  children,
142
+ asChild,
143
+ consumeCss,
142
144
  ...props
143
145
  } = _ref2;
144
146
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalRadioGroupLabel, {
@@ -148,6 +150,8 @@ const RadioGroupLabel = exports.RadioGroupLabel = /*#__PURE__*/(0, _react.forwar
148
150
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
149
151
  textStyle: textStyle,
150
152
  fontWeight: fontWeight,
153
+ asChild: asChild,
154
+ consumeCss: consumeCss,
151
155
  children: children
152
156
  })
153
157
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ndla/primitives",
3
- "version": "1.0.75-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": "1ddeff6e6b4528818cba8ab4c486e595dc7fc0e4"
46
+ "gitHead": "92f71023b331f3f232edaae136e54c4147365137"
47
47
  }