@telus-uds/theme-public-mobile 5.0.0-beta.1 → 5.1.0

package/build/android/Table.json

@@ -1,18 +1,12 @@
 {
   "appearances": {
-    "highlight": {
-      "type": "variant",
-      "values": ["row"]
-    },
+    "highlight": { "type": "variant", "values": ["row"] },
     "spacing": {
       "description": "Adjusts the height of the table cell",
       "type": "variant",
       "values": ["compact", "default"]
     },
-    "text": {
-      "type": "variant",
-      "values": ["small", "medium"]
-    },
+    "text": { "type": "variant", "values": ["small", "medium"] },
     "type": {
       "type": "variant",
       "values": ["subHeading", "rowHeading", "heading", "default"]
@@ -20,16 +14,9 @@
   },
   "rules": [
     {
-      "if": {
-        "highlight": "row"
-      },
+      "if": { "highlight": "row" },
       "tokens": {
-        "cellBackground": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "cellBackground": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "rowHoverBackgroundColor": {
           "red": 0,
           "green": 0,
@@ -39,18 +26,11 @@
       }
     },
     {
-      "if": {
-        "spacing": "compact"
-      },
-      "tokens": {
-        "cellPaddingBottom": 8,
-        "cellPaddingTop": 8
-      }
+      "if": { "spacing": "compact" },
+      "tokens": { "cellPaddingBottom": 8, "cellPaddingTop": 8 }
     },
     {
-      "if": {
-        "type": "heading"
-      },
+      "if": { "type": "heading" },
       "tokens": {
         "cellBackground": {
           "red": 0.97647,
@@ -58,12 +38,7 @@
           "blue": 0.74902,
           "alpha": 1
         },
-        "cellBoxShadowColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "cellBoxShadowColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "fontName": "SofiaPro",
         "fontSize": 18,
         "fontWeight": 700,
@@ -71,10 +46,7 @@
       }
     },
     {
-      "if": {
-        "text": "medium",
-        "type": "subHeading"
-      },
+      "if": { "text": "medium", "type": "subHeading" },
       "tokens": {
         "cellBackground": {
           "red": 0.98824,
@@ -89,10 +61,7 @@
       }
     },
     {
-      "if": {
-        "text": "small",
-        "type": "subHeading"
-      },
+      "if": { "text": "small", "type": "subHeading" },
       "tokens": {
         "cellBackground": {
           "red": 0.98824,
@@ -107,9 +76,7 @@
       }
     },
     {
-      "if": {
-        "type": "rowHeading"
-      },
+      "if": { "type": "rowHeading" },
       "tokens": {
         "fontName": "SofiaPro",
         "fontSize": 18,
@@ -118,46 +85,19 @@
       }
     },
     {
-      "if": {
-        "text": "small",
-        "type": "default"
-      },
-      "tokens": {
-        "fontSize": 16,
-        "lineHeight": 1.5
-      }
+      "if": { "text": "small", "type": "default" },
+      "tokens": { "fontSize": 16, "lineHeight": 1.5 }
     },
     {
-      "if": {
-        "text": "small",
-        "type": "rowHeading"
-      },
-      "tokens": {
-        "fontSize": 16,
-        "lineHeight": 1.5
-      }
+      "if": { "text": "small", "type": "rowHeading" },
+      "tokens": { "fontSize": 16, "lineHeight": 1.5 }
     }
   ],
   "tokens": {
-    "borderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderWidth": 0,
-    "cellBackground": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
-    "cellBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "cellBackground": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
+    "cellBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "cellBorderTopWidth": 0,
     "cellBorderWidth": 0,
     "cellBottomLeftBorderRadius": 0,
@@ -179,12 +119,7 @@
       "offsetY": 4,
       "blur": 8,
       "spread": 0,
-      "color": {
-        "red": 0,
-        "green": 0,
-        "blue": 0,
-        "alpha": 0.1
-      }
+      "color": { "red": 0, "green": 0, "blue": 0, "alpha": 0.1 }
     },
     "cellTopLeftBorderRadius": 0,
     "cellTopRightBorderRadius": 0,
@@ -199,26 +134,11 @@
     "fontSize": 18,
     "fontWeight": 400,
     "lineHeight": 1.55555555,
-    "rowBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "rowBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "rowBorderTopWidth": 0,
     "rowBorderWidth": 0,
-    "rowHoverBackgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
-    "stickyBackgroundColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "rowHoverBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
+    "stickyBackgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "tablePaddingBottom": 24
   }
 }

package/build/android/Tabs.json

@@ -13,9 +13,7 @@
   },
   "rules": [
     {
-      "if": {
-        "inverse": true
-      },
+      "if": { "inverse": true },
       "tokens": {
         "borderBottomColor": {
           "red": 0.97647,

package/build/android/TabsItem.json

@@ -10,10 +10,7 @@
       "type": "variant",
       "values": [true]
     },
-    "inverse": {
-      "type": "variant",
-      "values": [true]
-    },
+    "inverse": { "type": "variant", "values": [true] },
     "pressed": {
       "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
       "values": [true, false],
@@ -32,9 +29,7 @@
   },
   "rules": [
     {
-      "if": {
-        "selected": true
-      },
+      "if": { "selected": true },
       "tokens": {
         "color": {
           "red": 0.22353,
@@ -53,9 +48,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "color": {
           "red": 0.16863,
@@ -66,16 +59,9 @@
       }
     },
     {
-      "if": {
-        "inverse": true
-      },
+      "if": { "inverse": true },
       "tokens": {
-        "backgroundColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "color": {
           "red": 0.97647,
           "green": 0.94902,
@@ -85,10 +71,7 @@
       }
     },
     {
-      "if": {
-        "inverse": true,
-        "selected": true
-      },
+      "if": { "inverse": true, "selected": true },
       "tokens": {
         "color": {
           "red": 0.97647,
@@ -107,10 +90,7 @@
       }
     },
     {
-      "if": {
-        "inverse": true,
-        "pressed": true
-      },
+      "if": { "inverse": true, "pressed": true },
       "tokens": {
         "color": {
           "red": 0.95294,
@@ -120,32 +100,12 @@
         }
       }
     },
+    { "if": { "equalWidth": true }, "tokens": { "maxWidth": null } },
     {
-      "if": {
-        "equalWidth": true
-      },
-      "tokens": {
-        "maxWidth": null
-      }
-    },
-    {
-      "if": {
-        "dropdown": true,
-        "viewport": ["xs", "sm"]
-      },
+      "if": { "dropdown": true, "viewport": ["xs", "sm"] },
       "tokens": {
-        "backgroundColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0.05
-        },
-        "borderColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0.05 },
+        "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "borderRadius": 8,
         "borderWidth": 1,
         "color": {
@@ -157,24 +117,10 @@
       }
     },
     {
-      "if": {
-        "dropdown": true,
-        "pressed": true,
-        "viewport": ["xs", "sm"]
-      },
+      "if": { "dropdown": true, "pressed": true, "viewport": ["xs", "sm"] },
       "tokens": {
-        "backgroundColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0.05
-        },
-        "borderColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0.05 },
+        "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "color": {
           "red": 0.16863,
           "green": 0.19216,
@@ -184,11 +130,7 @@
       }
     },
     {
-      "if": {
-        "dropdown": true,
-        "selected": true,
-        "viewport": ["xs", "sm"]
-      },
+      "if": { "dropdown": true, "selected": true, "viewport": ["xs", "sm"] },
       "tokens": {
         "color": {
           "red": 0.22353,
@@ -199,18 +141,9 @@
       }
     },
     {
-      "if": {
-        "dropdown": true,
-        "inverse": true,
-        "viewport": ["xs", "sm"]
-      },
+      "if": { "dropdown": true, "inverse": true, "viewport": ["xs", "sm"] },
       "tokens": {
-        "backgroundColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 0.2
-        },
+        "backgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 0.2 },
         "color": {
           "red": 0.97647,
           "green": 0.94902,
@@ -243,18 +176,8 @@
         "viewport": ["xs", "sm"]
       },
       "tokens": {
-        "backgroundColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 0.2
-        },
-        "borderColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "backgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 0.2 },
+        "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "color": {
           "red": 0.95294,
           "green": 0.61569,
@@ -265,26 +188,11 @@
     }
   ],
   "tokens": {
-    "backgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
-    "borderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
+    "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderRadius": 0,
     "borderWidth": 1,
-    "color": {
-      "red": 0.22353,
-      "green": 0.25098,
-      "blue": 0.33725,
-      "alpha": 1
-    },
+    "color": { "red": 0.22353, "green": 0.25098, "blue": 0.33725, "alpha": 1 },
     "dropdownIcon": "PaletteIconChevronUp",
     "dropdownIconExpanded": "PaletteIconChevronDown",
     "fontName": "SofiaPro",
@@ -294,12 +202,7 @@
     "highlightBarBorderRadius": 0,
     "highlightBarBorderWidth": 0,
     "highlightBarHeight": 0,
-    "highlightColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "highlightColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "highlightTriangleSize": 0,
     "letterSpacing": 0,
     "lineHeight": 1.5,

package/build/android/Tags.json

@@ -6,16 +6,7 @@
       "type": "state"
     }
   },
-  "rules": [
-    {
-      "if": {
-        "viewport": ["lg", "xl"]
-      },
-      "tokens": {
-        "space": 3
-      }
-    }
-  ],
+  "rules": [{ "if": { "viewport": ["lg", "xl"] }, "tokens": { "space": 3 } }],
   "tokens": {
     "alignItems": "center",
     "direction": "row",

package/build/android/TagsItem.json

@@ -18,9 +18,7 @@
   },
   "rules": [
     {
-      "if": {
-        "selected": true
-      },
+      "if": { "selected": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.97647,
@@ -53,20 +51,12 @@
           "blue": 0.86667,
           "alpha": 1
         },
-        "outerBorderColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "outerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "outerBorderWidth": 0
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "selected": true
-      },
+      "if": { "pressed": true, "selected": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.16863,
@@ -99,19 +89,12 @@
           "blue": 0.27059,
           "alpha": 1
         },
-        "outerBorderColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "outerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "outerBorderWidth": 0
       }
     },
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.16863,
@@ -144,26 +127,14 @@
           "blue": 0.27059,
           "alpha": 1
         },
-        "outerBorderColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "outerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "outerBorderWidth": 0
       }
     },
     {
-      "if": {
-        "inactive": true
-      },
+      "if": { "inactive": true },
       "tokens": {
-        "backgroundColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "borderColor": {
           "red": 0.61176,
           "green": 0.62353,
@@ -183,12 +154,7 @@
           "blue": 0.83529,
           "alpha": 1
         },
-        "iconColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        }
+        "iconColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 }
       }
     }
   ],
@@ -208,12 +174,7 @@
     },
     "borderRadius": 32,
     "borderWidth": 1,
-    "color": {
-      "red": 0.22353,
-      "green": 0.25098,
-      "blue": 0.33725,
-      "alpha": 1
-    },
+    "color": { "red": 0.22353, "green": 0.25098, "blue": 0.33725, "alpha": 1 },
     "fontName": "SofiaPro",
     "fontSize": 18,
     "fontWeight": 700,
@@ -241,18 +202,8 @@
     "lineHeight": 1.4285714285714286,
     "minWidth": 0,
     "opacity": 1,
-    "outerBackgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
-    "outerBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "outerBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
+    "outerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "outerBorderGap": 2,
     "outerBorderWidth": 0,
     "paddingBottom": 10,

package/build/android/TermsAndConditions.json

@@ -18,9 +18,7 @@
   },
   "rules": [
     {
-      "if": {
-        "viewport": ["xs", "sm"]
-      },
+      "if": { "viewport": ["xs", "sm"] },
       "tokens": {
         "expandContentPaddingRight": 24,
         "listMarginLeft": 4,
@@ -28,17 +26,11 @@
       }
     },
     {
-      "if": {
-        "expanded": true
-      },
-      "tokens": {
-        "icon": "PaletteIconChevronUp"
-      }
+      "if": { "expanded": true },
+      "tokens": { "icon": "PaletteIconChevronUp" }
     },
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "iconBackgroundColor": {
           "red": 0.38824,
@@ -63,12 +55,7 @@
     }
   ],
   "tokens": {
-    "contentBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "contentBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "contentMarginBottom": 0,
     "contentPaddingBottom": 8,
     "contentPaddingLeft": 16,
@@ -97,12 +84,7 @@
     "expandIconContainerMarginY": 12,
     "expandIconContainerWidth": 32,
     "expandTitleBorder": 0,
-    "expandTitleBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "expandTitleBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "expandTitleColor": {
       "red": 0.22353,
       "green": 0.25098,
@@ -117,19 +99,9 @@
     "expandTitleMarginY": 0,
     "expandTitlePaddingLeft": 0,
     "expandTitleUnderline": "none",
-    "headerBackgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "headerBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "icon": "PaletteIconChevronDown",
-    "iconBackgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "iconBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "iconBorderColor": {
       "red": 0.38824,
       "green": 0.42353,
@@ -142,12 +114,7 @@
       "blue": 0.54902,
       "alpha": 1
     },
-    "iconOuterBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "iconOuterBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "iconOuterBorderGap": 0,
     "iconOuterBorderWidth": 0,
     "listColor": {