@telus-uds/theme-koodo 5.3.0 → 5.4.0

package/build/android/spacingScale.json

@@ -0,0 +1,185 @@
+{
+  "appearances": {
+    "space": {
+      "description": "Index of the intended position on the spacing scale",
+      "values": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
+      "type": "state"
+    },
+    "viewport": {
+      "description": "The size label for the current screen viewport based on the current screen width",
+      "values": ["xs", "sm", "md", "lg", "xl"],
+      "type": "state"
+    }
+  },
+  "rules": [
+    {
+      "if": {
+        "viewport": ["lg", "xl"]
+      },
+      "tokens": {
+        "size": 120
+      }
+    },
+    {
+      "if": {
+        "space": 12
+      },
+      "tokens": {
+        "size": 120
+      }
+    },
+    {
+      "if": {
+        "space": 11
+      },
+      "tokens": {
+        "size": 120
+      }
+    },
+    {
+      "if": {
+        "space": 10
+      },
+      "tokens": {
+        "size": 80
+      }
+    },
+    {
+      "if": {
+        "space": 9
+      },
+      "tokens": {
+        "size": 64
+      }
+    },
+    {
+      "if": {
+        "space": 8
+      },
+      "tokens": {
+        "size": 48
+      }
+    },
+    {
+      "if": {
+        "space": 7
+      },
+      "tokens": {
+        "size": 40
+      }
+    },
+    {
+      "if": {
+        "space": 6
+      },
+      "tokens": {
+        "size": 36
+      }
+    },
+    {
+      "if": {
+        "space": 5
+      },
+      "tokens": {
+        "size": 32
+      }
+    },
+    {
+      "if": {
+        "space": 4
+      },
+      "tokens": {
+        "size": 24
+      }
+    },
+    {
+      "if": {
+        "space": 3
+      },
+      "tokens": {
+        "size": 16
+      }
+    },
+    {
+      "if": {
+        "space": 2
+      },
+      "tokens": {
+        "size": 8
+      }
+    },
+    {
+      "if": {
+        "space": 1
+      },
+      "tokens": {
+        "size": 4
+      }
+    },
+    {
+      "if": {
+        "space": 11,
+        "viewport": ["lg", "xl"]
+      },
+      "tokens": {
+        "size": 120
+      }
+    },
+    {
+      "if": {
+        "space": 10,
+        "viewport": ["lg", "xl"]
+      },
+      "tokens": {
+        "size": 96
+      }
+    },
+    {
+      "if": {
+        "space": 9,
+        "viewport": ["lg", "xl"]
+      },
+      "tokens": {
+        "size": 72
+      }
+    },
+    {
+      "if": {
+        "space": 8,
+        "viewport": ["lg", "xl"]
+      },
+      "tokens": {
+        "size": 64
+      }
+    },
+    {
+      "if": {
+        "space": 7,
+        "viewport": ["lg", "xl"]
+      },
+      "tokens": {
+        "size": 48
+      }
+    },
+    {
+      "if": {
+        "space": 6,
+        "viewport": ["lg", "xl"]
+      },
+      "tokens": {
+        "size": 40
+      }
+    },
+    {
+      "if": {
+        "space": 0
+      },
+      "tokens": {
+        "size": 0
+      }
+    }
+  ],
+  "tokens": {
+    "size": 96
+  }
+}

package/build/android/theme.json

@@ -46,7 +46,7 @@
         },
         "purpose": {
           "type": "variant",
-          "values": ["offer", "editorial"]
+          "values": ["offer", "editorial", "subtle"]
         }
       },
       "rules": [
@@ -164,6 +164,51 @@
             "fontSize": 16
           }
         },
+        {
+          "if": {
+            "purpose": "subtle"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.63137,
+              "green": 0.92941,
+              "blue": 0,
+              "alpha": 1
+            },
+            "borderColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
+            },
+            "color": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "outline": true,
+            "purpose": "subtle"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
+            },
+            "borderColor": {
+              "red": 0.63137,
+              "green": 0.92941,
+              "blue": 0,
+              "alpha": 1
+            }
+          }
+        },
         {
           "if": {
             "outline": true,
@@ -3890,7 +3935,7 @@
         },
         "validation": {
           "description": "Validation states for form inputs",
-          "values": ["error", "success"],
+          "values": ["error", "success", "warning"],
           "type": "state"
         }
       },
@@ -5996,10 +6041,11 @@
       "appearances": {
         "style": {
           "type": "variant",
-          "values": ["success", "warning", "error"]
+          "values": ["system", "subtle"]
         },
-        "system": {
-          "values": [true],
+        "validation": {
+          "description": "Validation states for form inputs",
+          "values": ["error", "success", "warning"],
           "type": "state"
         },
         "viewport": {
@@ -6019,23 +6065,40 @@
         },
         {
           "if": {
-            "system": true
+            "style": "system"
           },
           "tokens": {
             "borderLeftWidth": 0,
             "borderRadius": 0,
             "borderRightWidth": 0,
             "borderTopWidth": 0,
-            "iconGap": 12,
-            "paddingBottom": 16,
-            "paddingLeft": 16,
-            "paddingRight": 16,
-            "paddingTop": 16
+            "iconGap": 8,
+            "paddingBottom": 12,
+            "paddingLeft": 12,
+            "paddingRight": 12,
+            "paddingTop": 12
           }
         },
         {
           "if": {
-            "style": "success"
+            "style": "subtle"
+          },
+          "tokens": {
+            "borderBottomWidth": 0,
+            "borderLeftWidth": 0,
+            "borderRadius": 0,
+            "borderRightWidth": 0,
+            "borderTopWidth": 0,
+            "iconGap": 8,
+            "paddingBottom": 12,
+            "paddingLeft": 12,
+            "paddingRight": 12,
+            "paddingTop": 12
+          }
+        },
+        {
+          "if": {
+            "validation": "success"
           },
           "tokens": {
             "backgroundColor": {
@@ -6067,7 +6130,7 @@
         },
         {
           "if": {
-            "style": "warning"
+            "validation": "warning"
           },
           "tokens": {
             "backgroundColor": {
@@ -6100,7 +6163,7 @@
         },
         {
           "if": {
-            "style": "error"
+            "validation": "error"
           },
           "tokens": {
             "backgroundColor": {
@@ -6156,7 +6219,7 @@
           "blue": 0,
           "alpha": 1
         },
-        "dismissButtonGap": 16,
+        "dismissButtonGap": 24,
         "dismissIcon": "PaletteIconClose",
         "dismissIconColor": {
           "red": 0,
@@ -8324,7 +8387,7 @@
         },
         "validation": {
           "description": "Validation states for form inputs",
-          "values": ["error", "success"],
+          "values": ["error", "success", "warning"],
           "type": "state"
         }
       },
@@ -9391,6 +9454,7 @@
             "alpha": 0.1
           }
         },
+        "display": null,
         "fontColor": {
           "red": 0,
           "green": 0,
@@ -10062,7 +10126,7 @@
         },
         "validation": {
           "description": "Validation states for form inputs",
-          "values": ["error", "success"],
+          "values": ["error", "success", "warning"],
           "type": "state"
         }
       },
@@ -11886,7 +11950,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "2.48.0",
+    "themeTokensVersion": "2.49.0",
     "name": "theme-koodo"
   }
 }

package/build/ios/ActivityIndicator.json

@@ -0,0 +1,30 @@
+{
+  "appearances": {
+    "size": {
+      "description": "used for full-screen spinners",
+      "type": "variant",
+      "values": ["large"]
+    }
+  },
+  "rules": [
+    {
+      "if": {
+        "size": "large"
+      },
+      "tokens": {
+        "size": 48,
+        "thickness": 4
+      }
+    }
+  ],
+  "tokens": {
+    "color": {
+      "red": 0.47843,
+      "green": 0.23922,
+      "blue": 0.98824,
+      "alpha": 1
+    },
+    "size": 24,
+    "thickness": 2
+  }
+}

package/build/ios/Badge.json

@@ -0,0 +1,263 @@
+{
+  "appearances": {
+    "alternative": {
+      "type": "variant",
+      "values": [true]
+    },
+    "inverse": {
+      "type": "variant",
+      "values": [true]
+    },
+    "outline": {
+      "type": "variant",
+      "values": [true]
+    },
+    "purpose": {
+      "type": "variant",
+      "values": ["offer", "editorial", "subtle"]
+    }
+  },
+  "rules": [
+    {
+      "if": {
+        "inverse": true
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "borderColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        },
+        "color": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "outline": true
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "borderColor": {
+          "red": 0.63137,
+          "green": 0.92941,
+          "blue": 0,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "alternative": true
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "borderColor": {
+          "red": 0.86667,
+          "green": 0,
+          "blue": 0.4,
+          "alpha": 1
+        },
+        "color": {
+          "red": 0.86667,
+          "green": 0,
+          "blue": 0.4,
+          "alpha": 1
+        },
+        "fontSize": 16,
+        "paddingBottom": 8,
+        "paddingTop": 8
+      }
+    },
+    {
+      "if": {
+        "purpose": "offer"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.47843,
+          "green": 0.23922,
+          "blue": 0.98824,
+          "alpha": 1
+        },
+        "color": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        },
+        "fontSize": 16,
+        "paddingBottom": 8,
+        "paddingTop": 8
+      }
+    },
+    {
+      "if": {
+        "purpose": "editorial"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 1,
+          "green": 0.67843,
+          "blue": 0,
+          "alpha": 1
+        },
+        "color": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 1
+        },
+        "fontSize": 16
+      }
+    },
+    {
+      "if": {
+        "purpose": "subtle"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.63137,
+          "green": 0.92941,
+          "blue": 0,
+          "alpha": 1
+        },
+        "borderColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "color": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "outline": true,
+        "purpose": "subtle"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "borderColor": {
+          "red": 0.63137,
+          "green": 0.92941,
+          "blue": 0,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "outline": true,
+        "purpose": "editorial"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "borderColor": {
+          "red": 1,
+          "green": 0.67843,
+          "blue": 0,
+          "alpha": 1
+        },
+        "color": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "outline": true,
+        "purpose": "offer"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "borderColor": {
+          "red": 0.47843,
+          "green": 0.23922,
+          "blue": 0.98824,
+          "alpha": 1
+        },
+        "color": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 1
+        }
+      }
+    }
+  ],
+  "tokens": {
+    "backgroundColor": {
+      "red": 0.63137,
+      "green": 0.92941,
+      "blue": 0,
+      "alpha": 1
+    },
+    "borderColor": {
+      "red": 0,
+      "green": 0,
+      "blue": 0,
+      "alpha": 0
+    },
+    "borderRadius": 32,
+    "borderWidth": 2,
+    "color": {
+      "red": 0,
+      "green": 0,
+      "blue": 0,
+      "alpha": 1
+    },
+    "fontName": "StagSans",
+    "fontSize": 14,
+    "fontWeight": 600,
+    "gradient": null,
+    "paddingBottom": 2,
+    "paddingLeft": 16,
+    "paddingRight": 16,
+    "paddingTop": 2
+  }
+}