@devexpress/design-tokens-internal 261.0.2 → 261.0.3

package/tokens/figma-utils/box-shadow/styles.json

@@ -0,0 +1,181 @@
+{
+  "shadow": {
+    "none": {
+      "$type": "boxShadow",
+      "$value": [
+        {
+          "x": "{box-shadow.layer-1.x.none}",
+          "y": "{box-shadow.layer-1.y.none}",
+          "blur": "{box-shadow.layer-1.blur.none}",
+          "spread": "{box-shadow.layer-1.spread.none}",
+          "color": "{box-shadow.layer-1.color.none}",
+          "type": "dropShadow"
+        },
+        {
+          "x": "{box-shadow.layer-2.x.none}",
+          "y": "{box-shadow.layer-2.y.none}",
+          "blur": "{box-shadow.layer-2.blur.none}",
+          "spread": "{box-shadow.layer-2.spread.none}",
+          "color": "{box-shadow.layer-2.color.none}",
+          "type": "dropShadow"
+        }
+      ]
+    },
+    "xs": {
+      "$type": "boxShadow",
+      "$value": [
+        {
+          "x": "{box-shadow.layer-1.x.xs}",
+          "y": "{box-shadow.layer-1.y.xs}",
+          "blur": "{box-shadow.layer-1.blur.xs}",
+          "spread": "{box-shadow.layer-1.spread.xs}",
+          "color": "{box-shadow.layer-1.color.xs}",
+          "type": "dropShadow"
+        },
+        {
+          "x": "{box-shadow.layer-2.x.xs}",
+          "y": "{box-shadow.layer-2.y.xs}",
+          "blur": "{box-shadow.layer-2.blur.xs}",
+          "spread": "{box-shadow.layer-2.spread.xs}",
+          "color": "{box-shadow.layer-2.color.xs}",
+          "type": "dropShadow"
+        }
+      ]
+    },
+    "sm": {
+      "$type": "boxShadow",
+      "$value": [
+        {
+          "x": "{box-shadow.layer-1.x.sm}",
+          "y": "{box-shadow.layer-1.y.sm}",
+          "blur": "{box-shadow.layer-1.blur.sm}",
+          "spread": "{box-shadow.layer-1.spread.sm}",
+          "color": "{box-shadow.layer-1.color.sm}",
+          "type": "dropShadow"
+        },
+        {
+          "x": "{box-shadow.layer-2.x.sm}",
+          "y": "{box-shadow.layer-2.y.sm}",
+          "blur": "{box-shadow.layer-2.blur.sm}",
+          "spread": "{box-shadow.layer-2.spread.sm}",
+          "color": "{box-shadow.layer-2.color.sm}",
+          "type": "dropShadow"
+        }
+      ]
+    },
+    "md": {
+      "$type": "boxShadow",
+      "$value": [
+        {
+          "x": "{box-shadow.layer-1.x.md}",
+          "y": "{box-shadow.layer-1.y.md}",
+          "blur": "{box-shadow.layer-1.blur.md}",
+          "spread": "{box-shadow.layer-1.spread.md}",
+          "color": "{box-shadow.layer-1.color.md}",
+          "type": "dropShadow"
+        },
+        {
+          "x": "{box-shadow.layer-2.x.md}",
+          "y": "{box-shadow.layer-2.y.md}",
+          "blur": "{box-shadow.layer-2.blur.md}",
+          "spread": "{box-shadow.layer-1.spread.md}",
+          "color": "{box-shadow.layer-2.color.md}",
+          "type": "dropShadow"
+        }
+      ]
+    },
+    "lg": {
+      "$type": "boxShadow",
+      "$value": [
+        {
+          "x": "{box-shadow.layer-1.x.lg}",
+          "y": "{box-shadow.layer-1.y.lg}",
+          "blur": "{box-shadow.layer-1.blur.lg}",
+          "spread": "{box-shadow.layer-1.spread.lg}",
+          "color": "{box-shadow.layer-1.color.lg}",
+          "type": "dropShadow"
+        },
+        {
+          "x": "{box-shadow.layer-2.x.lg}",
+          "y": "{box-shadow.layer-2.y.lg}",
+          "blur": "{box-shadow.layer-1.blur.lg}",
+          "spread": "{box-shadow.layer-2.spread.lg}",
+          "color": "{box-shadow.layer-2.color.lg}",
+          "type": "dropShadow"
+        }
+      ]
+    },
+    "xl": {
+      "$type": "boxShadow",
+      "$value": [
+        {
+          "x": "{box-shadow.layer-1.x.xl}",
+          "y": "{box-shadow.layer-1.y.xl}",
+          "blur": "{box-shadow.layer-1.blur.xl}",
+          "spread": "{box-shadow.layer-1.spread.xl}",
+          "color": "{box-shadow.layer-1.color.xl}",
+          "type": "dropShadow"
+        },
+        {
+          "x": "{box-shadow.layer-2.x.xl}",
+          "y": "{box-shadow.layer-2.y.xl}",
+          "blur": "{box-shadow.layer-2.blur.xl}",
+          "spread": "{box-shadow.layer-2.spread.xl}",
+          "color": "{box-shadow.layer-2.color.xl}",
+          "type": "dropShadow"
+        }
+      ]
+    },
+    "2xl": {
+      "$type": "boxShadow",
+      "$value": [
+        {
+          "x": "{box-shadow.layer-1.x.2xl}",
+          "y": "{box-shadow.layer-1.y.2xl}",
+          "blur": "{box-shadow.layer-1.blur.2xl}",
+          "spread": "{box-shadow.layer-1.spread.2xl}",
+          "color": "{box-shadow.layer-1.color.2xl}",
+          "type": "dropShadow"
+        },
+        {
+          "x": "{box-shadow.layer-2.x.2xl}",
+          "y": "{box-shadow.layer-2.y.2xl}",
+          "blur": "{box-shadow.layer-2.blur.2xl}",
+          "spread": "{box-shadow.layer-2.spread.2xl}",
+          "color": "{box-shadow.layer-2.color.2xl}",
+          "type": "dropShadow"
+        }
+      ]
+    }
+  },
+  "box-shadow": {
+    "none": {
+      "$type": "text",
+      "$value": "none"
+    },
+    "xs": {
+      "$type": "text",
+      "$value": "xs"
+    },
+    "sm": {
+      "$type": "text",
+      "$value": "sm"
+    },
+    "md": {
+      "$type": "text",
+      "$value": "md"
+    },
+    "lg": {
+      "$type": "text",
+      "$value": "lg"
+    },
+    "xl": {
+      "$type": "text",
+      "$value": "xl"
+    },
+    "2xl": {
+      "$type": "text",
+      "$value": "2xl"
+    }
+  }
+}

package/tokens/figma-utils/decorative-colors/dark.json

@@ -0,0 +1,56 @@
+{
+  "decorative-colors": {
+    "info": {
+      "background": {
+        "$type": "color",
+        "$value": "{neutral.250}"
+      },
+      "headers": {
+        "$type": "color",
+        "$value": "{neutral.10}"
+      },
+      "icon": {
+        "$type": "color",
+        "$value": "{neutral.10}"
+      },
+      "plain-text": {
+        "$type": "color",
+        "$value": "{neutral.10}"
+      },
+      "link": {
+        "$type": "color",
+        "$value": "{primary.80}"
+      },
+      "demo-background": {
+        "$type": "color",
+        "$value": "#2F2F2F"
+      },
+      "demo-background-primary": {
+        "$type": "color",
+        "$value": "{primary.90}"
+      }
+    },
+    "state-annotations": {
+      "fill": {
+        "$type": "color",
+        "$value": "{neutral.10}"
+      }
+    },
+    "component": {
+      "background": {
+        "$type": "color",
+        "$value": "#111111"
+      }
+    },
+    "content-placeholder": {
+      "bg": {
+        "$type": "color",
+        "$value": "{primary.150}"
+      },
+      "text": {
+        "$type": "color",
+        "$value": "{primary.90}"
+      }
+    }
+  }
+}

package/tokens/figma-utils/decorative-colors/light.json

@@ -0,0 +1,56 @@
+{
+  "decorative-colors": {
+    "info": {
+      "background": {
+        "$type": "color",
+        "$value": "{neutral.10}"
+      },
+      "headers": {
+        "$type": "color",
+        "$value": "{neutral.230}"
+      },
+      "icon": {
+        "$type": "color",
+        "$value": "{neutral.230}"
+      },
+      "plain-text": {
+        "$type": "color",
+        "$value": "{neutral.230}"
+      },
+      "link": {
+        "$type": "color",
+        "$value": "{primary.90}"
+      },
+      "demo-background": {
+        "$type": "color",
+        "$value": "#F8F8F8"
+      },
+      "demo-background-primary": {
+        "$type": "color",
+        "$value": "{primary.90}"
+      }
+    },
+    "state-annotations": {
+      "fill": {
+        "$type": "color",
+        "$value": "{neutral.10}"
+      }
+    },
+    "component": {
+      "background": {
+        "$type": "color",
+        "$value": "#EEEEEE"
+      }
+    },
+    "content-placeholder": {
+      "bg": {
+        "$type": "color",
+        "$value": "{primary.10}"
+      },
+      "text": {
+        "$type": "color",
+        "$value": "{primary.90}"
+      }
+    }
+  }
+}

package/tokens/figma-utils/icon/property.json

@@ -0,0 +1,48 @@
+{
+  "icon": {
+    "style": {
+      "regular": {
+        "$type": "text",
+        "$value": "regular"
+      },
+      "filled": {
+        "$type": "text",
+        "$value": "filled"
+      },
+      "light": {
+        "$type": "text",
+        "$value": "light"
+      }
+    },
+    "size": {
+      "12px": {
+        "$type": "dimension",
+        "$value": "12px"
+      },
+      "16px": {
+        "$type": "dimension",
+        "$value": "16px"
+      },
+      "20px": {
+        "$type": "dimension",
+        "$value": "20px"
+      },
+      "24px": {
+        "$type": "dimension",
+        "$value": "24px"
+      },
+      "28px": {
+        "$type": "dimension",
+        "$value": "28px"
+      },
+      "32px": {
+        "$type": "dimension",
+        "$value": "32px"
+      },
+      "48px": {
+        "$type": "dimension",
+        "$value": "48px"
+      }
+    }
+  }
+}

package/tokens/figma-utils/icon/set/dx-office.json

@@ -0,0 +1,8 @@
+{
+  "icon": {
+    "set": {
+      "$type": "text",
+      "$value": "blazor_default"
+    }
+  }
+}

package/tokens/figma-utils/icon/set/fluent.json

@@ -0,0 +1,8 @@
+{
+  "icon": {
+    "set": {
+      "$type": "text",
+      "$value": "fluent"
+    }
+  }
+}

package/tokens/figma-utils/typography/font-family/dx-office.json

@@ -0,0 +1,12 @@
+{
+  "font-family": {
+    "sans-serif": {
+      "$type": "fontFamilies",
+      "$value": "Inter"
+    },
+    "mono": {
+      "$type": "fontFamilies",
+      "$value": "Ubuntu Mono"
+    }
+  }
+}

package/tokens/figma-utils/typography/font-family/fluent.json

@@ -0,0 +1,12 @@
+{
+  "font-family": {
+    "sans-serif": {
+      "$type": "fontFamilies",
+      "$value": "Segoe UI"
+    },
+    "mono": {
+      "$type": "fontFamilies",
+      "$value": "Consolas"
+    }
+  }
+}