@monospaced/set-config 0.3.0 → 0.5.0
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.
- package/package.json +1 -1
- package/set.catalog.css +26 -22
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@monospaced/set-config",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.5.0",
|
|
4
4
|
"description": "Shared developer-tooling config for Set. ESLint, Stylelint, Prettier, browserslist presets plus the --set-* token catalog for editor autocomplete and tooling.",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
package/set.catalog.css
CHANGED
|
@@ -13,14 +13,14 @@
|
|
|
13
13
|
--set-breakpoint-notebook: 64rem; /** Notebook breakpoint. Use as the boundary at which compact-laptop-class layouts engage. */
|
|
14
14
|
--set-breakpoint-tablet: 48rem; /** Tablet breakpoint. Use as the boundary at which tablet-class layouts engage. */
|
|
15
15
|
--set-breakpoint-widescreen: 96rem; /** Widescreen breakpoint. Use as the boundary at which widescreen-class layouts engage. */
|
|
16
|
-
--set-color-avatar-01: #
|
|
17
|
-
--set-color-avatar-02: #
|
|
16
|
+
--set-color-avatar-01: #982d61; /** Avatar palette slot 01. */
|
|
17
|
+
--set-color-avatar-02: #7f0440; /** Avatar palette slot 02. */
|
|
18
18
|
--set-color-avatar-03: #59002b; /** Avatar palette slot 03. */
|
|
19
|
-
--set-color-avatar-04: #
|
|
20
|
-
--set-color-avatar-05: #
|
|
21
|
-
--set-color-avatar-06: #
|
|
22
|
-
--set-color-avatar-07: #
|
|
23
|
-
--set-color-avatar-08: #
|
|
19
|
+
--set-color-avatar-04: #713ca5; /** Avatar palette slot 04. */
|
|
20
|
+
--set-color-avatar-05: #57228d; /** Avatar palette slot 05. */
|
|
21
|
+
--set-color-avatar-06: #3d007b; /** Avatar palette slot 06. */
|
|
22
|
+
--set-color-avatar-07: #854608; /** Avatar palette slot 07. */
|
|
23
|
+
--set-color-avatar-08: #653200; /** Avatar palette slot 08. */
|
|
24
24
|
--set-color-avatar-09: #432200; /** Avatar palette slot 09. */
|
|
25
25
|
--set-color-avatar-default: #424444; /** Default avatar background. Use as a fallback when no palette slot has been assigned. Slots 01–09 provide a palette for distinguishable per-user backgrounds when no uploaded image is available. */
|
|
26
26
|
--set-color-background-default: #f8fbfb; /** Default page background. Use for the main canvas behind content. */
|
|
@@ -53,6 +53,18 @@
|
|
|
53
53
|
--set-color-foreground-muted-non-text: #888b8a; /** Muted foreground for non-text shapes that should recede (e.g. inactive icons and control surfaces, slider tracks). Reduced contrast, but still perceivable. */
|
|
54
54
|
--set-color-foreground-muted-text: #646766; /** Muted text color. Use for secondary text (helper copy, metadata, disabled labels) where lower emphasis is appropriate. */
|
|
55
55
|
--set-color-foreground-prose: #0e0f0f; /** Body copy color. Slightly softer than the default foreground for visual comfort. */
|
|
56
|
+
--set-color-intent-danger-default: #b64d4d; /** Danger status color. Use for foreground content (text, icons) and borders conveying failure, destructive action, or high-salience attention. */
|
|
57
|
+
--set-color-intent-danger-subtle: #fff3f3; /** Subtle danger background. Use as a fill behind error messages and notification indicators. */
|
|
58
|
+
--set-color-intent-info-default: #3e72a6; /** Informational status color. Use for foreground content (text, icons) and borders conveying information or neutral notices. */
|
|
59
|
+
--set-color-intent-info-subtle: #f0f7ff; /** Subtle info background. Use as a fill behind info messages. */
|
|
60
|
+
--set-color-intent-live-default: #058042; /** Live status color. Use for foreground content (text, icons) and borders conveying live or on-air state. */
|
|
61
|
+
--set-color-intent-live-subtle: #ecf9f2; /** Subtle live background. Use as a fill behind live indicators. */
|
|
62
|
+
--set-color-intent-pending-default: #9b622a; /** Pending status color. Use for foreground content (text, icons) and borders conveying in-progress or unresolved state. */
|
|
63
|
+
--set-color-intent-pending-subtle: #fff4ea; /** Subtle pending background. Use as a fill behind pending indicators. */
|
|
64
|
+
--set-color-intent-success-default: #118111; /** Success status color. Use for foreground content (text, icons) and borders conveying positive outcomes. */
|
|
65
|
+
--set-color-intent-success-subtle: #edf9ed; /** Subtle success background. Use as a fill behind success messages. */
|
|
66
|
+
--set-color-intent-warning-default: #727204; /** Warning status color. Use for foreground content (text, icons) and borders conveying caution. */
|
|
67
|
+
--set-color-intent-warning-subtle: #f7f7e7; /** Subtle warning background. Use as a fill behind warning messages. */
|
|
56
68
|
--set-color-interactive-active: #004848; /** Active (pressed) state color for interactive elements. */
|
|
57
69
|
--set-color-interactive-default: #007c7c; /** Default interactive color. Use for links and primary actionable elements in their resting state. */
|
|
58
70
|
--set-color-interactive-focus: #bf5abf; /** Focus indicator color. Use for focus rings and keyboard-focus outlines on any interactive element. */
|
|
@@ -72,14 +84,6 @@
|
|
|
72
84
|
--set-color-interactive-visited: #007c7c; /** Visited interactive color for links the user has already followed. Inherits the default interactive color. */
|
|
73
85
|
--set-color-logo-default: #007c7c; /** Logo color. Use as the fill for the brand mark. */
|
|
74
86
|
--set-color-logo-neutral: #000000; /** Neutral logo color. Use when the branded logo color would clash with surrounding content (e.g. over imagery, in monochrome contexts). */
|
|
75
|
-
--set-color-status-error-default: #830b0b; /** Error status color. Use for foreground content (text, icons) and borders conveying failure or destructive action. */
|
|
76
|
-
--set-color-status-error-subtle: #fff3f3; /** Subtle error background. Use as a fill behind error messages. */
|
|
77
|
-
--set-color-status-info-default: #05407a; /** Informational status color. Use for foreground content (text, icons) and borders conveying information or neutral notices. */
|
|
78
|
-
--set-color-status-info-subtle: #f0f7ff; /** Subtle info background. Use as a fill behind info messages. */
|
|
79
|
-
--set-color-status-success-default: #118111; /** Success status color. Use for foreground content (text, icons) and borders conveying positive outcomes. */
|
|
80
|
-
--set-color-status-success-subtle: #edf9ed; /** Subtle success background. Use as a fill behind success messages. */
|
|
81
|
-
--set-color-status-warning-default: #727204; /** Warning status color. Use for foreground content (text, icons) and borders conveying caution. */
|
|
82
|
-
--set-color-status-warning-subtle: #f7f7e7; /** Subtle warning background. Use as a fill behind warning messages. */
|
|
83
87
|
--set-effect-filter-image: 0; /** Image filter. Use on imagery (photos, illustrations) to apply a styled image treatment. */
|
|
84
88
|
--set-effect-opacity-demoted: 0.4; /** Opacity for de-emphasised content. Use for elements pushed visually into the background but still perceivable (e.g. dimming surrounding content to draw attention to a focused element). */
|
|
85
89
|
--set-effect-opacity-disabled: 0.4; /** Opacity for disabled controls. A fallback for when color treatments (e.g. muted foreground, subtle background) can't fully convey the state. */
|
|
@@ -145,12 +149,12 @@
|
|
|
145
149
|
--set-shape-logo-graphic-aspect-ratio: 600 / 1200;
|
|
146
150
|
--set-shape-logo-graphic-block-size: 75rem;
|
|
147
151
|
--set-shape-logo-graphic-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20600%201200%22%3E%3Cpath%20d%3D%22M0%200h150v300H0Zm300%200h150v300H300ZM150%20300h150v300H150Zm300%200h150v300H450ZM0%20600h150v300H0Zm300%200h150v300H300ZM150%20900h150v300H150Zm300%200h150v300H450Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
|
|
148
|
-
--set-shape-logo-primary-aspect-ratio:
|
|
149
|
-
--set-shape-logo-primary-block-size:
|
|
150
|
-
--set-shape-logo-primary-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%
|
|
151
|
-
--set-shape-logo-secondary-aspect-ratio:
|
|
152
|
-
--set-shape-logo-secondary-block-size:
|
|
153
|
-
--set-shape-logo-secondary-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%
|
|
152
|
+
--set-shape-logo-primary-aspect-ratio: 6714.6 / 1200;
|
|
153
|
+
--set-shape-logo-primary-block-size: 75rem;
|
|
154
|
+
--set-shape-logo-primary-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%206714.6%201200%22%3E%3Cpath%20d%3D%22M0%200h150v300H0Zm300%200h150v300H300ZM150%20300h150v300H150Zm300%200h150v300H450ZM0%20600h150v300H0Zm300%200h150v300H300ZM150%20900h150v300H150Zm300%200h150v300H450Zm713%2056h98V571l-11-180h2l124%20320h89l123-320h3l-11%20180v385h98V276h-131l-124%20332h-5l-124-332h-131zm879.94%2010c184%200%20223-46%20223-272%200-225-39-271-223-271-186%200-224%2046-224%20271%200%20226%2038%20272%20224%20272m0-93c-102%200-123-30-123-179%200-147%2021-177%20123-177%20100%200%20121%2030%20121%20177%200%20149-21%20179-121%20179m361.44%2083h103V686c0-141%2020-169%20112-169%2073%200%2088%2018%2088%20107v332h103V624c0-167-28-202-163-202-95%200-120%2016-147%2092h-5v-82h-91zm769.16%2010c184%200%20223-46%20223-272%200-225-39-271-223-271-186%200-224%2046-224%20271%200%20226%2038%20272%20224%20272m0-93c-102%200-123-30-123-179%200-147%2021-177%20123-177%20100%200%20121%2030%20121%20177%200%20149-21%20179-121%20179m363.25-65c-4%20132%2030%20158%20202%20158%20173%200%20208-25%20208-150%200-118-33-146-191-170-94-14-114-26-114-74%200-50%2018-60%20103-60%2076%200%2092%209%2096%2052h97c-3-118-36-142-194-142-166%200-201%2025-201%20146%200%20114%2031%20141%20182%20162%20101%2013%20122%2028%20122%2082%200%2053-18%2064-103%2064-88%200-107-11-110-68zm558.97%20363h102V902h5c20%2054%2041%2064%20123%2064%20160%200%20193-45%20193-270%200-227-34-274-198-274-83%200-105%2011-123%2065h-4v-55h-98zm209-298c-93%200-112-30-112-179%200-148%2019-178%20112-178s113%2030%20113%20179c0%20148-20%20178-113%20178m656.46%2083h88V610c0-156-34-187-197-187-150%200-181%2027-179%20157h97c1-61%2015-74%2085-74%2082%200%2099%2018%2099%20105v24h-72c-187%200-226%2030-226%20179%200%20126%2028%20152%20162%20152%2092%200%20116-13%20138-74h5zm-8-243c-1%20135-22%20163-119%20163-65%200-79-13-79-75%200-74%2018-88%20107-88zm551.75%2095c-10%2056-26%2067-89%2067-100%200-121-31-121-181s20-181%20117-181c65%200%2081%2014%2091%2079h101c-4-141-37-170-188-170-185%200-224%2046-224%20272s39%20272%20226%20272c147%200%20179-26%20186-158zm547.03%209c-15%2048-31%2058-96%2058-96%200-117-23-123-136h324c5-263-32-317-214-317-172%200-207%2046-207%20271%200%20227%2038%20273%20223%20273%20139%200%20172-25%20190-149zm-218-160c4-122%2024-146%20114-146%2088%200%20108%2024%20112%20146zm787.56%20299h93l-1-734h-102l1%20266h-5c-19-54-40-65-120-65-162%200-196%2046-196%20272s35%20271%20200%20271c84%200%20105-11%20125-65h5zm-115-82c-94%200-114-30-114-180s20-180%20114-180c93%200%20112%2030%20112%20180s-19%20180-112%20180%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
|
|
155
|
+
--set-shape-logo-secondary-aspect-ratio: 5700 / 2400;
|
|
156
|
+
--set-shape-logo-secondary-block-size: 150rem;
|
|
157
|
+
--set-shape-logo-secondary-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%205700%202400%22%3E%3Cpath%20d%3D%22M0%200h150v300H0Zm300%200h150v300H300Zm300%200h150v300H600Zm300%200h150v300H900Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150ZM150%20300h150v300H150Zm300%200h150v300H450Zm300%200h150v300H750Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150ZM0%201800h150v300H0Zm300%200h150v300H300Zm300%200h150v300H600Zm300%200h150v300H900Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150ZM150%202100h150v300H150Zm300%200h150v300H450Zm300%200h150v300H750Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150Zm300%200h150v300h-150ZM74.22%201459.5h98v-385l-11-180h2l124%20320h89l123-320h3l-11%20180v385h98v-680h-131l-124%20332h-5l-124-332h-131zm879.94%2010c184%200%20223-46%20223-272%200-225-39-271-223-271-186%200-224%2046-224%20271%200%20226%2038%20272%20224%20272m0-93c-102%200-123-30-123-179%200-147%2021-177%20123-177%20100%200%20121%2030%20121%20177%200%20149-21%20179-121%20179m361.44%2083h103v-270c0-141%2020-169%20112-169%2073%200%2088%2018%2088%20107v332h103v-332c0-167-28-202-163-202-95%200-120%2016-147%2092h-5v-82h-91zm769.15%2010c184%200%20223-46%20223-272%200-225-39-271-223-271-186%200-224%2046-224%20271%200%20226%2038%20272%20224%20272m0-93c-102%200-123-30-123-179%200-147%2021-177%20123-177%20100%200%20121%2030%20121%20177%200%20149-21%20179-121%20179m363.26-65c-4%20132%2030%20158%20202%20158%20173%200%20208-25%20208-150%200-118-33-146-191-170-94-14-114-26-114-74%200-50%2018-60%20103-60%2076%200%2092%209%2096%2052h97c-3-118-36-142-194-142-166%200-201%2025-201%20146%200%20114%2031%20141%20182%20162%20101%2013%20122%2028%20122%2082%200%2053-18%2064-103%2064-88%200-107-11-110-68zm558.96%20363h102v-269h5c20%2054%2041%2064%20123%2064%20160%200%20193-45%20193-270%200-227-34-274-198-274-83%200-105%2011-123%2065h-4v-55h-98zm209-298c-93%200-112-30-112-179%200-148%2019-178%20112-178s113%2030%20113%20179c0%20148-20%20178-113%20178m656.47%2083h88v-346c0-156-34-187-197-187-150%200-181%2027-179%20157h97c1-61%2015-74%2085-74%2082%200%2099%2018%2099%20105v24h-72c-187%200-226%2030-226%20179%200%20126%2028%20152%20162%20152%2092%200%20116-13%20138-74h5zm-8-243c-1%20135-22%20163-119%20163-65%200-79-13-79-75%200-74%2018-88%20107-88zm551.75%2095c-10%2056-26%2067-89%2067-100%200-121-31-121-181s20-181%20117-181c65%200%2081%2014%2091%2079h101c-4-141-37-170-188-170-185%200-224%2046-224%20272s39%20272%20226%20272c147%200%20179-26%20186-158zm547.03%209c-15%2048-31%2058-96%2058-96%200-117-23-123-136h324c5-263-32-317-214-317-172%200-207%2046-207%20271%200%20227%2038%20273%20223%20273%20139%200%20172-25%20190-149zm-218-160c4-122%2024-146%20114-146%2088%200%20108%2024%20112%20146zm787.56%20299h93l-1-734h-102l1%20266h-5c-19-54-40-65-120-65-162%200-196%2046-196%20272s35%20271%20200%20271c84%200%20105-11%20125-65h5zm-115-82c-94%200-114-30-114-180s20-180%20114-180c93%200%20112%2030%20112%20180s-19%20180-112%20180%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
|
|
154
158
|
--set-shape-logo-typographic-aspect-ratio: 5551.6 / 1200;
|
|
155
159
|
--set-shape-logo-typographic-block-size: 75rem;
|
|
156
160
|
--set-shape-logo-typographic-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%205551.6%201200%22%3E%3Cpath%20d%3D%22M0%20956h98V571L87%20391h2l124%20320h89l123-320h3l-11%20180v385h98V276H384L260%20608h-5L131%20276H0zm879.94%2010c184%200%20223-46%20223-272%200-225-39-271-223-271-186%200-224%2046-224%20271%200%20226%2038%20272%20224%20272m0-93c-102%200-123-30-123-179%200-147%2021-177%20123-177%20100%200%20121%2030%20121%20177%200%20149-21%20179-121%20179m361.44%2083h103V686c0-141%2020-169%20112-169%2073%200%2088%2018%2088%20107v332h103V624c0-167-28-202-163-202-95%200-120%2016-147%2092h-5v-82h-91zm769.16%2010c184%200%20223-46%20223-272%200-225-39-271-223-271-186%200-224%2046-224%20271%200%20226%2038%20272%20224%20272m0-93c-102%200-123-30-123-179%200-147%2021-177%20123-177%20100%200%20121%2030%20121%20177%200%20149-21%20179-121%20179m363.25-65c-4%20132%2030%20158%20202%20158%20173%200%20208-25%20208-150%200-118-33-146-191-170-94-14-114-26-114-74%200-50%2018-60%20103-60%2076%200%2092%209%2096%2052h97c-3-118-36-142-194-142-166%200-201%2025-201%20146%200%20114%2031%20141%20182%20162%20101%2013%20122%2028%20122%2082%200%2053-18%2064-103%2064-88%200-107-11-110-68zm558.97%20363h102V902h5c20%2054%2041%2064%20123%2064%20160%200%20193-45%20193-270%200-227-34-274-198-274-83%200-105%2011-123%2065h-4v-55h-98zm209-298c-93%200-112-30-112-179%200-148%2019-178%20112-178s113%2030%20113%20179c0%20148-20%20178-113%20178m656.46%2083h88V610c0-156-34-187-197-187-150%200-181%2027-179%20157h97c1-61%2015-74%2085-74%2082%200%2099%2018%2099%20105v24h-72c-187%200-226%2030-226%20179%200%20126%2028%20152%20162%20152%2092%200%20116-13%20138-74h5zm-8-243c-1%20135-22%20163-119%20163-65%200-79-13-79-75%200-74%2018-88%20107-88zm551.75%2095c-10%2056-26%2067-89%2067-100%200-121-31-121-181s20-181%20117-181c65%200%2081%2014%2091%2079h101c-4-141-37-170-188-170-185%200-224%2046-224%20272s39%20272%20226%20272c147%200%20179-26%20186-158zm547.03%209c-15%2048-31%2058-96%2058-96%200-117-23-123-136h324c5-263-32-317-214-317-172%200-207%2046-207%20271%200%20227%2038%20273%20223%20273%20139%200%20172-25%20190-149zm-218-160c4-122%2024-146%20114-146%2088%200%20108%2024%20112%20146zm787.56%20299h93l-1-734h-102l1%20266h-5c-19-54-40-65-120-65-162%200-196%2046-196%20272s35%20271%20200%20271c84%200%20105-11%20125-65h5zm-115-82c-94%200-114-30-114-180s20-180%20114-180c93%200%20112%2030%20112%20180s-19%20180-112%20180%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
|
|
@@ -213,7 +217,7 @@
|
|
|
213
217
|
--set-typography-leading-1000: 4.5rem; /** Leading step 1000. */
|
|
214
218
|
--set-typography-leading-1200: 6rem; /** Leading step 1200. */
|
|
215
219
|
--set-typography-leading-1300: 7.5rem; /** Leading step 1300. */
|
|
216
|
-
--set-typography-leading-700: 1.5rem; /** Default leading dimension. A block size representing the line-height
|
|
220
|
+
--set-typography-leading-700: 1.5rem; /** Default leading dimension. A block size representing the line-height. An escape hatch for aligning line-heights across elements with different font sizes (e.g. a small counter beside a large heading) — reach for text composites or typeStep pairs first. */
|
|
217
221
|
--set-typography-leading-750: 1.6875rem; /** Leading step 750. */
|
|
218
222
|
--set-typography-leading-775: 1.875rem; /** Leading step 775. */
|
|
219
223
|
--set-typography-leading-800: 2.25rem; /** Leading step 800. */
|