npm - @devexpress/design-tokens-internal - Versions diffs - 261.0.2 → 261.0.3 - Mend

@devexpress/design-tokens-internal 261.0.2 → 261.0.3

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 (111) hide show

package/package.json +3 -1
package/tokens/components/core/accordion/fluent.json +408 -0
package/tokens/components/core/ai-chat/fluent.json +956 -0
package/tokens/components/core/badge/fluent.json +84 -0
package/tokens/components/core/button/fluent.json +154 -0
package/tokens/components/core/calendar/fluent.json +836 -0
package/tokens/components/core/checkbox/fluent.json +384 -0
package/tokens/components/core/collapse-button/fluent.json +168 -0
package/tokens/components/core/container-body/fluent.json +90 -0
package/tokens/components/core/container-footer/fluent.json +104 -0
package/tokens/components/core/container-header/fluent.json +166 -0
package/tokens/components/core/dialog/fluent.json +88 -0
package/tokens/components/core/drawer/fluent.json +80 -0
package/tokens/components/core/empty-item/fluent.json +180 -0
package/tokens/components/core/focus-rect/fluent.json +42 -0
package/tokens/components/core/form/fluent.json +208 -0
package/tokens/components/core/icon-wrapper/fluent.json +72 -0
package/tokens/components/core/indent-space/fluent.json +60 -0
package/tokens/components/core/label/fluent.json +78 -0
package/tokens/components/core/link/fluent.json +144 -0
package/tokens/components/core/listbox/fluent.json +476 -0
package/tokens/components/core/menu/fluent.json +352 -0
package/tokens/components/core/message-bar/fluent.json +132 -0
package/tokens/components/core/overflow-menu/fluent.json +432 -0
package/tokens/components/core/pagination/fluent.json +262 -0
package/tokens/components/core/popover/fluent.json +94 -0
package/tokens/components/core/popover-arrow/fluent.json +26 -0
package/tokens/components/core/popover-body/fluent.json +92 -0
package/tokens/components/core/popover-footer/fluent.json +74 -0
package/tokens/components/core/popover-header/fluent.json +150 -0
package/tokens/components/core/popup/fluent.json +96 -0
package/tokens/components/core/progress-bar/fluent.json +134 -0
package/tokens/components/core/radio-button/fluent.json +232 -0
package/tokens/components/core/ribbon/fluent.json +922 -0
package/tokens/components/core/scroll-bar/fluent.json +82 -0
package/tokens/components/core/spinner_load-indicator/fluent.json +210 -0
package/tokens/components/core/splitter/fluent.json +452 -0
package/tokens/components/core/switch/fluent.json +378 -0
package/tokens/components/core/tabs/fluent.json +282 -0
package/tokens/components/core/tag/fluent.json +158 -0
package/tokens/components/core/text-box/fluent.json +204 -0
package/tokens/components/core/text-edit/fluent.json +308 -0
package/tokens/components/core/toast/fluent.json +192 -0
package/tokens/components/core/toolbar/fluent.json +306 -0
package/tokens/components/core/tooltip/fluent.json +116 -0
package/tokens/components/core/treeview/fluent.json +424 -0
package/tokens/components/desktop/badge/fluent.json +146 -0
package/tokens/components/desktop/button/fluent.json +212 -0
package/tokens/components/desktop/button-edit/fluent.json +242 -0
package/tokens/components/desktop/button-group/fluent.json +40 -0
package/tokens/components/desktop/button-text/fluent.json +114 -0
package/tokens/components/desktop/checkedit/fluent.json +68 -0
package/tokens/components/desktop/datapager/fluent.json +110 -0
package/tokens/components/desktop/filter-edit/fluent.json +254 -0
package/tokens/components/desktop/listbox-edit/fluent.json +434 -0
package/tokens/components/desktop/loading-panel_wait-indicator/fluent.json +308 -0
package/tokens/components/desktop/pagercontrol/fluent.json +258 -0
package/tokens/components/desktop/progress-bar/fluent.json +294 -0
package/tokens/components/desktop/radio-button/fluent.json +76 -0
package/tokens/components/desktop/scroll-bar/fluent.json +90 -0
package/tokens/components/desktop/split-button/fluent.json +30 -0
package/tokens/components/desktop/text-edit/fluent.json +174 -0
package/tokens/components/desktop/toggle-switch/Fluent.json +268 -0
package/tokens/components/desktop/tooltip/fluent.json +198 -0
package/tokens/components/web/accordion/fluent.json +24 -0
package/tokens/components/web/button/fluent.json +1460 -0
package/tokens/components/web/button-group/fluent.json +40 -0
package/tokens/components/web/carousel/fluent.json +1458 -0
package/tokens/components/web/checkbox/fluent.json +136 -0
package/tokens/components/web/color-palette/fluent.json +634 -0
package/tokens/components/web/column-chooser/fluent.json +176 -0
package/tokens/components/web/filter-builder/fluent.json +570 -0
package/tokens/components/web/form-layout/fluent.json +578 -0
package/tokens/components/web/html-editor/fluent.json +146 -0
package/tokens/components/web/listbox/fluent.json +160 -0
package/tokens/components/web/loading-panel_wait-indicator/fluent.json +118 -0
package/tokens/components/web/memo/fluent.json +30 -0
package/tokens/components/web/menu/fluent.json +24 -0
package/tokens/components/web/message-bar/fluent.json +106 -0
package/tokens/components/web/message-box/fluent.json +36 -0
package/tokens/components/web/overflow-menu/fluent.json +64 -0
package/tokens/components/web/pager/fluent.json +102 -0
package/tokens/components/web/progress-bar/fluent.json +116 -0
package/tokens/components/web/radio/fluent.json +140 -0
package/tokens/components/web/ribbon/fluent.json +62 -0
package/tokens/components/web/rich-text-editor/fluent.json +534 -0
package/tokens/components/web/scheduler/fluent.json +1378 -0
package/tokens/components/web/scheduler-popups/fluent.json +290 -0
package/tokens/components/web/scroll-bar/fluent.json +92 -0
package/tokens/components/web/split-button/fluent.json +78 -0
package/tokens/components/web/splitter/fluent.json +1214 -0
package/tokens/components/web/switcher/fluent.json +102 -0
package/tokens/components/web/tabs/fluent.json +148 -0
package/tokens/components/web/tagbox/fluent.json +82 -0
package/tokens/components/web/text-edit/fluent.json +184 -0
package/tokens/components/web/toast/fluent.json +688 -0
package/tokens/components/web/toolbar/fluent.json +1070 -0
package/tokens/components/web/tooltip/fluent.json +20 -0
package/tokens/components/web/treeview/fluent.json +1214 -0
package/tokens/components/web/uploader/fluent.json +1528 -0
package/tokens/figma-utils/box-shadow/semantic/dx-office.json +308 -0
package/tokens/figma-utils/box-shadow/semantic/fluent.json +308 -0
package/tokens/figma-utils/box-shadow/styles.json +181 -0
package/tokens/figma-utils/decorative-colors/dark.json +56 -0
package/tokens/figma-utils/decorative-colors/light.json +56 -0
package/tokens/figma-utils/icon/property.json +48 -0
package/tokens/figma-utils/icon/set/dx-office.json +8 -0
package/tokens/figma-utils/icon/set/fluent.json +8 -0
package/tokens/figma-utils/typography/font-family/dx-office.json +12 -0
package/tokens/figma-utils/typography/font-family/fluent.json +12 -0
package/tokens/figma-utils/typography/styles.json +400 -0

package/tokens/components/core/switch/fluent.json ADDED Viewed

@@ -0,0 +1,378 @@
+{
+  "switch": {
+    "color": {
+      "checked": {
+        "trigger": {
+          "read-only": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.disabled}"
+          },
+          "rest": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.inverted.rest}"
+          },
+          "disabled": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.disabled}"
+          }
+        },
+        "border": {
+          "hovered": {
+            "$type": "color",
+            "$value": "{color.border.primary.compound.hovered}"
+          },
+          "read-only": {
+            "$type": "color",
+            "$value": "{color.border.transparent.rest}"
+          },
+          "rest": {
+            "$type": "color",
+            "$value": "{color.border.primary.compound.rest}"
+          },
+          "active": {
+            "$type": "color",
+            "$value": "{color.border.primary.compound.active}"
+          },
+          "disabled": {
+            "$type": "color",
+            "$value": "{color.border.transparent.rest}"
+          }
+        },
+        "bg": {
+          "disable": {
+            "$type": "color",
+            "$value": "{color.surface.neutral.default.disabled}"
+          },
+          "read-only": {
+            "$type": "color",
+            "$value": "{color.surface.neutral.default.disabled}"
+          },
+          "rest": {
+            "$type": "color",
+            "$value": "{color.surface.primary.compound.rest}"
+          },
+          "hovered": {
+            "$type": "color",
+            "$value": "{color.surface.primary.compound.hovered}"
+          },
+          "active": {
+            "$type": "color",
+            "$value": "{color.surface.primary.default.active}"
+          }
+        }
+      },
+      "unchecked": {
+        "trigger": {
+          "rest": {
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.rest}"
+          },
+          "read-only": {
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.disabled}"
+          },
+          "disabled": {
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.disabled}"
+          },
+          "hovered": {
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.hovered}"
+          },
+          "active": {
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.active}"
+          }
+        },
+        "bg": {
+          "rest": {
+            "$type": "color",
+            "$value": "{color.surface.transparent.rest}"
+          }
+        },
+        "border": {
+          "disabled": {
+            "$type": "color",
+            "$value": "{color.border.neutral.accessible.disabled}"
+          },
+          "read-only": {
+            "$type": "color",
+            "$value": "{color.border.neutral.accessible.disabled}"
+          },
+          "rest": {
+            "$type": "color",
+            "$value": "{color.border.neutral.accessible.rest}"
+          },
+          "hovered": {
+            "$type": "color",
+            "$value": "{color.border.neutral.accessible.hovered}"
+          },
+          "active": {
+            "$type": "color",
+            "$value": "{color.border.neutral.accessible.active}"
+          }
+        }
+      }
+    },
+    "layout": {
+      "switch": {
+        "unchecked": {
+          "vertical": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.30}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.30}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.30}"
+            }
+          },
+          "horizontal": {
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.30}"
+            },
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.30}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.30}"
+            }
+          }
+        },
+        "checked": {
+          "horizontal": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.30}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.30}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.30}"
+            }
+          },
+          "vertical": {
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.30}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.30}"
+            },
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.30}"
+            }
+          }
+        },
+        "height": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.160}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.200}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.240}"
+          }
+        },
+        "width": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.320}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.400}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.480}"
+          }
+        },
+        "gap": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          }
+        }
+      },
+      "outer-box": {
+        "horizontal": {
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.100}"
+          },
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.40}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.80}"
+          }
+        },
+        "gap": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.80}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.120}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.80}"
+          }
+        },
+        "vertical": {
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          }
+        }
+      },
+      "inner-box": {
+        "vertical": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.40}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.60}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.80}"
+          }
+        },
+        "horizontal": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          }
+        }
+      },
+      "text-box": {
+        "vertical": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.40}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.60}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.90}"
+          }
+        }
+      },
+      "trigger": {
+        "sizing": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.100}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.140}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.180}"
+          }
+        }
+      }
+    },
+    "borders": {
+      "border-radius": {
+        "switch": {
+          "small": {
+            "$type": "number",
+            "$value": "{border-radius.full}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{border-radius.full}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{border-radius.full}"
+          }
+        },
+        "trigger": {
+          "small": {
+            "$type": "number",
+            "$value": "{border-radius.full}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{border-radius.full}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{border-radius.full}"
+          }
+        }
+      },
+      "border-width": {
+        "switch": {
+          "medium": {
+            "$type": "number",
+            "$value": "{border-width.10}"
+          },
+          "small": {
+            "$type": "number",
+            "$value": "{border-width.10}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{border-width.10}"
+          }
+        }
+      }
+    }
+  }
+}

package/tokens/components/core/tabs/fluent.json ADDED Viewed

@@ -0,0 +1,282 @@
+{
+  "tab-item": {
+    "color": {
+      "selector": {
+        "rest": {
+          "$type": "color",
+          "$value": "{color.content.transparent.rest}"
+        },
+        "default": {
+          "hovered": {
+            "$type": "color",
+            "$value": "{color.border.neutral.default.hovered}"
+          },
+          "disabled": {
+            "$type": "color",
+            "$value": "{color.content.transparent.rest}"
+          }
+        },
+        "selected": {
+          "$type": "color",
+          "$value": "{color.border.primary.compound.rest}",
+          "disabled": {
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.disabled}"
+          }
+        },
+        "selected-hovered": {
+          "$type": "color",
+          "$value": "{color.border.primary.compound.hovered}"
+        },
+        "selected-active": {
+          "$type": "color",
+          "$value": "{color.border.primary.compound.active}"
+        },
+        "active": {
+          "$type": "color",
+          "$value": "{color.border.neutral.default.active}"
+        }
+      },
+      "icon": {
+        "default": {
+          "rest": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.rest}"
+          },
+          "disabled": {
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.disabled}"
+          }
+        },
+        "selected": {
+          "$type": "color",
+          "$value": "{color.content.primary.compound.rest}",
+          "disabled": {
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.disabled}"
+          }
+        },
+        "selected-hovered": {
+          "$type": "color",
+          "$value": "{color.content.primary.compound.hovered}"
+        },
+        "selected-active": {
+          "$type": "color",
+          "$value": "{color.content.primary.compound.active}"
+        }
+      }
+    },
+    "layout": {
+      "horizontal-tab": {
+        "outer-box": {
+          "horizontal": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.100}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.140}"
+            }
+          },
+          "vertical": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.100}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.140}"
+            }
+          }
+        },
+        "selector": {
+          "horizontal": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.80}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.120}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.160}"
+            }
+          },
+          "height": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.30}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.30}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.30}"
+            }
+          }
+        }
+      },
+      "inner-box": {
+        "gap": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.20}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.40}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.60}"
+          }
+        }
+      },
+      "content-box": {
+        "gap": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.40}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.60}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.80}"
+          }
+        }
+      },
+      "vertical-tab": {
+        "selector": {
+          "vertical": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.80}"
+            }
+          },
+          "weight": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.30}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.30}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.30}"
+            }
+          }
+        },
+        "outer-box": {
+          "horizontal": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.100}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.140}"
+            }
+          },
+          "vertical": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.20}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            }
+          }
+        }
+      }
+    },
+    "borders": {
+      "border-radius": {
+        "selector": {
+          "small": {
+            "$type": "number",
+            "$value": "{border-radius.full}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{border-radius.full}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{border-radius.full}"
+          }
+        }
+      }
+    },
+    "typography": {
+      "selected": {
+        "font-weight": {
+          "large": {
+            "$type": "number",
+            "$value": "{font-weight.base.strong}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{font-weight.base.strong}"
+          },
+          "small": {
+            "$type": "number",
+            "$value": "{font-weight.base.strong}"
+          }
+        }
+      }
+    }
+  },
+  "tabs": {
+    "layout": {
+      "gap": {
+        "small": {
+          "$type": "number",
+          "$value": "{spacing.0}"
+        },
+        "medium": {
+          "$type": "number",
+          "$value": "{spacing.0}"
+        },
+        "large": {
+          "$type": "number",
+          "$value": "{spacing.0}"
+        }
+      }
+    }
+  }
+}