npm - @devexpress/design-tokens-internal - Versions diffs - 262.25.0 → 262.27.0 - Mend

@devexpress/design-tokens-internal 262.25.0 → 262.27.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 (12) hide show

package/package.json +1 -1
package/tokens/components/vnext/size/fluent_large.json +401 -36
package/tokens/components/vnext/size/fluent_medium.json +401 -36
package/tokens/components/vnext/size/fluent_small.json +401 -36
package/tokens/components/vnext/size/material_medium.json +403 -38
package/tokens/components/vnext/theme/fluent.json +192 -13
package/tokens/components/vnext/theme/material.json +192 -13
package/tokens/semantic/colors/fluent/dark.json +11 -11
package/tokens/semantic/colors/fluent/light.json +4 -4
package/tokens/semantic/colors/material/dark.json +3 -3
package/tokens/semantic/colors/material/light.json +3 -3
package/tokens.flat.json +188 -44

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@devexpress/design-tokens-internal",
-  "version": "262.25.0",
+  "version": "262.27.0",
   "description": "",
   "license": "ISC",
   "author": "",

package/tokens/components/vnext/size/fluent_large.json CHANGED Viewed

@@ -6125,11 +6125,7 @@
             "$type": "number",
             "$value": "{spacing.0}"
           }
-        }
-      }
-    },
-    "pagination": {
-      "layout": {
+        },
         "content-box": {
           "gap": {
             "$extensions": {
@@ -6163,12 +6159,72 @@
           }
         }
       }
+    },
+    "page-size": {
+      "layout": {
+        "editor": {
+          "width": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "WIDTH_HEIGHT"
+              ],
+              "com.figma.hiddenFromPublishing": false
+            },
+            "$type": "number",
+            "$value": "{spacing.1000}"
+          }
+        }
+      }
+    },
+    "page-input": {
+      "layout": {
+        "inner-box": {
+          "gap": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "GAP"
+              ],
+              "com.figma.hiddenFromPublishing": false
+            },
+            "$type": "number",
+            "$value": "{spacing.80}"
+          }
+        },
+        "editor": {
+          "width": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "WIDTH_HEIGHT"
+              ],
+              "com.figma.hiddenFromPublishing": false
+            },
+            "$type": "number",
+            "$value": "{spacing.640}"
+          }
+        }
+      }
+    },
+    "bar": {
+      "layout": {
+        "end-box": {
+          "gap": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "GAP"
+              ],
+              "com.figma.hiddenFromPublishing": false
+            },
+            "$type": "number",
+            "$value": "{spacing.200}"
+          }
+        }
+      }
     }
   },
   "calendar": {
     "footer": {
       "layout": {
-        "outer-box": {
+        "button-box": {
           "gap": {
             "$extensions": {
               "com.figma.scopes": [
@@ -6178,7 +6234,9 @@
             },
             "$type": "number",
             "$value": "{spacing.120}"
-          },
+          }
+        },
+        "outer-box": {
           "horizontal": {
             "$extensions": {
               "com.figma.scopes": [
@@ -9597,7 +9655,7 @@
               "com.figma.hiddenFromPublishing": false
             },
             "$type": "number",
-            "$value": "{spacing.110}"
+            "$value": "{spacing.120}"
           },
           "gap": {
             "$extensions": {
@@ -9609,7 +9667,7 @@
             "$type": "number",
             "$value": "{spacing.90}"
           },
-          "content": {
+          "text-content": {
             "vertical": {
               "$extensions": {
                 "com.figma.scopes": [
@@ -9619,20 +9677,10 @@
               },
               "$type": "number",
               "$value": "{spacing.60}"
-            },
-            "gap": {
-              "$extensions": {
-                "com.figma.scopes": [
-                  "GAP"
-                ],
-                "com.figma.hiddenFromPublishing": false
-              },
-              "$type": "number",
-              "$value": "{spacing.60}"
             }
           },
-          "text-content": {
-            "vertical": {
+          "content": {
+            "gap": {
               "$extensions": {
                 "com.figma.scopes": [
                   "GAP"
@@ -9643,21 +9691,6 @@
               "$value": "{spacing.60}"
             }
           }
-        },
-        "borders": {
-          "border-width": {
-            "default": {
-              "$extensions": {
-                "com.figma.scopes": [
-                  "WIDTH_HEIGHT",
-                  "STROKE_FLOAT"
-                ],
-                "com.figma.hiddenFromPublishing": false
-              },
-              "$type": "number",
-              "$value": "{border-width.10}"
-            }
-          }
         }
       },
       "badge-list": {
@@ -10348,6 +10381,20 @@
           "$value": "{border-width.10}"
         }
       }
+    },
+    "resize-handle": {
+      "layout": {
+        "width": {
+          "$extensions": {
+            "com.figma.scopes": [
+              "WIDTH_HEIGHT"
+            ],
+            "com.figma.hiddenFromPublishing": false
+          },
+          "$type": "number",
+          "$value": "{spacing.20}"
+        }
+      }
     }
   },
   "form": {
@@ -10601,5 +10648,323 @@
         }
       }
     }
+  },
+  "date-picker": {
+    "footer": {
+      "layout": {
+        "outer-box": {
+          "horizontal": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "GAP"
+              ],
+              "com.figma.hiddenFromPublishing": false
+            },
+            "$type": "number",
+            "$value": "{spacing.160}"
+          },
+          "vertical-start": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "GAP"
+              ],
+              "com.figma.hiddenFromPublishing": false
+            },
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "vertical-end": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "GAP"
+              ],
+              "com.figma.hiddenFromPublishing": false
+            },
+            "$type": "number",
+            "$value": "{spacing.160}"
+          }
+        },
+        "button-box": {
+          "gap": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "GAP"
+              ],
+              "com.figma.hiddenFromPublishing": false
+            },
+            "$type": "number",
+            "$value": "{spacing.120}"
+          }
+        }
+      }
+    },
+    "time": {
+      "header": {
+        "layout": {
+          "outer-box": {
+            "horizontal": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "GAP"
+                ],
+                "com.figma.hiddenFromPublishing": false
+              },
+              "$type": "number",
+              "$value": "{spacing.160}"
+            },
+            "vertical-start": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "GAP"
+                ],
+                "com.figma.hiddenFromPublishing": false
+              },
+              "$type": "number",
+              "$value": "{spacing.160}"
+            },
+            "vertical-end": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "GAP"
+                ],
+                "com.figma.hiddenFromPublishing": false
+              },
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          },
+          "text-box": {
+            "vertical": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "GAP"
+                ],
+                "com.figma.hiddenFromPublishing": false
+              },
+              "$type": "number",
+              "$value": "{spacing.80}"
+            }
+          }
+        },
+        "typography": {
+          "font-weight": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "FONT_WEIGHT"
+              ],
+              "com.figma.hiddenFromPublishing": false
+            },
+            "$type": "number",
+            "$value": "{font-weight.base-strong}"
+          }
+        }
+      },
+      "roller-item": {
+        "layout": {
+          "outer-box": {
+            "vertical": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "GAP"
+                ],
+                "com.figma.hiddenFromPublishing": false
+              },
+              "$type": "number",
+              "$value": "{spacing.20}"
+            },
+            "horizontal": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "GAP"
+                ],
+                "com.figma.hiddenFromPublishing": false
+              },
+              "$type": "number",
+              "$value": "{spacing.20}"
+            },
+            "min-width": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "WIDTH_HEIGHT"
+                ],
+                "com.figma.hiddenFromPublishing": false
+              },
+              "$type": "number",
+              "$value": "{spacing.720}"
+            }
+          },
+          "inner-box": {
+            "vertical": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "GAP"
+                ],
+                "com.figma.hiddenFromPublishing": false
+              },
+              "$type": "number",
+              "$value": "{spacing.70}"
+            }
+          },
+          "borders": {
+            "border-radius": {
+              "inner-box": {
+                "$extensions": {
+                  "com.figma.scopes": [
+                    "CORNER_RADIUS"
+                  ],
+                  "com.figma.hiddenFromPublishing": false
+                },
+                "$type": "number",
+                "$value": "{global.border-radius.default}"
+              }
+            },
+            "border-width": {
+              "inner-box": {
+                "$extensions": {
+                  "com.figma.scopes": [
+                    "STROKE_FLOAT"
+                  ],
+                  "com.figma.hiddenFromPublishing": false
+                },
+                "$type": "number",
+                "$value": "{border-width.10}"
+              }
+            }
+          }
+        }
+      },
+      "content": {
+        "outer-box": {
+          "horizontal": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "GAP"
+              ],
+              "com.figma.hiddenFromPublishing": false
+            },
+            "$type": "number",
+            "$value": "{spacing.160}"
+          },
+          "vertical-start": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "GAP"
+              ],
+              "com.figma.hiddenFromPublishing": false
+            },
+            "$type": "number",
+            "$value": "{spacing.40}"
+          },
+          "vertical-end": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "GAP"
+              ],
+              "com.figma.hiddenFromPublishing": false
+            },
+            "$type": "number",
+            "$value": "{spacing.160}"
+          }
+        },
+        "roller-box": {
+          "min-width": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "WIDTH_HEIGHT"
+              ],
+              "com.figma.hiddenFromPublishing": false
+            },
+            "$type": "number",
+            "$value": "{spacing.720}"
+          }
+        }
+      },
+      "root": {
+        "outer-box": {
+          "vertical-start": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "GAP"
+              ],
+              "com.figma.hiddenFromPublishing": false
+            },
+            "$type": "number",
+            "$value": 0
+          }
+        }
+      },
+      "button-item": {
+        "layout": {
+          "outer-box": {
+            "horizontal": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "GAP"
+                ],
+                "com.figma.hiddenFromPublishing": false
+              },
+              "$type": "number",
+              "$value": "{spacing.20}"
+            },
+            "vertical": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "GAP"
+                ],
+                "com.figma.hiddenFromPublishing": false
+              },
+              "$type": "number",
+              "$value": "{spacing.20}"
+            },
+            "min-width": {
+              "$extensions": {
+                "com.figma.scopes": [
+                  "ALL_SCOPES"
+                ],
+                "com.figma.hiddenFromPublishing": false
+              },
+              "$type": "number",
+              "$value": "{spacing.720}"
+            }
+          }
+        }
+      },
+      "focus-rect": {
+        "layout": {
+          "outer-box": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "GAP"
+              ],
+              "com.figma.hiddenFromPublishing": false
+            },
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "offset": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "GAP"
+              ],
+              "com.figma.hiddenFromPublishing": false
+            },
+            "$type": "number",
+            "$value": "{spacing.0}"
+          }
+        },
+        "borders": {
+          "border-radius": {
+            "$extensions": {
+              "com.figma.scopes": [
+                "CORNER_RADIUS"
+              ],
+              "com.figma.hiddenFromPublishing": false
+            },
+            "$type": "number",
+            "$value": "{border-radius.60}"
+          }
+        }
+      }
+    }
   }
 }