npm - @primer/primitives - Versions diffs - 11.0.1-rc.84dc6db1 → 11.1.0-rc.27a415da - Mend

@primer/primitives 11.0.1-rc.84dc6db1 → 11.1.0-rc.27a415da

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

package/dist/figma/themes/light-high-contrast.json CHANGED Viewed

@@ -13898,6 +13898,166 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "progressBar/track/bgColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/track/bgColor",
+    "reference": "mode/bgColor/default",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/track/borderColor",
+    "value": {
+      "r": 0.2235294117647059,
+      "g": 0.24705882352941178,
+      "b": 0.27450980392156865,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/track/borderColor",
+    "reference": "base/color/light/base/color/neutral/11",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "progressBar/bgColor/danger",
+    "value": {
+      "r": 0.6274509803921569,
+      "g": 0.06666666666666667,
+      "b": 0.12156862745098039,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/danger",
+    "reference": "mode/bgColor/danger-emphasis",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/bgColor/severe",
+    "value": {
+      "r": 0.5294117647058824,
+      "g": 0.2196078431372549,
+      "b": 0,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/severe",
+    "reference": "mode/bgColor/severe-emphasis",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/bgColor/sponsors",
+    "value": {
+      "r": 0.592156862745098,
+      "g": 0.07450980392156863,
+      "b": 0.40784313725490196,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/sponsors",
+    "reference": "mode/bgColor/sponsors-emphasis",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/bgColor/done",
+    "value": {
+      "r": 0.3843137254901961,
+      "g": 0.17254901960784313,
+      "b": 0.7372549019607844,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/done",
+    "reference": "mode/bgColor/done-emphasis",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/bgColor/accent",
+    "value": {
+      "r": 0.011764705882352941,
+      "g": 0.28627450980392155,
+      "b": 0.7058823529411765,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/accent",
+    "reference": "mode/bgColor/accent-emphasis",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/bgColor/success",
+    "value": {
+      "r": 0.0196078431372549,
+      "g": 0.36470588235294116,
+      "b": 0.12549019607843137,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/success",
+    "reference": "mode/bgColor/success-emphasis",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/bgColor/neutral",
+    "value": {
+      "r": 0.5058823529411764,
+      "g": 0.5450980392156862,
+      "b": 0.596078431372549,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/neutral",
+    "reference": "base/color/light/base/color/neutral/8",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/bgColor/attention",
+    "value": {
+      "r": 0.4549019607843137,
+      "g": 0.27058823529411763,
+      "b": 0,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/attention",
+    "reference": "mode/bgColor/attention-emphasis",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "reactionButton/selected/bgColor/rest",
     "value": {

package/dist/figma/themes/light-tritanopia-high-contrast.json CHANGED Viewed

@@ -5756,6 +5756,166 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "progressBar/track/bgColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/track/bgColor",
+    "reference": "mode/bgColor/default",
+    "collection": "mode",
+    "mode": "light tritanopia high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/track/borderColor",
+    "value": {
+      "r": 0.2235294117647059,
+      "g": 0.24705882352941178,
+      "b": 0.27450980392156865,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/track/borderColor",
+    "reference": "base/color/light/base/color/neutral/11",
+    "collection": "mode",
+    "mode": "light tritanopia high contrast",
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "progressBar/bgColor/danger",
+    "value": {
+      "r": 0.6274509803921569,
+      "g": 0.06666666666666667,
+      "b": 0.12156862745098039,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/danger",
+    "reference": "mode/bgColor/danger-emphasis",
+    "collection": "mode",
+    "mode": "light tritanopia high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/bgColor/severe",
+    "value": {
+      "r": 0.6274509803921569,
+      "g": 0.06666666666666667,
+      "b": 0.12156862745098039,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/severe",
+    "reference": "mode/bgColor/severe-emphasis",
+    "collection": "mode",
+    "mode": "light tritanopia high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/bgColor/sponsors",
+    "value": {
+      "r": 0.592156862745098,
+      "g": 0.07450980392156863,
+      "b": 0.40784313725490196,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/sponsors",
+    "reference": "mode/bgColor/sponsors-emphasis",
+    "collection": "mode",
+    "mode": "light tritanopia high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/bgColor/done",
+    "value": {
+      "r": 0.3843137254901961,
+      "g": 0.17254901960784313,
+      "b": 0.7372549019607844,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/done",
+    "reference": "mode/bgColor/done-emphasis",
+    "collection": "mode",
+    "mode": "light tritanopia high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/bgColor/accent",
+    "value": {
+      "r": 0.011764705882352941,
+      "g": 0.28627450980392155,
+      "b": 0.7058823529411765,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/accent",
+    "reference": "mode/bgColor/accent-emphasis",
+    "collection": "mode",
+    "mode": "light tritanopia high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/bgColor/success",
+    "value": {
+      "r": 0.011764705882352941,
+      "g": 0.28627450980392155,
+      "b": 0.7058823529411765,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/success",
+    "reference": "mode/bgColor/success-emphasis",
+    "collection": "mode",
+    "mode": "light tritanopia high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/bgColor/neutral",
+    "value": {
+      "r": 0.5058823529411764,
+      "g": 0.5450980392156862,
+      "b": 0.596078431372549,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/neutral",
+    "reference": "base/color/light/base/color/neutral/8",
+    "collection": "mode",
+    "mode": "light tritanopia high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/bgColor/attention",
+    "value": {
+      "r": 0.4549019607843137,
+      "g": 0.27058823529411763,
+      "b": 0,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/attention",
+    "reference": "mode/bgColor/attention-emphasis",
+    "collection": "mode",
+    "mode": "light tritanopia high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "reactionButton/selected/bgColor/rest",
     "value": {

package/dist/figma/themes/light-tritanopia.json CHANGED Viewed

@@ -2802,14 +2802,14 @@
   {
     "name": "controlKnob/borderColor/rest",
     "value": {
-      "r": 0.5058823529411764,
-      "g": 0.5450980392156862,
-      "b": 0.596078431372549,
+      "r": 0.8196078431372549,
+      "g": 0.8509803921568627,
+      "b": 0.8784313725490196,
       "a": 1
     },
     "type": "COLOR",
     "refId": "mode/controlKnob/borderColor/rest",
-    "reference": "mode/control/borderColor/emphasis",
+    "reference": "mode/control/borderColor/rest",
     "collection": "mode",
     "mode": "light tritanopia",
     "group": "component (internal)",
@@ -13901,6 +13901,166 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "progressBar/track/bgColor",
+    "value": {
+      "r": 0.8196078431372549,
+      "g": 0.8509803921568627,
+      "b": 0.8784313725490196,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/track/bgColor",
+    "reference": "mode/borderColor/default",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/track/borderColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/track/borderColor",
+    "reference": "base/color/light/base/color/transparent",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "progressBar/bgColor/danger",
+    "value": {
+      "r": 0.8117647058823529,
+      "g": 0.13333333333333333,
+      "b": 0.1803921568627451,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/danger",
+    "reference": "mode/bgColor/danger-emphasis",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/bgColor/severe",
+    "value": {
+      "r": 0.8117647058823529,
+      "g": 0.13333333333333333,
+      "b": 0.1803921568627451,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/severe",
+    "reference": "mode/bgColor/severe-emphasis",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/bgColor/sponsors",
+    "value": {
+      "r": 0.7490196078431373,
+      "g": 0.2235294117647059,
+      "b": 0.5372549019607843,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/sponsors",
+    "reference": "mode/bgColor/sponsors-emphasis",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/bgColor/done",
+    "value": {
+      "r": 0.5098039215686274,
+      "g": 0.3137254901960784,
+      "b": 0.8745098039215686,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/done",
+    "reference": "mode/bgColor/done-emphasis",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/bgColor/accent",
+    "value": {
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
+      "b": 0.8549019607843137,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/accent",
+    "reference": "mode/bgColor/accent-emphasis",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/bgColor/success",
+    "value": {
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
+      "b": 0.8549019607843137,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/success",
+    "reference": "mode/bgColor/success-emphasis",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/bgColor/neutral",
+    "value": {
+      "r": 0.34901960784313724,
+      "g": 0.38823529411764707,
+      "b": 0.43137254901960786,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/neutral",
+    "reference": "mode/bgColor/neutral-emphasis",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/bgColor/attention",
+    "value": {
+      "r": 0.6039215686274509,
+      "g": 0.403921568627451,
+      "b": 0,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/attention",
+    "reference": "mode/bgColor/attention-emphasis",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "reactionButton/selected/bgColor/rest",
     "value": {