@dbx-tools/ui-branding 0.3.21 → 0.3.23
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 +2 -2
- package/src/generated/assets.ts +16 -8
- package/src/react/brand.tsx +1 -1
package/package.json
CHANGED
|
@@ -15,14 +15,14 @@
|
|
|
15
15
|
"dependencies": {
|
|
16
16
|
"react": "^19.2.4",
|
|
17
17
|
"react-dom": "^19.2.4",
|
|
18
|
-
"@dbx-tools/shared-core": "0.3.
|
|
18
|
+
"@dbx-tools/shared-core": "0.3.23"
|
|
19
19
|
},
|
|
20
20
|
"main": "index.ts",
|
|
21
21
|
"license": "UNLICENSED",
|
|
22
22
|
"publishConfig": {
|
|
23
23
|
"access": "public"
|
|
24
24
|
},
|
|
25
|
-
"version": "0.3.
|
|
25
|
+
"version": "0.3.23",
|
|
26
26
|
"types": "index.ts",
|
|
27
27
|
"type": "module",
|
|
28
28
|
"exports": {
|
package/src/generated/assets.ts
CHANGED
|
@@ -2,15 +2,23 @@
|
|
|
2
2
|
// Do not edit this file or the neighboring generated SVG copies.
|
|
3
3
|
|
|
4
4
|
export const dbxToolsAssetSvg = {
|
|
5
|
-
iconLight:
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
iconLight:
|
|
6
|
+
'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-labelledby="title description">\n <title id="title">dbx tools icon</title>\n <desc id="description">Pixel tool mark in dbx tools lava red on a light surface.</desc>\n <rect width="64" height="64" rx="12" fill="#F6F7F8"/>\n <g shape-rendering="crispEdges">\n <path d="M4 28h8v8H4zm8 0h8v16h-8zm8-8h8v16h-8zm8 8h8v8h-8zm8-8h8v16h-8zm8 8h8v16h-8zm8 0h4v8h-4z" fill="#FF3621"/>\n <path d="M4 28h8v8H4zm52 0h4v8h-4z" fill="#D92D18"/>\n <path d="M28 28h8v8h-8z" fill="#FF8974"/>\n </g>\n</svg>\n',
|
|
7
|
+
iconDark:
|
|
8
|
+
'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-labelledby="title description">\n <title id="title">dbx tools icon</title>\n <desc id="description">Pixel tool mark in dbx tools lava red on a dark surface.</desc>\n <rect width="64" height="64" rx="12" fill="#0B2026"/>\n <g shape-rendering="crispEdges">\n <path d="M4 28h8v8H4zm8 0h8v16h-8zm8-8h8v16h-8zm8 8h8v8h-8zm8-8h8v16h-8zm8 8h8v16h-8zm8 0h4v8h-4z" fill="#FF3621"/>\n <path d="M4 28h8v8H4zm52 0h4v8h-4z" fill="#FF5A46"/>\n <path d="M28 28h8v8h-8z" fill="#FF8974"/>\n </g>\n</svg>\n',
|
|
9
|
+
logoLight:
|
|
10
|
+
'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 72" role="img" aria-labelledby="title description">\n <title id="title">dbx tools</title>\n <desc id="description">dbx tools logo for light surfaces.</desc>\n <g transform="translate(4 4)">\n <rect width="64" height="64" rx="12" fill="#F6F7F8"/>\n <g shape-rendering="crispEdges">\n <path d="M4 28h8v8H4zm8 0h8v16h-8zm8-8h8v16h-8zm8 8h8v8h-8zm8-8h8v16h-8zm8 8h8v16h-8zm8 0h4v8h-4z" fill="#FF3621"/>\n <path d="M4 28h8v8H4zm52 0h4v8h-4z" fill="#D92D18"/>\n <path d="M28 28h8v8h-8z" fill="#FF8974"/>\n </g>\n </g>\n <text x="84" y="47" font-family="Inter, ui-sans-serif, system-ui, sans-serif" font-size="32" font-weight="700" letter-spacing="0" fill="#0B2026">dbx <tspan fill="#FF3621">tools</tspan></text>\n</svg>\n',
|
|
11
|
+
logoDark:
|
|
12
|
+
'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 72" role="img" aria-labelledby="title description">\n <title id="title">dbx tools</title>\n <desc id="description">dbx tools logo for dark surfaces.</desc>\n <g transform="translate(4 4)">\n <rect width="64" height="64" rx="12" fill="#0B2026"/>\n <g shape-rendering="crispEdges">\n <path d="M4 28h8v8H4zm8 0h8v16h-8zm8-8h8v16h-8zm8 8h8v8h-8zm8-8h8v16h-8zm8 8h8v16h-8zm8 0h4v8h-4z" fill="#FF3621"/>\n <path d="M4 28h8v8H4zm52 0h4v8h-4z" fill="#FF5A46"/>\n <path d="M28 28h8v8h-8z" fill="#FF8974"/>\n </g>\n </g>\n <text x="84" y="47" font-family="Inter, ui-sans-serif, system-ui, sans-serif" font-size="32" font-weight="700" letter-spacing="0" fill="#F6F7F8">dbx <tspan fill="#FF5A46">tools</tspan></text>\n</svg>\n',
|
|
9
13
|
} as const;
|
|
10
14
|
|
|
11
15
|
export const dbxToolsAssetDataUrls = {
|
|
12
|
-
iconLight:
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
+
iconLight:
|
|
17
|
+
"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgcm9sZT0iaW1nIiBhcmlhLWxhYmVsbGVkYnk9InRpdGxlIGRlc2NyaXB0aW9uIj4KICA8dGl0bGUgaWQ9InRpdGxlIj5kYnggdG9vbHMgaWNvbjwvdGl0bGU+CiAgPGRlc2MgaWQ9ImRlc2NyaXB0aW9uIj5QaXhlbCB0b29sIG1hcmsgaW4gZGJ4IHRvb2xzIGxhdmEgcmVkIG9uIGEgbGlnaHQgc3VyZmFjZS48L2Rlc2M+CiAgPHJlY3Qgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiByeD0iMTIiIGZpbGw9IiNGNkY3RjgiLz4KICA8ZyBzaGFwZS1yZW5kZXJpbmc9ImNyaXNwRWRnZXMiPgogICAgPHBhdGggZD0iTTQgMjhoOHY4SDR6bTggMGg4djE2aC04em04LThoOHYxNmgtOHptOCA4aDh2OGgtOHptOC04aDh2MTZoLTh6bTggOGg4djE2aC04em04IDBoNHY4aC00eiIgZmlsbD0iI0ZGMzYyMSIvPgogICAgPHBhdGggZD0iTTQgMjhoOHY4SDR6bTUyIDBoNHY4aC00eiIgZmlsbD0iI0Q5MkQxOCIvPgogICAgPHBhdGggZD0iTTI4IDI4aDh2OGgtOHoiIGZpbGw9IiNGRjg5NzQiLz4KICA8L2c+Cjwvc3ZnPgo=",
|
|
18
|
+
iconDark:
|
|
19
|
+
"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgcm9sZT0iaW1nIiBhcmlhLWxhYmVsbGVkYnk9InRpdGxlIGRlc2NyaXB0aW9uIj4KICA8dGl0bGUgaWQ9InRpdGxlIj5kYnggdG9vbHMgaWNvbjwvdGl0bGU+CiAgPGRlc2MgaWQ9ImRlc2NyaXB0aW9uIj5QaXhlbCB0b29sIG1hcmsgaW4gZGJ4IHRvb2xzIGxhdmEgcmVkIG9uIGEgZGFyayBzdXJmYWNlLjwvZGVzYz4KICA8cmVjdCB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHJ4PSIxMiIgZmlsbD0iIzBCMjAyNiIvPgogIDxnIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyI+CiAgICA8cGF0aCBkPSJNNCAyOGg4djhINHptOCAwaDh2MTZoLTh6bTgtOGg4djE2aC04em04IDhoOHY4aC04em04LThoOHYxNmgtOHptOCA4aDh2MTZoLTh6bTggMGg0djhoLTR6IiBmaWxsPSIjRkYzNjIxIi8+CiAgICA8cGF0aCBkPSJNNCAyOGg4djhINHptNTIgMGg0djhoLTR6IiBmaWxsPSIjRkY1QTQ2Ii8+CiAgICA8cGF0aCBkPSJNMjggMjhoOHY4aC04eiIgZmlsbD0iI0ZGODk3NCIvPgogIDwvZz4KPC9zdmc+Cg==",
|
|
20
|
+
logoLight:
|
|
21
|
+
"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNzIiIHJvbGU9ImltZyIgYXJpYS1sYWJlbGxlZGJ5PSJ0aXRsZSBkZXNjcmlwdGlvbiI+CiAgPHRpdGxlIGlkPSJ0aXRsZSI+ZGJ4IHRvb2xzPC90aXRsZT4KICA8ZGVzYyBpZD0iZGVzY3JpcHRpb24iPmRieCB0b29scyBsb2dvIGZvciBsaWdodCBzdXJmYWNlcy48L2Rlc2M+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNCA0KSI+CiAgICA8cmVjdCB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHJ4PSIxMiIgZmlsbD0iI0Y2RjdGOCIvPgogICAgPGcgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KICAgICAgPHBhdGggZD0iTTQgMjhoOHY4SDR6bTggMGg4djE2aC04em04LThoOHYxNmgtOHptOCA4aDh2OGgtOHptOC04aDh2MTZoLTh6bTggOGg4djE2aC04em04IDBoNHY4aC00eiIgZmlsbD0iI0ZGMzYyMSIvPgogICAgICA8cGF0aCBkPSJNNCAyOGg4djhINHptNTIgMGg0djhoLTR6IiBmaWxsPSIjRDkyRDE4Ii8+CiAgICAgIDxwYXRoIGQ9Ik0yOCAyOGg4djhoLTh6IiBmaWxsPSIjRkY4OTc0Ii8+CiAgICA8L2c+CiAgPC9nPgogIDx0ZXh0IHg9Ijg0IiB5PSI0NyIgZm9udC1mYW1pbHk9IkludGVyLCB1aS1zYW5zLXNlcmlmLCBzeXN0ZW0tdWksIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMzIiIGZvbnQtd2VpZ2h0PSI3MDAiIGxldHRlci1zcGFjaW5nPSIwIiBmaWxsPSIjMEIyMDI2Ij5kYnggPHRzcGFuIGZpbGw9IiNGRjM2MjEiPnRvb2xzPC90c3Bhbj48L3RleHQ+Cjwvc3ZnPgo=",
|
|
22
|
+
logoDark:
|
|
23
|
+
"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNzIiIHJvbGU9ImltZyIgYXJpYS1sYWJlbGxlZGJ5PSJ0aXRsZSBkZXNjcmlwdGlvbiI+CiAgPHRpdGxlIGlkPSJ0aXRsZSI+ZGJ4IHRvb2xzPC90aXRsZT4KICA8ZGVzYyBpZD0iZGVzY3JpcHRpb24iPmRieCB0b29scyBsb2dvIGZvciBkYXJrIHN1cmZhY2VzLjwvZGVzYz4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0IDQpIj4KICAgIDxyZWN0IHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgcng9IjEyIiBmaWxsPSIjMEIyMDI2Ii8+CiAgICA8ZyBzaGFwZS1yZW5kZXJpbmc9ImNyaXNwRWRnZXMiPgogICAgICA8cGF0aCBkPSJNNCAyOGg4djhINHptOCAwaDh2MTZoLTh6bTgtOGg4djE2aC04em04IDhoOHY4aC04em04LThoOHYxNmgtOHptOCA4aDh2MTZoLTh6bTggMGg0djhoLTR6IiBmaWxsPSIjRkYzNjIxIi8+CiAgICAgIDxwYXRoIGQ9Ik00IDI4aDh2OEg0em01MiAwaDR2OGgtNHoiIGZpbGw9IiNGRjVBNDYiLz4KICAgICAgPHBhdGggZD0iTTI4IDI4aDh2OGgtOHoiIGZpbGw9IiNGRjg5NzQiLz4KICAgIDwvZz4KICA8L2c+CiAgPHRleHQgeD0iODQiIHk9IjQ3IiBmb250LWZhbWlseT0iSW50ZXIsIHVpLXNhbnMtc2VyaWYsIHN5c3RlbS11aSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIzMiIgZm9udC13ZWlnaHQ9IjcwMCIgbGV0dGVyLXNwYWNpbmc9IjAiIGZpbGw9IiNGNkY3RjgiPmRieCA8dHNwYW4gZmlsbD0iI0ZGNUE0NiI+dG9vbHM8L3RzcGFuPjwvdGV4dD4KPC9zdmc+Cg==",
|
|
16
24
|
} as const;
|
package/src/react/brand.tsx
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { brand } from "@dbx-tools/shared-core";
|
|
1
2
|
import {
|
|
2
3
|
createContext,
|
|
3
4
|
type ImgHTMLAttributes,
|
|
@@ -6,7 +7,6 @@ import {
|
|
|
6
7
|
useEffect,
|
|
7
8
|
useMemo,
|
|
8
9
|
} from "react";
|
|
9
|
-
import { brand } from "@dbx-tools/shared-core";
|
|
10
10
|
import { applyBrandContext, type BrandAssetResolver, resolveBrandAsset } from "../browser";
|
|
11
11
|
|
|
12
12
|
interface BrandState {
|