fix(tokens): fix bundle tokens definitons

chore: version bump for tokens package chore(tailwind): update tokens package and fix tests
kiwicom · Aug 1, 2023 · 792e0e2 · 792e0e2
1 parent 3b3dd2d
commit 792e0e2
Show file tree

Hide file tree

Showing 21 changed files with 561 additions and 320 deletions.
diff --git a/packages/orbit-design-tokens/output/deprecated-tokens.json b/packages/orbit-design-tokens/output/deprecated-tokens.json
@@ -181,6 +181,24 @@
   "backgroundButtonBundleBasicActive": {
     "version": "1.0.0"
   },
+  "backgroundButtonBundleMedium": {
+    "version": "1.0.0"
+  },
+  "backgroundButtonBundleMediumHover": {
+    "version": "1.0.0"
+  },
+  "backgroundButtonBundleMediumActive": {
+    "version": "1.0.0"
+  },
+  "backgroundButtonBundleTop": {
+    "version": "1.0.0"
+  },
+  "backgroundButtonBundleTopHover": {
+    "version": "1.0.0"
+  },
+  "backgroundButtonBundleTopActive": {
+    "version": "1.0.0"
+  },
   "backgroundButtonCriticalSubtle": {
     "version": "1.0.0"
   },
@@ -317,24 +335,6 @@
     "replaceForToken": null,
     "version": "1.0.0"
   },
-  "backgroundBundleMedium": {
-    "version": "1.0.0"
-  },
-  "backgroundBundleMediumHover": {
-    "version": "1.0.0"
-  },
-  "backgroundBundleMediumActive": {
-    "version": "1.0.0"
-  },
-  "backgroundBundleTop": {
-    "version": "1.0.0"
-  },
-  "backgroundBundleTopHover": {
-    "version": "1.0.0"
-  },
-  "backgroundBundleTopActive": {
-    "version": "1.0.0"
-  },
   "backgroundCard": {
     "version": "1.0.0"
   },
@@ -1388,4 +1388,4 @@
     "replaceForToken": null,
     "version": "1.0.0"
   }
-}
+}
diff --git a/packages/orbit-design-tokens/output/docs-categories.json b/packages/orbit-design-tokens/output/docs-categories.json
@@ -12,4 +12,4 @@
     "font-weight",
     "z-index"
   ]
-}
+}
diff --git a/packages/orbit-design-tokens/output/docs-tokens.json b/packages/orbit-design-tokens/output/docs-tokens.json
@@ -1220,6 +1220,138 @@
       "value": "linear-gradient(to top right, #9F1816 0%, #C36802 100%)"
     }
   },
+  "backgroundButtonBundleMedium": {
+    "type": "color",
+    "deprecated": true,
+    "schema": {
+      "namespace": "component",
+      "object": "background",
+      "variant": "button",
+      "subVariant": "bundle-medium"
+    },
+    "javascript": {
+      "name": "backgroundButtonBundleMedium",
+      "value": "linear-gradient(to top right, #3719AB 0%, #8539DB 100%)"
+    },
+    "foundation": {
+      "name": "backgroundButtonBundleMedium",
+      "value": "none"
+    },
+    "scss": {
+      "name": "backgroundButtonBundleMedium",
+      "value": "linear-gradient(to top right, #3719AB 0%, #8539DB 100%)"
+    }
+  },
+  "backgroundButtonBundleMediumHover": {
+    "type": "color",
+    "deprecated": true,
+    "schema": {
+      "namespace": "component",
+      "object": "background",
+      "variant": "button",
+      "subVariant": "bundle-medium-hover"
+    },
+    "javascript": {
+      "name": "backgroundButtonBundleMediumHover",
+      "value": "linear-gradient(to top right, #BD2825 0%, #D67000 100%)"
+    },
+    "foundation": {
+      "name": "backgroundButtonBundleMediumHover",
+      "value": "none"
+    },
+    "scss": {
+      "name": "backgroundButtonBundleMediumHover",
+      "value": "linear-gradient(to top right, #BD2825 0%, #D67000 100%)"
+    }
+  },
+  "backgroundButtonBundleMediumActive": {
+    "type": "color",
+    "deprecated": true,
+    "schema": {
+      "namespace": "component",
+      "object": "background",
+      "variant": "button",
+      "subVariant": "bundle-medium-active"
+    },
+    "javascript": {
+      "name": "backgroundButtonBundleMediumActive",
+      "value": "linear-gradient(to top right, #250F79 0%, #5A3485 100%)"
+    },
+    "foundation": {
+      "name": "backgroundButtonBundleMediumActive",
+      "value": "none"
+    },
+    "scss": {
+      "name": "backgroundButtonBundleMediumActive",
+      "value": "linear-gradient(to top right, #250F79 0%, #5A3485 100%)"
+    }
+  },
+  "backgroundButtonBundleTop": {
+    "type": "color",
+    "deprecated": true,
+    "schema": {
+      "namespace": "component",
+      "object": "background",
+      "variant": "button",
+      "subVariant": "bundle-top"
+    },
+    "javascript": {
+      "name": "backgroundButtonBundleTop",
+      "value": "linear-gradient(to top right, #2D2D2E 0%, #696E73 100%)"
+    },
+    "foundation": {
+      "name": "backgroundButtonBundleTop",
+      "value": "none"
+    },
+    "scss": {
+      "name": "backgroundButtonBundleTop",
+      "value": "linear-gradient(to top right, #2D2D2E 0%, #696E73 100%)"
+    }
+  },
+  "backgroundButtonBundleTopHover": {
+    "type": "color",
+    "deprecated": true,
+    "schema": {
+      "namespace": "component",
+      "object": "background",
+      "variant": "button",
+      "subVariant": "bundle-top-hover"
+    },
+    "javascript": {
+      "name": "backgroundButtonBundleTopHover",
+      "value": "linear-gradient(to top right, #171718 0%, #51575C 100%)"
+    },
+    "foundation": {
+      "name": "backgroundButtonBundleTopHover",
+      "value": "none"
+    },
+    "scss": {
+      "name": "backgroundButtonBundleTopHover",
+      "value": "linear-gradient(to top right, #171718 0%, #51575C 100%)"
+    }
+  },
+  "backgroundButtonBundleTopActive": {
+    "type": "color",
+    "deprecated": true,
+    "schema": {
+      "namespace": "component",
+      "object": "background",
+      "variant": "button",
+      "subVariant": "bundle-top-active"
+    },
+    "javascript": {
+      "name": "backgroundButtonBundleTopActive",
+      "value": "linear-gradient(to top right, #101011 0%, #51575C)"
+    },
+    "foundation": {
+      "name": "backgroundButtonBundleTopActive",
+      "value": "none"
+    },
+    "scss": {
+      "name": "backgroundButtonBundleTopActive",
+      "value": "linear-gradient(to top right, #101011 0%, #51575C)"
+    }
+  },
   "backgroundButtonCriticalSubtle": {
     "type": "color",
     "deprecated": true,
@@ -2122,132 +2254,6 @@
       "value": "rgb(214, 222, 230)"
     }
   },
-  "backgroundBundleMedium": {
-    "type": "color",
-    "deprecated": true,
-    "schema": {
-      "namespace": "component",
-      "object": "background",
-      "variant": "bundle-medium"
-    },
-    "javascript": {
-      "name": "backgroundBundleMedium",
-      "value": "linear-gradient(to top right, #3719AB 0%, #8539DB 100%)"
-    },
-    "foundation": {
-      "name": "backgroundBundleMedium",
-      "value": "none"
-    },
-    "scss": {
-      "name": "backgroundBundleMedium",
-      "value": "linear-gradient(to top right, #3719AB 0%, #8539DB 100%)"
-    }
-  },
-  "backgroundBundleMediumHover": {
-    "type": "color",
-    "deprecated": true,
-    "schema": {
-      "namespace": "component",
-      "object": "background",
-      "variant": "bundle-medium-hover"
-    },
-    "javascript": {
-      "name": "backgroundBundleMediumHover",
-      "value": "linear-gradient(to top right, #BD2825 0%, #D67000 100%)"
-    },
-    "foundation": {
-      "name": "backgroundBundleMediumHover",
-      "value": "none"
-    },
-    "scss": {
-      "name": "backgroundBundleMediumHover",
-      "value": "linear-gradient(to top right, #BD2825 0%, #D67000 100%)"
-    }
-  },
-  "backgroundBundleMediumActive": {
-    "type": "color",
-    "deprecated": true,
-    "schema": {
-      "namespace": "component",
-      "object": "background",
-      "variant": "bundle-medium-active"
-    },
-    "javascript": {
-      "name": "backgroundBundleMediumActive",
-      "value": "linear-gradient(to top right, #250F79 0%, #5A3485 100%)"
-    },
-    "foundation": {
-      "name": "backgroundBundleMediumActive",
-      "value": "none"
-    },
-    "scss": {
-      "name": "backgroundBundleMediumActive",
-      "value": "linear-gradient(to top right, #250F79 0%, #5A3485 100%)"
-    }
-  },
-  "backgroundBundleTop": {
-    "type": "color",
-    "deprecated": true,
-    "schema": {
-      "namespace": "component",
-      "object": "background",
-      "variant": "bundle-top"
-    },
-    "javascript": {
-      "name": "backgroundBundleTop",
-      "value": "linear-gradient(to top right, #2D2D2E 0%, #696E73 100%)"
-    },
-    "foundation": {
-      "name": "backgroundBundleTop",
-      "value": "none"
-    },
-    "scss": {
-      "name": "backgroundBundleTop",
-      "value": "linear-gradient(to top right, #2D2D2E 0%, #696E73 100%)"
-    }
-  },
-  "backgroundBundleTopHover": {
-    "type": "color",
-    "deprecated": true,
-    "schema": {
-      "namespace": "component",
-      "object": "background",
-      "variant": "bundle-top-hover"
-    },
-    "javascript": {
-      "name": "backgroundBundleTopHover",
-      "value": "linear-gradient(to top right, #171718 0%, #51575C 100%)"
-    },
-    "foundation": {
-      "name": "backgroundBundleTopHover",
-      "value": "none"
-    },
-    "scss": {
-      "name": "backgroundBundleTopHover",
-      "value": "linear-gradient(to top right, #171718 0%, #51575C 100%)"
-    }
-  },
-  "backgroundBundleTopActive": {
-    "type": "color",
-    "deprecated": true,
-    "schema": {
-      "namespace": "component",
-      "object": "background",
-      "variant": "bundle-top-active"
-    },
-    "javascript": {
-      "name": "backgroundBundleTopActive",
-      "value": "linear-gradient(to top right, #101011 0%, #51575C)"
-    },
-    "foundation": {
-      "name": "backgroundBundleTopActive",
-      "value": "none"
-    },
-    "scss": {
-      "name": "backgroundBundleTopActive",
-      "value": "linear-gradient(to top right, #101011 0%, #51575C)"
-    }
-  },
   "backgroundCard": {
     "type": "color",
     "deprecated": true,
@@ -15557,6 +15563,48 @@
       "value": "rgb(0, 70, 128)"
     }
   },
+  "paletteBundleBasic": {
+    "type": "color",
+    "schema": {
+      "namespace": "global",
+      "object": "palette",
+      "variant": "bundle",
+      "subVariant": "basic"
+    },
+    "javascript": {
+      "name": "paletteBundleBasic",
+      "value": "#D7331C"
+    },
+    "foundation": {
+      "name": "paletteBundleBasic",
+      "value": "foundation.palette.bundle.basic"
+    },
+    "scss": {
+      "name": "paletteBundleBasic",
+      "value": "rgb(215, 51, 28)"
+    }
+  },
+  "paletteBundleMedium": {
+    "type": "color",
+    "schema": {
+      "namespace": "global",
+      "object": "palette",
+      "variant": "bundle",
+      "subVariant": "medium"
+    },
+    "javascript": {
+      "name": "paletteBundleMedium",
+      "value": "#3B1EB0"
+    },
+    "foundation": {
+      "name": "paletteBundleMedium",
+      "value": "foundation.palette.bundle.medium"
+    },
+    "scss": {
+      "name": "paletteBundleMedium",
+      "value": "rgb(59, 30, 176)"
+    }
+  },
   "paletteCloudLight": {
     "type": "color",
     "schema": {