@crewlethq/tokens 0.15.1 → 0.17.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/dist/css/tokens.css +2 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.js +5 -1
- package/package.json +1 -1
package/dist/css/tokens.css
CHANGED
|
@@ -118,6 +118,8 @@
|
|
|
118
118
|
--color-node-blue-halo: rgba(91, 127, 199, 0.16);
|
|
119
119
|
--color-scrollbar: rgba(255, 255, 255, 0.16); /** Scrollbars belong to the palette. A bright system gutter down the side of a dark page is the most visible way an application admits it is a web page. */
|
|
120
120
|
--color-scrollbar-hover: rgba(255, 255, 255, 0.26);
|
|
121
|
+
--color-qr-dark: #000000; /** A QR code's dark modules. Part of the symbol a camera reads rather than a colour of the palette, so it is the same in every palette and theme and is never spent on anything else. A code is specified dark on light, and some authenticator apps do not read one inverted for a dark theme, which is why it is not themed. */
|
|
122
|
+
--color-qr-light: #ffffff; /** A QR code's light plate, its quiet zone included. Fixed for the same reason as the dark modules: the plate is what gives a scanner light to find the finder patterns against, on any page. */
|
|
121
123
|
--density-compact: 0.82; /** The three steps --density takes, set on the root by @crewlethq/tokens/css/density. Every spacing and size token is emitted as calc(Npx * var(--density, 1)), so a density is a real change to every surface rather than to three font sizes, and every value is unchanged at 1. */
|
|
122
124
|
--density-normal: 1;
|
|
123
125
|
--density-comfortable: 1.16;
|
package/dist/index.d.ts
CHANGED
|
@@ -136,6 +136,10 @@ export declare const color: {
|
|
|
136
136
|
};
|
|
137
137
|
readonly scrollbar: "rgba(255, 255, 255, 0.16)";
|
|
138
138
|
readonly scrollbarHover: "rgba(255, 255, 255, 0.26)";
|
|
139
|
+
readonly qr: {
|
|
140
|
+
readonly dark: "#000000";
|
|
141
|
+
readonly light: "#ffffff";
|
|
142
|
+
};
|
|
139
143
|
};
|
|
140
144
|
export declare const density: {
|
|
141
145
|
readonly compact: "0.82";
|
package/dist/index.js
CHANGED
|
@@ -136,7 +136,11 @@ export const color = {
|
|
|
136
136
|
"blueHalo": "rgba(91, 127, 199, 0.16)"
|
|
137
137
|
},
|
|
138
138
|
"scrollbar": "rgba(255, 255, 255, 0.16)",
|
|
139
|
-
"scrollbarHover": "rgba(255, 255, 255, 0.26)"
|
|
139
|
+
"scrollbarHover": "rgba(255, 255, 255, 0.26)",
|
|
140
|
+
"qr": {
|
|
141
|
+
"dark": "#000000",
|
|
142
|
+
"light": "#ffffff"
|
|
143
|
+
}
|
|
140
144
|
};
|
|
141
145
|
export const density = {
|
|
142
146
|
"compact": "0.82",
|