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

@devexpress/design-tokens-internal 261.0.2 → 261.0.4

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

package/package.json +3 -2
package/tokens/base/spacing.json +12 -0
package/tokens/components/core/accordion/fluent.json +783 -0
package/tokens/components/core/ai-chat/fluent.json +2236 -0
package/tokens/components/core/badge/fluent.json +159 -0
package/tokens/components/core/button/fluent.json +301 -0
package/tokens/components/core/calendar/fluent.json +1601 -0
package/tokens/components/core/checkbox/fluent.json +812 -0
package/tokens/components/core/collapse-button/fluent.json +333 -0
package/tokens/components/core/color-palette/fluent.json +1516 -0
package/tokens/components/core/container-body/fluent.json +170 -0
package/tokens/components/core/container-footer/fluent.json +202 -0
package/tokens/components/core/container-header/fluent.json +329 -0
package/tokens/components/core/dialog/fluent.json +173 -0
package/tokens/components/core/drawer/fluent.json +158 -0
package/tokens/components/core/empty-item/fluent.json +350 -0
package/tokens/components/core/focus-rect/fluent.json +82 -0
package/tokens/components/core/form/fluent.json +344 -0
package/tokens/components/core/grid-cell/fluent.json +895 -0
package/tokens/components/core/icon-wrapper/fluent.json +147 -0
package/tokens/components/core/indent-space/fluent.json +110 -0
package/tokens/components/core/label/fluent.json +138 -0
package/tokens/components/core/link/fluent.json +291 -0
package/tokens/components/core/listbox/fluent.json +826 -0
package/tokens/components/core/menu/fluent.json +682 -0
package/tokens/components/core/message-bar/fluent.json +252 -0
package/tokens/components/core/overflow-menu/fluent.json +788 -0
package/tokens/components/core/pagination/fluent.json +536 -0
package/tokens/components/core/popover/fluent.json +185 -0
package/tokens/components/core/popover-arrow/fluent.json +46 -0
package/tokens/components/core/popover-body/fluent.json +172 -0
package/tokens/components/core/popover-footer/fluent.json +139 -0
package/tokens/components/core/popover-header/fluent.json +290 -0
package/tokens/components/core/popup/fluent.json +182 -0
package/tokens/components/core/progress-bar/fluent.json +258 -0
package/tokens/components/core/radio-button/fluent.json +486 -0
package/tokens/components/core/ribbon/fluent.json +1717 -0
package/tokens/components/core/scroll-bar/fluent.json +148 -0
package/tokens/components/core/separator/fluent.json +29 -0
package/tokens/components/core/spinner_load-indicator/fluent.json +390 -0
package/tokens/components/core/splitter/fluent.json +877 -0
package/tokens/components/core/switch/fluent.json +722 -0
package/tokens/components/core/tabs/fluent.json +607 -0
package/tokens/components/core/tag/fluent.json +303 -0
package/tokens/components/core/text-box/fluent.json +404 -0
package/tokens/components/core/text-edit/fluent.json +623 -0
package/tokens/components/core/toast/fluent.json +372 -0
package/tokens/components/core/toolbar/fluent.json +423 -0
package/tokens/components/core/tooltip/fluent.json +221 -0
package/tokens/components/core/treeview/fluent.json +818 -0
package/tokens/components/desktop/accordion/fluent.json +1107 -0
package/tokens/components/desktop/badge/fluent.json +117 -0
package/tokens/components/desktop/bar-control/fluent.json +116 -0
package/tokens/components/desktop/button/fluent.json +546 -0
package/tokens/components/desktop/button-edit/fluent.json +454 -0
package/tokens/components/desktop/button-group/fluent.json +70 -0
package/tokens/components/desktop/button-text/fluent.json +228 -0
package/tokens/components/desktop/checkedit/fluent.json +54 -0
package/tokens/components/desktop/datapager/fluent.json +202 -0
package/tokens/components/desktop/filter-edit/fluent.json +454 -0
package/tokens/components/desktop/groupbox/fluent.json +573 -0
package/tokens/components/desktop/listbox-edit/fluent.json +881 -0
package/tokens/components/desktop/pagercontrol/fluent.json +480 -0
package/tokens/components/desktop/progress-bar/fluent.json +568 -0
package/tokens/components/desktop/radio-button/fluent.json +67 -0
package/tokens/components/desktop/scroll-bar/fluent.json +206 -0
package/tokens/components/desktop/scroll-view/fluent.json +119 -0
package/tokens/components/desktop/split-button/fluent.json +50 -0
package/tokens/components/desktop/standard-groupbox/fluent.json +332 -0
package/tokens/components/desktop/text-edit/fluent.json +312 -0
package/tokens/components/desktop/toggle-switch/fluent.json +493 -0
package/tokens/components/desktop/wait-indicator/fluent.json +222 -0
package/tokens/components/web/button/fluent.json +3068 -0
package/tokens/components/web/button-group/fluent.json +70 -0
package/tokens/components/web/carousel/fluent.json +2843 -0
package/tokens/components/web/checkbox/fluent.json +256 -0
package/tokens/components/web/color-palette/fluent.json +1245 -0
package/tokens/components/web/column-chooser/fluent.json +331 -0
package/tokens/components/web/filter-builder/fluent.json +1085 -0
package/tokens/components/web/form-layout/fluent.json +1103 -0
package/tokens/components/web/html-editor/fluent.json +276 -0
package/tokens/components/web/listbox/fluent.json +298 -0
package/tokens/components/web/loading-panel_wait-indicator/fluent.json +225 -0
package/tokens/components/web/memo/fluent.json +50 -0
package/tokens/components/web/menu/fluent.json +39 -0
package/tokens/components/web/message-bar/fluent.json +181 -0
package/tokens/components/web/message-box/fluent.json +61 -0
package/tokens/components/web/overflow-menu/fluent.json +109 -0
package/tokens/components/web/pager/fluent.json +187 -0
package/tokens/components/web/progress-bar/fluent.json +197 -0
package/tokens/components/web/radio/fluent.json +260 -0
package/tokens/components/web/ribbon/fluent.json +122 -0
package/tokens/components/web/rich-text-editor/fluent.json +1005 -0
package/tokens/components/web/scheduler/fluent.json +2662 -0
package/tokens/components/web/scheduler-popups/fluent.json +520 -0
package/tokens/components/web/split-button/fluent.json +143 -0
package/tokens/components/web/switcher/fluent.json +192 -0
package/tokens/components/web/tabs/fluent.json +258 -0
package/tokens/components/web/tagbox/fluent.json +147 -0
package/tokens/components/web/text-edit/fluent.json +334 -0
package/tokens/components/web/toast/fluent.json +1228 -0
package/tokens/components/web/toolbar/fluent.json +165 -0
package/tokens/components/web/tooltip/fluent.json +31 -0
package/tokens/components/web/treeview/fluent.json +2409 -0
package/tokens/components/web/uploader/fluent.json +2963 -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/semantic/colors/dx-office/dark.json +12 -0
package/tokens/semantic/colors/dx-office/light.json +12 -0
package/tokens/semantic/colors/fluent/dark.json +24 -12
package/tokens/semantic/colors/fluent/light.json +24 -12
package/tokens/global/dx-office/theme-builder.json +0 -56
package/tokens/global/fluent/theme-builder.json +0 -56

package/tokens/components/desktop/toggle-switch/fluent.json ADDED Viewed

@@ -0,0 +1,493 @@
+{
+  "toggle-switch": {
+    "color": {
+      "indeterminate": {
+        "border": {
+          "hovered": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "STROKE_COLOR"
+              ]
+            },
+            "$type": "color",
+            "$value": "{color.border.neutral.accessible.hovered}"
+          },
+          "active": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "STROKE_COLOR"
+              ]
+            },
+            "$type": "color",
+            "$value": "{color.border.neutral.accessible.active}"
+          },
+          "disabled": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "STROKE_COLOR"
+              ]
+            },
+            "$type": "color",
+            "$value": "{color.border.neutral.accessible.disabled}"
+          },
+          "rest": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "STROKE_COLOR"
+              ]
+            },
+            "$type": "color",
+            "$value": "{color.border.neutral.accessible.rest}"
+          }
+        },
+        "bg": {
+          "rest": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "FRAME_FILL"
+              ]
+            },
+            "$type": "color",
+            "$value": "{color.surface.transparent.rest}"
+          }
+        },
+        "trigger": {
+          "hovered": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "SHAPE_FILL"
+              ]
+            },
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.hovered}"
+          },
+          "disabled": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "SHAPE_FILL"
+              ]
+            },
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.disabled}"
+          },
+          "rest": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "SHAPE_FILL"
+              ]
+            },
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.rest}"
+          },
+          "active": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "SHAPE_FILL"
+              ]
+            },
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.active}"
+          }
+        }
+      },
+      "checked": {
+        "content": {
+          "disabled": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "TEXT_FILL"
+              ]
+            },
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.disabled}"
+          },
+          "rest": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "TEXT_FILL"
+              ]
+            },
+            "$type": "color",
+            "$value": "{color.content.neutral.default.static-dark.rest}"
+          }
+        }
+      },
+      "unchecked": {
+        "content": {
+          "rest": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "TEXT_FILL"
+              ]
+            },
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.rest}"
+          },
+          "hovered": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "TEXT_FILL"
+              ]
+            },
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.hovered}"
+          },
+          "active": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "TEXT_FILL"
+              ]
+            },
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.active}"
+          },
+          "disabled": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "TEXT_FILL"
+              ]
+            },
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.disabled}"
+          }
+        }
+      }
+    },
+    "layout": {
+      "trigger-box": {
+        "vertical": {
+          "small": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "GAP"
+              ]
+            },
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "medium": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "GAP"
+              ]
+            },
+            "$type": "number",
+            "$value": "{spacing.0}"
+          }
+        },
+        "horizontal": {
+          "small": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "GAP"
+              ]
+            },
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "medium": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "GAP"
+              ]
+            },
+            "$type": "number",
+            "$value": "{spacing.0}"
+          }
+        }
+      },
+      "outer-box": {
+        "min-width": {
+          "medium": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "WIDTH_HEIGHT"
+              ]
+            },
+            "$type": "number",
+            "$value": "{spacing.1600}"
+          },
+          "small": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "WIDTH_HEIGHT"
+              ]
+            },
+            "$type": "number",
+            "$value": "{spacing.1200}"
+          }
+        },
+        "vertical": {
+          "small": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "GAP"
+              ]
+            },
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "medium": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "GAP"
+              ]
+            },
+            "$type": "number",
+            "$value": "{spacing.0}"
+          }
+        },
+        "horizontal": {
+          "small": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "GAP"
+              ]
+            },
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "medium": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "GAP"
+              ]
+            },
+            "$type": "number",
+            "$value": "{spacing.0}"
+          }
+        },
+        "gap": {
+          "small": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "GAP"
+              ]
+            },
+            "$type": "number",
+            "$value": "{spacing.40}"
+          },
+          "medium": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "GAP"
+              ]
+            },
+            "$type": "number",
+            "$value": "{spacing.40}"
+          }
+        }
+      },
+      "inner-box": {
+        "horizontal": {
+          "small": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "GAP"
+              ]
+            },
+            "$type": "number",
+            "$value": "{spacing.20}"
+          },
+          "medium": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "GAP"
+              ]
+            },
+            "$type": "number",
+            "$value": "{spacing.20}"
+          }
+        },
+        "width": {
+          "medium": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "WIDTH_HEIGHT"
+              ]
+            },
+            "$type": "number",
+            "$value": "{spacing.400}"
+          },
+          "small": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "WIDTH_HEIGHT"
+              ]
+            },
+            "$type": "number",
+            "$value": "{spacing.320}"
+          }
+        },
+        "height": {
+          "small": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "WIDTH_HEIGHT"
+              ]
+            },
+            "$type": "number",
+            "$value": "{spacing.160}"
+          },
+          "medium": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "WIDTH_HEIGHT"
+              ]
+            },
+            "$type": "number",
+            "$value": "{spacing.200}"
+          }
+        },
+        "vertical": {
+          "small": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "GAP"
+              ]
+            },
+            "$type": "number",
+            "$value": "{spacing.20}"
+          },
+          "medium": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "GAP"
+              ]
+            },
+            "$type": "number",
+            "$value": "{spacing.20}"
+          }
+        },
+        "gap": {
+          "small": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "GAP"
+              ]
+            },
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "medium": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "GAP"
+              ]
+            },
+            "$type": "number",
+            "$value": "{spacing.0}"
+          }
+        }
+      },
+      "text-box": {
+        "height": {
+          "small": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "WIDTH_HEIGHT"
+              ]
+            },
+            "$type": "number",
+            "$value": "{spacing.100}"
+          },
+          "medium": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "WIDTH_HEIGHT"
+              ]
+            },
+            "$type": "number",
+            "$value": "{spacing.140}"
+          }
+        }
+      },
+      "content-box": {
+        "gap": {
+          "small": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "GAP"
+              ]
+            },
+            "$type": "number",
+            "$value": "{spacing.40}"
+          },
+          "medium": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "GAP"
+              ]
+            },
+            "$type": "number",
+            "$value": "{spacing.40}"
+          }
+        }
+      }
+    },
+    "typography": {
+      "toggle-switch": {
+        "font-size": {
+          "small": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "FONT_SIZE"
+              ]
+            },
+            "$type": "number",
+            "$value": "{font-size.caption-2}"
+          },
+          "medium": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "FONT_SIZE"
+              ]
+            },
+            "$type": "number",
+            "$value": "{font-size.caption-1}"
+          }
+        },
+        "line-height": {
+          "medium": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "LINE_HEIGHT"
+              ]
+            },
+            "$type": "number",
+            "$value": "{line-height.caption-1}"
+          },
+          "small": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "LINE_HEIGHT"
+              ]
+            },
+            "$type": "number",
+            "$value": "{line-height.caption-2}"
+          }
+        },
+        "font-weight": {
+          "medium": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "FONT_WEIGHT"
+              ]
+            },
+            "$type": "number",
+            "$value": "{font-weight.caption-1}"
+          },
+          "small": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "FONT_WEIGHT"
+              ]
+            },
+            "$type": "number",
+            "$value": "{font-weight.caption-2}"
+          }
+        }
+      }
+    }
+  }
+}

package/tokens/components/desktop/wait-indicator/fluent.json ADDED Viewed

@@ -0,0 +1,222 @@
+{
+  "waitIndicator": {
+    "box-shadow": {
+      "indicator-area": {
+        "layer-2": {
+          "color": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "EFFECT_COLOR"
+              ]
+            },
+            "$type": "color",
+            "$value": "{box-shadow.layer-2.color.sm}"
+          },
+          "y": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "EFFECT_FLOAT"
+              ]
+            },
+            "$type": "number",
+            "$value": "{box-shadow.layer-2.y.sm}"
+          },
+          "x": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "EFFECT_FLOAT"
+              ]
+            },
+            "$type": "number",
+            "$value": "{box-shadow.layer-2.x.sm}"
+          },
+          "blur": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "EFFECT_FLOAT"
+              ]
+            },
+            "$type": "number",
+            "$value": "{box-shadow.layer-2.blur.sm}"
+          },
+          "spread": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "EFFECT_FLOAT"
+              ]
+            },
+            "$type": "number",
+            "$value": "{box-shadow.layer-2.spread.sm}"
+          }
+        },
+        "layer-1": {
+          "color": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "EFFECT_COLOR"
+              ]
+            },
+            "$type": "color",
+            "$value": "{box-shadow.layer-1.color.sm}"
+          },
+          "blur": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "EFFECT_FLOAT"
+              ]
+            },
+            "$type": "number",
+            "$value": "{box-shadow.layer-1.blur.sm}"
+          },
+          "x": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "EFFECT_FLOAT"
+              ]
+            },
+            "$type": "number",
+            "$value": "{box-shadow.layer-1.x.sm}"
+          },
+          "y": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "EFFECT_FLOAT"
+              ]
+            },
+            "$type": "number",
+            "$value": "{box-shadow.layer-1.y.sm}"
+          },
+          "spread": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "EFFECT_FLOAT"
+              ]
+            },
+            "$type": "number",
+            "$value": "{box-shadow.layer-1.spread.sm}"
+          }
+        }
+      },
+      "composite": {
+        "$extensions": {
+          "com.figma.scopes": [
+            "ALL_SCOPES"
+          ]
+        },
+        "$type": "text",
+        "$value": "{box-shadow.sm}"
+      }
+    },
+    "color": {
+      "bg": {
+        "rest": {
+          "$extensions": {
+            "com.figma.scopes": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ]
+          },
+          "$type": "color",
+          "$value": "{color.surface.neutral.default.rest}"
+        }
+      },
+      "border": {
+        "rest": {
+          "$extensions": {
+            "com.figma.scopes": [
+              "STROKE_COLOR"
+            ]
+          },
+          "$type": "color",
+          "$value": "{color.border.transparent.rest}"
+        }
+      }
+    },
+    "layout": {
+      "horizontal": {
+        "small": {
+          "$extensions": {
+            "com.figma.scopes": [
+              "GAP"
+            ]
+          },
+          "$type": "number",
+          "$value": "{spacing.160}"
+        },
+        "medium": {
+          "$extensions": {
+            "com.figma.scopes": [
+              "GAP"
+            ]
+          },
+          "$type": "number",
+          "$value": "{spacing.240}"
+        }
+      },
+      "vertical": {
+        "medium": {
+          "$extensions": {
+            "com.figma.scopes": [
+              "GAP"
+            ]
+          },
+          "$type": "number",
+          "$value": "{spacing.240}"
+        },
+        "small": {
+          "$extensions": {
+            "com.figma.scopes": [
+              "GAP"
+            ]
+          },
+          "$type": "number",
+          "$value": "{spacing.160}"
+        }
+      }
+    },
+    "borders": {
+      "border-radius": {
+        "medium": {
+          "$extensions": {
+            "com.figma.scopes": [
+              "CORNER_RADIUS"
+            ]
+          },
+          "$type": "number",
+          "$value": "{border-radius.80}"
+        },
+        "small": {
+          "$extensions": {
+            "com.figma.scopes": [
+              "CORNER_RADIUS"
+            ]
+          },
+          "$type": "number",
+          "$value": "{border-radius.40}"
+        }
+      },
+      "border-width": {
+        "small": {
+          "$extensions": {
+            "com.figma.scopes": [
+              "WIDTH_HEIGHT",
+              "STROKE_FLOAT"
+            ]
+          },
+          "$type": "number",
+          "$value": "{border-width.10}"
+        },
+        "medium": {
+          "$extensions": {
+            "com.figma.scopes": [
+              "WIDTH_HEIGHT",
+              "STROKE_FLOAT"
+            ]
+          },
+          "$type": "number",
+          "$value": "{border-width.10}"
+        }
+      }
+    }
+  }
+}