@skyscanner/bpk-foundations-ios 21.1.0 → 22.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyscanner/bpk-foundations-ios",
-  "version": "21.1.0",
+  "version": "22.0.0",
   "description": "Common Backpack design tokens for colors, spacing, font, etc.",
   "license": "Apache-2.0",
   "repository": {
@@ -17,8 +17,8 @@
     "tokens": "gulp"
   },
   "dependencies": {
-    "@skyscanner/bpk-foundations-common": "^21.1.0",
+    "@skyscanner/bpk-foundations-common": "^22.0.0",
     "color": "^5.0.0"
   },
-  "gitHead": "7aa9bed74509741e4013c50d88658c2d7785514d"
+  "gitHead": "9ed7037e72e88f6fe761313fc9499f4406b20732"
 }

package/tokens/base.ios.json

@@ -1,5 +1,12 @@
 {
   "properties": [
+    {
+      "value": "700",
+      "type": "string",
+      "category": "font-weights",
+      "originalValue": "{!FONT_WEIGHT_BOLD}",
+      "name": "textXsLarkenFontWeight"
+    },
     {
       "value": "700",
       "type": "string",
@@ -7,6 +14,13 @@
       "originalValue": "{!FONT_WEIGHT_BOLD}",
       "name": "textHeading4FontWeight"
     },
+    {
+      "value": "700",
+      "type": "string",
+      "category": "font-weights",
+      "originalValue": "{!FONT_WEIGHT_BOLD}",
+      "name": "textSmLarkenFontWeight"
+    },
     {
       "value": "700",
       "type": "string",
@@ -238,6 +252,13 @@
       "originalValue": "{!LETTER_SPACING_TIGHT}",
       "name": "letterSpacingTight"
     },
+    {
+      "value": "12",
+      "type": "font-size",
+      "category": "font-sizes",
+      "originalValue": "{!FONT_SIZE_XS}",
+      "name": "textXsLarkenFontSize"
+    },
     {
       "value": "20",
       "type": "font-size",
@@ -259,6 +280,13 @@
       "originalValue": "{!LINE_HEIGHT_XL-TIGHT}",
       "name": "textHeading3LineHeight"
     },
+    {
+      "value": "14",
+      "type": "font-size",
+      "category": "font-sizes",
+      "originalValue": "{!FONT_SIZE_SM}",
+      "name": "textSmLarkenFontSize"
+    },
     {
       "value": "16",
       "type": "font-size",
@@ -266,6 +294,13 @@
       "originalValue": "{!FONT_SIZE_BASE}",
       "name": "textHeading5FontSize"
     },
+    {
+      "value": "16",
+      "type": "size",
+      "category": "typesettings",
+      "originalValue": "{!LINE_HEIGHT_XS}",
+      "name": "textXsLarkenLineHeight"
+    },
     {
       "value": "24",
       "type": "size",
@@ -273,6 +308,13 @@
       "originalValue": "{!LINE_HEIGHT_LG-TIGHT}",
       "name": "textHeading4LineHeight"
     },
+    {
+      "value": "700",
+      "type": "string",
+      "category": "font-weights",
+      "originalValue": "{!FONT_WEIGHT_BOLD}",
+      "name": "textBaseLarkenFontWeight"
+    },
     {
       "value": "20",
       "type": "size",
@@ -287,6 +329,13 @@
       "originalValue": "{!FONT_SIZE_LG}",
       "name": "textBodyLongformFontSize"
     },
+    {
+      "value": "20",
+      "type": "size",
+      "category": "typesettings",
+      "originalValue": "{!LINE_HEIGHT_SM}",
+      "name": "textSmLarkenLineHeight"
+    },
     {
       "value": "28",
       "type": "size",
@@ -336,6 +385,20 @@
       "originalValue": "{!LINE_HEIGHT_XL-TIGHT}",
       "name": "lineHeightXlTight"
     },
+    {
+      "value": "16",
+      "type": "font-size",
+      "category": "font-sizes",
+      "originalValue": "{!FONT_SIZE_BASE}",
+      "name": "textBaseLarkenFontSize"
+    },
+    {
+      "value": "20",
+      "type": "size",
+      "category": "typesettings",
+      "originalValue": "{!LINE_HEIGHT_BASE-TIGHT}",
+      "name": "textBaseLarkenLineHeight"
+    },
     {
       "value": "-0.02",
       "type": "letter-spacing",
@@ -1017,27 +1080,6 @@
       "originalValue": "{!FONT_SIZE_XS}",
       "name": "textXsFontSize"
     },
-    {
-      "type": "color",
-      "category": "colors",
-      "value": "#ffffffff",
-      "originalValue": "{!WHITE}",
-      "name": "colorWhite"
-    },
-    {
-      "type": "color",
-      "category": "colors",
-      "value": "#0062e3ff",
-      "originalValue": "{!SKY_BLUE}",
-      "name": "colorSkyBlue"
-    },
-    {
-      "type": "color",
-      "category": "colors",
-      "value": "#010913ff",
-      "originalValue": "{!BLACK}",
-      "name": "colorBlack"
-    },
     {
       "type": "color",
       "category": "badge-colors",
@@ -2417,6 +2459,13 @@
       "originalValue": "{!BORDER_SIZE_LG}",
       "name": "borderWidthLg"
     },
+    {
+      "type": "size",
+      "value": "9999",
+      "category": "radii",
+      "originalValue": "{!BORDER_RADIUS_FULL}",
+      "name": "borderRadiusFull"
+    },
     {
       "type": "size",
       "value": "40",
@@ -2431,6 +2480,13 @@
       "originalValue": "{!BORDER_RADIUS_MD}",
       "name": "borderRadiusMd"
     },
+    {
+      "type": "size",
+      "value": "18",
+      "category": "radii",
+      "originalValue": "{!BORDER_RADIUS_NAV_TABS}",
+      "name": "borderRadiusNavTabs"
+    },
     {
       "type": "size",
       "value": "8",
@@ -2547,15 +2603,15 @@
       "value": "#161616ff",
       "type": "color",
       "category": "box-shadows",
-      "originalValue": "{!SKY_GRAY}",
-      "name": "shadowSmColor"
+      "originalValue": "{!CHARCOAL}",
+      "name": "shadowNight"
     },
     {
       "value": "#161616ff",
       "type": "color",
       "category": "box-shadows",
-      "originalValue": "{!SKY_GRAY}",
-      "name": "shadowLgColor"
+      "originalValue": "{!CHARCOAL}",
+      "name": "shadowDay"
     },
     {
       "value": 0,
@@ -2680,23 +2736,15 @@
       "category": "touchables",
       "value": "0.15",
       "type": "number",
-      "deprecated": true,
       "originalValue": "0.15",
-      "name": "underlayOpacity"
-    },
-    {
-      "category": "touchables",
-      "value": "#161616ff",
-      "type": "color",
-      "originalValue": "{!SKY_GRAY}",
-      "name": "touchableOverlayColor"
+      "name": "touchableOverlayOpacity"
     },
     {
-      "category": "touchables",
-      "value": "0.15",
-      "type": "number",
-      "originalValue": "0.15",
-      "name": "touchableOverlayOpacity"
+      "value": "\"larken\"",
+      "type": "font",
+      "category": "typesettings",
+      "originalValue": "{!FONT_FAMILY_LARKEN}",
+      "name": "fontFamilyLarken"
     },
     {
       "value": null,
@@ -3590,6 +3638,15 @@
       "name": "privateSegmentedControlSurfaceContrastOnColor",
       "darkValue": "#054184ff",
       "originalDarkValue": "{!NIGHT_SKY}"
+    },
+    {
+      "value": "#161616ff",
+      "type": "color",
+      "category": "box-shadows",
+      "originalValue": "{!CHARCOAL}",
+      "name": "shadowColor",
+      "darkValue": "#161616ff",
+      "originalDarkValue": "{!CHARCOAL}"
     }
   ]
 }

package/tokens/base.raw.ios.json

@@ -6,23 +6,29 @@
     "BORDER_SIZE_LG": {
       "value": 2
     },
-    "BORDER_SIZE_XL": {
-      "value": 3
+    "BORDER_RADIUS_FULL": {
+      "value": 9999
     },
-    "BORDER_RADIUS_XS": {
-      "value": 4
+    "BORDER_RADIUS_XL": {
+      "value": 40
+    },
+    "BORDER_RADIUS_MD": {
+      "value": 12
+    },
+    "BORDER_RADIUS_NAV_TABS": {
+      "value": 18
     },
     "BORDER_RADIUS_SM": {
       "value": 8
     },
-    "BORDER_RADIUS_MD": {
-      "value": 12
+    "BORDER_RADIUS_XS": {
+      "value": 4
     },
     "BORDER_RADIUS_LG": {
       "value": 24
     },
-    "BORDER_RADIUS_XL": {
-      "value": 40
+    "BORDER_SIZE_XL": {
+      "value": 3
     },
     "CAROUSEL_INDICATOR_DOT_SIZE_SM": {
       "value": 2
@@ -309,6 +315,9 @@
     "BLACK": {
       "value": "#010913"
     },
+    "FONT_FAMILY_LARKEN": {
+      "value": "\"larken\""
+    },
     "LETTER_SPACING_BASE": {
       "value": -0.2
     },
@@ -338,6 +347,13 @@
     }
   },
   "props": {
+    "TEXT_XS-LARKEN_FONT_WEIGHT": {
+      "value": "700",
+      "type": "string",
+      "category": "font-weights",
+      "originalValue": "{!FONT_WEIGHT_BOLD}",
+      "name": "TEXT_XS-LARKEN_FONT_WEIGHT"
+    },
     "TEXT_HEADING-4_FONT_WEIGHT": {
       "value": "700",
       "type": "string",
@@ -345,6 +361,13 @@
       "originalValue": "{!FONT_WEIGHT_BOLD}",
       "name": "TEXT_HEADING-4_FONT_WEIGHT"
     },
+    "TEXT_SM-LARKEN_FONT_WEIGHT": {
+      "value": "700",
+      "type": "string",
+      "category": "font-weights",
+      "originalValue": "{!FONT_WEIGHT_BOLD}",
+      "name": "TEXT_SM-LARKEN_FONT_WEIGHT"
+    },
     "TEXT_HEADING-5_FONT_WEIGHT": {
       "value": "700",
       "type": "string",
@@ -576,6 +599,13 @@
       "originalValue": "{!LETTER_SPACING_TIGHT}",
       "name": "LETTER_SPACING_TIGHT"
     },
+    "TEXT_XS-LARKEN_FONT_SIZE": {
+      "value": "12",
+      "type": "font-size",
+      "category": "font-sizes",
+      "originalValue": "{!FONT_SIZE_XS}",
+      "name": "TEXT_XS-LARKEN_FONT_SIZE"
+    },
     "TEXT_HEADING-4_FONT_SIZE": {
       "value": "20",
       "type": "font-size",
@@ -597,6 +627,13 @@
       "originalValue": "{!LINE_HEIGHT_XL-TIGHT}",
       "name": "TEXT_HEADING-3_LINE_HEIGHT"
     },
+    "TEXT_SM-LARKEN_FONT_SIZE": {
+      "value": "14",
+      "type": "font-size",
+      "category": "font-sizes",
+      "originalValue": "{!FONT_SIZE_SM}",
+      "name": "TEXT_SM-LARKEN_FONT_SIZE"
+    },
     "TEXT_HEADING-5_FONT_SIZE": {
       "value": "16",
       "type": "font-size",
@@ -604,6 +641,13 @@
       "originalValue": "{!FONT_SIZE_BASE}",
       "name": "TEXT_HEADING-5_FONT_SIZE"
     },
+    "TEXT_XS-LARKEN_LINE_HEIGHT": {
+      "value": "16",
+      "type": "size",
+      "category": "typesettings",
+      "originalValue": "{!LINE_HEIGHT_XS}",
+      "name": "TEXT_XS-LARKEN_LINE_HEIGHT"
+    },
     "TEXT_HEADING-4_LINE_HEIGHT": {
       "value": "24",
       "type": "size",
@@ -611,6 +655,13 @@
       "originalValue": "{!LINE_HEIGHT_LG-TIGHT}",
       "name": "TEXT_HEADING-4_LINE_HEIGHT"
     },
+    "TEXT_BASE-LARKEN_FONT_WEIGHT": {
+      "value": "700",
+      "type": "string",
+      "category": "font-weights",
+      "originalValue": "{!FONT_WEIGHT_BOLD}",
+      "name": "TEXT_BASE-LARKEN_FONT_WEIGHT"
+    },
     "TEXT_HEADING-5_LINE_HEIGHT": {
       "value": "20",
       "type": "size",
@@ -625,6 +676,13 @@
       "originalValue": "{!FONT_SIZE_LG}",
       "name": "TEXT_BODY-LONGFORM_FONT_SIZE"
     },
+    "TEXT_SM-LARKEN_LINE_HEIGHT": {
+      "value": "20",
+      "type": "size",
+      "category": "typesettings",
+      "originalValue": "{!LINE_HEIGHT_SM}",
+      "name": "TEXT_SM-LARKEN_LINE_HEIGHT"
+    },
     "TEXT_BODY-LONGFORM_LINE_HEIGHT": {
       "value": "28",
       "type": "size",
@@ -674,6 +732,20 @@
       "originalValue": "{!LINE_HEIGHT_XL-TIGHT}",
       "name": "LINE_HEIGHT_XL-TIGHT"
     },
+    "TEXT_BASE-LARKEN_FONT_SIZE": {
+      "value": "16",
+      "type": "font-size",
+      "category": "font-sizes",
+      "originalValue": "{!FONT_SIZE_BASE}",
+      "name": "TEXT_BASE-LARKEN_FONT_SIZE"
+    },
+    "TEXT_BASE-LARKEN_LINE_HEIGHT": {
+      "value": "20",
+      "type": "size",
+      "category": "typesettings",
+      "originalValue": "{!LINE_HEIGHT_BASE-TIGHT}",
+      "name": "TEXT_BASE-LARKEN_LINE_HEIGHT"
+    },
     "TEXT_HERO-5_LETTER_SPACING": {
       "value": "-0.02",
       "type": "letter-spacing",
@@ -1355,27 +1427,6 @@
       "originalValue": "{!FONT_SIZE_XS}",
       "name": "TEXT_XS_FONT_SIZE"
     },
-    "COLOR_WHITE": {
-      "type": "color",
-      "category": "colors",
-      "value": "#ffffffff",
-      "originalValue": "{!WHITE}",
-      "name": "COLOR_WHITE"
-    },
-    "COLOR_SKY_BLUE": {
-      "type": "color",
-      "category": "colors",
-      "value": "#0062e3ff",
-      "originalValue": "{!SKY_BLUE}",
-      "name": "COLOR_SKY_BLUE"
-    },
-    "COLOR_BLACK": {
-      "type": "color",
-      "category": "colors",
-      "value": "#010913ff",
-      "originalValue": "{!BLACK}",
-      "name": "COLOR_BLACK"
-    },
     "PRIVATE_BADGE_BACKGROUND_NORMAL_DAY": {
       "type": "color",
       "category": "badge-colors",
@@ -2755,6 +2806,13 @@
       "originalValue": "{!BORDER_SIZE_LG}",
       "name": "BORDER_WIDTH_LG"
     },
+    "BORDER_RADIUS_FULL": {
+      "type": "size",
+      "value": "9999",
+      "category": "radii",
+      "originalValue": "{!BORDER_RADIUS_FULL}",
+      "name": "BORDER_RADIUS_FULL"
+    },
     "BORDER_RADIUS_XL": {
       "type": "size",
       "value": "40",
@@ -2769,6 +2827,13 @@
       "originalValue": "{!BORDER_RADIUS_MD}",
       "name": "BORDER_RADIUS_MD"
     },
+    "BORDER_RADIUS_NAV_TABS": {
+      "type": "size",
+      "value": "18",
+      "category": "radii",
+      "originalValue": "{!BORDER_RADIUS_NAV_TABS}",
+      "name": "BORDER_RADIUS_NAV_TABS"
+    },
     "BORDER_RADIUS_SM": {
       "type": "size",
       "value": "8",
@@ -2881,19 +2946,19 @@
       "originalValue": 3,
       "name": "SHADOW_SM_RADIUS"
     },
-    "SHADOW_SM_COLOR": {
+    "SHADOW_NIGHT": {
       "value": "#161616ff",
       "type": "color",
       "category": "box-shadows",
-      "originalValue": "{!SKY_GRAY}",
-      "name": "SHADOW_SM_COLOR"
+      "originalValue": "{!CHARCOAL}",
+      "name": "SHADOW_NIGHT"
     },
-    "SHADOW_LG_COLOR": {
+    "SHADOW_DAY": {
       "value": "#161616ff",
       "type": "color",
       "category": "box-shadows",
-      "originalValue": "{!SKY_GRAY}",
-      "name": "SHADOW_LG_COLOR"
+      "originalValue": "{!CHARCOAL}",
+      "name": "SHADOW_DAY"
     },
     "SHADOW_LG_OFFSET_WIDTH": {
       "value": 0,
@@ -3014,21 +3079,6 @@
       "originalValue": "{!SPACING_MD}",
       "name": "SPACING_ICON_TEXT"
     },
-    "UNDERLAY_OPACITY": {
-      "category": "touchables",
-      "value": "0.15",
-      "type": "number",
-      "deprecated": true,
-      "originalValue": "0.15",
-      "name": "UNDERLAY_OPACITY"
-    },
-    "TOUCHABLE_OVERLAY_COLOR": {
-      "category": "touchables",
-      "value": "#161616ff",
-      "type": "color",
-      "originalValue": "{!SKY_GRAY}",
-      "name": "TOUCHABLE_OVERLAY_COLOR"
-    },
     "TOUCHABLE_OVERLAY_OPACITY": {
       "category": "touchables",
       "value": "0.15",
@@ -3036,6 +3086,13 @@
       "originalValue": "0.15",
       "name": "TOUCHABLE_OVERLAY_OPACITY"
     },
+    "FONT_FAMILY_LARKEN": {
+      "value": "\"larken\"",
+      "type": "font",
+      "category": "typesettings",
+      "originalValue": "{!FONT_FAMILY_LARKEN}",
+      "name": "FONT_FAMILY_LARKEN"
+    },
     "TEXT_XXXL_LETTER_SPACING": {
       "value": null,
       "type": "legacy-letter-spacing",
@@ -3928,10 +3985,21 @@
       "name": "PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_ON_COLOR",
       "darkValue": "#054184ff",
       "originalDarkValue": "{!NIGHT_SKY}"
+    },
+    "SHADOW_COLOR": {
+      "value": "#161616ff",
+      "type": "color",
+      "category": "box-shadows",
+      "originalValue": "{!CHARCOAL}",
+      "name": "SHADOW_COLOR",
+      "darkValue": "#161616ff",
+      "originalDarkValue": "{!CHARCOAL}"
     }
   },
   "propKeys": [
+    "TEXT_XS-LARKEN_FONT_WEIGHT",
     "TEXT_HEADING-4_FONT_WEIGHT",
+    "TEXT_SM-LARKEN_FONT_WEIGHT",
     "TEXT_HEADING-5_FONT_WEIGHT",
     "LINE_HEIGHT_XXXL",
     "LINE_HEIGHT_XL",
@@ -3965,13 +4033,18 @@
     "FONT_SIZE_SM",
     "FONT_SIZE_XS",
     "LETTER_SPACING_TIGHT",
+    "TEXT_XS-LARKEN_FONT_SIZE",
     "TEXT_HEADING-4_FONT_SIZE",
     "FONT_SIZE_LG",
     "TEXT_HEADING-3_LINE_HEIGHT",
+    "TEXT_SM-LARKEN_FONT_SIZE",
     "TEXT_HEADING-5_FONT_SIZE",
+    "TEXT_XS-LARKEN_LINE_HEIGHT",
     "TEXT_HEADING-4_LINE_HEIGHT",
+    "TEXT_BASE-LARKEN_FONT_WEIGHT",
     "TEXT_HEADING-5_LINE_HEIGHT",
     "TEXT_BODY-LONGFORM_FONT_SIZE",
+    "TEXT_SM-LARKEN_LINE_HEIGHT",
     "TEXT_BODY-LONGFORM_LINE_HEIGHT",
     "TEXT_LABEL-1_FONT_WEIGHT",
     "LINE_HEIGHT_BASE-TIGHT",
@@ -3979,6 +4052,8 @@
     "TEXT_LABEL-3_FONT_WEIGHT",
     "TEXT_BODY-DEFAULT_FONT_WEIGHT",
     "LINE_HEIGHT_XL-TIGHT",
+    "TEXT_BASE-LARKEN_FONT_SIZE",
+    "TEXT_BASE-LARKEN_LINE_HEIGHT",
     "TEXT_HERO-5_LETTER_SPACING",
     "TEXT_HERO-4_LETTER_SPACING",
     "TEXT_HERO-3_LETTER_SPACING",
@@ -4069,9 +4144,6 @@
     "TEXT_SM_LINE_HEIGHT",
     "TEXT_BASE-EMPHASIZED_LINE_HEIGHT",
     "TEXT_XS_FONT_SIZE",
-    "COLOR_WHITE",
-    "COLOR_SKY_BLUE",
-    "COLOR_BLACK",
     "PRIVATE_BADGE_BACKGROUND_NORMAL_DAY",
     "PRIVATE_BADGE_BACKGROUND_NORMAL_NIGHT",
     "CANVAS_DAY",
@@ -4269,8 +4341,10 @@
     "BORDER_SIZE_LG",
     "BORDER_WIDTH_SM",
     "BORDER_WIDTH_LG",
+    "BORDER_RADIUS_FULL",
     "BORDER_RADIUS_XL",
     "BORDER_RADIUS_MD",
+    "BORDER_RADIUS_NAV_TABS",
     "BORDER_RADIUS_SM",
     "BORDER_RADIUS_XS",
     "BORDER_RADIUS_LG",
@@ -4287,8 +4361,8 @@
     "SHADOW_LG_OFFSET_HEIGHT",
     "SHADOW_LG_RADIUS",
     "SHADOW_SM_RADIUS",
-    "SHADOW_SM_COLOR",
-    "SHADOW_LG_COLOR",
+    "SHADOW_NIGHT",
+    "SHADOW_DAY",
     "SHADOW_LG_OFFSET_WIDTH",
     "BUTTON_BORDER_WIDTH",
     "BUTTON_HEIGHT",
@@ -4306,9 +4380,8 @@
     "SPACING_XXL",
     "SPACING_NONE",
     "SPACING_ICON_TEXT",
-    "UNDERLAY_OPACITY",
-    "TOUCHABLE_OVERLAY_COLOR",
     "TOUCHABLE_OVERLAY_OPACITY",
+    "FONT_FAMILY_LARKEN",
     "TEXT_XXXL_LETTER_SPACING",
     "TEXT_XL_LETTER_SPACING",
     "LETTER_SPACING_BASE",
@@ -4411,6 +4484,7 @@
     "PRIVATE_CARD_BUTTON_CONTAINED_FILL_COLOR",
     "PRIVATE_SEGMENTED_CONTROL_CANVAS_DEFAULT_COLOR",
     "PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_COLOR",
-    "PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_ON_COLOR"
+    "PRIVATE_SEGMENTED_CONTROL_SURFACE_CONTRAST_ON_COLOR",
+    "SHADOW_COLOR"
   ]
 }