@commercetools/nimbus-mcp 3.1.0 → 3.3.0

package/data/uikit-tokens.json

@@ -0,0 +1,894 @@
+{
+  "colorPrimary": {
+    "cssValue": "hsl(240, 64%, 58%)",
+    "recommendedCategory": "color"
+  },
+  "colorPrimary10": {
+    "cssValue": "hsl(240, 66%, 19%)",
+    "recommendedCategory": "color"
+  },
+  "colorPrimary20": {
+    "cssValue": "hsl(240, 45%, 33%)",
+    "recommendedCategory": "color"
+  },
+  "colorPrimary25": {
+    "cssValue": "hsl(240, 46%, 48%)",
+    "recommendedCategory": "color"
+  },
+  "colorPrimary30": {
+    "cssValue": "hsl(240, 46%, 53%)",
+    "recommendedCategory": "color"
+  },
+  "colorPrimary40": {
+    "cssValue": "hsl(240, 100%, 67%)",
+    "recommendedCategory": "color"
+  },
+  "colorPrimary85": {
+    "cssValue": "hsl(244, 100%, 84%)",
+    "recommendedCategory": "color"
+  },
+  "colorPrimary90": {
+    "cssValue": "hsl(243, 100%, 93%)",
+    "recommendedCategory": "color"
+  },
+  "colorPrimary95": {
+    "cssValue": "hsl(244, 100%, 97%)",
+    "recommendedCategory": "color"
+  },
+  "colorPrimary98": {
+    "cssValue": "hsl(244, 100%, 99%)",
+    "recommendedCategory": "color"
+  },
+  "colorAccent": {
+    "cssValue": "#213c45",
+    "recommendedCategory": "color"
+  },
+  "colorAccent10": {
+    "cssValue": "hsl(195, 100%, 10%)",
+    "recommendedCategory": "color"
+  },
+  "colorAccent20": {
+    "cssValue": "hsl(195, 80%, 20%)",
+    "recommendedCategory": "color"
+  },
+  "colorAccent30": {
+    "cssValue": "hsl(195, 70%, 30%)",
+    "recommendedCategory": "color"
+  },
+  "colorAccent40": {
+    "cssValue": "hsl(195, 70%, 40%)",
+    "recommendedCategory": "color"
+  },
+  "colorAccent50": {
+    "cssValue": "hsl(195, 70%, 50%)",
+    "recommendedCategory": "color"
+  },
+  "colorAccent60": {
+    "cssValue": "hsl(195, 70%, 60%)",
+    "recommendedCategory": "color"
+  },
+  "colorAccent85": {
+    "cssValue": "hsl(195, 85%, 85%)",
+    "recommendedCategory": "color"
+  },
+  "colorAccent90": {
+    "cssValue": "hsl(195, 90%, 90%)",
+    "recommendedCategory": "color"
+  },
+  "colorAccent95": {
+    "cssValue": "hsl(195, 95%, 95%)",
+    "recommendedCategory": "color"
+  },
+  "colorAccent98": {
+    "cssValue": "hsl(195, 100%, 98%)",
+    "recommendedCategory": "color"
+  },
+  "colorBrown10": {
+    "cssValue": "hsl(41, 100%, 10%)",
+    "recommendedCategory": "color"
+  },
+  "colorBrown20": {
+    "cssValue": "hsl(41, 100%, 20%)",
+    "recommendedCategory": "color"
+  },
+  "colorBrown35": {
+    "cssValue": "hsl(41, 96%, 30%)",
+    "recommendedCategory": "color"
+  },
+  "colorBrown50": {
+    "cssValue": "hsl(41, 95%, 44%)",
+    "recommendedCategory": "color"
+  },
+  "colorBrown70": {
+    "cssValue": "hsl(47, 95%, 70%)",
+    "recommendedCategory": "color"
+  },
+  "colorBrown85": {
+    "cssValue": "hsl(47, 100%, 85%)",
+    "recommendedCategory": "color"
+  },
+  "colorBrown90": {
+    "cssValue": "hsl(47, 100%, 90%)",
+    "recommendedCategory": "color"
+  },
+  "colorBrown95": {
+    "cssValue": "hsl(47, 100%, 95%)",
+    "recommendedCategory": "color"
+  },
+  "colorBrown98": {
+    "cssValue": "hsl(48, 100%, 97%)",
+    "recommendedCategory": "color"
+  },
+  "colorPurple10": {
+    "cssValue": "hsl(248, 88%, 10%)",
+    "recommendedCategory": "color"
+  },
+  "colorPurple20": {
+    "cssValue": "hsl(248, 50%, 20%)",
+    "recommendedCategory": "color"
+  },
+  "colorPurple35": {
+    "cssValue": "hsl(248, 25%, 35%)",
+    "recommendedCategory": "color"
+  },
+  "colorPurple50": {
+    "cssValue": "hsl(248, 64%, 58%)",
+    "recommendedCategory": "color"
+  },
+  "colorPurple70": {
+    "cssValue": "hsl(248, 80%, 70%)",
+    "recommendedCategory": "color"
+  },
+  "colorPurple85": {
+    "cssValue": "hsl(249, 100%, 85%)",
+    "recommendedCategory": "color"
+  },
+  "colorPurple90": {
+    "cssValue": "hsl(248, 100%, 90%)",
+    "recommendedCategory": "color"
+  },
+  "colorPurple95": {
+    "cssValue": "hsl(248, 100%, 95%)",
+    "recommendedCategory": "color"
+  },
+  "colorPurple98": {
+    "cssValue": "hsl(246, 100%, 98%)",
+    "recommendedCategory": "color"
+  },
+  "colorTurquoise10": {
+    "cssValue": "hsl(180, 88%, 10%)",
+    "recommendedCategory": "color"
+  },
+  "colorTurquoise20": {
+    "cssValue": "hsl(180, 90%, 20%)",
+    "recommendedCategory": "color"
+  },
+  "colorTurquoise35": {
+    "cssValue": "hsl(178, 88%, 25%)",
+    "recommendedCategory": "color"
+  },
+  "colorTurquoise50": {
+    "cssValue": "hsl(178, 67%, 50%)",
+    "recommendedCategory": "color"
+  },
+  "colorTurquoise70": {
+    "cssValue": "hsl(180, 75%, 70%)",
+    "recommendedCategory": "color"
+  },
+  "colorTurquoise85": {
+    "cssValue": "hsl(180, 90%, 85%)",
+    "recommendedCategory": "color"
+  },
+  "colorTurquoise90": {
+    "cssValue": "hsl(180, 88%, 90%)",
+    "recommendedCategory": "color"
+  },
+  "colorTurquoise95": {
+    "cssValue": "hsl(180, 88%, 95%)",
+    "recommendedCategory": "color"
+  },
+  "colorTurquoise98": {
+    "cssValue": "hsl(180, 100%, 98%)",
+    "recommendedCategory": "color"
+  },
+  "colorNeutral": {
+    "cssValue": "hsl(232, 18%, 80%)",
+    "recommendedCategory": "color"
+  },
+  "colorNeutral05": {
+    "cssValue": "hsl(0deg 0% 80% / 5%)",
+    "recommendedCategory": "color"
+  },
+  "colorNeutral10": {
+    "cssValue": "hsl(0deg 0% 80% / 10%)",
+    "recommendedCategory": "color"
+  },
+  "colorNeutral40": {
+    "cssValue": "hsl(232, 18%, 40%)",
+    "recommendedCategory": "color"
+  },
+  "colorNeutral50": {
+    "cssValue": "hsl(233, 18%, 50%)",
+    "recommendedCategory": "color"
+  },
+  "colorNeutral60": {
+    "cssValue": "hsl(232, 18%, 60%)",
+    "recommendedCategory": "color"
+  },
+  "colorNeutral85": {
+    "cssValue": "hsl(232, 18%, 85%)",
+    "recommendedCategory": "color"
+  },
+  "colorNeutral90": {
+    "cssValue": "hsl(232, 18%, 90%)",
+    "recommendedCategory": "color"
+  },
+  "colorNeutral95": {
+    "cssValue": "hsl(232, 18%, 95%)",
+    "recommendedCategory": "color"
+  },
+  "colorNeutral98": {
+    "cssValue": "hsl(232, 18%, 98%)",
+    "recommendedCategory": "color"
+  },
+  "colorInfo": {
+    "cssValue": "#078cdf",
+    "recommendedCategory": "color"
+  },
+  "colorInfo40": {
+    "cssValue": "hsl(203, 94%, 35%)",
+    "recommendedCategory": "color"
+  },
+  "colorInfo50": {
+    "cssValue": "hsl(203.05555555555554, 93.9130434783%, 50%)",
+    "recommendedCategory": "color"
+  },
+  "colorInfo60": {
+    "cssValue": "hsl(203.05555555555554, 93.9130434783%, 60%)",
+    "recommendedCategory": "color"
+  },
+  "colorInfo85": {
+    "cssValue": "hsl(203.05555555555554, 93.9130434783%, 85%)",
+    "recommendedCategory": "color"
+  },
+  "colorInfo90": {
+    "cssValue": "#CEEBFD",
+    "recommendedCategory": "color"
+  },
+  "colorInfo95": {
+    "cssValue": "hsl(203.05555555555554, 93.9130434783%, 95%)",
+    "recommendedCategory": "color"
+  },
+  "colorWarning": {
+    "cssValue": "hsl(35, 90%, 45%)",
+    "recommendedCategory": "color"
+  },
+  "colorWarning25": {
+    "cssValue": "hsl(33, 83%, 25%)",
+    "recommendedCategory": "color"
+  },
+  "colorWarning40": {
+    "cssValue": "hsl(33, 80%, 34%)",
+    "recommendedCategory": "color"
+  },
+  "colorWarning60": {
+    "cssValue": "hsl(35, 90%, 55%)",
+    "recommendedCategory": "color"
+  },
+  "colorWarning85": {
+    "cssValue": "hsl(33, 90%, 80%)",
+    "recommendedCategory": "color"
+  },
+  "colorWarning95": {
+    "cssValue": "hsl(45, 100%, 92%)",
+    "recommendedCategory": "color"
+  },
+  "colorError": {
+    "cssValue": "hsl(3, 65%, 58%)",
+    "recommendedCategory": "color"
+  },
+  "colorError25": {
+    "cssValue": "hsl(4, 69%, 37%)",
+    "recommendedCategory": "color"
+  },
+  "colorError40": {
+    "cssValue": "hsl(3, 60%, 46%)",
+    "recommendedCategory": "color"
+  },
+  "colorError85": {
+    "cssValue": "hsl(1, 55%, 74%)",
+    "recommendedCategory": "color"
+  },
+  "colorError95": {
+    "cssValue": "hsl(349, 66%, 92%)",
+    "recommendedCategory": "color"
+  },
+  "colorSolid": {
+    "cssValue": "#1a1a1a",
+    "recommendedCategory": "color"
+  },
+  "colorSolid02": {
+    "cssValue": "hsl(0deg 0% 10% / 2%)",
+    "recommendedCategory": "color"
+  },
+  "colorSolid05": {
+    "cssValue": "hsl(0deg 0% 10% / 5%)",
+    "recommendedCategory": "color"
+  },
+  "colorSolid10": {
+    "cssValue": "hsl(0deg 0% 10% / 10%)",
+    "recommendedCategory": "color"
+  },
+  "colorSurface": {
+    "cssValue": "#fff",
+    "recommendedCategory": "color"
+  },
+  "colorTransparent": {
+    "cssValue": "transparent",
+    "recommendedCategory": "color"
+  },
+  "colorSuccess": {
+    "cssValue": "hsl(152, 77%, 39%)",
+    "recommendedCategory": "color"
+  },
+  "colorSuccess25": {
+    "cssValue": "hsl(155, 84%, 20%)",
+    "recommendedCategory": "color"
+  },
+  "colorSuccess40": {
+    "cssValue": "hsl(155, 90%, 24%)",
+    "recommendedCategory": "color"
+  },
+  "colorSuccess85": {
+    "cssValue": "hsl(144, 69%, 80%)",
+    "recommendedCategory": "color"
+  },
+  "colorSuccess95": {
+    "cssValue": "hsl(141, 76%, 92%)",
+    "recommendedCategory": "color"
+  },
+  "borderRadius1": {
+    "cssValue": "1px",
+    "recommendedCategory": "borderRadius"
+  },
+  "borderRadius2": {
+    "cssValue": "2px",
+    "recommendedCategory": "borderRadius"
+  },
+  "borderRadius4": {
+    "cssValue": "4px",
+    "recommendedCategory": "borderRadius"
+  },
+  "borderRadius6": {
+    "cssValue": "6px",
+    "recommendedCategory": "borderRadius"
+  },
+  "borderRadius8": {
+    "cssValue": "8px",
+    "recommendedCategory": "borderRadius"
+  },
+  "borderRadius20": {
+    "cssValue": "20px",
+    "recommendedCategory": "borderRadius"
+  },
+  "borderWidth1": {
+    "cssValue": "1px",
+    "recommendedCategory": "borderWidth"
+  },
+  "borderWidth2": {
+    "cssValue": "2px",
+    "recommendedCategory": "borderWidth"
+  },
+  "fontFamily": {
+    "cssValue": "'Inter', system-ui",
+    "recommendedCategory": null
+  },
+  "fontSize10": {
+    "cssValue": "0.75rem",
+    "recommendedCategory": "fontSize"
+  },
+  "fontSize12": {
+    "cssValue": "0.8rem",
+    "recommendedCategory": "fontSize"
+  },
+  "fontSize20": {
+    "cssValue": "0.875rem",
+    "recommendedCategory": "fontSize"
+  },
+  "fontSize30": {
+    "cssValue": "1rem",
+    "recommendedCategory": "fontSize"
+  },
+  "fontSize40": {
+    "cssValue": "1.125rem",
+    "recommendedCategory": "fontSize"
+  },
+  "fontSize50": {
+    "cssValue": "1.25rem",
+    "recommendedCategory": "fontSize"
+  },
+  "fontSize60": {
+    "cssValue": "1.5rem",
+    "recommendedCategory": "fontSize"
+  },
+  "fontSize70": {
+    "cssValue": "2rem",
+    "recommendedCategory": "fontSize"
+  },
+  "fontSize80": {
+    "cssValue": "2.5rem",
+    "recommendedCategory": "fontSize"
+  },
+  "fontSize90": {
+    "cssValue": "3rem",
+    "recommendedCategory": "fontSize"
+  },
+  "fontSize15": {
+    "cssValue": "0.9231rem",
+    "recommendedCategory": "fontSize"
+  },
+  "fontSize35": {
+    "cssValue": "1.0769rem",
+    "recommendedCategory": "fontSize"
+  },
+  "fontSize45": {
+    "cssValue": "1.2308rem",
+    "recommendedCategory": "fontSize"
+  },
+  "fontSize63": {
+    "cssValue": "1.5385rem",
+    "recommendedCategory": "fontSize"
+  },
+  "fontSize66": {
+    "cssValue": "1.8462rem",
+    "recommendedCategory": "fontSize"
+  },
+  "fontSize69": {
+    "cssValue": "2.4615rem",
+    "recommendedCategory": "fontSize"
+  },
+  "fontSize78": {
+    "cssValue": "3rem",
+    "recommendedCategory": "fontSize"
+  },
+  "fontWeight300": {
+    "cssValue": "300",
+    "recommendedCategory": "fontWeight"
+  },
+  "fontWeight400": {
+    "cssValue": "400",
+    "recommendedCategory": "fontWeight"
+  },
+  "fontWeight500": {
+    "cssValue": "500",
+    "recommendedCategory": "fontWeight"
+  },
+  "fontWeight600": {
+    "cssValue": "600",
+    "recommendedCategory": "fontWeight"
+  },
+  "fontWeight700": {
+    "cssValue": "700",
+    "recommendedCategory": "fontWeight"
+  },
+  "lineHeight05": {
+    "cssValue": "1.125rem",
+    "recommendedCategory": "lineHeight"
+  },
+  "lineHeight10": {
+    "cssValue": "1.25rem",
+    "recommendedCategory": "lineHeight"
+  },
+  "lineHeight18": {
+    "cssValue": "1.3rem",
+    "recommendedCategory": "lineHeight"
+  },
+  "lineHeight20": {
+    "cssValue": "1.375rem",
+    "recommendedCategory": "lineHeight"
+  },
+  "lineHeight30": {
+    "cssValue": "1.5rem",
+    "recommendedCategory": "lineHeight"
+  },
+  "lineHeight40": {
+    "cssValue": "1.625rem",
+    "recommendedCategory": "lineHeight"
+  },
+  "lineHeight50": {
+    "cssValue": "1.75rem",
+    "recommendedCategory": "lineHeight"
+  },
+  "lineHeight60": {
+    "cssValue": "2.125rem",
+    "recommendedCategory": "lineHeight"
+  },
+  "shadow0": {
+    "cssValue": "none",
+    "recommendedCategory": "shadow"
+  },
+  "shadow1": {
+    "cssValue": "0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)",
+    "recommendedCategory": "shadow"
+  },
+  "shadow2": {
+    "cssValue": "0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)",
+    "recommendedCategory": "shadow"
+  },
+  "shadow3": {
+    "cssValue": "0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23)",
+    "recommendedCategory": "shadow"
+  },
+  "shadow4": {
+    "cssValue": "0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22)",
+    "recommendedCategory": "shadow"
+  },
+  "shadow5": {
+    "cssValue": "0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22)",
+    "recommendedCategory": "shadow"
+  },
+  "shadow6": {
+    "cssValue": "0 -1px 2px 0 rgba(0, 0, 0, 0.2)",
+    "recommendedCategory": "shadow"
+  },
+  "shadow7": {
+    "cssValue": "0 -1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24)",
+    "recommendedCategory": "shadow"
+  },
+  "shadow8": {
+    "cssValue": "0 1px 9.5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24)",
+    "recommendedCategory": "shadow"
+  },
+  "shadow9": {
+    "cssValue": "inset 0 -1px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.2), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.25)",
+    "recommendedCategory": "shadow"
+  },
+  "shadow10": {
+    "cssValue": "0 0 0 1px rgba(224, 230, 237, 0.5)",
+    "recommendedCategory": "shadow"
+  },
+  "shadow11": {
+    "cssValue": "0 1px 0.5px rgba(0, 0, 0, 0.24), 0 -1px 0.75px rgba(0, 0, 0, 0.12)",
+    "recommendedCategory": "shadow"
+  },
+  "shadow12": {
+    "cssValue": "0 0 1px rgba(0, 0, 0, 0.25)",
+    "recommendedCategory": "shadow"
+  },
+  "shadow13": {
+    "cssValue": "0 0 1px rgba(0, 0, 0, 0.25)",
+    "recommendedCategory": "shadow"
+  },
+  "shadow14": {
+    "cssValue": "0 0 0.5px rgba(0, 0, 0, 0.1)",
+    "recommendedCategory": "shadow"
+  },
+  "shadow15": {
+    "cssValue": "0 2px 2px rgba(0, 0, 0, 0.24), 0 1px 4.75px rgba(0, 0, 0, 0.12)",
+    "recommendedCategory": "shadow"
+  },
+  "shadow16": {
+    "cssValue": "0.5px 1.5px 4px 1px rgba(0, 0, 0, 0.25), -0.5px -0.5px 4px 1px rgba(0, 0, 0, 0.25)",
+    "recommendedCategory": "shadow"
+  },
+  "shadow17": {
+    "cssValue": "0 1px 5px 0 rgba(0, 0, 0, 0.05)",
+    "recommendedCategory": "shadow"
+  },
+  "shadow18": {
+    "cssValue": "0 5px 30px 0px rgba(0, 0, 0, 0.1)",
+    "recommendedCategory": "shadow"
+  },
+  "constraintScale": {
+    "cssValue": "100%",
+    "recommendedCategory": "size"
+  },
+  "constraint1": {
+    "cssValue": "42px",
+    "recommendedCategory": "size"
+  },
+  "constraint2": {
+    "cssValue": "84px",
+    "recommendedCategory": "size"
+  },
+  "constraint3": {
+    "cssValue": "142px",
+    "recommendedCategory": "size"
+  },
+  "constraint4": {
+    "cssValue": "184px",
+    "recommendedCategory": "size"
+  },
+  "constraint5": {
+    "cssValue": "242px",
+    "recommendedCategory": "size"
+  },
+  "constraint6": {
+    "cssValue": "284px",
+    "recommendedCategory": "size"
+  },
+  "constraint7": {
+    "cssValue": "342px",
+    "recommendedCategory": "size"
+  },
+  "constraint8": {
+    "cssValue": "384px",
+    "recommendedCategory": "size"
+  },
+  "constraint9": {
+    "cssValue": "442px",
+    "recommendedCategory": "size"
+  },
+  "constraint10": {
+    "cssValue": "484px",
+    "recommendedCategory": "size"
+  },
+  "constraint11": {
+    "cssValue": "542px",
+    "recommendedCategory": "size"
+  },
+  "constraint12": {
+    "cssValue": "584px",
+    "recommendedCategory": "size"
+  },
+  "constraint13": {
+    "cssValue": "642px",
+    "recommendedCategory": "size"
+  },
+  "constraint14": {
+    "cssValue": "684px",
+    "recommendedCategory": "size"
+  },
+  "constraint15": {
+    "cssValue": "742px",
+    "recommendedCategory": "size"
+  },
+  "constraint16": {
+    "cssValue": "784px",
+    "recommendedCategory": "size"
+  },
+  "spacingXs": {
+    "cssValue": "4px",
+    "recommendedCategory": "spacing"
+  },
+  "spacingS": {
+    "cssValue": "8px",
+    "recommendedCategory": "spacing"
+  },
+  "spacingM": {
+    "cssValue": "16px",
+    "recommendedCategory": "spacing"
+  },
+  "spacingL": {
+    "cssValue": "24px",
+    "recommendedCategory": "spacing"
+  },
+  "spacingXl": {
+    "cssValue": "32px",
+    "recommendedCategory": "spacing"
+  },
+  "spacing05": {
+    "cssValue": "2px",
+    "recommendedCategory": "spacing"
+  },
+  "spacing10": {
+    "cssValue": "4px",
+    "recommendedCategory": "spacing"
+  },
+  "spacing20": {
+    "cssValue": "8px",
+    "recommendedCategory": "spacing"
+  },
+  "spacing25": {
+    "cssValue": "12px",
+    "recommendedCategory": "spacing"
+  },
+  "spacing30": {
+    "cssValue": "16px",
+    "recommendedCategory": "spacing"
+  },
+  "spacing40": {
+    "cssValue": "24px",
+    "recommendedCategory": "spacing"
+  },
+  "spacing50": {
+    "cssValue": "32px",
+    "recommendedCategory": "spacing"
+  },
+  "spacing55": {
+    "cssValue": "40px",
+    "recommendedCategory": "spacing"
+  },
+  "spacing60": {
+    "cssValue": "48px",
+    "recommendedCategory": "spacing"
+  },
+  "spacing70": {
+    "cssValue": "64px",
+    "recommendedCategory": "spacing"
+  },
+  "transitionLinear80ms": {
+    "cssValue": "80ms linear",
+    "recommendedCategory": null
+  },
+  "transitionEaseinout150ms": {
+    "cssValue": "150ms ease-in-out",
+    "recommendedCategory": null
+  },
+  "transitionStandard": {
+    "cssValue": "200ms ease",
+    "recommendedCategory": null
+  },
+  "breakPointMobile": {
+    "cssValue": "768px",
+    "recommendedCategory": null
+  },
+  "breakPointDesktop": {
+    "cssValue": "1024px",
+    "recommendedCategory": null
+  },
+  "breakPointBiggerdesktop": {
+    "cssValue": "1280px",
+    "recommendedCategory": null
+  },
+  "breakPointGiantdesktop": {
+    "cssValue": "1680px",
+    "recommendedCategory": null
+  },
+  "breakPointJumbodesktop": {
+    "cssValue": "1920px",
+    "recommendedCategory": null
+  },
+  "backgroundColorForInput": {
+    "cssValue": "#fff",
+    "recommendedCategory": "color"
+  },
+  "backgroundColorForInputWhenDisabled": {
+    "cssValue": "hsl(232, 18%, 95%)",
+    "recommendedCategory": "color"
+  },
+  "backgroundColorForInputWhenReadonly": {
+    "cssValue": "hsl(232, 18%, 95%)",
+    "recommendedCategory": "color"
+  },
+  "backgroundColorForInputWhenHovered": {
+    "cssValue": "hsl(244, 100%, 99%)",
+    "recommendedCategory": "color"
+  },
+  "backgroundColorForLocalizedInputLabel": {
+    "cssValue": "#fff",
+    "recommendedCategory": "color"
+  },
+  "backgroundColorForLocalizedInputLabelWhenReadonly": {
+    "cssValue": "hsl(232, 18%, 95%)",
+    "recommendedCategory": "color"
+  },
+  "backgroundColorForLocalizedInputLabelWhenDisabled": {
+    "cssValue": "hsl(232, 18%, 95%)",
+    "recommendedCategory": "color"
+  },
+  "backgroundColorForButtonWhenActive": {
+    "cssValue": "hsl(243, 100%, 93%)",
+    "recommendedCategory": "color"
+  },
+  "backgroundColorForButtonWhenHovered": {
+    "cssValue": "hsl(244, 100%, 97%)",
+    "recommendedCategory": "color"
+  },
+  "backgroundColorForButtonWhenDisabled": {
+    "cssValue": "hsl(232, 18%, 95%)",
+    "recommendedCategory": "color"
+  },
+  "borderColorForInput": {
+    "cssValue": "hsl(232, 18%, 80%)",
+    "recommendedCategory": "color"
+  },
+  "borderColorForInputWhenDisabled": {
+    "cssValue": "hsl(232, 18%, 80%)",
+    "recommendedCategory": "color"
+  },
+  "borderColorForInputWhenReadonly": {
+    "cssValue": "#fff",
+    "recommendedCategory": "color"
+  },
+  "borderColorForInputWhenError": {
+    "cssValue": "hsl(3, 65%, 58%)",
+    "recommendedCategory": "color"
+  },
+  "borderColorForInputWhenWarning": {
+    "cssValue": "hsl(35, 90%, 45%)",
+    "recommendedCategory": "color"
+  },
+  "borderColorForInputWhenHovered": {
+    "cssValue": "hsl(232, 18%, 80%)",
+    "recommendedCategory": "color"
+  },
+  "borderColorForInputWhenFocused": {
+    "cssValue": "hsl(240, 100%, 67%)",
+    "recommendedCategory": "color"
+  },
+  "borderColorForButtonAsSecondary": {
+    "cssValue": "hsl(244, 100%, 84%)",
+    "recommendedCategory": "color"
+  },
+  "borderRadiusForInput": {
+    "cssValue": "4px",
+    "recommendedCategory": "borderRadius"
+  },
+  "fontColorForInput": {
+    "cssValue": "#1a1a1a",
+    "recommendedCategory": "color"
+  },
+  "fontColorForInputWhenDisabled": {
+    "cssValue": "hsl(232, 18%, 60%)",
+    "recommendedCategory": "color"
+  },
+  "fontColorForInputWhenError": {
+    "cssValue": "hsl(3, 60%, 46%)",
+    "recommendedCategory": "color"
+  },
+  "fontColorForInputWhenReadonly": {
+    "cssValue": "hsl(232, 18%, 40%)",
+    "recommendedCategory": "color"
+  },
+  "fontColorForInputWhenWarning": {
+    "cssValue": "hsl(35, 90%, 45%)",
+    "recommendedCategory": "color"
+  },
+  "fontColorForButtonAsSecondary": {
+    "cssValue": "hsl(240, 64%, 58%)",
+    "recommendedCategory": "color"
+  },
+  "heightForButtonAsBig": {
+    "cssValue": "40px",
+    "recommendedCategory": "size"
+  },
+  "heightForButtonAsSmall": {
+    "cssValue": "16px",
+    "recommendedCategory": "size"
+  },
+  "heightForButtonAsMedium": {
+    "cssValue": "32px",
+    "recommendedCategory": "size"
+  },
+  "heightForButtonAs40": {
+    "cssValue": "40px",
+    "recommendedCategory": "size"
+  },
+  "heightForButtonAs30": {
+    "cssValue": "32px",
+    "recommendedCategory": "size"
+  },
+  "heightForButtonAs20": {
+    "cssValue": "24px",
+    "recommendedCategory": "size"
+  },
+  "heightForButtonAs10": {
+    "cssValue": "16px",
+    "recommendedCategory": "size"
+  },
+  "heightForInput": {
+    "cssValue": "40px",
+    "recommendedCategory": "size"
+  },
+  "heightForInputAsSmall": {
+    "cssValue": "32px",
+    "recommendedCategory": "size"
+  },
+  "shadowForInput": {
+    "cssValue": "none",
+    "recommendedCategory": "shadow"
+  },
+  "shadowForInputWhenFocused": {
+    "cssValue": "inset 0 0 0 1px var(--color-primary)",
+    "recommendedCategory": "shadow"
+  },
+  "shadowForInputWhenError": {
+    "cssValue": "inset 0 0 0 1px var(--color-error)",
+    "recommendedCategory": "shadow"
+  },
+  "shadowForInputWhenWarning": {
+    "cssValue": "inset 0 0 0 1px var(--color-warning)",
+    "recommendedCategory": "shadow"
+  }
+}