diff --git a/microsoft-fluent.json b/microsoft-fluent.json index fe1cfad..efdb501 100644 --- a/microsoft-fluent.json +++ b/microsoft-fluent.json @@ -1,5 +1,5 @@ { - "border-radius": { + "borderRadius": { "$type": "dimension", "0": { "$value": { "value": 0, "unit": "px" } }, "small": { "$value": { "value": 2, "unit": "px" } }, @@ -14,24 +14,22 @@ "foreground": { "$value": "#420610" } }, "brand": { - "web": { - "10": { "$value": "#061724" }, - "20": { "$value": "#082338" }, - "30": { "$value": "#0a2e4a" }, - "40": { "$value": "#0c3b5e" }, - "50": { "$value": "#0e4775" }, - "60": { "$value": "#0f548c" }, - "70": { "$value": "#115ea3" }, - "80": { "$value": "#0f6cbd" }, - "90": { "$value": "#2886de" }, - "100": { "$value": "#479ef5" }, - "110": { "$value": "#62abf5" }, - "120": { "$value": "#77b7f7" }, - "130": { "$value": "#96c6fa" }, - "140": { "$value": "#b4d6fa" }, - "150": { "$value": "#cfe4fa" }, - "160": { "$value": "#ebf3f" } - }, + "10": { "$value": "#061724" }, + "20": { "$value": "#082338" }, + "30": { "$value": "#0a2e4a" }, + "40": { "$value": "#0c3b5e" }, + "50": { "$value": "#0e4775" }, + "60": { "$value": "#0f548c" }, + "70": { "$value": "#115ea3" }, + "80": { "$value": "#0f6cbd" }, + "90": { "$value": "#2886de" }, + "100": { "$value": "#479ef5" }, + "110": { "$value": "#62abf5" }, + "120": { "$value": "#77b7f7" }, + "130": { "$value": "#96c6fa" }, + "140": { "$value": "#b4d6fa" }, + "150": { "$value": "#cfe4fa" }, + "160": { "$value": "#ebf3fc" }, "teams": { "10": { "$value": "#2b2b40" }, "20": { "$value": "#2f2f4a" }, @@ -67,6 +65,99 @@ "140": { "$value": "#ffb498" }, "150": { "$value": "#f4beaa" }, "160": { "$value": "#f9dcd1" } + }, + "foreground": { + "link": { + "default": { "$value": "{color.brand.70}" }, + "hover": { "$value": "{color.brand.60}" }, + "pressed": { "$value": "{color.brand.40}" }, + "selected": { "$value": "{color.brand.70}" } + }, + "1": { + "default": { "$value": "{color.brand.80}" } + }, + "2": { + "default": { "$value": "{color.brand.70}" }, + "hover": { "$value": "{color.brand.60}" }, + "pressed": { "$value": "{color.brand.30}" } + }, + "inverted": { + "default": { "$value": "{color.brand.100}" }, + "hover": { "$value": "{color.brand.110}" }, + "pressed": { "$value": "{color.brand.100}" } + }, + "onLight": { + "default": { "$value": "{color.brand.80}" }, + "hover": { "$value": "{color.brand.70}" }, + "pressed": { "$value": "{color.brand.50}" }, + "selected": { "$value": "{color.brand.60}" } + } + }, + "background": { + "default": { "$value": "{color.brand.80}" }, + "hover": { "$value": "{color.brand.70}" }, + "pressed": { "$value": "{color.brand.40}" }, + "selected": { "$value": "{color.brand.60}" }, + "static": { "$value": "{color.brand.80}" }, + "2": { + "default": { "$value": "{color.brand.160}" }, + "hover": { "$value": "{color.brand.150}" }, + "pressed": { "$value": "{color.brand.130}" } + }, + "3": { + "static": { "$value": "{color.brand.60}" } + }, + "4": { + "static": { "$value": "{color.brand.40}" } + }, + "inverted": { + "default": { "$value": "{color.white}" }, + "hover": { "$value": "{color.brand.160}" }, + "pressed": { "$value": "{color.brand.140}" }, + "selected": { "$value": "{color.brand.150}" } + } + }, + "stroke": { + "1": { "$value": "{color.brand.80}" }, + "2": { "$value": "{color.brand.140}" }, + "2Hover": { "$value": "{color.brand.120}" }, + "2Pressed": { "$value": "{color.brand.80}" }, + "2Contrast": { "$value": "{color.brand.140}" } + }, + "shadow": { + "ambient": { + "$value": { + "colorSpace": "srgb", + "channels": [0, 0, 0], + "alpha": 0.3 + } + }, + "key": { + "$value": { + "colorSpace": "srgb", + "channels": [0, 0, 0], + "alpha": 0.25 + } + } + } + }, + "compoundBrand": { + "foreground": { + "1": { + "default": { "$value": "{color.brand.80}" }, + "hover": { "$value": "{color.brand.70}" }, + "pressed": { "$value": "{color.brand.60}" } + } + }, + "background": { + "default": { "$value": "{color.brand.80}" }, + "hover": { "$value": "{color.brand.70}" }, + "pressed": { "$value": "{color.brand.60}" } + }, + "stroke": { + "default": { "$value": "{color.brand.80}" }, + "hover": { "$value": "{color.brand.70}" }, + "pressed": { "$value": "{color.brand.60}" } } }, "grey": { @@ -120,7 +211,7 @@ "96": { "$value": "#f5f5f5" }, "98": { "$value": "#fafafa" } }, - "white-alpha": { + "whiteAlpha": { "5": { "$value": { "colorSpace": "srgb", "channels": [1, 1, 1], "alpha": 0.05 } }, @@ -152,7 +243,7 @@ "$value": { "colorSpace": "srgb", "channels": [1, 1, 1], "alpha": 0.9 } } }, - "black-alpha": { + "blackAlpha": { "5": { "$value": { "colorSpace": "srgb", "channels": [0, 0, 0], "alpha": 0.05 } }, @@ -184,7 +275,7 @@ "$value": { "colorSpace": "srgb", "channels": [0, 0, 0], "alpha": 0.9 } } }, - "grey10-alpha": { + "grey10Alpha": { "5": { "$value": { "colorSpace": "srgb", @@ -402,15 +493,18 @@ }, "white": { "$value": "#ffffff" }, "black": { "$value": "#000000" }, + "transparent": { + "$value": { "colorSpace": "srgb", "channels": [0, 0, 0], "alpha": 0 } + }, "hc": { "hyperlink": { "$value": "#ffff00" }, "highlight": { "$value": "#1aebff" }, "hisabled": { "$value": "#3ff23f" }, "canvas": { "$value": "#000000" }, - "canvas-text": { "$value": "#ffffff" }, - "highlight-text": { "$value": "#000000" }, - "button-text": { "$value": "#000000" }, - "button-face": { "$value": "#ffffff" } + "canvasText": { "$value": "#ffffff" }, + "highlightText": { "$value": "#000000" }, + "buttonText": { "$value": "#000000" }, + "buttonFace": { "$value": "#ffffff" } }, "darkRed": { "shade50": { "$value": "#130204" }, @@ -972,7 +1066,7 @@ "tint50": { "$value": "#fbddf0" }, "tint60": { "$value": "#fef6fb" } }, - "hot-pink": { + "hotPink": { "shade50": { "$value": "#240016" }, "shade40": { "$value": "#44002a" }, "shade30": { "$value": "#7f004e" }, @@ -1100,50 +1194,234 @@ }, "curve": { "$type": "cubicBezier", - "accelerate-max": { "$value": [0.9, 0.1, 1, 0.2] }, - "accelerate-mid": { "$value": [1, 0, 1, 1] }, - "accelerate-min": { "$value": [0.8, 0, 0.78, 1] }, - "decelerate-max": { "$value": [0.1, 0.9, 0.2, 1] }, - "decelerate-mid": { "$value": [0, 0, 0, 1] }, - "decelerate-min": { "$value": [0.33, 0, 0.1, 1] }, - "easy-ease-max": { "$value": [0.8, 0, 0.2, 1] }, - "easy-ease": { "$value": [0.33, 0, 0.67, 1] }, + "accelerateMax": { "$value": [0.9, 0.1, 1, 0.2] }, + "accelerateMid": { "$value": [1, 0, 1, 1] }, + "accelerateMin": { "$value": [0.8, 0, 0.78, 1] }, + "decelerateMax": { "$value": [0.1, 0.9, 0.2, 1] }, + "decelerateMid": { "$value": [0, 0, 0, 1] }, + "decelerateMin": { "$value": [0.33, 0, 0.1, 1] }, + "easyEaseMax": { "$value": [0.8, 0, 0.2, 1] }, + "easyEase": { "$value": [0.33, 0, 0.67, 1] }, "linear": { "$value": [0, 0, 1, 1] } }, "duration": { "$type": "duration", - "ultrafast": { "$value": "50", "unit": "ms" }, - "faster": { "$value": "100", "unit": "ms" }, - "fast": { "$value": "150", "unit": "ms" }, - "normal": { "$value": "200", "unit": "ms" }, - "gentle": { "$value": "250", "unit": "ms" }, - "slow": { "$value": "300", "unit": "ms" }, - "slower": { "$value": "400", "unit": "ms" }, - "ultraslow": { "$value": "500", "unit": "ms" } + "ultrafast": { "$value": { "value": 50, "unit": "ms" } }, + "faster": { "$value": { "value": 100, "unit": "ms" } }, + "fast": { "$value": { "value": 150, "unit": "ms" } }, + "normal": { "$value": { "value": 200, "unit": "ms" } }, + "gentle": { "$value": { "value": 250, "unit": "ms" } }, + "slow": { "$value": { "value": 300, "unit": "ms" } }, + "slower": { "$value": { "value": 400, "unit": "ms" } }, + "ultraslow": { "$value": { "value": 500, "unit": "ms" } } + }, + "neutral": { + "foreground": { + "1": { + "default": { "$value": "{color.grey.14}" }, + "hover": { "$value": "{color.grey.14}" }, + "pressed": { "$value": "{color.grey.14}" }, + "selected": { "$value": "{color.grey.14}" }, + "static": { "$value": "{color.grey.14}" }, + "staticInverted": { "$value": "{color.white}" } + }, + "2": { + "default": { "$value": "{color.grey.26}" }, + "hover": { "$value": "{color.grey.14}" }, + "pressed": { "$value": "{color.grey.14}" }, + "selected": { "$value": "{color.grey.14}" }, + "brandHover": { "$value": "{color.brand.80}" }, + "brandPressed": { "$value": "{color.brand.70}" }, + "brandSelected": { "$value": "{color.brand.80}" }, + "link": { "$value": "{color.grey.26}" }, + "linkHover": { "$value": "{color.grey.14}" }, + "linkPressed": { "$value": "{color.grey.14}" }, + "linkSelected": { "$value": "{color.grey.14}" } + }, + "3": { + "default": { "$value": "{color.grey.38}" }, + "hover": { "$value": "{color.grey.26}" }, + "pressed": { "$value": "{color.grey.26}" }, + "selected": { "$value": "{color.grey.26}" }, + "brandHover": { "$value": "{color.brand.80}" }, + "brandPressed": { "$value": "{color.brand.70}" }, + "brandSelected": { "$value": "{color.brand.80}" } + }, + "4": { + "default": { "$value": "{color.grey.44}" } + }, + "disabled": { "$value": "{color.grey.74}" }, + "inverted": { + "default": { "$value": "{color.white}" }, + "hover": { "$value": "{color.white}" }, + "pressed": { "$value": "{color.white}" }, + "selected": { "$value": "{color.white}" }, + "link": { "$value": "{color.white}" }, + "linkHover": { "$value": "{color.white}" }, + "linkPressed": { "$value": "{color.white}" }, + "linkSelected": { "$value": "{color.white}" }, + "disabled": { "$value": "{color.whiteAlpha.40}" } + }, + "inverted2": { "$value": "{color.white}" }, + "onBrand": { "$value": "{color.white}" } + }, + "background": { + "1": { + "default": { "$value": "{color.white}" }, + "hover": { "$value": "{color.grey.96}" }, + "pressed": { "$value": "{color.grey.88}" }, + "selected": { "$value": "{color.grey.92}" } + }, + "2": { + "default": { "$value": "{color.grey.98}" }, + "hover": { "$value": "{color.grey.94}" }, + "pressed": { "$value": "{color.grey.86}" }, + "selected": { "$value": "{color.grey.90}" } + }, + "3": { + "default": { "$value": "{color.grey.96}" }, + "hover": { "$value": "{color.grey.92}" }, + "pressed": { "$value": "{color.grey.84}" }, + "selected": { "$value": "{color.grey.88}" } + }, + "4": { + "default": { "$value": "{color.grey.94}" }, + "hover": { "$value": "{color.grey.98}" }, + "pressed": { "$value": "{color.grey.96}" }, + "selected": { "$value": "{color.white}" } + }, + "5": { + "default": { "$value": "{color.grey.92}" }, + "hover": { "$value": "{color.grey.96}" }, + "pressed": { "$value": "{color.grey.94}" }, + "selected": { "$value": "{color.grey.98}" } + }, + "6": { + "default": { "$value": "{color.grey.90}" } + }, + "inverted": { "$value": "{color.grey.16}" }, + "static": { "$value": "{color.grey.20}" }, + "alpha": { "$value": "{color.whiteAlpha.50}" }, + "alpha2": { "$value": "{color.whiteAlpha.80}" }, + "disabled": { "$value": "{color.grey.94}" }, + "invertedDisabled": { "$value": "{color.whiteAlpha.10}" } + }, + "stencil": { + "1": { + "default": { "$value": "{color.grey.90}" }, + "alpha": { "$value": "{color.blackAlpha.10}" } + }, + "2": { + "default": { "$value": "{color.grey.98}" }, + "alpha": { "$value": "{color.blackAlpha.5}" } + } + }, + "card": { + "background": { + "default": { "$value": "{color.grey.98}" }, + "hover": { "$value": "{color.white}" }, + "pressed": { "$value": "{color.grey.96}" }, + "selected": { "$value": "{color.grey.92}" }, + "disabled": { "$value": "{color.grey.94}" } + } + }, + "stroke": { + "accessible": { + "default": { "$value": "{color.grey.38}" }, + "hover": { "$value": "{color.grey.34}" }, + "pressed": { "$value": "{color.grey.30}" }, + "selected": { "$value": "{color.grey.80}" } + }, + "1": { + "default": { "$value": "{color.grey.82}" }, + "hover": { "$value": "{color.grey.78}" }, + "pressed": { "$value": "{color.grey.70}" }, + "selected": { "$value": "{color.grey.74}" } + }, + "2": { "default": { "$value": "{color.grey.88}" } }, + "3": { "default": { "$value": "{color.grey.94}" } }, + "subtle": { "$value": "{color.grey.88}" }, + "onBrand": { + "default": { "$value": "{color.white}" }, + "2": { "$value": "{color.white}" }, + "2Hover": { "$value": "{color.white}" }, + "2Pressed": { "$value": "{color.white}" }, + "2Selected": { "$value": "{color.white}" } + }, + "disabled": { "$value": "{color.grey.88}" }, + "invertedDisabled": { "$value": "{color.whiteAlpha.40}" }, + "alpha": { "$value": "{color.blackAlpha.5}" }, + "alpha2": { "$value": "{color.whiteAlpha.20}" }, + "focus1": { "$value": "{color.white}" }, + "focus2": { "$value": "{color.black}" } + }, + "shadow": { + "ambientDarker": { + "$value": { + "colorSpace": "srgb", + "channels": [0, 0, 0], + "alpha": 0.2 + } + }, + "ambient": { + "$value": { + "colorSpace": "srgb", + "channels": [0, 0, 0], + "alpha": 0.12 + } + }, + "ambientLighter": { + "$value": { + "colorSpace": "srgb", + "channels": [0, 0, 0], + "alpha": 0.06 + } + }, + "keyDarker": { + "$value": { + "colorSpace": "srgb", + "channels": [0, 0, 0], + "alpha": 0.24 + } + }, + "key": { + "$value": { + "colorSpace": "srgb", + "channels": [0, 0, 0], + "alpha": 0.14 + } + }, + "keyLighter": { + "$value": { + "colorSpace": "srgb", + "channels": [0, 0, 0], + "alpha": 0.07 + } + } + } }, - "shadow": { - "key": { "colorSpace": "srgb", "channels": [0, 0, 0], "alpha": 0.14 }, - "key-lighter": { - "colorSpace": "srgb", - "channels": [0, 0, 0], - "alpha": 0.14 - }, - "key-darker": { - "colorSpace": "srgb", - "channels": [0, 0, 0], - "alpha": 0.24 - }, - "ambient": { "colorSpace": "srgb", "channels": [0, 0, 0], "alpha": 0.12 }, - "ambient-lighter": { - "colorSpace": "srgb", - "channels": [0, 0, 0], - "alpha": 0.12 - }, - "ambient-darker": { - "colorSpace": "srgb", - "channels": [0, 0, 0], - "alpha": 0.2 + "subtle": { + "background": { + "default": { "$value": "{color.transparent}" }, + "hover": { "$value": "{color.grey.96}" }, + "pressed": { "$value": "{color.grey.88}" }, + "selected": { "$value": "{color.grey.92}" }, + "lightAlpha": { + "hover": { "$value": "{color.whiteAlpha.70}" }, + "pressed": { "$value": "{color.whiteAlpha.50}" }, + "selected": { "$value": "{color.transparent}" } + }, + "inverted": { + "default": { "$value": "{color.transparent}" }, + "hover": { "$value": "{color.blackAlpha.10}" }, + "pressed": { "$value": "{color.blackAlpha.30}" }, + "selected": { "$value": "{color.blackAlpha.20}" } + } } + }, + "overlay": { + "background": { "$value": "{color.blackAlpha.40}" }, + "scrollbar": { "$value": "{color.blackAlpha.50}" } } }, "typography": { @@ -1191,7 +1469,7 @@ "lineHeight": 1.4285714286 } }, - "body1-strong": { + "body1Strong": { "$description": "Body (unread), button", "$value": { "fontFamily": "{typography.family.base}", @@ -1200,7 +1478,7 @@ "lineHeight": 1.4285714286 } }, - "body1-stronger": { + "body1Stronger": { "$value": { "fontFamily": "{typography.family.base}", "fontWeight": "{typography.weight.bold}", @@ -1217,7 +1495,7 @@ "lineHeight": 1.375 } }, - "body2-strong": { + "body2Strong": { "$description": "Subject title", "$value": { "fontFamily": "{typography.family.base}", @@ -1226,7 +1504,7 @@ "lineHeight": 1.375 } }, - "body2-stronger": { + "body2Stronger": { "$value": { "fontFamily": "{typography.family.base}", "fontWeight": "{typography.weight.bold}", @@ -1243,7 +1521,7 @@ "lineHeight": 1.3333333333 } }, - "caption1-strong": { + "caption1Strong": { "$description": "Caption (unread)", "$value": { "fontFamily": "{typography.family.base}", @@ -1252,7 +1530,7 @@ "lineHeight": 1.3333333333 } }, - "caption1-stronger": { + "caption1Stronger": { "$value": { "fontFamily": "{typography.family.base}", "fontWeight": "{typography.weight.bold}", @@ -1269,7 +1547,7 @@ "lineHeight": 1.4 } }, - "caption2-strong": { + "caption2Strong": { "$description": "Metadata (limited)", "$value": { "fontFamily": "{typography.family.base}", @@ -1287,7 +1565,7 @@ "lineHeight": 1.3529411765 } }, - "large-title": { + "largeTitle": { "$description": "Hero title", "$value": { "fontFamily": "{typography.family.base}", @@ -1343,14 +1621,14 @@ "offsetY": { "value": 1, "unit": "px" }, "blur": { "value": 2, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, - "color": "{color.shadow.key}" + "color": "{color.neutral.shadow.key}" }, { "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 2, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, - "color": "{color.shadow.ambient}" + "color": "{color.neutral.shadow.ambient}" } ] }, @@ -1361,14 +1639,14 @@ "offsetY": { "value": 2, "unit": "px" }, "blur": { "value": 4, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, - "color": "{color.shadow.key}" + "color": "{color.neutral.shadow.key}" }, { "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 2, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, - "color": "{color.shadow.ambient}" + "color": "{color.neutral.shadow.ambient}" } ] }, @@ -1379,14 +1657,14 @@ "offsetY": { "value": 4, "unit": "px" }, "blur": { "value": 8, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, - "color": "{color.shadow.key}" + "color": "{color.neutral.shadow.key}" }, { "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 2, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, - "color": "{color.shadow.ambient}" + "color": "{color.neutral.shadow.ambient}" } ] }, @@ -1397,14 +1675,14 @@ "offsetY": { "value": 8, "unit": "px" }, "blur": { "value": 16, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, - "color": "{color.shadow.key}" + "color": "{color.neutral.shadow.key}" }, { "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 2, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, - "color": "{color.shadow.ambient}" + "color": "{color.neutral.shadow.ambient}" } ] }, @@ -1415,14 +1693,14 @@ "offsetY": { "value": 14, "unit": "px" }, "blur": { "value": 28.8, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, - "color": "{color.shadow.key}" + "color": "{color.neutral.shadow.key}" }, { "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 8, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, - "color": "{color.shadow.ambient-darker}" + "color": "{color.neutral.shadow.ambientDarker}" } ] }, @@ -1433,14 +1711,14 @@ "offsetY": { "value": 32, "unit": "px" }, "blur": { "value": 64, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, - "color": "{color.shadow.key}" + "color": "{color.neutral.shadow.key}" }, { "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 8, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, - "color": "{color.shadow.ambient-darker}" + "color": "{color.neutral.shadow.ambientDarker}" } ] } @@ -1448,22 +1726,23 @@ }, "spacing": { "$type": "dimension", - "none": { "$value": 0, "unit": "px" }, - "xxs": { "$value": 2, "unit": "px" }, - "xs": { "$value": 4, "unit": "px" }, - "sNudge": { "$value": 6, "unit": "px" }, - "s": { "$value": 8, "unit": "px" }, - "mNudge": { "$value": 10, "unit": "px" }, - "m": { "$value": 12, "unit": "px" }, - "l": { "$value": 16, "unit": "px" }, - "xl": { "$value": 20, "unit": "px" }, - "xxl": { "$value": 24, "unit": "px" }, - "xxxl": { "$value": 32, "unit": "px" } + "none": { "$value": { "value": 0, "unit": "px" } }, + "xxs": { "$value": { "value": 2, "unit": "px" } }, + "xs": { "$value": { "value": 4, "unit": "px" } }, + "sNudge": { "$value": { "value": 6, "unit": "px" } }, + "s": { "$value": { "value": 8, "unit": "px" } }, + "mNudge": { "$value": { "value": 10, "unit": "px" } }, + "m": { "$value": { "value": 12, "unit": "px" } }, + "l": { "$value": { "value": 16, "unit": "px" } }, + "xl": { "$value": { "value": 20, "unit": "px" } }, + "xxl": { "$value": { "value": 24, "unit": "px" } }, + "xxxl": { "$value": { "value": 32, "unit": "px" } } }, - "stroke-width": { - "thin": { "$value": 1, "unit": "px" }, - "thick": { "$value": 2, "unit": "px" }, - "thicker": { "$value": 3, "unit": "px" }, - "thickest": { "$value": 4, "unit": "px" } + "strokeWidth": { + "$type": "dimension", + "thin": { "$value": { "value": 1, "unit": "px" } }, + "thick": { "$value": { "value": 2, "unit": "px" } }, + "thicker": { "$value": { "value": 3, "unit": "px" } }, + "thickest": { "$value": { "value": 4, "unit": "px" } } } } diff --git a/package.json b/package.json index 0c5dbb1..48300e4 100644 --- a/package.json +++ b/package.json @@ -31,11 +31,12 @@ "lint:figma": "tz check figma-sds.json", "lint:github": "tz check github-primer.json", "lint:ibm": "tz check ibm-carbon.json", + "lint:ms": "tz check microsoft-fluent.json", "lint:radix": "tz check radix.json", "lint:salesforce": "tz check salesforce-lightning.json", "lint:shopify": "tz check shopify-polaris.json" }, "devDependencies": { - "@terrazzo/cli": "^0.2.1" + "@terrazzo/cli": "^0.2.4" } } diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 11d2ba5..e90bc4e 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -9,24 +9,30 @@ importers: .: devDependencies: '@terrazzo/cli': - specifier: ^0.2.1 - version: 0.2.1 + specifier: ^0.2.4 + version: 0.2.4 packages: + '@clack/core@0.3.5': + resolution: {integrity: sha512-5cfhQNH+1VQ2xLQlmzXMqUoiaH0lRBq9/CLW9lTyMbuKLC3+xEK01tHVvyut++mLOn5urSHmkm6I0Lg9MaJSTQ==} + + '@clack/prompts@0.8.2': + resolution: {integrity: sha512-6b9Ab2UiZwJYA9iMyboYyW9yJvAO9V753ZhS+DHKEjZRKAxPPOb7MXXu84lsPFG+vZt6FRFniZ8rXi+zCIw4yQ==} + '@humanwhocodes/momoa@3.3.3': resolution: {integrity: sha512-5EKzSg1FH5wpg0HXBsglgC5u9U4qFgvZX7u8oVDP6XH6Mh9kmz4iQZV9/88xMdQ/UGQNxckf5njK65gU9jjS0w==} engines: {node: '>=18'} - '@terrazzo/cli@0.2.1': - resolution: {integrity: sha512-4S4FKycJeLRRZPZTl6pX19lYjMh8fxII3RD7Qx5DCQkFUUve+nfVOSbmIi1vChowSdGC3OKszsomWjPUs6AyXw==} + '@terrazzo/cli@0.2.4': + resolution: {integrity: sha512-WHvsLyJKFgtwp5eXjNhmY69OuB5XABTrGow7YIBtjlekJPAeBoZx04HRUMpQSjPGMOOWhXKuS5R8UEP+M+cQ8w==} hasBin: true - '@terrazzo/parser@0.2.1': - resolution: {integrity: sha512-sHGAm+llP7ypSRqcJGz9CfW722ruYnpRQxNajHLKHzUe8rbA8jAz9IXWfySFZbeW+QeUvFhEYbzUW4Ls0YEvOw==} + '@terrazzo/parser@0.2.4': + resolution: {integrity: sha512-YevUNgoa3jYvxmrMykLcD+8yJO9Wu02BaPAaTTG53OlGsy5moXTeIqnEEc5XHG/LTA4KtgByOuIvx5nOPIGuIg==} - '@terrazzo/token-tools@0.2.1': - resolution: {integrity: sha512-9eufdZoX69xHrhupT5PIF+yzMoGl1nzC0yCW5Vg7MLN1+atuHLVh0dNiHQoaqT2MiMR6pDGyDLIs/oBLNQ0G7g==} + '@terrazzo/token-tools@0.2.4': + resolution: {integrity: sha512-tf1B+eSJqxl4mkXO/4YDUx3Fh5x+tADoDZh5Luhn7NmFMaxDtMZiIm9fkUVYqm+DWnXLLrEpL0R83xE7xt9Ssg==} '@types/babel__code-frame@7.0.6': resolution: {integrity: sha512-Anitqkl3+KrzcW2k77lRlg/GfLZLWXBuNgbEcIOU6M92yw42vsd3xV/Z/yAHEj8m+KUjL6bWOVOFqX8PFPJ4LA==} @@ -34,6 +40,9 @@ packages: '@types/culori@2.1.1': resolution: {integrity: sha512-NzLYD0vNHLxTdPp8+RlvGbR2NfOZkwxcYGFwxNtm+WH2NuUNV8785zv1h0sulFQ5aFQ9n/jNDUuJeo3Bh7+oFA==} + '@types/escodegen@0.0.10': + resolution: {integrity: sha512-IVvcNLEFbiL17qiGRGzyfx/u9K6lA5w6wcQSIgv2h4JG3ZAFIY1Be9ITTSPuARIxRpzW54s8OvcF6PdonBbDzg==} + anymatch@3.1.3: resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==} engines: {node: '>= 8'} @@ -50,14 +59,44 @@ packages: resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==} engines: {node: '>= 8.10.0'} + cross-spawn@7.0.6: + resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==} + engines: {node: '>= 8'} + culori@4.0.1: resolution: {integrity: sha512-LSnjA6HuIUOlkfKVbzi2OlToZE8OjFi667JWN9qNymXVXzGDmvuP60SSgC+e92sd7B7158f7Fy3Mb6rXS5EDPw==} engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} + detect-package-manager@3.0.2: + resolution: {integrity: sha512-8JFjJHutStYrfWwzfretQoyNGoZVW1Fsrp4JO9spa7h/fBfwgTMEIy4/LBzRDGsxwVPHU0q+T9YvwLDJoOApLQ==} + engines: {node: '>=12'} + dotenv@16.4.5: resolution: {integrity: sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==} engines: {node: '>=12'} + escodegen@2.1.0: + resolution: {integrity: sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==} + engines: {node: '>=6.0'} + hasBin: true + + esprima@4.0.1: + resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==} + engines: {node: '>=4'} + hasBin: true + + estraverse@5.3.0: + resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==} + engines: {node: '>=4.0'} + + esutils@2.0.3: + resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==} + engines: {node: '>=0.10.0'} + + execa@5.1.1: + resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==} + engines: {node: '>=10'} + fill-range@7.1.1: resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==} engines: {node: '>=8'} @@ -67,10 +106,18 @@ packages: engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0} os: [darwin] + get-stream@6.0.1: + resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==} + engines: {node: '>=10'} + glob-parent@5.1.2: resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==} engines: {node: '>= 6'} + human-signals@2.1.0: + resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==} + engines: {node: '>=10.17.0'} + is-binary-path@2.1.0: resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==} engines: {node: '>=8'} @@ -87,18 +134,48 @@ packages: resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==} engines: {node: '>=0.12.0'} + is-stream@2.0.1: + resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==} + engines: {node: '>=8'} + is-what@4.1.16: resolution: {integrity: sha512-ZhMwEosbFJkA0YhFnNDgTM4ZxDRsS6HqTo7qsZM08fehyRYIYa0yHu5R6mgo1n/8MgaPBXiPimPD77baVFYg+A==} engines: {node: '>=12.13'} + isexe@2.0.0: + resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==} + merge-anything@5.1.7: resolution: {integrity: sha512-eRtbOb1N5iyH0tkQDAoQ4Ipsp/5qSR79Dzrz8hEPxRX10RWWR/iQXdoKmBSRCThY1Fh5EhISDtpSc93fpxUniQ==} engines: {node: '>=12.13'} + merge-stream@2.0.0: + resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==} + + meriyah@6.0.3: + resolution: {integrity: sha512-NqUbuQIjIH8dxUBPTMHS1kwIHd6n6nF3F7oeLXGWqBkpVP2lZxVHdab5JxbFBisIB4axZ9b/lT4HLJfZxmFK7Q==} + engines: {node: '>=18.0.0'} + + mimic-fn@2.1.0: + resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==} + engines: {node: '>=6'} + normalize-path@3.0.0: resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==} engines: {node: '>=0.10.0'} + npm-run-path@4.0.1: + resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==} + engines: {node: '>=8'} + + onetime@5.1.2: + resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==} + engines: {node: '>=6'} + + path-key@3.1.1: + resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==} + engines: {node: '>=8'} + picocolors@1.1.1: resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==} @@ -113,10 +190,37 @@ packages: scule@1.3.0: resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==} + shebang-command@2.0.0: + resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==} + engines: {node: '>=8'} + + shebang-regex@3.0.0: + resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==} + engines: {node: '>=8'} + + signal-exit@3.0.7: + resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==} + + sisteransi@1.0.5: + resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==} + + source-map@0.6.1: + resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==} + engines: {node: '>=0.10.0'} + + strip-final-newline@2.0.0: + resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==} + engines: {node: '>=6'} + to-regex-range@5.0.1: resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==} engines: {node: '>=8.0'} + which@2.0.2: + resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==} + engines: {node: '>= 8'} + hasBin: true + wildcard-match@5.1.3: resolution: {integrity: sha512-a95hPUk+BNzSGLntNXYxsjz2Hooi5oL7xOfJR6CKwSsSALh7vUNuTlzsrZowtYy38JNduYFRVhFv19ocqNOZlg==} @@ -130,22 +234,38 @@ packages: snapshots: + '@clack/core@0.3.5': + dependencies: + picocolors: 1.1.1 + sisteransi: 1.0.5 + + '@clack/prompts@0.8.2': + dependencies: + '@clack/core': 0.3.5 + picocolors: 1.1.1 + sisteransi: 1.0.5 + '@humanwhocodes/momoa@3.3.3': {} - '@terrazzo/cli@0.2.1': + '@terrazzo/cli@0.2.4': dependencies: - '@terrazzo/parser': 0.2.1 - '@terrazzo/token-tools': 0.2.1 + '@clack/prompts': 0.8.2 + '@terrazzo/parser': 0.2.4 + '@terrazzo/token-tools': 0.2.4 + '@types/escodegen': 0.0.10 chokidar: 3.6.0 + detect-package-manager: 3.0.2 dotenv: 16.4.5 + escodegen: 2.1.0 merge-anything: 5.1.7 + meriyah: 6.0.3 picocolors: 1.1.1 yaml-to-momoa: 0.0.3 - '@terrazzo/parser@0.2.1': + '@terrazzo/parser@0.2.4': dependencies: '@humanwhocodes/momoa': 3.3.3 - '@terrazzo/token-tools': 0.2.1 + '@terrazzo/token-tools': 0.2.4 '@types/babel__code-frame': 7.0.6 '@types/culori': 2.1.1 culori: 4.0.1 @@ -156,7 +276,7 @@ snapshots: wildcard-match: 5.1.3 yaml: 2.6.1 - '@terrazzo/token-tools@0.2.1': + '@terrazzo/token-tools@0.2.4': dependencies: '@humanwhocodes/momoa': 3.3.3 culori: 4.0.1 @@ -167,6 +287,8 @@ snapshots: '@types/culori@2.1.1': {} + '@types/escodegen@0.0.10': {} + anymatch@3.1.3: dependencies: normalize-path: 3.0.0 @@ -190,10 +312,46 @@ snapshots: optionalDependencies: fsevents: 2.3.3 + cross-spawn@7.0.6: + dependencies: + path-key: 3.1.1 + shebang-command: 2.0.0 + which: 2.0.2 + culori@4.0.1: {} + detect-package-manager@3.0.2: + dependencies: + execa: 5.1.1 + dotenv@16.4.5: {} + escodegen@2.1.0: + dependencies: + esprima: 4.0.1 + estraverse: 5.3.0 + esutils: 2.0.3 + optionalDependencies: + source-map: 0.6.1 + + esprima@4.0.1: {} + + estraverse@5.3.0: {} + + esutils@2.0.3: {} + + execa@5.1.1: + dependencies: + cross-spawn: 7.0.6 + get-stream: 6.0.1 + human-signals: 2.1.0 + is-stream: 2.0.1 + merge-stream: 2.0.0 + npm-run-path: 4.0.1 + onetime: 5.1.2 + signal-exit: 3.0.7 + strip-final-newline: 2.0.0 + fill-range@7.1.1: dependencies: to-regex-range: 5.0.1 @@ -201,10 +359,14 @@ snapshots: fsevents@2.3.3: optional: true + get-stream@6.0.1: {} + glob-parent@5.1.2: dependencies: is-glob: 4.0.3 + human-signals@2.1.0: {} + is-binary-path@2.1.0: dependencies: binary-extensions: 2.3.0 @@ -217,14 +379,34 @@ snapshots: is-number@7.0.0: {} + is-stream@2.0.1: {} + is-what@4.1.16: {} + isexe@2.0.0: {} + merge-anything@5.1.7: dependencies: is-what: 4.1.16 + merge-stream@2.0.0: {} + + meriyah@6.0.3: {} + + mimic-fn@2.1.0: {} + normalize-path@3.0.0: {} + npm-run-path@4.0.1: + dependencies: + path-key: 3.1.1 + + onetime@5.1.2: + dependencies: + mimic-fn: 2.1.0 + + path-key@3.1.1: {} + picocolors@1.1.1: {} picomatch@2.3.1: {} @@ -235,10 +417,29 @@ snapshots: scule@1.3.0: {} + shebang-command@2.0.0: + dependencies: + shebang-regex: 3.0.0 + + shebang-regex@3.0.0: {} + + signal-exit@3.0.7: {} + + sisteransi@1.0.5: {} + + source-map@0.6.1: + optional: true + + strip-final-newline@2.0.0: {} + to-regex-range@5.0.1: dependencies: is-number: 7.0.0 + which@2.0.2: + dependencies: + isexe: 2.0.0 + wildcard-match@5.1.3: {} yaml-to-momoa@0.0.3: