orcs-design-system 3.2.23 → 3.2.24

package/es/components/Checkbox/index.js

@@ -1,7 +1,7 @@
 import React, { useRef } from "react";
 import PropTypes from "prop-types";
 import styled, { keyframes, ThemeProvider } from "styled-components";
-import { space, layout } from "styled-system";
+import { space, layout, typography } from "styled-system";
 import { themeGet } from "@styled-system/theme-get";
 
 /* Animations */
@@ -35,7 +35,7 @@ const Check = styled.div.withConfig({
 const Text = styled.div.withConfig({
   displayName: "Checkbox__Text",
   componentId: "sc-p4d19b-5"
-})(["font-size:", ";padding-left:8px;"], props => themeGet("fontSizes.2")(props));
+})(["font-size:", ";padding-left:8px;", ""], props => themeGet("fontSizes.2")(props), typography);
 /**
  * The default checkbox (or inverted if on dark background) should be used for the majority of the UI; however, the coloured ones can be used in situations where the colour corresponds with some indication of status, e.g. in a task list, green could denote task completed, red could denote task overdue.
  */
@@ -85,6 +85,7 @@ export default function Checkbox(_ref) {
         onClick: onClick,
         children: /*#__PURE__*/_jsx(Check, {})
       }), /*#__PURE__*/_jsx(Text, {
+        ...props,
         children: label
       })]
     })

package/es/components/RadioButton/index.js

@@ -1,7 +1,7 @@
 import React from "react";
 import PropTypes from "prop-types";
 import styled, { ThemeProvider } from "styled-components";
-import { space, layout, compose, variant } from "styled-system";
+import { space, layout, compose, variant, typography } from "styled-system";
 import { css } from "@styled-system/css";
 import { themeGet } from "@styled-system/theme-get";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -154,7 +154,7 @@ const RadioButtonText = styled("div").withConfig({
   paddingLeft: "s",
   fontSize: themeGet("fontSizes.2")(props),
   fontWeight: themeGet("fontWeights.1")(props)
-}));
+}), typography);
 export default function RadioButton(_ref) {
   let {
     name,
@@ -187,6 +187,7 @@ export default function RadioButton(_ref) {
           variant: variant
         })
       }), /*#__PURE__*/_jsx(RadioButtonText, {
+        ...props,
         children: label
       })]
     })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "orcs-design-system",
-  "version": "3.2.23",
+  "version": "3.2.24",
   "engines": {
     "node": "20.12.2"
   },