@channel.io/bezier-tokens 0.2.7 → 0.2.9

package/dist/types/alpha/cjs/lightTheme.d.ts

@@ -312,6 +312,10 @@ declare const _exports: Readonly<{
             value: "#00000008";
             ref: "alpha-color-black-3";
         }>;
+        "alpha-color-bg-black-transparent": Readonly<{
+            value: "#00000000";
+            ref: "alpha-color-black-0";
+        }>;
         "alpha-color-bg-grey-darkest": Readonly<{
             value: "#242428";
             ref: "alpha-color-grey-900";
@@ -332,6 +336,10 @@ declare const _exports: Readonly<{
             value: "#fcfcfc";
             ref: "alpha-color-grey-50";
         }>;
+        "alpha-color-bg-grey-transparent": Readonly<{
+            value: "#24242800";
+            ref: "alpha-color-grey-900-0";
+        }>;
         "alpha-color-bg-grey-grey-alpha-darkest": Readonly<{
             value: "#efeff0cc";
             ref: "alpha-color-grey-alpha-200-80";
@@ -364,6 +372,10 @@ declare const _exports: Readonly<{
             value: "#ffffff";
             ref: "alpha-color-white-100";
         }>;
+        "alpha-color-bg-white-transparent": Readonly<{
+            value: "#ffffff00";
+            ref: "alpha-color-white-0";
+        }>;
         "alpha-color-bg-white-white-alpha-lightest": Readonly<{
             value: "#ffffffe6";
             ref: "alpha-color-white-90";
@@ -408,6 +420,10 @@ declare const _exports: Readonly<{
             value: "#7175e0";
             ref: "alpha-color-shade-blue-400";
         }>;
+        "alpha-color-bg-blue-transparent": Readonly<{
+            value: "#6d6afc00";
+            ref: "alpha-color-blue-400-0";
+        }>;
         "alpha-color-bg-cobalt-normal": Readonly<{
             value: "#5093e5";
             ref: "alpha-color-cobalt-400";
@@ -436,6 +452,10 @@ declare const _exports: Readonly<{
             value: "#57ace8";
             ref: "alpha-color-shade-cobalt-400";
         }>;
+        "alpha-color-bg-cobalt-transparent": Readonly<{
+            value: "#5093e500";
+            ref: "alpha-color-cobalt-400-0";
+        }>;
         "alpha-color-bg-red-normal": Readonly<{
             value: "#e55c5c";
             ref: "alpha-color-red-400";
@@ -464,6 +484,10 @@ declare const _exports: Readonly<{
             value: "#de6870";
             ref: "alpha-color-shade-red-400";
         }>;
+        "alpha-color-bg-red-transparent": Readonly<{
+            value: "#e55c5c00";
+            ref: "alpha-color-red-400-0";
+        }>;
         "alpha-color-bg-orange-normal": Readonly<{
             value: "#e67f2b";
             ref: "alpha-color-orange-400";
@@ -492,6 +516,10 @@ declare const _exports: Readonly<{
             value: "#e08c48";
             ref: "alpha-color-shade-orange-400";
         }>;
+        "alpha-color-bg-orange-transparent": Readonly<{
+            value: "#e67f2b00";
+            ref: "alpha-color-orange-400-0";
+        }>;
         "alpha-color-bg-green-normal": Readonly<{
             value: "#40ad67";
             ref: "alpha-color-green-400";
@@ -520,6 +548,10 @@ declare const _exports: Readonly<{
             value: "#62af7c";
             ref: "alpha-color-shade-green-400";
         }>;
+        "alpha-color-bg-green-transparent": Readonly<{
+            value: "#40ad6700";
+            ref: "alpha-color-green-400-0";
+        }>;
         "alpha-color-bg-teal-normal": Readonly<{
             value: "#09b2ac";
             ref: "alpha-color-teal-400";
@@ -548,6 +580,10 @@ declare const _exports: Readonly<{
             value: "#55aaa7";
             ref: "alpha-color-shade-teal-400";
         }>;
+        "alpha-color-bg-teal-transparent": Readonly<{
+            value: "#09b2ac00";
+            ref: "alpha-color-teal-400-0";
+        }>;
         "alpha-color-bg-olive-normal": Readonly<{
             value: "#a9b110";
             ref: "alpha-color-olive-400";
@@ -576,6 +612,10 @@ declare const _exports: Readonly<{
             value: "#a5a953";
             ref: "alpha-color-shade-olive-400";
         }>;
+        "alpha-color-bg-olive-transparent": Readonly<{
+            value: "#a9b11000";
+            ref: "alpha-color-olive-400-0";
+        }>;
         "alpha-color-bg-yellow-normal": Readonly<{
             value: "#edae0d";
             ref: "alpha-color-yellow-400";
@@ -604,6 +644,10 @@ declare const _exports: Readonly<{
             value: "#e8ae3c";
             ref: "alpha-color-shade-yellow-400";
         }>;
+        "alpha-color-bg-yellow-transparent": Readonly<{
+            value: "#edae0d00";
+            ref: "alpha-color-yellow-400-0";
+        }>;
         "alpha-color-bg-pink-normal": Readonly<{
             value: "#d64bb5";
             ref: "alpha-color-pink-400";
@@ -632,6 +676,10 @@ declare const _exports: Readonly<{
             value: "#d369ba";
             ref: "alpha-color-shade-pink-400";
         }>;
+        "alpha-color-bg-pink-transparent": Readonly<{
+            value: "#d64bb500";
+            ref: "alpha-color-pink-400-0";
+        }>;
         "alpha-color-bg-purple-normal": Readonly<{
             value: "#8e57e7";
             ref: "alpha-color-purple-400";
@@ -660,6 +708,10 @@ declare const _exports: Readonly<{
             value: "#9d6fe5";
             ref: "alpha-color-shade-purple-400";
         }>;
+        "alpha-color-bg-purple-transparent": Readonly<{
+            value: "#8e57e700";
+            ref: "alpha-color-purple-400-0";
+        }>;
         "alpha-color-bg-navy-normal": Readonly<{
             value: "#424fab";
             ref: "alpha-color-navy-400";
@@ -688,6 +740,10 @@ declare const _exports: Readonly<{
             value: "#5f69b0";
             ref: "alpha-color-shade-navy-400";
         }>;
+        "alpha-color-bg-navy-transparent": Readonly<{
+            value: "#424fab00";
+            ref: "alpha-color-navy-400-0";
+        }>;
         "alpha-color-bg-absolute-black-dark": Readonly<{
             value: "#000000";
             ref: "alpha-color-black-100";
@@ -708,6 +764,10 @@ declare const _exports: Readonly<{
             value: "#00000033";
             ref: "alpha-color-black-20";
         }>;
+        "alpha-color-bg-absolute-black-transparent": Readonly<{
+            value: "#00000000";
+            ref: "alpha-color-black-0";
+        }>;
         "alpha-color-bg-absolute-white-dark": Readonly<{
             value: "#ffffff";
             ref: "alpha-color-white-100";
@@ -728,6 +788,10 @@ declare const _exports: Readonly<{
             value: "#ffffff33";
             ref: "alpha-color-white-20";
         }>;
+        "alpha-color-bg-absolute-white-transparent": Readonly<{
+            value: "#ffffff00";
+            ref: "alpha-color-white-0";
+        }>;
         "alpha-color-surface-lowest": Readonly<{
             value: "#f7f7f8";
             ref: "alpha-color-grey-100";

package/dist/types/alpha/cjs/lightThemeHovered.d.ts

@@ -256,6 +256,10 @@ declare const _exports: Readonly<{
             value: "#1414140c";
             ref: null;
         }>;
+        "alpha-color-bg-black-transparent-hovered": Readonly<{
+            value: "#1414141a";
+            ref: null;
+        }>;
         "alpha-color-bg-grey-darkest-hovered": Readonly<{
             value: "#3a3a41ff";
             ref: null;
@@ -276,6 +280,10 @@ declare const _exports: Readonly<{
             value: "#eaeaeaff";
             ref: null;
         }>;
+        "alpha-color-bg-grey-transparent-hovered": Readonly<{
+            value: "#3a3a411a";
+            ref: null;
+        }>;
         "alpha-color-bg-grey-grey-alpha-darkest-hovered": Readonly<{
             value: "#dedee0cc";
             ref: null;
@@ -308,6 +316,10 @@ declare const _exports: Readonly<{
             value: "#edededff";
             ref: null;
         }>;
+        "alpha-color-bg-white-transparent-hovered": Readonly<{
+            value: "#ededed1a";
+            ref: null;
+        }>;
         "alpha-color-bg-white-white-alpha-lightest-hovered": Readonly<{
             value: "#ededede6";
             ref: null;
@@ -352,6 +364,10 @@ declare const _exports: Readonly<{
             value: "#6165d9ff";
             ref: null;
         }>;
+        "alpha-color-bg-blue-transparent-hovered": Readonly<{
+            value: "#5551fc1a";
+            ref: null;
+        }>;
         "alpha-color-bg-cobalt-normal-hovered": Readonly<{
             value: "#4088dfff";
             ref: null;
@@ -380,6 +396,10 @@ declare const _exports: Readonly<{
             value: "#47a2e2ff";
             ref: null;
         }>;
+        "alpha-color-bg-cobalt-transparent-hovered": Readonly<{
+            value: "#4088df1a";
+            ref: null;
+        }>;
         "alpha-color-bg-red-normal-hovered": Readonly<{
             value: "#df4c4cff";
             ref: null;
@@ -408,6 +428,10 @@ declare const _exports: Readonly<{
             value: "#d75861ff";
             ref: null;
         }>;
+        "alpha-color-bg-red-transparent-hovered": Readonly<{
+            value: "#df4c4c1a";
+            ref: null;
+        }>;
         "alpha-color-bg-orange-normal-hovered": Readonly<{
             value: "#df751fff";
             ref: null;
@@ -436,6 +460,10 @@ declare const _exports: Readonly<{
             value: "#d9813aff";
             ref: null;
         }>;
+        "alpha-color-bg-orange-transparent-hovered": Readonly<{
+            value: "#df751f1a";
+            ref: null;
+        }>;
         "alpha-color-bg-green-normal-hovered": Readonly<{
             value: "#3f9e61ff";
             ref: null;
@@ -464,6 +492,10 @@ declare const _exports: Readonly<{
             value: "#5aa473ff";
             ref: null;
         }>;
+        "alpha-color-bg-green-transparent-hovered": Readonly<{
+            value: "#3f9e611a";
+            ref: null;
+        }>;
         "alpha-color-bg-teal-normal-hovered": Readonly<{
             value: "#08a5a0ff";
             ref: null;
@@ -492,6 +524,10 @@ declare const _exports: Readonly<{
             value: "#539b98ff";
             ref: null;
         }>;
+        "alpha-color-bg-teal-transparent-hovered": Readonly<{
+            value: "#08a5a01a";
+            ref: null;
+        }>;
         "alpha-color-bg-olive-normal-hovered": Readonly<{
             value: "#9ba212ff";
             ref: null;
@@ -520,6 +556,10 @@ declare const _exports: Readonly<{
             value: "#969a51ff";
             ref: null;
         }>;
+        "alpha-color-bg-olive-transparent-hovered": Readonly<{
+            value: "#9ba2121a";
+            ref: null;
+        }>;
         "alpha-color-bg-yellow-normal-hovered": Readonly<{
             value: "#d9a010ff";
             ref: null;
@@ -548,6 +588,10 @@ declare const _exports: Readonly<{
             value: "#e2a52dff";
             ref: null;
         }>;
+        "alpha-color-bg-yellow-transparent-hovered": Readonly<{
+            value: "#d9a0101a";
+            ref: null;
+        }>;
         "alpha-color-bg-pink-normal-hovered": Readonly<{
             value: "#cf3eacff";
             ref: null;
@@ -576,6 +620,10 @@ declare const _exports: Readonly<{
             value: "#cb5bb0ff";
             ref: null;
         }>;
+        "alpha-color-bg-pink-transparent-hovered": Readonly<{
+            value: "#cf3eac1a";
+            ref: null;
+        }>;
         "alpha-color-bg-purple-normal-hovered": Readonly<{
             value: "#8247e1ff";
             ref: null;
@@ -604,6 +652,10 @@ declare const _exports: Readonly<{
             value: "#905edeff";
             ref: null;
         }>;
+        "alpha-color-bg-purple-transparent-hovered": Readonly<{
+            value: "#8247e11a";
+            ref: null;
+        }>;
         "alpha-color-bg-navy-normal-hovered": Readonly<{
             value: "#414c9cff";
             ref: null;
@@ -632,6 +684,10 @@ declare const _exports: Readonly<{
             value: "#5761a5ff";
             ref: null;
         }>;
+        "alpha-color-bg-navy-transparent-hovered": Readonly<{
+            value: "#414c9c1a";
+            ref: null;
+        }>;
         "alpha-color-bg-absolute-black-dark-hovered": Readonly<{
             value: "#141414ff";
             ref: null;
@@ -652,6 +708,10 @@ declare const _exports: Readonly<{
             value: "#14141433";
             ref: null;
         }>;
+        "alpha-color-bg-absolute-black-transparent-hovered": Readonly<{
+            value: "#1414141a";
+            ref: null;
+        }>;
         "alpha-color-bg-absolute-white-dark-hovered": Readonly<{
             value: "#edededff";
             ref: null;
@@ -672,6 +732,10 @@ declare const _exports: Readonly<{
             value: "#ededed33";
             ref: null;
         }>;
+        "alpha-color-bg-absolute-white-transparent-hovered": Readonly<{
+            value: "#ededed1a";
+            ref: null;
+        }>;
         "alpha-color-surface-lowest-hovered": Readonly<{
             value: "#e5e5e8ff";
             ref: null;