npm - @kommon-lab/tokens - Versions diffs - 0.1.0 - Mend

@kommon-lab/tokens 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (21) hide show

package/README.md +1 -0
package/dist/.gitkeep +0 -0
package/dist/css/beebs.css +231 -0
package/dist/css/ekstract.css +231 -0
package/dist/css/kiabi-home.css +231 -0
package/dist/css/kiabi.css +231 -0
package/dist/css/kitchoun.css +231 -0
package/package.json +22 -0
package/tokens/beebs_tokens.json +213 -0
package/tokens/colors_primitives.json +445 -0
package/tokens/desktop-typography_tokens.json +74 -0
package/tokens/desktop_tokens.json +41 -0
package/tokens/ekstract_tokens.json +213 -0
package/tokens/kiabi-home_tokens.json +213 -0
package/tokens/kiabi_tokens.json +213 -0
package/tokens/kitchoun_tokens.json +213 -0
package/tokens/measures_primitives.json +60 -0
package/tokens/measures_tokens.json +42 -0
package/tokens/mobile-typography_tokens.json +74 -0
package/tokens/mobile_tokens.json +41 -0
package/tokens/typography_tokens.json +140 -0

package/tokens/colors_primitives.json ADDED Viewed

@@ -0,0 +1,445 @@
+{
+  "global": {
+    "white": { "value": "#ffffff" },
+    "kiabi": {
+      "50": { "value": "#e8efff" },
+      "100": { "value": "#ceddff" },
+      "200": { "value": "#a3bff9" },
+      "300": { "value": "#7b9aee" },
+      "400": { "value": "#5875de" },
+      "500": { "value": "#3a51c9" },
+      "600": { "value": "#2935a6" },
+      "700": { "value": "#1b1f7e" },
+      "800": { "value": "#100f57" },
+      "900": { "value": "#040037" },
+      "1000": { "value": "#050a1b" }
+    },
+    "blue": {
+      "50": { "value": "#e5f0ff" },
+      "100": { "value": "#cde3fe" },
+      "200": { "value": "#9fc8fe" },
+      "300": { "value": "#72b0fd" },
+      "400": { "value": "#4c9afc" },
+      "500": { "value": "#006efb" },
+      "600": { "value": "#0053be" },
+      "700": { "value": "#003c88" },
+      "800": { "value": "#00295d" },
+      "900": { "value": "#001a3b" },
+      "1000": { "value": "#001024" }
+    },
+    "green": {
+      "50": { "value": "#eafbee" },
+      "100": { "value": "#d3f3dc" },
+      "200": { "value": "#a1deb3" },
+      "300": { "value": "#79d092" },
+      "400": { "value": "#3dae5e" },
+      "500": { "value": "#188638" },
+      "600": { "value": "#00631d" },
+      "700": { "value": "#004815" },
+      "800": { "value": "#00330f" },
+      "900": { "value": "#00230a" },
+      "1000": { "value": "#001907" }
+    },
+    "orange": {
+      "50": { "value": "#fff3e6" },
+      "100": { "value": "#ffe5ca" },
+      "200": { "value": "#ffc799" },
+      "300": { "value": "#ffa465" },
+      "400": { "value": "#ff8031" },
+      "500": { "value": "#fb5b00" },
+      "600": { "value": "#cf4b00" },
+      "700": { "value": "#9f3a00" },
+      "800": { "value": "#6d2800" },
+      "900": { "value": "#3b1600" },
+      "1000": { "value": "#200c00" }
+    },
+    "red": {
+      "50": { "value": "#fff0ec" },
+      "100": { "value": "#ffdcd8" },
+      "200": { "value": "#ffbdba" },
+      "300": { "value": "#ff8f8d" },
+      "400": { "value": "#fd5e5f" },
+      "500": { "value": "#db1527" },
+      "600": { "value": "#9d1420" },
+      "700": { "value": "#6b131b" },
+      "800": { "value": "#481318" },
+      "900": { "value": "#2f1114" },
+      "1000": { "value": "#1d0e0f" }
+    },
+    "yellow": {
+      "50": { "value": "#fffee0" },
+      "100": { "value": "#ffffc4" },
+      "200": { "value": "#fff899" },
+      "300": { "value": "#ffef6b" },
+      "400": { "value": "#ffe539" },
+      "500": { "value": "#ffda00" },
+      "600": { "value": "#d0b200" },
+      "700": { "value": "#a28a00" },
+      "800": { "value": "#736200" },
+      "900": { "value": "#443a00" },
+      "1000": { "value": "#221d00" }
+    },
+    "grey": {
+      "50": { "value": "#f2f2f8" },
+      "100": { "value": "#e2e1eb" },
+      "200": { "value": "#c6c5d3" },
+      "300": { "value": "#aaa9ba" },
+      "400": { "value": "#8f8da1" },
+      "500": { "value": "#757388" },
+      "600": { "value": "#5f5d6f" },
+      "700": { "value": "#494856" },
+      "800": { "value": "#33323d" },
+      "900": { "value": "#1e1d23" },
+      "1000": { "value": "#131317" }
+    }
+  },
+  "ekstract": {
+    "pine": {
+      "50": { "value": "#edf8f8" },
+      "100": { "value": "#d7eded" },
+      "200": { "value": "#b6d4d4" },
+      "300": { "value": "#96bcbc" },
+      "400": { "value": "#78a4a4" },
+      "500": { "value": "#5b8b8b" },
+      "600": { "value": "#427373" },
+      "700": { "value": "#2b5a5a" },
+      "800": { "value": "#194242" },
+      "900": { "value": "#112525" },
+      "1000": { "value": "#0b1515" }
+    },
+    "sage": {
+      "50": { "value": "#f0f8ee" },
+      "100": { "value": "#e6f1e4" },
+      "200": { "value": "#ceddca" },
+      "300": { "value": "#b4cab0" },
+      "400": { "value": "#95af90" },
+      "500": { "value": "#769470" },
+      "600": { "value": "#587951" },
+      "700": { "value": "#3c5e35" },
+      "800": { "value": "#24431d" },
+      "900": { "value": "#12280c" },
+      "1000": { "value": "#0a1906" }
+    },
+    "sand": {
+      "50": { "value": "#faf1e0" },
+      "100": { "value": "#f5e8d0" },
+      "200": { "value": "#ebd5b1" },
+      "300": { "value": "#e0c495" },
+      "400": { "value": "#d1b17b" },
+      "500": { "value": "#bc9c64" },
+      "600": { "value": "#a0824e" },
+      "700": { "value": "#7d6539" },
+      "800": { "value": "#564525" },
+      "900": { "value": "#2e2513" },
+      "1000": { "value": "#1c170b" }
+    },
+    "meadow": {
+      "50": { "value": "#feeee6" },
+      "100": { "value": "#ffe7da" },
+      "200": { "value": "#ffd1bb" },
+      "300": { "value": "#febb9e" },
+      "400": { "value": "#eaa181" },
+      "500": { "value": "#d18868" },
+      "600": { "value": "#b16e51" },
+      "700": { "value": "#8b543b" },
+      "800": { "value": "#603927" },
+      "900": { "value": "#341f15" },
+      "1000": { "value": "#1e120c" }
+    },
+    "firefly": {
+      "50": { "value": "#f9ffcc" },
+      "100": { "value": "#f2ff99" },
+      "200": { "value": "#e4fd56" },
+      "300": { "value": "#cfee21" },
+      "400": { "value": "#bdd918" },
+      "500": { "value": "#a5bf12" },
+      "600": { "value": "#899f0d" },
+      "700": { "value": "#6a7b08" },
+      "800": { "value": "#495504" },
+      "900": { "value": "#293002" },
+      "1000": { "value": "#1b2001" }
+    }
+  },
+  "kitchoun": {
+    "purple": {
+      "50": { "value": "#eeedfb" },
+      "100": { "value": "#e5e2fe" },
+      "200": { "value": "#d1cdfa" },
+      "300": { "value": "#bbb6f7" },
+      "400": { "value": "#a39cf4" },
+      "500": { "value": "#847ed2" },
+      "600": { "value": "#655eaf" },
+      "700": { "value": "#46408c" },
+      "800": { "value": "#2b2568" },
+      "900": { "value": "#151143" },
+      "1000": { "value": "#0b0925" }
+    },
+    "chick": {
+      "50": { "value": "#f6f4d5" },
+      "100": { "value": "#f0ebaf" },
+      "200": { "value": "#e9e28d" },
+      "300": { "value": "#ded675" },
+      "400": { "value": "#cdc562" },
+      "500": { "value": "#b7af52" },
+      "600": { "value": "#9c9643" },
+      "700": { "value": "#7d7734" },
+      "800": { "value": "#5a5524" },
+      "900": { "value": "#323014" },
+      "1000": { "value": "#1d1b0c" }
+    },
+    "mint": {
+      "50": { "value": "#ebf9ef" },
+      "100": { "value": "#d7f3df" },
+      "200": { "value": "#afe1be" },
+      "300": { "value": "#87c79a" },
+      "400": { "value": "#65ad7b" },
+      "500": { "value": "#47935e" },
+      "600": { "value": "#2f7945" },
+      "700": { "value": "#1c5f30" },
+      "800": { "value": "#0d451e" },
+      "900": { "value": "#042b10" },
+      "1000": { "value": "#011d0a" }
+    },
+    "ocher": {
+      "50": { "value": "#fbefdc" },
+      "100": { "value": "#f8e4c4" },
+      "200": { "value": "#e8cda1" },
+      "300": { "value": "#d8b67f" },
+      "400": { "value": "#c8a05f" },
+      "500": { "value": "#aa8852" },
+      "600": { "value": "#8c6f42" },
+      "700": { "value": "#6d5631" },
+      "800": { "value": "#4f3d21" },
+      "900": { "value": "#312512" },
+      "1000": { "value": "#1f180c" }
+    },
+    "salmon": {
+      "50": { "value": "#fff6f0" },
+      "100": { "value": "#ffede1" },
+      "200": { "value": "#fed8c3" },
+      "300": { "value": "#f7c1a3" },
+      "400": { "value": "#e5a988" },
+      "500": { "value": "#cd8e6b" },
+      "600": { "value": "#ae7150" },
+      "700": { "value": "#885335" },
+      "800": { "value": "#5f351f" },
+      "900": { "value": "#341b0d" },
+      "1000": { "value": "#1f1007" }
+    }
+  },
+  "home": {
+    "brown": {
+      "50": { "value": "#f8f0e8" },
+      "100": { "value": "#f0e6da" },
+      "200": { "value": "#ddcebf" },
+      "300": { "value": "#c9b7a3" },
+      "400": { "value": "#b6a088" },
+      "500": { "value": "#9a856e" },
+      "600": { "value": "#7f6a54" },
+      "700": { "value": "#63503c" },
+      "800": { "value": "#473726" },
+      "900": { "value": "#2c2014" },
+      "1000": { "value": "#1c140c" }
+    },
+    "azur": {
+      "50": { "value": "#e9f0f7" },
+      "100": { "value": "#d5e2ef" },
+      "200": { "value": "#b6c8dc" },
+      "300": { "value": "#99b0c8" },
+      "400": { "value": "#7c97b4" },
+      "500": { "value": "#607fa1" },
+      "600": { "value": "#44678d" },
+      "700": { "value": "#324f70" },
+      "800": { "value": "#1e3752" },
+      "900": { "value": "#0e2135" },
+      "1000": { "value": "#081523" }
+    },
+    "coral": {
+      "50": { "value": "#fcebe9" },
+      "100": { "value": "#f8dedc" },
+      "200": { "value": "#e8c4c1" },
+      "300": { "value": "#d9aaa6" },
+      "400": { "value": "#c98f8b" },
+      "500": { "value": "#b97570" },
+      "600": { "value": "#975b57" },
+      "700": { "value": "#76423e" },
+      "800": { "value": "#542b28" },
+      "900": { "value": "#321715" },
+      "1000": { "value": "#1d0d0c" }
+    },
+    "duck": {
+      "50": { "value": "#ecf6f9" },
+      "100": { "value": "#ddeef2" },
+      "200": { "value": "#c1dae0" },
+      "300": { "value": "#a6c6ce" },
+      "400": { "value": "#8bb2bc" },
+      "500": { "value": "#7397a0" },
+      "600": { "value": "#5a7c85" },
+      "700": { "value": "#3f6069" },
+      "800": { "value": "#25454d" },
+      "900": { "value": "#112b32" },
+      "1000": { "value": "#091d22" }
+    },
+    "gold": {
+      "50": { "value": "#fdf4e4" },
+      "100": { "value": "#fbecd0" },
+      "200": { "value": "#f4dbac" },
+      "300": { "value": "#e9ca90" },
+      "400": { "value": "#dab879" },
+      "500": { "value": "#c4a366" },
+      "600": { "value": "#a68850" },
+      "700": { "value": "#82693b" },
+      "800": { "value": "#594726" },
+      "900": { "value": "#2f2614" },
+      "1000": { "value": "#1b160b" }
+    }
+  },
+  "wekrew": {
+    "tangerine": {
+      "50": { "value": "#ffe9e5" },
+      "100": { "value": "#ffd3ca" },
+      "200": { "value": "#fda899" },
+      "300": { "value": "#f4806c" },
+      "400": { "value": "#eb5a41" },
+      "500": { "value": "#c7432c" },
+      "600": { "value": "#a3301c" },
+      "700": { "value": "#7f1f0f" },
+      "800": { "value": "#5b1206" },
+      "900": { "value": "#370900" },
+      "1000": { "value": "#1f0500" }
+    },
+    "aurore": {
+      "50": { "value": "#fff6e3" },
+      "100": { "value": "#ffefca" },
+      "200": { "value": "#ffd99e" },
+      "300": { "value": "#f8c474" },
+      "400": { "value": "#f0af4b" },
+      "500": { "value": "#cb923b" },
+      "600": { "value": "#a6762c" },
+      "700": { "value": "#815a1f" },
+      "800": { "value": "#5b3e13" },
+      "900": { "value": "#352309" },
+      "1000": { "value": "#1a1205" }
+    },
+    "celadon": {
+      "50": { "value": "#e9f1e4" },
+      "100": { "value": "#d8e5d0" },
+      "200": { "value": "#b8cdaa" },
+      "300": { "value": "#9ab688" },
+      "400": { "value": "#7e9e6a" },
+      "500": { "value": "#64864f" },
+      "600": { "value": "#4d6e39" },
+      "700": { "value": "#385626" },
+      "800": { "value": "#263f16" },
+      "900": { "value": "#16270b" },
+      "1000": { "value": "#0e1b06" }
+    },
+    "ice": {
+      "50": { "value": "#f1f2fd" },
+      "100": { "value": "#e6e8fa" },
+      "200": { "value": "#c4c7e1" },
+      "300": { "value": "#a4a8c9" },
+      "400": { "value": "#868ab0" },
+      "500": { "value": "#6a6f97" },
+      "600": { "value": "#51567e" },
+      "700": { "value": "#3b3f64" },
+      "800": { "value": "#272b4b" },
+      "900": { "value": "#161930" },
+      "1000": { "value": "#0e1021" }
+    },
+    "cobalt": {
+      "50": { "value": "#e1e4fc" },
+      "100": { "value": "#c4caf9" },
+      "200": { "value": "#9aa2eb" },
+      "300": { "value": "#747edc" },
+      "400": { "value": "#515dcd" },
+      "500": { "value": "#3340be" },
+      "600": { "value": "#1726af" },
+      "700": { "value": "#000fa0" },
+      "800": { "value": "#0e1775" },
+      "900": { "value": "#11174a" },
+      "1000": { "value": "#10132c" }
+    }
+  },
+  "beebs": {
+    "green": {
+      "50": { "value": "#f2f7f7" },
+      "100": { "value": "#ccddde" },
+      "200": { "value": "#99bcbd" },
+      "300": { "value": "#669a9c" },
+      "400": { "value": "#33787b" },
+      "500": { "value": "#00565a" },
+      "600": { "value": "#004548" },
+      "700": { "value": "#003436" },
+      "800": { "value": "#002324" },
+      "900": { "value": "#001112" },
+      "1000": { "value": "#000909" }
+    },
+    "aqua": {
+      "50": { "value": "#eaf7f7" },
+      "100": { "value": "#d4f0ee" },
+      "200": { "value": "#aae1dd" },
+      "300": { "value": "#7fd1cd" },
+      "400": { "value": "#55c2bc" },
+      "500": { "value": "#2ab3ab" },
+      "600": { "value": "#228f89" },
+      "700": { "value": "#196b67" },
+      "800": { "value": "#114844" },
+      "900": { "value": "#082422" },
+      "1000": { "value": "#041211" }
+    },
+    "mustard": {
+      "50": { "value": "#fff8e7" },
+      "100": { "value": "#fff2d0" },
+      "200": { "value": "#ffe5a0" },
+      "300": { "value": "#ffd771" },
+      "400": { "value": "#ffca41" },
+      "500": { "value": "#ffbd12" },
+      "600": { "value": "#cc970e" },
+      "700": { "value": "#99710b" },
+      "800": { "value": "#664c07" },
+      "900": { "value": "#332604" },
+      "1000": { "value": "#1a1302" }
+    },
+    "lily": {
+      "50": { "value": "#f1f2ff" },
+      "100": { "value": "#e3e4ff" },
+      "200": { "value": "#c6cafe" },
+      "300": { "value": "#aaaffe" },
+      "400": { "value": "#8d95fd" },
+      "500": { "value": "#717afd" },
+      "600": { "value": "#5a62ca" },
+      "700": { "value": "#444998" },
+      "800": { "value": "#2d3165" },
+      "900": { "value": "#171833" },
+      "1000": { "value": "#0b0c19" }
+    },
+    "coral": {
+      "50": { "value": "#fff1ec" },
+      "100": { "value": "#ffe2da" },
+      "200": { "value": "#ffc5b5" },
+      "300": { "value": "#fea98f" },
+      "400": { "value": "#fe8c6a" },
+      "500": { "value": "#fe6f45" },
+      "600": { "value": "#cb5937" },
+      "700": { "value": "#984329" },
+      "800": { "value": "#662c1c" },
+      "900": { "value": "#33160e" },
+      "1000": { "value": "#190b07" }
+    },
+    "grey": {
+      "50": { "value": "#f4f4f4" },
+      "100": { "value": "#e6e6e6" },
+      "200": { "value": "#d8d8d8" },
+      "300": { "value": "#bcbbbb" },
+      "400": { "value": "#9a9999" },
+      "500": { "value": "#878787" },
+      "600": { "value": "#737373" },
+      "700": { "value": "#5f5f5f" },
+      "800": { "value": "#4a4a4a" },
+      "900": { "value": "#353535" },
+      "1000": { "value": "#212121" },
+      "white": { "value": "#ffffff" }
+    }
+  }
+}

package/tokens/desktop-typography_tokens.json ADDED Viewed

@@ -0,0 +1,74 @@
+{
+  "font": {
+    "display": {
+      "l": {
+        "$type": "typography",
+        "value": {
+          "fontFamily": "{font.family}",
+          "fontSize": "4.5rem",
+          "lineHeight": "100%",
+          "fontWeight": "{font.weight.bold}",
+          "letterSpacing": 0,
+          "textDecoration": "none"
+        }
+      },
+      "m": {
+        "$type": "typography",
+        "value": {
+          "fontFamily": "{font.family}",
+          "fontSize": "3.5rem",
+          "lineHeight": "100%",
+          "fontWeight": "{font.weight.bold}",
+          "letterSpacing": 0,
+          "textDecoration": "none"
+        }
+      }
+    },
+    "title": {
+      "l": {
+        "$type": "typography",
+        "value": {
+          "fontFamily": "{font.family}",
+          "fontSize": "2.5rem",
+          "lineHeight": "120%",
+          "fontWeight": "{font.weight.extra-bold}",
+          "letterSpacing": 0,
+          "textDecoration": "none"
+        }
+      },
+      "m": {
+        "$type": "typography",
+        "value": {
+          "fontFamily": "{font.family}",
+          "fontSize": "2rem",
+          "lineHeight": "120%",
+          "fontWeight": "{font.weight.extra-bold}",
+          "letterSpacing": 0,
+          "textDecoration": "none"
+        }
+      },
+      "s": {
+        "$type": "typography",
+        "value": {
+          "fontFamily": "{font.family}",
+          "fontSize": "1.5rem",
+          "lineHeight": "120%",
+          "fontWeight": "{font.weight.extra-bold}",
+          "letterSpacing": 0,
+          "textDecoration": "none"
+        }
+      },
+      "xs": {
+        "$type": "typography",
+        "value": {
+          "fontFamily": "{font.family}",
+          "fontSize": "1.25rem",
+          "lineHeight": "120%",
+          "fontWeight": "{font.weight.extra-bold}",
+          "letterSpacing": 0,
+          "textDecoration": "none"
+        }
+      }
+    }
+  }
+}

package/tokens/desktop_tokens.json ADDED Viewed

@@ -0,0 +1,41 @@
+{
+  "font-size": {
+    "display": {
+      "large": { "value": 72 },
+      "medium": { "value": 56 }
+    },
+    "title": {
+      "large": { "value": 40 },
+      "medium": { "value": 32 },
+      "small": { "value": 24 },
+      "xsmall": { "value": 20 }
+    },
+    "body": {
+      "medium": { "value": 16 },
+      "small": { "value": 14 },
+      "xsmall": { "value": 12 }
+    }
+  },
+  "line-height": {
+    "display": {
+      "large": { "value": 100 },
+      "medium": { "value": 100 }
+    },
+    "title": {
+      "large": { "value": 120 },
+      "medium": { "value": 120 },
+      "small": { "value": 120 },
+      "xsmall": { "value": 120 }
+    },
+    "body": {
+      "medium": { "value": 140 },
+      "small": { "value": 140 },
+      "xsmall": { "value": 140 }
+    }
+  },
+  "family": {
+    "display": { "value": "{font.family}" },
+    "title": { "value": "{font.family}" },
+    "body": { "value": "Figtree" }
+  }
+}