🤖 Merge PR DefinitelyTyped#73491 fix(@types/plotly.js): include missing definitions in 'Font' interface by @AndreFavotto

Author: AndreFavotto

types/plotly.js/index.d.ts

@@ -1953,6 +1953,26 @@ export interface Font {
      * @default normal
      */
     weight: number;
+    /**
+     * Sets whether a font should be styled with a normal or italic face from its family.
+     * @default "normal"
+     */
+    style: "normal" | "italic";
+    /**
+     * Sets capitalization of text. Can be used to make text appear in all-uppercase, all-lowercase, or with each word capitalized.
+     * @default "normal"
+     */
+    textcase: "normal" | "word caps" | "upper" | "lower";
+    /**
+     * Sets the variant of the font.
+     * @default "normal"
+     */
+    variant: "normal" | "small-caps" | "all-small-caps" | "all-petite-caps" | "petite-caps" | "unicase";
+    /**
+     * Sets the kind of decoration line(s) with text, such as an "under", "over" or "through" as well as combinations e.g. "under+over".
+     * @default "none"
+     */
+    lineposition: "under" | "over" | "through" | "under+over" | "under+over+through" | "none";
 }
 
 export interface Edits {

types/plotly.js/test/index-tests.ts

@@ -407,7 +407,7 @@ const config: Partial<Config> = {
         bgcolor: "#ffffff",
         bordercolor: "#444444",
         borderwidth: 1,
-        font: { size: 15 },
+        font: { size: 15, style: "italic" },
         groupclick: "togglegroup",
         grouptitlefont: { size: 15 },
         itemclick: "toggleothers",
@@ -498,7 +498,7 @@ const config: Partial<Config> = {
             colorbar: {
                 title: {
                     text: "Test",
-                    font: { size: 20, color: "#666" },
+                    font: { size: 20, color: "#666", textcase: "lower" },
                     side: "top",
                 },
                 orientation: "v",
@@ -574,7 +574,7 @@ const config: Partial<Config> = {
                     visible: true,
                     prefix: "Date:",
                     xanchor: "right",
-                    font: { size: 20, color: "#666" },
+                    font: { size: 20, color: "#666", variant: "all-small-caps" },
                 },
                 steps: [
                     {
@@ -726,6 +726,7 @@ const config: Partial<Config> = {
             text: "some new title",
             font: {
                 size: 1.2,
+                lineposition: "through",
             },
             x: 0.9,
             pad: {

types/plotly.js/v2/index.d.ts

@@ -2003,6 +2003,26 @@ export interface Font {
      * @default normal
      */
     weight: number;
+    /**
+     * Sets whether a font should be styled with a normal or italic face from its family.
+     * @default "normal"
+     */
+    style: "normal" | "italic";
+    /**
+     * Sets capitalization of text. Can be used to make text appear in all-uppercase, all-lowercase, or with each word capitalized.
+     * @default "normal"
+     */
+    textcase: "normal" | "word caps" | "upper" | "lower";
+    /**
+     * Sets the variant of the font.
+     * @default "normal"
+     */
+    variant: "normal" | "small-caps" | "all-small-caps" | "all-petite-caps" | "petite-caps" | "unicase";
+    /**
+     * Sets the kind of decoration line(s) with text, such as an "under", "over" or "through" as well as combinations e.g. "under+over".
+     * @default "none"
+     */
+    lineposition: "under" | "over" | "through" | "under+over" | "under+over+through" | "none";
 }
 
 export interface Edits {

types/plotly.js/v2/test/index-tests.ts

@@ -428,7 +428,7 @@ const config: Partial<Config> = {
         bgcolor: "#ffffff",
         bordercolor: "#444444",
         borderwidth: 1,
-        font: { size: 15 },
+        font: { size: 15, style: "italic" },
         groupclick: "togglegroup",
         grouptitlefont: { size: 15 },
         itemclick: "toggleothers",
@@ -511,7 +511,7 @@ const config: Partial<Config> = {
             colorbar: {
                 title: {
                     text: "Test",
-                    font: { size: 20, color: "#666" },
+                    font: { size: 20, color: "#666", textcase: "lower" },
                     side: "top",
                 },
                 orientation: "v",
@@ -585,7 +585,7 @@ const config: Partial<Config> = {
                     visible: true,
                     prefix: "Date:",
                     xanchor: "right",
-                    font: { size: 20, color: "#666" },
+                    font: { size: 20, color: "#666", lineposition: "through" },
                 },
                 steps: [
                     {