@imfusion/web-ui 0.11.1-dev.96.g0ff5ca96 → 0.11.1-dev.98.g72858b57
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/CHANGELOG.md +4 -3
- package/dist/components/logo/product/marks.d.ts +10 -1
- package/dist/components/logo/product/product.d.ts +2 -2
- package/dist/index.js +884 -858
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -10,9 +10,10 @@
|
|
|
10
10
|
|
|
11
11
|
### Added
|
|
12
12
|
|
|
13
|
-
- `ProductLogo` takes `compact` to fold into a square mark with the product's initial in place; changing it
|
|
14
|
-
|
|
15
|
-
|
|
13
|
+
- `ProductLogo` takes `compact` to fold into a square mark with the product's initial in place; changing it morphs the
|
|
14
|
+
logo, sliding the name into its initial as the plate closes behind it. Inside the AppShell rail the navbar folds it while
|
|
15
|
+
the rail is closed, centered on the icons.
|
|
16
|
+
[Compact](src/components/logo/product/product.stories.tsx#Compact), [Morph](src/components/logo/product/product.stories.tsx#Morph),
|
|
16
17
|
[RailProductLogo](src/components/app-shell/app-shell.stories.tsx#RailProductLogo)
|
|
17
18
|
([WEBSDK-307](https://imfusion.atlassian.net/browse/WEBSDK-307)) — Nikolaus Brunner <brunner@imfusion.com>
|
|
18
19
|
- `AppShell.Navbar` takes `mark`, a compact form for a custom logo that cannot fold, shown while the rail is closed.
|
|
@@ -30,7 +30,16 @@ export declare const productInitials: {
|
|
|
30
30
|
suite: string;
|
|
31
31
|
sdk: string;
|
|
32
32
|
};
|
|
33
|
-
/**
|
|
33
|
+
/**
|
|
34
|
+
* Where the rest of each wordmark starts: it slides in behind this edge as the logo folds, so whatever shows of it keeps
|
|
35
|
+
* the wordmark's spacing to the initial.
|
|
36
|
+
*/
|
|
37
|
+
export declare const productInitialEdges: {
|
|
38
|
+
labels: number;
|
|
39
|
+
suite: number;
|
|
40
|
+
sdk: number;
|
|
41
|
+
};
|
|
42
|
+
/** The rest of each wordmark after its initial; it rides the plate's end into the initial as the logo folds. */
|
|
34
43
|
export declare const productWordRests: {
|
|
35
44
|
labels: string;
|
|
36
45
|
suite: string;
|
|
@@ -6,8 +6,8 @@ type Props = Omit<React.ComponentProps<typeof Logo>, "src" | "alt" | "variant">
|
|
|
6
6
|
/** Cut the product name out of the plate so the background shows through. */
|
|
7
7
|
cutout?: boolean;
|
|
8
8
|
/**
|
|
9
|
-
* Fold to the square mark with the product's initial, for tight spaces. Changing it
|
|
10
|
-
* AppShell rail the navbar sets it while the rail is closed.
|
|
9
|
+
* Fold to the square mark with the product's initial, for tight spaces. Changing it morphs the logo: the name slides
|
|
10
|
+
* into its initial as the plate closes behind it. Inside the AppShell rail the navbar sets it while the rail is closed.
|
|
11
11
|
*/
|
|
12
12
|
compact?: boolean;
|
|
13
13
|
/** Override the accessible label. Defaults to the product name, e.g. "ImFusion SDK". */
|