@telus-uds/theme-public-mobile 2.22.0 → 2.24.0

package/build/ios/theme.json

@@ -1,5 +1,165 @@
 {
   "components": {
+    "ActionCard": {
+      "appearances": {
+        "validation": {
+          "description": "Validation states for form inputs",
+          "values": ["error", "success", "warning"],
+          "type": "state"
+        }
+      },
+      "rules": [
+        {
+          "if": {
+            "validation": "warning"
+          },
+          "tokens": {
+            "actionIconMarginLeft": 8,
+            "backgroundColor": {
+              "red": 0.98824,
+              "green": 0.90196,
+              "blue": 0.87451,
+              "alpha": 1
+            },
+            "statusIcon": "PaletteIconWarningError",
+            "statusIconColor": {
+              "red": 0.22353,
+              "green": 0.25098,
+              "blue": 0.33725,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "validation": "error"
+          },
+          "tokens": {
+            "actionIconColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "actionIconMarginLeft": 8,
+            "backgroundColor": {
+              "red": 0.74902,
+              "green": 0.0902,
+              "blue": 0.13333,
+              "alpha": 1
+            },
+            "contentFontColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "iconColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "statusIcon": "PaletteIconWarningError",
+            "statusIconColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "titleFontColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            }
+          }
+        }
+      ],
+      "tokens": {
+        "actionIcon": "PaletteIconArrowRight",
+        "actionIconColor": {
+          "red": 0.22353,
+          "green": 0.25098,
+          "blue": 0.33725,
+          "alpha": 1
+        },
+        "actionIconMarginBottom": 8,
+        "actionIconMarginLeft": 0,
+        "actionIconMarginRight": 0,
+        "actionIconMarginTop": 8,
+        "actionIconTranslate": 4,
+        "backgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "borderColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "borderRadius": null,
+        "borderWidth": null,
+        "contentFontColor": {
+          "red": 0.22353,
+          "green": 0.25098,
+          "blue": 0.33725,
+          "alpha": 1
+        },
+        "contentFontName": "SofiaPro",
+        "contentFontSize": 16,
+        "contentFontWeight": 400,
+        "contentLineHeight": 1.25,
+        "contentMarginBottom": 8,
+        "contentMarginLeft": 0,
+        "contentMarginRight": 0,
+        "contentMarginTop": 0,
+        "iconBackgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0.05
+        },
+        "iconColor": {
+          "red": 0.22353,
+          "green": 0.25098,
+          "blue": 0.33725,
+          "alpha": 1
+        },
+        "iconMarginBottom": 0,
+        "iconMarginLeft": 0,
+        "iconMarginRight": 8,
+        "iconMarginTop": 0,
+        "paddingBottom": 16,
+        "paddingLeft": 16,
+        "paddingRight": 16,
+        "paddingTop": 16,
+        "statusIcon": null,
+        "statusIconColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "titleFontColor": {
+          "red": 0.22353,
+          "green": 0.25098,
+          "blue": 0.33725,
+          "alpha": 1
+        },
+        "titleFontName": "SofiaPro",
+        "titleFontSize": 16,
+        "titleFontWeight": 700,
+        "titleLineHeight": 1.5,
+        "titleMarginBottom": 8,
+        "titleMarginLeft": 0,
+        "titleMarginRight": 8,
+        "titleMarginTop": 8
+      }
+    },
     "ActivityIndicator": {
       "appearances": {
         "size": {
@@ -3817,6 +3977,7 @@
               "blue": 0,
               "alpha": 0
             },
+            "borderWidth": null,
             "paddingBottom": 0,
             "paddingLeft": 0,
             "paddingRight": 0,
@@ -4057,12 +4218,15 @@
             "contentPaddingLeft": 0,
             "contentPaddingRight": 0,
             "contentPaddingTop": 0,
+            "contentPanelPaddingBottom": 0,
+            "contentPanelPaddingTop": 0,
             "expandDividerColor": {
               "red": 0,
               "green": 0,
               "blue": 0,
               "alpha": 0
-            }
+            },
+            "marginBottom": 0
           }
         }
       ],
@@ -5790,6 +5954,12 @@
         },
         "itemIconSize": 16,
         "itemLineHeight": 1.5,
+        "itemTextColor": {
+          "red": 0.22353,
+          "green": 0.25098,
+          "blue": 0.33725,
+          "alpha": 1
+        },
         "listGutter": 16
       }
     },
@@ -6473,9 +6643,12 @@
       "rules": [
         {
           "if": {
+            "system": true,
             "viewport": ["xl"]
           },
           "tokens": {
+            "containerPaddingLeft": 16,
+            "containerPaddingRight": 16,
             "justifyContent": "center"
           }
         },
@@ -6713,6 +6886,8 @@
           "blue": 0.33725,
           "alpha": 1
         },
+        "containerPaddingLeft": 16,
+        "containerPaddingRight": 16,
         "dismissButtonGap": 12,
         "dismissIcon": "PaletteIconMobileXClose",
         "dismissIconColor": {
@@ -6734,7 +6909,7 @@
         "iconGap": 16,
         "iconSize": 24,
         "justifyContent": "flex-start",
-        "lineHeight": 2.5,
+        "lineHeight": 1.55555555,
         "paddingBottom": 12,
         "paddingLeft": 12,
         "paddingRight": 12,
@@ -12333,7 +12508,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "2.56.0",
+    "themeTokensVersion": "2.58.0",
     "name": "theme-public-mobile"
   }
 }

package/build/rn/ActionCard.js

@@ -0,0 +1,93 @@
+/*
+ *
+ * Do not edit directly
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
+ *
+ */
+
+const PaletteIconArrowRight = require('@telus-uds/palette-public-mobile/build/rn/icons/ArrowRight')
+const PaletteIconWarningError = require('@telus-uds/palette-public-mobile/build/rn/icons/WarningError')
+
+module.exports = {
+  appearances: {
+    hover: {
+      description: "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
+      platforms: [ 'rn', 'web' ],
+      type: 'state',
+      values: [ true, false ]
+    },
+    validation: {
+      description: 'Validation states for form inputs',
+      type: 'state',
+      values: [ 'error', 'success', 'warning' ]
+    }
+  },
+  rules: [
+    { if: { hover: true }, tokens: { actionIconTranslate: 4 } },
+    {
+      if: { validation: 'warning' },
+      tokens: {
+        actionIconMarginLeft: 8,
+        backgroundColor: '#fce6df',
+        statusIcon: PaletteIconWarningError,
+        statusIconColor: '#394056'
+      }
+    },
+    {
+      if: { validation: 'error' },
+      tokens: {
+        actionIconColor: '#ffffff',
+        actionIconMarginLeft: 8,
+        backgroundColor: '#bf1722',
+        contentFontColor: '#ffffff',
+        iconColor: '#ffffff',
+        statusIcon: PaletteIconWarningError,
+        statusIconColor: '#ffffff',
+        titleFontColor: '#ffffff'
+      }
+    }
+  ],
+  tokens: {
+    actionIcon: PaletteIconArrowRight,
+    actionIconColor: '#394056',
+    actionIconMarginBottom: 8,
+    actionIconMarginLeft: 0,
+    actionIconMarginRight: 0,
+    actionIconMarginTop: 8,
+    actionIconTranslate: 4,
+    backgroundColor: null,
+    borderColor: null,
+    borderRadius: null,
+    borderWidth: null,
+    contentFontColor: '#394056',
+    contentFontName: 'SofiaPro',
+    contentFontSize: 16,
+    contentFontWeight: '400',
+    contentLineHeight: 1.25,
+    contentMarginBottom: 8,
+    contentMarginLeft: 0,
+    contentMarginRight: 0,
+    contentMarginTop: 0,
+    iconBackgroundColor: 'rgba(0, 0, 0, 0.05)',
+    iconColor: '#394056',
+    iconMarginBottom: 0,
+    iconMarginLeft: 0,
+    iconMarginRight: 8,
+    iconMarginTop: 0,
+    paddingBottom: 16,
+    paddingLeft: 16,
+    paddingRight: 16,
+    paddingTop: 16,
+    statusIcon: null,
+    statusIconColor: null,
+    titleFontColor: '#394056',
+    titleFontName: 'SofiaPro',
+    titleFontSize: 16,
+    titleFontWeight: '700',
+    titleLineHeight: 1.5,
+    titleMarginBottom: 8,
+    titleMarginLeft: 0,
+    titleMarginRight: 8,
+    titleMarginTop: 8
+  }
+}

package/build/rn/ActivityIndicator.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */
 

package/build/rn/Badge.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */
 

package/build/rn/BlockQuote.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */
 

package/build/rn/Box.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */
 

package/build/rn/Breadcrumbs.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */
 

package/build/rn/Button.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */
 

package/build/rn/ButtonDropdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */
 

package/build/rn/ButtonGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */
 

package/build/rn/ButtonGroupItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */
 

package/build/rn/Callout.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */
 

package/build/rn/Card.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */
 

package/build/rn/CardGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */
 

package/build/rn/Carousel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */
 

package/build/rn/CarouselTabsPanelItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */
 

package/build/rn/CarouselThumbnail.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */
 

package/build/rn/Checkbox.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */
 

package/build/rn/CheckboxCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */
 

package/build/rn/CheckboxCardGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */
 

package/build/rn/CheckboxGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */
 

package/build/rn/ChevronLink.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */
 

package/build/rn/ColourToggle.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */
 

package/build/rn/Countdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */
 

package/build/rn/DatePicker.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */
 

package/build/rn/Disclaimer.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */
 

package/build/rn/Divider.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */
 

package/build/rn/ExpandCollapse.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */
 

package/build/rn/ExpandCollapseControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */
 
@@ -50,6 +50,7 @@ module.exports = {
       if: { mini: true },
       tokens: {
         borderColor: 'rgba(0, 0, 0, 0)',
+        borderWidth: null,
         paddingBottom: 0,
         paddingLeft: 0,
         paddingRight: 0,
@@ -65,6 +66,15 @@ module.exports = {
         textLine: 'underline'
       }
     },
+    {
+      if: { focus: true, mini: true },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        borderColor: '#394056',
+        borderWidth: null,
+        textLine: 'underline'
+      }
+    },
     {
       if: { expanded: false, hover: true },
       tokens: {

package/build/rn/ExpandCollapseMini.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */
 

package/build/rn/ExpandCollapseMiniControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */
 

package/build/rn/ExpandCollapsePanel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */
 
@@ -30,7 +30,10 @@ module.exports = {
         contentPaddingLeft: 0,
         contentPaddingRight: 0,
         contentPaddingTop: 0,
-        expandDividerColor: 'rgba(0, 0, 0, 0)'
+        contentPanelPaddingBottom: 0,
+        contentPanelPaddingTop: 0,
+        expandDividerColor: 'rgba(0, 0, 0, 0)',
+        marginBottom: 0
       }
     }
   ],

package/build/rn/Feedback.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 17 May 2024 16:23:28 GMT
+ * Generated on Mon, 24 Jun 2024 16:17:22 GMT
  *
  */