@telus-uds/theme-koodo 3.16.0 → 3.18.0

package/build/ios/theme.json

@@ -3069,6 +3069,93 @@
         "paddingTop": 12
       }
     },
+    "OrderedList": {
+      "appearances": {
+        "compact": {
+          "description": "When true it will reduce the line height of the list item.",
+          "type": "variant",
+          "values": [true]
+        },
+        "size": {
+          "description": "Indicates list item text size.",
+          "type": "variant",
+          "values": ["large", "medium", "small"]
+        }
+      },
+      "rules": [
+        {
+          "if": {
+            "size": "large"
+          },
+          "tokens": {
+            "itemFontSize": 20,
+            "itemLineHeight": 1.4
+          }
+        },
+        {
+          "if": {
+            "size": "medium"
+          },
+          "tokens": {}
+        },
+        {
+          "if": {
+            "size": "small"
+          },
+          "tokens": {
+            "itemFontSize": 14,
+            "itemLineHeight": 1.42857142857
+          }
+        },
+        {
+          "if": {
+            "compact": true
+          },
+          "tokens": {
+            "itemLineHeight": 1.2
+          }
+        },
+        {
+          "if": {
+            "compact": true,
+            "size": "small"
+          },
+          "tokens": {
+            "itemLineHeight": 1.1
+          }
+        },
+        {
+          "if": {
+            "compact": true,
+            "size": "large"
+          },
+          "tokens": {
+            "itemLineHeight": 1.3
+          }
+        }
+      ],
+      "tokens": {
+        "headerFontName": "StagSans",
+        "headerFontWeight": 600,
+        "interItemMargin": 8,
+        "itemBulletContainerWidth": 16,
+        "itemBulletHeight": 4,
+        "itemBulletWidth": 4,
+        "itemColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 1
+        },
+        "itemFontName": "StagSans",
+        "itemFontSize": 16,
+        "itemFontWeight": 400,
+        "itemLineHeight": 1.5,
+        "itemMarginTop": 0,
+        "itemPaddingTop": 0,
+        "listGutter": 8
+      }
+    },
     "Pagination": {
       "appearances": {
         "viewport": {
@@ -3750,7 +3837,131 @@
           "type": "state"
         }
       },
-      "rules": [],
+      "rules": [
+        {
+          "if": {
+            "error": true
+          },
+          "tokens": {
+            "inputBackgroundColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "inputBorderColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "inputOutlineColor": {
+              "red": 0.00392,
+              "green": 0.41961,
+              "blue": 0.41569,
+              "alpha": 1
+            },
+            "outerBorderColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
+            },
+            "outerBorderGap": 0,
+            "outerBorderWidth": 0
+          }
+        },
+        {
+          "if": {
+            "checked": true
+          },
+          "tokens": {
+            "inputBackgroundColor": {
+              "red": 0.00392,
+              "green": 0.41961,
+              "blue": 0.41569,
+              "alpha": 1
+            },
+            "inputOutlineColor": {
+              "red": 0.00392,
+              "green": 0.41961,
+              "blue": 0.41569,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "inactive": true
+          },
+          "tokens": {
+            "inputBackgroundColor": {
+              "red": 0.78824,
+              "green": 0.78431,
+              "blue": 0.78431,
+              "alpha": 1
+            },
+            "inputBorderColor": {
+              "red": 0.78824,
+              "green": 0.78431,
+              "blue": 0.78431,
+              "alpha": 1
+            },
+            "inputOutlineColor": {
+              "red": 0.78824,
+              "green": 0.78431,
+              "blue": 0.78431,
+              "alpha": 1
+            },
+            "labelColor": {
+              "red": 0.4,
+              "green": 0.4,
+              "blue": 0.4,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "checked": true,
+            "inactive": true
+          },
+          "tokens": {
+            "checkedBackgroundColor": {
+              "red": 0.78824,
+              "green": 0.78431,
+              "blue": 0.78431,
+              "alpha": 1
+            },
+            "inputBackgroundColor": {
+              "red": 0.78824,
+              "green": 0.78431,
+              "blue": 0.78431,
+              "alpha": 1
+            },
+            "inputBorderColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "inputBorderWidth": 3,
+            "inputOutlineColor": {
+              "red": 0.78824,
+              "green": 0.78431,
+              "blue": 0.78431,
+              "alpha": 1
+            },
+            "inputOutlineWidth": 1,
+            "labelColor": {
+              "red": 0.4,
+              "green": 0.4,
+              "blue": 0.4,
+              "alpha": 1
+            }
+          }
+        }
+      ],
       "tokens": {
         "checkedBackgroundColor": {
           "red": 0.00392,
@@ -3758,7 +3969,7 @@
           "blue": 0.41569,
           "alpha": 1
         },
-        "checkedSize": 12,
+        "checkedSize": 16,
         "containerBackgroundColor": {
           "red": 0,
           "green": 0,
@@ -3782,19 +3993,19 @@
           "alpha": 1
         },
         "inputBorderColor": {
-          "red": 0.00392,
-          "green": 0.41961,
-          "blue": 0.41569,
+          "red": 1,
+          "green": 1,
+          "blue": 1,
           "alpha": 1
         },
         "inputBorderWidth": 2,
         "inputOutlineColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
+          "red": 0.00392,
+          "green": 0.41961,
+          "blue": 0.41569,
+          "alpha": 1
         },
-        "inputOutlineWidth": 0,
+        "inputOutlineWidth": 2,
         "inputSize": 20,
         "labelColor": {
           "red": 0,
@@ -4062,6 +4273,57 @@
         "space": 2
       }
     },
+    "Ribbon": {
+      "appearances": {
+        "purpose": {
+          "type": "variant",
+          "values": ["offer", "default", "editorial"]
+        }
+      },
+      "rules": [],
+      "tokens": {
+        "backgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 1
+        },
+        "borderRadius": 4,
+        "boxShadowColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 1
+        },
+        "boxShadowPaddingBottom": 2,
+        "boxShadowPaddingLeft": 2,
+        "boxShadowPaddingRight": 2,
+        "boxShadowPaddingTop": 2,
+        "curveAfterBackgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 1
+        },
+        "curveAfterHeight": 4,
+        "curveAfterRadius": 8,
+        "curveAfterWidth": 8,
+        "curveBackgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 1
+        },
+        "curveHeight": 10,
+        "curveMarginTop": 4,
+        "curveWidth": 8,
+        "gradient": null,
+        "paddingBottom": 4,
+        "paddingLeft": 8,
+        "paddingRight": 8,
+        "paddingTop": 4
+      }
+    },
     "Search": {
       "appearances": {
         "focus": {
@@ -6168,7 +6430,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "2.15.0",
+    "themeTokensVersion": "2.17.0",
     "name": "theme-koodo"
   }
 }