@trdrs/quickcharts 2.4.0 → 4.0.0

package/dist/theme-manifest.json

@@ -199,7 +199,18 @@
         "control.off",
         "control.offHover",
         "control.offPressed",
-        "control.mark"
+        "control.outline",
+        "control.onInk",
+        "control.neutral",
+        "control.neutralHover",
+        "control.neutralPressed",
+        "control.neutralInk",
+        "control.mark",
+        "control.fieldEdge",
+        "control.fieldEdgeHover",
+        "control.selectEdgeHover",
+        "control.fieldInvalid",
+        "control.fieldFill"
       ]
     },
     {
@@ -243,10 +254,12 @@
         "motion.durationModerate",
         "motion.durationSlow",
         "motion.durationSlower",
+        "motion.durationGlide",
         "motion.easingStandard",
         "motion.easingOut",
         "motion.easingLinear",
         "motion.easingSpring",
+        "motion.easingInOut",
         "motion.scaleEnter"
       ]
     }
@@ -490,11 +503,15 @@
           "over": "state.hover",
           "on": "overlay.surface",
           "min": 4.5
+        },
+        {
+          "over": "control.neutral",
+          "min": 4.5
         }
       ],
       "values": {
-        "light": "#636363",
-        "dark": "#9c9c9c"
+        "light": "#6a6a6a",
+        "dark": "#9b9b9b"
       }
     },
     {
@@ -693,7 +710,7 @@
       "id": "chrome.fieldBorder",
       "family": "chrome",
       "kind": "color",
-      "description": "The outline of a text field, such as the symbol search field. The field's mark and prompt name it, so the outline is not its only sign.",
+      "description": "The outline of the symbol search field. The field's mark and prompt name it, so the outline is not its only sign.",
       "values": {
         "light": "#dbdbdb",
         "dark": "#636363"
@@ -711,7 +728,7 @@
         }
       ],
       "values": {
-        "light": "#0f0f0f",
+        "light": "#707070",
         "dark": "#8c8c8c"
       }
     },
@@ -791,7 +808,7 @@
       "kind": "color",
       "description": "The backdrop that dims the chart behind a modal dialog.",
       "values": {
-        "light": "rgba(0, 0, 0, 0.35)",
+        "light": "rgba(156, 156, 156, 0.5)",
         "dark": "rgba(0, 0, 0, 0.5)"
       }
     },
@@ -799,7 +816,7 @@
       "id": "state.accent",
       "family": "state",
       "kind": "color",
-      "description": "The accent a mark, fill, or glyph wears: a chosen day, a selected tab, an armed favorite.",
+      "description": "The accent a mark, fill, or glyph wears: a selected tab, an armed favorite.",
       "contrast": [
         {
           "over": "chrome.surface",
@@ -892,7 +909,7 @@
       "id": "state.markInk",
       "family": "state",
       "kind": "color",
-      "description": "Ink on the accent or a filled state mark: a chosen day, the replay disc's cut-out.",
+      "description": "Ink on the accent or a filled state mark, such as the replay disc's cut-out.",
       "contrast": [
         {
           "over": "state.accent",
@@ -984,6 +1001,97 @@
         "dark": "#636363"
       }
     },
+    {
+      "id": "control.outline",
+      "family": "control",
+      "kind": "color",
+      "description": "The edge and the words of an outlined button at rest, such as a dialog's Cancel, which takes the emphasis fill under the pointer.",
+      "contrast": [
+        {
+          "over": "overlay.surface",
+          "min": 4.5
+        }
+      ],
+      "values": {
+        "light": "#2e2e2e",
+        "dark": "#ffffff"
+      }
+    },
+    {
+      "id": "control.onInk",
+      "family": "control",
+      "kind": "color",
+      "description": "A mark cut from the emphasis fill, and its name beside it: a chosen thickness, line style or line end.",
+      "contrast": [
+        {
+          "over": "control.on",
+          "min": 3
+        }
+      ],
+      "values": {
+        "light": "#ffffff",
+        "dark": "#000000"
+      }
+    },
+    {
+      "id": "control.neutral",
+      "family": "control",
+      "kind": "color",
+      "description": "The quiet fill: a neutral action such as a dialog's shortcut chip, the band that heads a calendar's columns, and a chosen month or year.",
+      "values": {
+        "light": "#f2f2f2",
+        "dark": "#2e2e2e"
+      }
+    },
+    {
+      "id": "control.neutralHover",
+      "family": "control",
+      "kind": "color",
+      "description": "The quiet fill under the pointer.",
+      "values": {
+        "light": "#ebebeb",
+        "dark": "#3d3d3d"
+      }
+    },
+    {
+      "id": "control.neutralPressed",
+      "family": "control",
+      "kind": "color",
+      "description": "The quiet fill while the pointer is down.",
+      "values": {
+        "light": "#dbdbdb",
+        "dark": "#4a4a4a"
+      }
+    },
+    {
+      "id": "control.neutralInk",
+      "family": "control",
+      "kind": "color",
+      "description": "The words and mark on the quiet fill, and what a quiet control's words and mark brighten to under the pointer, such as a calendar's day or a dialog's close.",
+      "contrast": [
+        {
+          "over": "control.neutral",
+          "min": 4.5
+        },
+        {
+          "over": "control.neutralHover",
+          "min": 4.5
+        },
+        {
+          "over": "control.neutralPressed",
+          "min": 4.5
+        },
+        {
+          "over": "state.hover",
+          "on": "overlay.surface",
+          "min": 4.5
+        }
+      ],
+      "values": {
+        "light": "#000000",
+        "dark": "#ffffff"
+      }
+    },
     {
       "id": "control.mark",
       "family": "control",
@@ -1008,6 +1116,66 @@
         "dark": "#2e2e2e"
       }
     },
+    {
+      "id": "control.fieldEdge",
+      "family": "control",
+      "kind": "color",
+      "description": "The edge of a text field, a select, a number field or a color well at rest.",
+      "values": {
+        "light": "#dbdbdb",
+        "dark": "#575757"
+      }
+    },
+    {
+      "id": "control.fieldEdgeHover",
+      "family": "control",
+      "kind": "color",
+      "description": "The edge of a field under the pointer.",
+      "values": {
+        "light": "#a8a8a8",
+        "dark": "#707070"
+      }
+    },
+    {
+      "id": "control.selectEdgeHover",
+      "family": "control",
+      "kind": "color",
+      "description": "The edge of a list button under the pointer, such as a select on a drawing's settings page.",
+      "values": {
+        "light": "#a8a8a8",
+        "dark": "#808080"
+      }
+    },
+    {
+      "id": "control.fieldInvalid",
+      "family": "control",
+      "kind": "color",
+      "description": "The edge and the focus ring of a field holding a value it refuses.",
+      "contrast": [
+        {
+          "over": "overlay.surface",
+          "min": 3
+        },
+        {
+          "over": "chrome.surface",
+          "min": 3
+        }
+      ],
+      "values": {
+        "light": "#f23645",
+        "dark": "#f23645"
+      }
+    },
+    {
+      "id": "control.fieldFill",
+      "family": "control",
+      "kind": "color",
+      "description": "The fill of a field that is read-only or disabled.",
+      "values": {
+        "light": "#f2f2f2",
+        "dark": "#2e2e2e"
+      }
+    },
     {
       "id": "status.positive",
       "family": "status",
@@ -1020,7 +1188,7 @@
         }
       ],
       "values": {
-        "light": "#067a67",
+        "light": "#078671",
         "dark": "#089981"
       }
     },
@@ -1036,8 +1204,8 @@
         }
       ],
       "values": {
-        "light": "#cc2f3c",
-        "dark": "#f7525f"
+        "light": "#df323f",
+        "dark": "#f34452"
       }
     },
     {
@@ -1052,8 +1220,8 @@
         }
       ],
       "values": {
-        "light": "#8a5a00",
-        "dark": "#f5a623"
+        "light": "#ac6600",
+        "dark": "#ff9800"
       }
     },
     {
@@ -1187,7 +1355,7 @@
       "description": "The stroke of a newly placed drawing.",
       "values": {
         "light": "#2962ff",
-        "dark": "#4c98fb"
+        "dark": "#2962ff"
       }
     },
     {
@@ -1197,7 +1365,7 @@
       "description": "The fill of a newly placed drawing that has an area.",
       "values": {
         "light": "rgba(41, 98, 255, 0.15)",
-        "dark": "rgba(76, 152, 251, 0.15)"
+        "dark": "rgba(41, 98, 255, 0.15)"
       }
     },
     {
@@ -1227,7 +1395,7 @@
       "description": "The highlight of a selected drawing and its handles.",
       "values": {
         "light": "#2962ff",
-        "dark": "#4c98fb"
+        "dark": "#1e53e5"
       }
     },
     {
@@ -1280,6 +1448,16 @@
         "dark": "500ms"
       }
     },
+    {
+      "id": "motion.durationGlide",
+      "family": "motion",
+      "kind": "duration",
+      "description": "A mark gliding to a new place, such as a dialog's tab bar or an opacity knob.",
+      "values": {
+        "light": "100ms",
+        "dark": "100ms"
+      }
+    },
     {
       "id": "motion.easingStandard",
       "family": "motion",
@@ -1320,6 +1498,16 @@
         "dark": "cubic-bezier(0.175, 0.885, 0.32, 1.275)"
       }
     },
+    {
+      "id": "motion.easingInOut",
+      "family": "motion",
+      "kind": "easing",
+      "description": "The timing of a mark that slides from one place to another, such as a dialog's tab bar.",
+      "values": {
+        "light": "ease-in-out",
+        "dark": "ease-in-out"
+      }
+    },
     {
       "id": "motion.scaleEnter",
       "family": "motion",