@telus-uds/components-base 1.31.0 → 1.33.0

package/CHANGELOG.md

@@ -1,12 +1,34 @@
 # Change Log - @telus-uds/components-base
 
-This log was last generated on Mon, 03 Apr 2023 20:33:24 GMT and should not be manually modified.
+This log was last generated on Tue, 04 Apr 2023 19:53:51 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 1.33.0
+
+Tue, 04 Apr 2023 19:53:51 GMT
+
+### Minor changes
+
+- fix: render with bold: true for list items with titles (kyle.king2@telus.com)
+- Bump @telus-uds/system-theme-tokens to v2.17.0
+
+## 1.32.0
+
+Tue, 04 Apr 2023 14:52:45 GMT
+
+### Minor changes
+
+- feat: Standardize radio telus,PM,Koodo (samuraix221@hotmail.com)
+- Bump @telus-uds/system-theme-tokens to v2.16.0
+
+### Patches
+
+- Fixes extra spaces around `Fieldset` group (shahzaibkhalidmalik@outlook.com)
+
 ## 1.31.0
 
-Mon, 03 Apr 2023 20:33:24 GMT
+Mon, 03 Apr 2023 20:41:50 GMT
 
 ### Minor changes
 

package/component-docs.json

@@ -368,6 +368,22 @@
         "itemIconColor": "color",
         "listGutter": "size"
       },
+      "OrderedList": {
+        "headerFontWeight": "fontWeight",
+        "headerFontName": "fontName",
+        "itemMarginTop": "size",
+        "itemPaddingTop": "size",
+        "itemBulletWidth": "size",
+        "itemBulletHeight": "size",
+        "itemBulletContainerWidth": "size",
+        "interItemMargin": "size",
+        "listGutter": "size",
+        "itemFontName": "fontName",
+        "itemFontWeight": "fontWeight",
+        "itemFontSize": "fontSize",
+        "itemLineHeight": "lineHeight",
+        "itemColor": "color"
+      },
       "Modal": {
         "backdropColor": "color",
         "backdropOpacity": "opacity",
@@ -648,6 +664,28 @@
         "space": "integer",
         "fieldSpace": "integer"
       },
+      "Ribbon": {
+        "paddingLeft": "size",
+        "paddingRight": "size",
+        "paddingTop": "size",
+        "paddingBottom": "size",
+        "borderRadius": "size",
+        "backgroundColor": "color",
+        "boxShadowPaddingLeft": "size",
+        "boxShadowPaddingTop": "size",
+        "boxShadowPaddingRight": "size",
+        "boxShadowPaddingBottom": "size",
+        "boxShadowColor": "color",
+        "curveAfterWidth": "size",
+        "curveMarginTop": "size",
+        "curveAfterRadius": "size",
+        "curveBackgroundColor": "color",
+        "curveHeight": "size",
+        "curveWidth": "size",
+        "curveAfterBackgroundColor": "color",
+        "curveAfterHeight": "size",
+        "gradient": "gradient"
+      },
       "Search": {
         "backgroundColor": "color",
         "color": "color",

package/lib/Fieldset/Fieldset.js

@@ -94,7 +94,7 @@ const Fieldset = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     space,
     preserveFragments: true
   });
-  const borderStyle = validation === 'error' && showErrorBorder && staticStyles.errorBorder || staticStyles.noBorder;
+  const borderStyle = validation === 'error' && showErrorBorder ? staticStyles.errorBorder : null;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldsetContainer.default, {
     ref: ref,
     inactive: inactive,
@@ -113,10 +113,6 @@ const staticStyles = _StyleSheet.default.create({
     borderColor: 'red',
     borderRadius: 10,
     padding: 8
-  },
-  noBorder: {
-    padding: 9,
-    border: 'unset'
   }
 });
 

package/lib/Fieldset/FieldsetContainer.js

@@ -32,7 +32,7 @@ const FieldsetContainer = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     borderStyle
   } = _ref;
   // If needs border for error design or reset the component style
-  const styleContainer = showBorderStyle ? borderStyle : _cssReset.default;
+  const styleContainer = showBorderStyle && borderStyle ? borderStyle : _cssReset.default;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("fieldset", {
     ref: ref,
     disabled: inactive,

package/lib/List/ListItem.js

@@ -41,7 +41,8 @@ const ListItem = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     ...listItemProps,
     children: [Boolean(title) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
       variant: {
-        size: 'h4'
+        size: 'h4',
+        bold: true
       },
       children: title
     }), children]

package/lib-module/Fieldset/Fieldset.js

@@ -77,7 +77,7 @@ const Fieldset = /*#__PURE__*/forwardRef((_ref, ref) => {
     space,
     preserveFragments: true
   });
-  const borderStyle = validation === 'error' && showErrorBorder && staticStyles.errorBorder || staticStyles.noBorder;
+  const borderStyle = validation === 'error' && showErrorBorder ? staticStyles.errorBorder : null;
   return /*#__PURE__*/_jsx(FieldsetContainer, {
     ref: ref,
     inactive: inactive,
@@ -95,10 +95,6 @@ const staticStyles = StyleSheet.create({
     borderColor: 'red',
     borderRadius: 10,
     padding: 8
-  },
-  noBorder: {
-    padding: 9,
-    border: 'unset'
   }
 });
 Fieldset.displayName = 'Fieldset';

package/lib-module/Fieldset/FieldsetContainer.js

@@ -16,7 +16,7 @@ const FieldsetContainer = /*#__PURE__*/forwardRef((_ref, ref) => {
     borderStyle
   } = _ref;
   // If needs border for error design or reset the component style
-  const styleContainer = showBorderStyle ? borderStyle : cssReset;
+  const styleContainer = showBorderStyle && borderStyle ? borderStyle : cssReset;
   return /*#__PURE__*/_jsx("fieldset", {
     ref: ref,
     disabled: inactive,

package/lib-module/List/ListItem.js

@@ -24,7 +24,8 @@ const ListItem = /*#__PURE__*/forwardRef((_ref, ref) => {
     ...listItemProps,
     children: [Boolean(title) && /*#__PURE__*/_jsx(Typography, {
       variant: {
-        size: 'h4'
+        size: 'h4',
+        bold: true
       },
       children: title
     }), children]

package/package.json

@@ -11,7 +11,7 @@
     "@floating-ui/react-native": "^0.8.1",
     "@gorhom/portal": "^1.0.14",
     "@telus-uds/system-constants": "^1.2.0",
-    "@telus-uds/system-theme-tokens": "^2.15.0",
+    "@telus-uds/system-theme-tokens": "^2.17.0",
     "airbnb-prop-types": "^2.16.0",
     "lodash.debounce": "^4.0.8",
     "lodash.merge": "^4.6.2",
@@ -72,5 +72,5 @@
   "standard-engine": {
     "skip": true
   },
-  "version": "1.31.0"
+  "version": "1.33.0"
 }

package/src/Fieldset/Fieldset.jsx

@@ -73,9 +73,7 @@ const Fieldset = forwardRef(
         ? [legendContent, feedbackContent, childContent]
         : [legendContent, childContent, feedbackContent]
     const stackedContent = getStackedContent(orderedContent, { space, preserveFragments: true })
-    const borderStyle =
-      (validation === 'error' && showErrorBorder && staticStyles.errorBorder) ||
-      staticStyles.noBorder
+    const borderStyle = validation === 'error' && showErrorBorder ? staticStyles.errorBorder : null
 
     return (
       <FieldsetContainer
@@ -98,10 +96,6 @@ const staticStyles = StyleSheet.create({
     borderColor: 'red',
     borderRadius: 10,
     padding: 8
-  },
-  noBorder: {
-    padding: 9,
-    border: 'unset'
   }
 })
 

package/src/Fieldset/FieldsetContainer.jsx

@@ -19,7 +19,7 @@ const FieldsetContainer = forwardRef(
     ref
   ) => {
     // If needs border for error design or reset the component style
-    const styleContainer = showBorderStyle ? borderStyle : cssReset
+    const styleContainer = showBorderStyle && borderStyle ? borderStyle : cssReset
 
     return (
       <fieldset

package/src/List/ListItem.jsx

@@ -12,7 +12,7 @@ const ListItem = forwardRef(({ tokens, variant, children, title, ...listItemProp
   const themeTokens = useThemeTokens('List', tokens, variant)
   return (
     <ListItemBase tokens={themeTokens} ref={ref} {...listItemProps}>
-      {Boolean(title) && <Typography variant={{ size: 'h4' }}>{title}</Typography>}
+      {Boolean(title) && <Typography variant={{ size: 'h4', bold: true }}>{title}</Typography>}
       {children}
     </ListItemBase>
   )